SiteIconPicker: Add emoji group picker

WordPress/Classes/ViewRelated/Blog/Blog Details/BlogDetailsViewController+Swift.swift

@@ -4,6 +4,10 @@ import SwiftUI
 extension BlogDetailsViewController {
     @objc
     func showEmojiPicker() {
+        guard #available(iOS 14.0, *) else {
+            return
+        }
+
         var pickerView = SiteIconPickerView()
 
         pickerView.onCompletion = { [weak self] image in

WordPress/Classes/ViewRelated/Blog/My Site/EmojiRenderer.swift

@@ -0,0 +1,42 @@
+import UIKit
+
+/// Renders the specified emoji character into an image with the specified background color.
+/// The image size and insets for the character can be overridden if necessary.
+///
+struct EmojiRenderer {
+    let emoji: String
+    let backgroundColor: UIColor
+    let imageSize: CGSize
+    let insetSize: CGFloat
+
+    init(emoji: String, backgroundColor: UIColor, imageSize: CGSize = CGSize(width: 512.0, height: 512.0), insetSize: CGFloat = 16.0) {
+        self.emoji = emoji
+        self.backgroundColor = backgroundColor
+        self.imageSize = imageSize
+        self.insetSize = insetSize
+    }
+
+    func render() -> UIImage {
+        let rect = CGRect(origin: .zero, size: imageSize)
+        let insetRect = rect.insetBy(dx: insetSize, dy: insetSize)
+
+        // The size passed in here doesn't matter, we just need the descriptor
+        guard let font = UIFont.fontFittingText(emoji, in: insetRect.size, fontDescriptor: UIFont.systemFont(ofSize: 100).fontDescriptor) else {
+            return UIImage()
+        }
+
+        let renderer = UIGraphicsImageRenderer(size: rect.size)
+        let img = renderer.image { ctx in
+            backgroundColor.setFill()
+            ctx.fill(rect)
+
+            let paragraphStyle = NSMutableParagraphStyle()
+            paragraphStyle.alignment = .center
+
+            let attrs: [NSAttributedString.Key : Any] = [.font: font, .paragraphStyle: paragraphStyle]
+            emoji.draw(with: insetRect, options: .usesLineFragmentOrigin, attributes: attrs, context: nil)
+        }
+
+        return img
+    }
+}