@momo-kits/native-kits 0.0.1-beta.5 → 0.0.2-alpha.1-debug

package/ios-demo/README.md

@@ -0,0 +1,120 @@
+# MoMoUIKitsDemo
+
+SwiftUI demo browser for `MoMoUIKits`.
+
+The package can optionally host a Compose UIKits screen by receiving a
+`UIViewController` factory from the host app. It does not import the KMP
+`shared` module directly.
+
+SwiftUI mode reuses the full demo screen set from
+`sample/iosApp/iosApp/Demo`, including the sample `HomeView` registry and demo
+screens for all currently available components.
+
+## CocoaPods
+
+In the host app `Podfile`, include both local pods:
+
+```ruby
+pod 'MoMoUIKits', :path => '../momo-native-kits/ios/native-kits.podspec'
+pod 'MoMoUIKitsDemo', :path => '../momo-native-kits/ios-demo'
+```
+
+Adjust the relative paths to match the host app checkout.
+
+## Host App Usage
+
+```swift
+import MoMoUIKitsDemo
+import shared
+
+class UIKitsViewController: BaseComposeAppViewController {
+  override func getViewController() -> UIViewController? {
+    let params = self.application.data as? [String: Any]
+
+    return MoMoUIKitsDemoViewControllerFactory.make(
+      context: MoMoUIKitsDemoContext(
+        appId: params?["appId"] as? String ?? "",
+        appCode: params?["code"] as? String ?? "",
+        appName: params?["name"] as? String,
+        appIcon: params?["icon"] as? String ?? ""
+      ),
+      composeViewController: {
+        UIKitsScreenComposeViewControllerKt.UIKitsScreenComposeViewController(
+          params: params
+        )
+      }
+    )
+  }
+
+  override func viewDidDisappear(_ animated: Bool) {
+    super.viewDidDisappear(animated)
+    composeViewController = nil
+  }
+}
+```
+
+If the host does not pass `composeViewController`, the demo opens directly in
+SwiftUI mode.
+
+## Included SwiftUI Demos
+
+The pod includes the sample demo screens for:
+
+- Animated Header
+- Avatar
+- Badge
+- Baseline View
+- Bottom Tab
+- Button
+- Carousel
+- Checkbox
+- Chip
+- Collapse
+- DateTimePicker
+- Divider
+- Header User
+- Icon Button
+- Image
+- Information
+- Input
+- Input DropDown
+- Input Money
+- Input OTP
+- Input Phone Number
+- Input Search
+- Input TextArea
+- Loader
+- Navigation
+- Pagination
+- Popup Display
+- Popup Notify
+- Popup Promotion
+- Progress Info
+- Radio
+- Rating
+- Skeleton
+- Slider
+- SnackBar
+- Stepper
+- Steps
+- Suggest Action
+- Swipe
+- Switch
+- TabView
+- Tag
+- Theme
+- Title
+- Tooltip
+- Typography
+- Uploader
+
+## Validation Notes
+
+Validated locally with:
+
+```sh
+pod ipc spec ios/MoMoUIKits.podspec
+pod ipc spec ios-demo/MoMoUIKitsDemo.podspec
+pod lib lint ios/MoMoUIKits.podspec --allow-warnings --skip-import-validation
+pod lib lint ios-demo/MoMoUIKitsDemo.podspec --allow-warnings --skip-import-validation --include-podspecs=ios/MoMoUIKits.podspec
+```

package/ios-demo/Resources/dot_loading.json

@@ -0,0 +1,558 @@
+{
+    "v": "5.5.9",
+    "fr": 29.9700012207031,
+    "ip": 0,
+    "op": 50.0000020365418,
+    "w": 72,
+    "h": 72,
+    "nm": "Comp 1",
+    "ddd": 0,
+    "assets": [],
+    "layers": [
+        {
+            "ddd": 0,
+            "ind": 1,
+            "ty": 4,
+            "nm": "Shape Layer 3",
+            "sr": 1,
+            "ks": {
+                "o": {
+                    "a": 1,
+                    "k": [
+                        {
+                            "i": { "x": [0.667], "y": [1] },
+                            "o": { "x": [0.333], "y": [0] },
+                            "t": 0,
+                            "s": [20],
+                            "e": [0]
+                        },
+                        {
+                            "i": { "x": [0.667], "y": [1] },
+                            "o": { "x": [0.333], "y": [0] },
+                            "t": 21,
+                            "s": [0],
+                            "e": [20]
+                        },
+                        {
+                            "i": { "x": [0.667], "y": [1] },
+                            "o": { "x": [0.333], "y": [0] },
+                            "t": 35,
+                            "s": [20],
+                            "e": [20]
+                        },
+                        { "t": 42.0000017106951 }
+                    ],
+                    "ix": 11
+                },
+                "r": { "a": 0, "k": 0, "ix": 10 },
+                "p": {
+                    "a": 1,
+                    "k": [
+                        {
+                            "i": { "x": 0.667, "y": 0.667 },
+                            "o": { "x": 0.333, "y": 0.333 },
+                            "t": 0,
+                            "s": [56.25, 36.75, 0],
+                            "e": [56.25, 36.75, 0],
+                            "to": [0, 0, 0],
+                            "ti": [0, 0, 0]
+                        },
+                        {
+                            "i": { "x": 0.667, "y": 1 },
+                            "o": { "x": 0.333, "y": 0 },
+                            "t": 7,
+                            "s": [56.25, 36.75, 0],
+                            "e": [56.25, 30, 0],
+                            "to": [0, -1.125, 0],
+                            "ti": [0, 2.708, 0]
+                        },
+                        {
+                            "i": { "x": 0.667, "y": 1 },
+                            "o": { "x": 0.333, "y": 0 },
+                            "t": 14,
+                            "s": [56.25, 30, 0],
+                            "e": [56.25, 20.5, 0],
+                            "to": [0, -2.708, 0],
+                            "ti": [0, -1.708, 0]
+                        },
+                        {
+                            "i": { "x": 0.667, "y": 1 },
+                            "o": { "x": 0.333, "y": 0 },
+                            "t": 21,
+                            "s": [56.25, 20.5, 0],
+                            "e": [56.25, 40.25, 0],
+                            "to": [0, 1.708, 0],
+                            "ti": [0, 0, 0]
+                        },
+                        {
+                            "i": { "x": 0.667, "y": 1 },
+                            "o": { "x": 0.333, "y": 0 },
+                            "t": 35,
+                            "s": [56.25, 40.25, 0],
+                            "e": [56.25, 36.75, 0],
+                            "to": [0, 0, 0],
+                            "ti": [0, 0.583, 0]
+                        },
+                        { "t": 42.0000017106951 }
+                    ],
+                    "ix": 2
+                },
+                "a": { "a": 0, "k": [-10, -1.5, 0], "ix": 1 },
+                "s": {
+                    "a": 1,
+                    "k": [
+                        {
+                            "i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
+                            "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, -6.114] },
+                            "t": 0,
+                            "s": [126.347, 126.347, 100],
+                            "e": [80, 80, 100]
+                        },
+                        {
+                            "i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
+                            "o": { "x": [0.333, 0.333, 0.333], "y": [0, 0, 0] },
+                            "t": 21,
+                            "s": [80, 80, 100],
+                            "e": [110, 110, 100]
+                        },
+                        {
+                            "i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
+                            "o": { "x": [0.333, 0.333, 0.333], "y": [0, 0, 0] },
+                            "t": 35,
+                            "s": [110, 110, 100],
+                            "e": [126.347, 126.347, 100]
+                        },
+                        { "t": 42.0000017106951 }
+                    ],
+                    "ix": 6
+                }
+            },
+            "ao": 0,
+            "shapes": [
+                {
+                    "ty": "gr",
+                    "it": [
+                        {
+                            "d": 1,
+                            "ty": "el",
+                            "s": { "a": 0, "k": [11.443, 11.443], "ix": 2 },
+                            "p": { "a": 0, "k": [0, 0], "ix": 3 },
+                            "nm": "Ellipse Path 1",
+                            "mn": "ADBE Vector Shape - Ellipse",
+                            "hd": false
+                        },
+                        {
+                            "ty": "st",
+                            "c": { "a": 0, "k": [1, 1, 1, 1], "ix": 3 },
+                            "o": { "a": 0, "k": 100, "ix": 4 },
+                            "w": { "a": 0, "k": 0, "ix": 5 },
+                            "lc": 1,
+                            "lj": 1,
+                            "ml": 4,
+                            "bm": 0,
+                            "nm": "Stroke 1",
+                            "mn": "ADBE Vector Graphic - Stroke",
+                            "hd": false
+                        },
+                        {
+                            "ty": "fl",
+                            "c": {
+                                "a": 0,
+                                "k": [0.847058823529, 0.176470588235, 0.545098039216, 1],
+                                "ix": 4
+                            },
+                            "o": { "a": 0, "k": 100, "ix": 5 },
+                            "r": 1,
+                            "bm": 0,
+                            "nm": "Fill 1",
+                            "mn": "ADBE Vector Graphic - Fill",
+                            "hd": false
+                        },
+                        {
+                            "ty": "tr",
+                            "p": { "a": 0, "k": [-10.028, -1.528], "ix": 2 },
+                            "a": { "a": 0, "k": [0, 0], "ix": 1 },
+                            "s": { "a": 0, "k": [100, 100], "ix": 3 },
+                            "r": { "a": 0, "k": 0, "ix": 6 },
+                            "o": { "a": 0, "k": 100, "ix": 7 },
+                            "sk": { "a": 0, "k": 0, "ix": 4 },
+                            "sa": { "a": 0, "k": 0, "ix": 5 },
+                            "nm": "Transform"
+                        }
+                    ],
+                    "nm": "Ellipse 1",
+                    "np": 3,
+                    "cix": 2,
+                    "bm": 0,
+                    "ix": 1,
+                    "mn": "ADBE Vector Group",
+                    "hd": false
+                }
+            ],
+            "ip": 0,
+            "op": 900.000036657751,
+            "st": 0,
+            "bm": 0
+        },
+        {
+            "ddd": 0,
+            "ind": 2,
+            "ty": 4,
+            "nm": "Shape Layer 2",
+            "sr": 1,
+            "ks": {
+                "o": {
+                    "a": 1,
+                    "k": [
+                        {
+                            "i": { "x": [0.667], "y": [1] },
+                            "o": { "x": [0.333], "y": [0] },
+                            "t": 7,
+                            "s": [50],
+                            "e": [0]
+                        },
+                        {
+                            "i": { "x": [0.667], "y": [1] },
+                            "o": { "x": [0.333], "y": [0] },
+                            "t": 14,
+                            "s": [0],
+                            "e": [50]
+                        },
+                        {
+                            "i": { "x": [0.667], "y": [1] },
+                            "o": { "x": [0.333], "y": [0] },
+                            "t": 21,
+                            "s": [50],
+                            "e": [50]
+                        },
+                        {
+                            "i": { "x": [0.667], "y": [1] },
+                            "o": { "x": [0.333], "y": [0] },
+                            "t": 28,
+                            "s": [50],
+                            "e": [50]
+                        },
+                        { "t": 35.0000014255792 }
+                    ],
+                    "ix": 11
+                },
+                "r": { "a": 0, "k": 0, "ix": 10 },
+                "p": {
+                    "a": 1,
+                    "k": [
+                        {
+                            "i": { "x": 0.667, "y": 1 },
+                            "o": { "x": 0.333, "y": 0 },
+                            "t": 0,
+                            "s": [36.125, 36.75, 0],
+                            "e": [36.125, 32.5, 0],
+                            "to": [0, -0.708, 0],
+                            "ti": [0, 1.5, 0]
+                        },
+                        {
+                            "i": { "x": 0.667, "y": 1 },
+                            "o": { "x": 0.333, "y": 0 },
+                            "t": 7,
+                            "s": [36.125, 32.5, 0],
+                            "e": [36.125, 27.75, 0],
+                            "to": [0, -1.5, 0],
+                            "ti": [0, -0.708, 0]
+                        },
+                        {
+                            "i": { "x": 0.667, "y": 1 },
+                            "o": { "x": 0.333, "y": 0 },
+                            "t": 14,
+                            "s": [36.125, 27.75, 0],
+                            "e": [36.125, 28.232, 0],
+                            "to": [0, 0.446, 0],
+                            "ti": [0, -2.43, 0]
+                        },
+                        {
+                            "i": { "x": 0.667, "y": 1 },
+                            "o": { "x": 0.333, "y": 0 },
+                            "t": 21,
+                            "s": [36.125, 28.232, 0],
+                            "e": [36.125, 41.25, 0],
+                            "to": [0, 1.43, 0],
+                            "ti": [0, -0.556, 0]
+                        },
+                        {
+                            "i": { "x": 0.667, "y": 1 },
+                            "o": { "x": 0.333, "y": 0 },
+                            "t": 28,
+                            "s": [36.125, 41.25, 0],
+                            "e": [36.125, 36.75, 0],
+                            "to": [0, 1.5, 0],
+                            "ti": [0, -0.556, 0]
+                        },
+                        { "t": 35.0000014255792 }
+                    ],
+                    "ix": 2
+                },
+                "a": { "a": 0, "k": [-10, -1.5, 0], "ix": 1 },
+                "s": {
+                    "a": 1,
+                    "k": [
+                        {
+                            "i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
+                            "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, -10.505] },
+                            "t": 0,
+                            "s": [126.347, 126.347, 100],
+                            "e": [80, 80, 100]
+                        },
+                        {
+                            "i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
+                            "o": { "x": [0.333, 0.333, 0.333], "y": [0, 0, 0] },
+                            "t": 14,
+                            "s": [80, 80, 100],
+                            "e": [110, 110, 100]
+                        },
+                        {
+                            "i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
+                            "o": { "x": [0.333, 0.333, 0.333], "y": [0, 0, 0] },
+                            "t": 28,
+                            "s": [110, 110, 100],
+                            "e": [126.347, 126.347, 100]
+                        },
+                        { "t": 35.0000014255792 }
+                    ],
+                    "ix": 6
+                }
+            },
+            "ao": 0,
+            "shapes": [
+                {
+                    "ty": "gr",
+                    "it": [
+                        {
+                            "d": 1,
+                            "ty": "el",
+                            "s": { "a": 0, "k": [11.443, 11.443], "ix": 2 },
+                            "p": { "a": 0, "k": [0, 0], "ix": 3 },
+                            "nm": "Ellipse Path 1",
+                            "mn": "ADBE Vector Shape - Ellipse",
+                            "hd": false
+                        },
+                        {
+                            "ty": "st",
+                            "c": { "a": 0, "k": [1, 1, 1, 1], "ix": 3 },
+                            "o": { "a": 0, "k": 100, "ix": 4 },
+                            "w": { "a": 0, "k": 0, "ix": 5 },
+                            "lc": 1,
+                            "lj": 1,
+                            "ml": 4,
+                            "bm": 0,
+                            "nm": "Stroke 1",
+                            "mn": "ADBE Vector Graphic - Stroke",
+                            "hd": false
+                        },
+                        {
+                            "ty": "fl",
+                            "c": {
+                                "a": 0,
+                                "k": [0.847058823529, 0.176470588235, 0.545098039216, 1],
+                                "ix": 4
+                            },
+                            "o": { "a": 0, "k": 100, "ix": 5 },
+                            "r": 1,
+                            "bm": 0,
+                            "nm": "Fill 1",
+                            "mn": "ADBE Vector Graphic - Fill",
+                            "hd": false
+                        },
+                        {
+                            "ty": "tr",
+                            "p": { "a": 0, "k": [-10.028, -1.528], "ix": 2 },
+                            "a": { "a": 0, "k": [0, 0], "ix": 1 },
+                            "s": { "a": 0, "k": [100, 100], "ix": 3 },
+                            "r": { "a": 0, "k": 0, "ix": 6 },
+                            "o": { "a": 0, "k": 100, "ix": 7 },
+                            "sk": { "a": 0, "k": 0, "ix": 4 },
+                            "sa": { "a": 0, "k": 0, "ix": 5 },
+                            "nm": "Transform"
+                        }
+                    ],
+                    "nm": "Ellipse 1",
+                    "np": 3,
+                    "cix": 2,
+                    "bm": 0,
+                    "ix": 1,
+                    "mn": "ADBE Vector Group",
+                    "hd": false
+                }
+            ],
+            "ip": 0,
+            "op": 900.000036657751,
+            "st": 0,
+            "bm": 0
+        },
+        {
+            "ddd": 0,
+            "ind": 3,
+            "ty": 4,
+            "nm": "Shape Layer 1",
+            "sr": 1,
+            "ks": {
+                "o": {
+                    "a": 1,
+                    "k": [
+                        {
+                            "i": { "x": [0.667], "y": [1] },
+                            "o": { "x": [0.167], "y": [0.167] },
+                            "t": 0,
+                            "s": [100],
+                            "e": [0]
+                        },
+                        {
+                            "i": { "x": [0.667], "y": [1] },
+                            "o": { "x": [0.333], "y": [0] },
+                            "t": 7,
+                            "s": [0],
+                            "e": [100]
+                        },
+                        {
+                            "i": { "x": [0.667], "y": [1] },
+                            "o": { "x": [0.333], "y": [0] },
+                            "t": 21,
+                            "s": [100],
+                            "e": [100]
+                        },
+                        { "t": 28.0000011404634 }
+                    ],
+                    "ix": 11
+                },
+                "r": { "a": 0, "k": 0, "ix": 10 },
+                "p": {
+                    "a": 1,
+                    "k": [
+                        {
+                            "i": { "x": 0.667, "y": 1 },
+                            "o": { "x": 0.333, "y": 0 },
+                            "t": 0,
+                            "s": [16, 36.75, 0],
+                            "e": [16, 26.75, 0],
+                            "to": [0, -1.667, 0],
+                            "ti": [0, -0.625, 0]
+                        },
+                        {
+                            "i": { "x": 0.667, "y": 1 },
+                            "o": { "x": 0.333, "y": 0 },
+                            "t": 7,
+                            "s": [16, 26.75, 0],
+                            "e": [16, 40.5, 0],
+                            "to": [0, 0.625, 0],
+                            "ti": [0, -1.667, 0]
+                        },
+                        {
+                            "i": { "x": 0.667, "y": 1 },
+                            "o": { "x": 0.333, "y": 0 },
+                            "t": 21,
+                            "s": [16, 40.5, 0],
+                            "e": [16, 36.75, 0],
+                            "to": [0, 1.667, 0],
+                            "ti": [0, 0.625, 0]
+                        },
+                        { "t": 28.0000011404634 }
+                    ],
+                    "ix": 2
+                },
+                "a": { "a": 0, "k": [-10, -1.5, 0], "ix": 1 },
+                "s": {
+                    "a": 1,
+                    "k": [
+                        {
+                            "i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
+                            "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, -1.575] },
+                            "t": 0,
+                            "s": [126.347, 126.347, 100],
+                            "e": [80, 80, 100]
+                        },
+                        {
+                            "i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
+                            "o": { "x": [0.333, 0.333, 0.333], "y": [0, 0, 0] },
+                            "t": 7,
+                            "s": [80, 80, 100],
+                            "e": [110, 110, 100]
+                        },
+                        {
+                            "i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
+                            "o": { "x": [0.333, 0.333, 0.333], "y": [0, 0, 0] },
+                            "t": 21,
+                            "s": [110, 110, 100],
+                            "e": [126.347, 126.347, 100]
+                        },
+                        { "t": 28.0000011404634 }
+                    ],
+                    "ix": 6
+                }
+            },
+            "ao": 0,
+            "shapes": [
+                {
+                    "ty": "gr",
+                    "it": [
+                        {
+                            "d": 1,
+                            "ty": "el",
+                            "s": { "a": 0, "k": [11.443, 11.443], "ix": 2 },
+                            "p": { "a": 0, "k": [0, 0], "ix": 3 },
+                            "nm": "Ellipse Path 1",
+                            "mn": "ADBE Vector Shape - Ellipse",
+                            "hd": false
+                        },
+                        {
+                            "ty": "st",
+                            "c": { "a": 0, "k": [1, 1, 1, 1], "ix": 3 },
+                            "o": { "a": 0, "k": 100, "ix": 4 },
+                            "w": { "a": 0, "k": 0, "ix": 5 },
+                            "lc": 1,
+                            "lj": 1,
+                            "ml": 4,
+                            "bm": 0,
+                            "nm": "Stroke 1",
+                            "mn": "ADBE Vector Graphic - Stroke",
+                            "hd": false
+                        },
+                        {
+                            "ty": "fl",
+                            "c": {
+                                "a": 0,
+                                "k": [0.847058823529, 0.176470588235, 0.545098039216, 1],
+                                "ix": 4
+                            },
+                            "o": { "a": 0, "k": 100, "ix": 5 },
+                            "r": 1,
+                            "bm": 0,
+                            "nm": "Fill 1",
+                            "mn": "ADBE Vector Graphic - Fill",
+                            "hd": false
+                        },
+                        {
+                            "ty": "tr",
+                            "p": { "a": 0, "k": [-10.028, -1.528], "ix": 2 },
+                            "a": { "a": 0, "k": [0, 0], "ix": 1 },
+                            "s": { "a": 0, "k": [100, 100], "ix": 3 },
+                            "r": { "a": 0, "k": 0, "ix": 6 },
+                            "o": { "a": 0, "k": 100, "ix": 7 },
+                            "sk": { "a": 0, "k": 0, "ix": 4 },
+                            "sa": { "a": 0, "k": 0, "ix": 5 },
+                            "nm": "Transform"
+                        }
+                    ],
+                    "nm": "Ellipse 1",
+                    "np": 3,
+                    "cix": 2,
+                    "bm": 0,
+                    "ix": 1,
+                    "mn": "ADBE Vector Group",
+                    "hd": false
+                }
+            ],
+            "ip": 0,
+            "op": 900.000036657751,
+            "st": 0,
+            "bm": 0
+        }
+    ],
+    "markers": []
+}