react-native-platform-components 0.6.0 → 0.6.1

package/README.md

@@ -78,6 +78,64 @@ pod install
 - Supports **Material 3** styling
 - No additional setup required beyond autolinking
 
+### Expo (Managed Workflow)
+
+> **Note:** This library is **not supported in Expo Go**. It requires native code and must be used with [Expo Dev Client](https://docs.expo.dev/develop/development-builds/introduction/) or EAS Build.
+
+```sh
+npx expo install react-native-platform-components
+npx expo prebuild
+npx expo run:ios
+# or
+npx expo run:android
+```
+
+The library includes an Expo config plugin that handles all native configuration automatically. No manual native setup is required.
+
+**EAS Build:**
+
+```sh
+eas build --platform ios
+eas build --platform android
+```
+
+**Config Plugin:**
+
+Add to your `app.json`:
+```json
+{
+  "expo": {
+    "plugins": [
+      ["react-native-platform-components/app.plugin", {}]
+    ]
+  }
+}
+```
+
+For a complete working example, see the [`example-expo/`](./example-expo) directory.
+
+---
+
+## React Native New Architecture
+
+This library is built for the **React Native New Architecture** (Fabric + TurboModules).
+
+| Feature | Status |
+|---------|--------|
+| Fabric (New Renderer) | Supported |
+| Codegen | Used for type-safe native bindings |
+| TurboModules | N/A (view components only) |
+| Old Architecture | Not supported |
+
+**Tested with:**
+- React Native 0.81+ (bare and Expo)
+- Expo SDK 54+
+
+**Requirements:**
+- New Architecture must be enabled in your app
+- For bare React Native: set `newArchEnabled=true` in `gradle.properties` (Android) and use the `RCT_NEW_ARCH_ENABLED` flag (iOS)
+- For Expo: set `"newArchEnabled": true` in `app.json`
+
 ---
 
 ## Quick Start

package/android/src/main/java/com/platformcomponents/PCContextMenuView.kt

@@ -9,12 +9,12 @@ import android.view.Menu
 import android.view.MotionEvent
 import android.view.View
 import android.view.ViewConfiguration
-import android.widget.FrameLayout
 import androidx.appcompat.widget.PopupMenu
 import androidx.core.content.ContextCompat
 import androidx.core.graphics.drawable.DrawableCompat
+import com.facebook.react.views.view.ReactViewGroup
 
-class PCContextMenuView(context: Context) : FrameLayout(context) {
+class PCContextMenuView(context: Context) : ReactViewGroup(context) {
 
   data class Action(
     val id: String,

package/android/src/main/java/com/platformcomponents/PCSelectionMenuView.kt

@@ -341,12 +341,16 @@ class PCSelectionMenuView(context: Context) : FrameLayout(context), ReactScrollV
 
     if (mode == MaterialMode.M3) {
       // M3 exposed dropdown menu - the standard Material 3 way
+      // Must set box background mode BEFORE setting endIconMode to avoid IllegalStateException
       val til = TextInputLayout(context).apply {
         layoutParams = FrameLayout.LayoutParams(
           FrameLayout.LayoutParams.MATCH_PARENT,
           FrameLayout.LayoutParams.WRAP_CONTENT
         )
+        // Set box background mode first - required for END_ICON_DROPDOWN_MENU
+        boxBackgroundMode = TextInputLayout.BOX_BACKGROUND_OUTLINE
         hint = placeholder
+        // Now safe to set the dropdown icon
         endIconMode = TextInputLayout.END_ICON_DROPDOWN_MENU
       }
 

package/app.plugin.cjs

@@ -0,0 +1,4 @@
+// Expo config plugin entry point
+// This file is used by Expo to locate the config plugin
+
+module.exports = require('./plugin/build/index.cjs').default;

package/expo-module.config.json

@@ -0,0 +1,4 @@
+{
+  "name": "react-native-platform-components",
+  "platforms": ["ios", "android"]
+}

package/ios/PCContextMenu.swift

@@ -114,6 +114,8 @@ public final class PCContextMenuView: UIView, UIContextMenuInteractionDelegate {
         }
     }
 
+
+
     private func updateEnabled() {
         let disabled = (interactivity == "disabled")
         alpha = disabled ? 0.5 : 1.0
@@ -146,10 +148,14 @@ public final class PCContextMenuView: UIView, UIContextMenuInteractionDelegate {
 
     private func installContextMenuInteraction() {
         guard contextMenuInteraction == nil else { return }
+
+        // Install interaction on self so that long-press on our view triggers the menu.
+        // We use UITargetedPreview in the delegate methods to show the parent view
+        // (which contains the React content) as the preview.
         let interaction = UIContextMenuInteraction(delegate: self)
         addInteraction(interaction)
         contextMenuInteraction = interaction
-        logger.debug("Installed UIContextMenuInteraction")
+        logger.debug("Installed UIContextMenuInteraction on PCContextMenuView")
     }
 
     private func removeContextMenuInteraction() {
@@ -167,14 +173,12 @@ public final class PCContextMenuView: UIView, UIContextMenuInteractionDelegate {
             return
         }
 
-        let button = UIButton(type: .custom)
+        let button = UIButton(type: .system)
         button.backgroundColor = .clear
         button.showsMenuAsPrimaryAction = true
         button.translatesAutoresizingMaskIntoConstraints = false
-
-        // Add context menu interaction to track menu lifecycle
-        let interaction = UIContextMenuInteraction(delegate: self)
-        button.addInteraction(interaction)
+        // Make button invisible but still tappable
+        button.tintColor = .clear
 
         addSubview(button)
         NSLayoutConstraint.activate([
@@ -218,25 +222,13 @@ public final class PCContextMenuView: UIView, UIContextMenuInteractionDelegate {
         let actions = parsedActions.filter { !$0.hidden }
         guard !actions.isEmpty else { return nil }
 
-        logger.debug("contextMenuInteraction: creating configuration with \(actions.count) actions")
+        let actionCountStr = String(actions.count)
+        logger.debug("contextMenuInteraction: creating configuration with \(actionCountStr) actions")
 
+        // Use nil previewProvider - we'll use UITargetedPreview via delegate instead
         return UIContextMenuConfiguration(
             identifier: nil,
-            previewProvider: enablePreview == "true" ? { [weak self] in
-                // Return a preview controller showing the content
-                guard let self else { return nil }
-                let preview = UIViewController()
-                preview.view.backgroundColor = .clear
-
-                // Snapshot the current view for preview
-                let snapshot = self.snapshotView(afterScreenUpdates: false)
-                if let snap = snapshot {
-                    snap.frame = CGRect(origin: .zero, size: self.bounds.size)
-                    preview.view.addSubview(snap)
-                    preview.preferredContentSize = self.bounds.size
-                }
-                return preview
-            } : nil,
+            previewProvider: nil,
             actionProvider: { [weak self] suggestedActions in
                 guard let self else { return nil }
                 return self.buildMenu(from: actions, title: self.menuTitle)
@@ -244,6 +236,57 @@ public final class PCContextMenuView: UIView, UIContextMenuInteractionDelegate {
         )
     }
 
+    /// Get the parent component view (PCContextMenu) which contains all React content
+    private func getParentComponentView() -> UIView? {
+        return superview
+    }
+
+    public func contextMenuInteraction(
+        _ interaction: UIContextMenuInteraction,
+        previewForHighlightingMenuWithConfiguration configuration: UIContextMenuConfiguration
+    ) -> UITargetedPreview? {
+        let parameters = UIPreviewParameters()
+        parameters.backgroundColor = .clear
+
+        // Check if preview is enabled via the enablePreview prop
+        if enablePreview == "true" {
+            // Target the parent view (PCContextMenu) which contains the React content
+            guard let parentView = getParentComponentView() else {
+                logger.debug("previewForHighlighting: no parent found")
+                return nil
+            }
+            let parentType = String(describing: type(of: parentView))
+            logger.debug("previewForHighlighting: targeting parent \(parentType)")
+            parameters.visiblePath = UIBezierPath(roundedRect: parentView.bounds, cornerRadius: 8)
+            return UITargetedPreview(view: parentView, parameters: parameters)
+        } else {
+            // When preview is disabled, target self with zero-size path
+            // This prevents iOS from manipulating the parent view and causing white flashes
+            logger.debug("previewForHighlighting: preview disabled, targeting self with zero path")
+            parameters.visiblePath = UIBezierPath(rect: .zero)
+            return UITargetedPreview(view: self, parameters: parameters)
+        }
+    }
+
+    public func contextMenuInteraction(
+        _ interaction: UIContextMenuInteraction,
+        previewForDismissingMenuWithConfiguration configuration: UIContextMenuConfiguration
+    ) -> UITargetedPreview? {
+        let parameters = UIPreviewParameters()
+        parameters.backgroundColor = .clear
+
+        if enablePreview == "true" {
+            guard let parentView = getParentComponentView() else {
+                return nil
+            }
+            parameters.visiblePath = UIBezierPath(roundedRect: parentView.bounds, cornerRadius: 8)
+            return UITargetedPreview(view: parentView, parameters: parameters)
+        } else {
+            parameters.visiblePath = UIBezierPath(rect: .zero)
+            return UITargetedPreview(view: self, parameters: parameters)
+        }
+    }
+
     public func contextMenuInteraction(
         _ interaction: UIContextMenuInteraction,
         willDisplayMenuFor configuration: UIContextMenuConfiguration,

package/ios/PCDatePickerView.swift

@@ -283,31 +283,45 @@ public final class PCDatePickerView: UIControl,
         // Prevent "settle" events right as we present.
         suppressNextChangesBriefly()
 
-        let vc = UIViewController()
-        vc.view.backgroundColor = .clear
-        vc.view.isOpaque = false
+        // Check if using inline style (full calendar) - needs larger popover size
+        var isInlineStyle = false
+        if #available(iOS 13.4, *) {
+            isInlineStyle = picker.preferredDatePickerStyle == .inline
+        }
 
+        let vc = UIViewController()
         picker.translatesAutoresizingMaskIntoConstraints = false
         vc.view.addSubview(picker)
 
-        // Position picker at top-leading (constraints required to avoid freeze with inline style)
-        NSLayoutConstraint.activate([
-            picker.topAnchor.constraint(equalTo: vc.view.topAnchor),
-            picker.leadingAnchor.constraint(equalTo: vc.view.leadingAnchor),
-        ])
+        // For inline style, use system background and constrain all edges
+        // For other styles, use clear background and only top/leading constraints
+        if isInlineStyle {
+            vc.view.backgroundColor = .systemBackground
+            vc.view.isOpaque = true
+            NSLayoutConstraint.activate([
+                picker.topAnchor.constraint(equalTo: vc.view.topAnchor, constant: 8),
+                picker.leadingAnchor.constraint(equalTo: vc.view.leadingAnchor, constant: 8),
+                picker.trailingAnchor.constraint(equalTo: vc.view.trailingAnchor, constant: -8),
+                picker.bottomAnchor.constraint(equalTo: vc.view.bottomAnchor, constant: -8),
+            ])
+        } else {
+            vc.view.backgroundColor = .clear
+            vc.view.isOpaque = false
+            NSLayoutConstraint.activate([
+                picker.topAnchor.constraint(equalTo: vc.view.topAnchor),
+                picker.leadingAnchor.constraint(equalTo: vc.view.leadingAnchor),
+            ])
+        }
 
         let size = popoverContentSize()
         vc.preferredContentSize = size
 
-        // ✅ Anchored popover-style (not a full sheet)
         vc.modalPresentationStyle = .popover
         vc.presentationController?.delegate = self
 
         if let pop = vc.popoverPresentationController {
             pop.delegate = self
             pop.sourceView = self
-            // Use a minimum height for sourceRect to help popover positioning
-            // (modal presentation views have zero intrinsic height)
             let sourceRect = CGRect(
                 x: bounds.minX,
                 y: bounds.minY,

package/lib/commonjs/ContextMenu.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContextMenu = ContextMenu;
+var _react = _interopRequireWildcard(require("react"));
+var _ContextMenuNativeComponent = _interopRequireDefault(require("./ContextMenuNativeComponent"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// ContextMenu.tsx
+
+/**
+ * Attributes for a context menu action.
+ */
+
+/**
+ * A single action in the context menu.
+ */
+
+/**
+ * Convert user-friendly subaction to native format (no further nesting).
+ */
+function normalizeSubaction(action) {
+  return {
+    id: action.id,
+    title: action.title,
+    subtitle: action.subtitle,
+    image: action.image,
+    imageColor: action.imageColor,
+    attributes: action.attributes ? {
+      destructive: action.attributes.destructive ? 'true' : 'false',
+      disabled: action.attributes.disabled ? 'true' : 'false',
+      hidden: action.attributes.hidden ? 'true' : 'false'
+    } : undefined,
+    state: action.state
+  };
+}
+
+/**
+ * Convert user-friendly action to native format.
+ * Note: Only one level of nesting is supported by the native component.
+ */
+function normalizeAction(action) {
+  return {
+    id: action.id,
+    title: action.title,
+    subtitle: action.subtitle,
+    image: action.image,
+    imageColor: action.imageColor,
+    attributes: action.attributes ? {
+      destructive: action.attributes.destructive ? 'true' : 'false',
+      disabled: action.attributes.disabled ? 'true' : 'false',
+      hidden: action.attributes.hidden ? 'true' : 'false'
+    } : undefined,
+    state: action.state,
+    subactions: action.subactions?.map(normalizeSubaction)
+  };
+}
+function ContextMenu(props) {
+  const {
+    style,
+    title,
+    actions,
+    disabled,
+    trigger = 'longPress',
+    onPressAction,
+    onMenuOpen,
+    onMenuClose,
+    children,
+    ios,
+    android,
+    ...viewProps
+  } = props;
+  const nativeActions = (0, _react.useMemo)(() => actions.map(normalizeAction), [actions]);
+  const handlePressAction = (0, _react.useCallback)(e => {
+    const {
+      actionId,
+      actionTitle
+    } = e.nativeEvent;
+    onPressAction?.(actionId, actionTitle);
+  }, [onPressAction]);
+  const handleMenuOpen = (0, _react.useCallback)(() => {
+    onMenuOpen?.();
+  }, [onMenuOpen]);
+  const handleMenuClose = (0, _react.useCallback)(() => {
+    onMenuClose?.();
+  }, [onMenuClose]);
+  const nativeIOS = (0, _react.useMemo)(() => {
+    if (!ios) return undefined;
+    return {
+      enablePreview: ios.enablePreview ? 'true' : 'false'
+    };
+  }, [ios]);
+  const nativeAndroid = (0, _react.useMemo)(() => {
+    if (!android) return undefined;
+    return {
+      anchorPosition: android.anchorPosition,
+      visible: android.visible ? 'open' : 'closed'
+    };
+  }, [android]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ContextMenuNativeComponent.default, {
+    style: style,
+    title: title,
+    actions: nativeActions,
+    interactivity: disabled ? 'disabled' : 'enabled',
+    trigger: trigger,
+    onPressAction: onPressAction ? handlePressAction : undefined,
+    onMenuOpen: onMenuOpen ? handleMenuOpen : undefined,
+    onMenuClose: onMenuClose ? handleMenuClose : undefined,
+    ios: nativeIOS,
+    android: nativeAndroid,
+    ...viewProps,
+    children: children
+  });
+}
+//# sourceMappingURL=ContextMenu.js.map

package/lib/commonjs/ContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ContextMenuNativeComponent","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","normalizeSubaction","action","id","title","subtitle","image","imageColor","attributes","destructive","disabled","hidden","undefined","state","normalizeAction","subactions","map","ContextMenu","props","style","actions","trigger","onPressAction","onMenuOpen","onMenuClose","children","ios","android","viewProps","nativeActions","useMemo","handlePressAction","useCallback","actionId","actionTitle","nativeEvent","handleMenuOpen","handleMenuClose","nativeIOS","enablePreview","nativeAndroid","anchorPosition","visible","jsx","interactivity"],"sourceRoot":"../../src","sources":["ContextMenu.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,2BAAA,GAAAC,sBAAA,CAAAF,OAAA;AAIsC,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAK,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AARtC;;AAUA;AACA;AACA;;AAUA;AACA;AACA;;AA0EA;AACA;AACA;AACA,SAASgB,kBAAkBA,CAACC,MAAyB,EAAmB;EACtE,OAAO;IACLC,EAAE,EAAED,MAAM,CAACC,EAAE;IACbC,KAAK,EAAEF,MAAM,CAACE,KAAK;IACnBC,QAAQ,EAAEH,MAAM,CAACG,QAAQ;IACzBC,KAAK,EAAEJ,MAAM,CAACI,KAAK;IACnBC,UAAU,EAAEL,MAAM,CAACK,UAAU;IAC7BC,UAAU,EAAEN,MAAM,CAACM,UAAU,GACzB;MACEC,WAAW,EAAEP,MAAM,CAACM,UAAU,CAACC,WAAW,GAAG,MAAM,GAAG,OAAO;MAC7DC,QAAQ,EAAER,MAAM,CAACM,UAAU,CAACE,QAAQ,GAAG,MAAM,GAAG,OAAO;MACvDC,MAAM,EAAET,MAAM,CAACM,UAAU,CAACG,MAAM,GAAG,MAAM,GAAG;IAC9C,CAAC,GACDC,SAAS;IACbC,KAAK,EAAEX,MAAM,CAACW;EAChB,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA,SAASC,eAAeA,CAACZ,MAAyB,EAAgB;EAChE,OAAO;IACLC,EAAE,EAAED,MAAM,CAACC,EAAE;IACbC,KAAK,EAAEF,MAAM,CAACE,KAAK;IACnBC,QAAQ,EAAEH,MAAM,CAACG,QAAQ;IACzBC,KAAK,EAAEJ,MAAM,CAACI,KAAK;IACnBC,UAAU,EAAEL,MAAM,CAACK,UAAU;IAC7BC,UAAU,EAAEN,MAAM,CAACM,UAAU,GACzB;MACEC,WAAW,EAAEP,MAAM,CAACM,UAAU,CAACC,WAAW,GAAG,MAAM,GAAG,OAAO;MAC7DC,QAAQ,EAAER,MAAM,CAACM,UAAU,CAACE,QAAQ,GAAG,MAAM,GAAG,OAAO;MACvDC,MAAM,EAAET,MAAM,CAACM,UAAU,CAACG,MAAM,GAAG,MAAM,GAAG;IAC9C,CAAC,GACDC,SAAS;IACbC,KAAK,EAAEX,MAAM,CAACW,KAAK;IACnBE,UAAU,EAAEb,MAAM,CAACa,UAAU,EAAEC,GAAG,CAACf,kBAAkB;EACvD,CAAC;AACH;AAEO,SAASgB,WAAWA,CAACC,KAAuB,EAAsB;EACvE,MAAM;IACJC,KAAK;IACLf,KAAK;IACLgB,OAAO;IACPV,QAAQ;IACRW,OAAO,GAAG,WAAW;IACrBC,aAAa;IACbC,UAAU;IACVC,WAAW;IACXC,QAAQ;IACRC,GAAG;IACHC,OAAO;IACP,GAAGC;EACL,CAAC,GAAGV,KAAK;EAET,MAAMW,aAAa,GAAG,IAAAC,cAAO,EAAC,MAAMV,OAAO,CAACJ,GAAG,CAACF,eAAe,CAAC,EAAE,CAACM,OAAO,CAAC,CAAC;EAE5E,MAAMW,iBAAiB,GAAG,IAAAC,kBAAW,EAClClD,CAA+C,IAAK;IACnD,MAAM;MAAEmD,QAAQ;MAAEC;IAAY,CAAC,GAAGpD,CAAC,CAACqD,WAAW;IAC/Cb,aAAa,GAAGW,QAAQ,EAAEC,WAAW,CAAC;EACxC,CAAC,EACD,CAACZ,aAAa,CAChB,CAAC;EAED,MAAMc,cAAc,GAAG,IAAAJ,kBAAW,EAAC,MAAM;IACvCT,UAAU,GAAG,CAAC;EAChB,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,MAAMc,eAAe,GAAG,IAAAL,kBAAW,EAAC,MAAM;IACxCR,WAAW,GAAG,CAAC;EACjB,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,MAAMc,SAAS,GAAG,IAAAR,cAAO,EAAC,MAAM;IAC9B,IAAI,CAACJ,GAAG,EAAE,OAAOd,SAAS;IAC1B,OAAO;MACL2B,aAAa,EAAEb,GAAG,CAACa,aAAa,GAAG,MAAM,GAAG;IAC9C,CAAC;EACH,CAAC,EAAE,CAACb,GAAG,CAAC,CAAC;EAET,MAAMc,aAAa,GAAG,IAAAV,cAAO,EAAC,MAAM;IAClC,IAAI,CAACH,OAAO,EAAE,OAAOf,SAAS;IAC9B,OAAO;MACL6B,cAAc,EAAEd,OAAO,CAACc,cAAc;MACtCC,OAAO,EAAEf,OAAO,CAACe,OAAO,GAAG,MAAM,GAAG;IACtC,CAAC;EACH,CAAC,EAAE,CAACf,OAAO,CAAC,CAAC;EAEb,oBACE,IAAA9C,WAAA,CAAA8D,GAAA,EAAChE,2BAAA,CAAAK,OAAiB;IAChBmC,KAAK,EAAEA,KAAM;IACbf,KAAK,EAAEA,KAAM;IACbgB,OAAO,EAAES,aAAc;IACvBe,aAAa,EAAElC,QAAQ,GAAG,UAAU,GAAG,SAAU;IACjDW,OAAO,EAAEA,OAAQ;IACjBC,aAAa,EAAEA,aAAa,GAAGS,iBAAiB,GAAGnB,SAAU;IAC7DW,UAAU,EAAEA,UAAU,GAAGa,cAAc,GAAGxB,SAAU;IACpDY,WAAW,EAAEA,WAAW,GAAGa,eAAe,GAAGzB,SAAU;IACvDc,GAAG,EAAEY,SAAU;IACfX,OAAO,EAAEa,aAAc;IAAA,GACnBZ,SAAS;IAAAH,QAAA,EAEZA;EAAQ,CACQ,CAAC;AAExB","ignoreList":[]}

package/lib/commonjs/ContextMenuNativeComponent.ts

@@ -0,0 +1,141 @@
+// ContextMenuNativeComponent.ts
+import type { CodegenTypes, HostComponent, ViewProps } from 'react-native';
+import { codegenNativeComponent } from 'react-native';
+
+/**
+ * Attributes for a context menu action.
+ */
+export type ContextMenuActionAttributes = Readonly<{
+  /** Whether the action is destructive (red styling) */
+  destructive?: string; // 'true' | 'false'
+  /** Whether the action is disabled (grayed out) */
+  disabled?: string; // 'true' | 'false'
+  /** Whether the action is hidden */
+  hidden?: string; // 'true' | 'false'
+}>;
+
+/**
+ * A leaf subaction (no further nesting to avoid codegen recursion issues).
+ */
+export type ContextMenuSubaction = Readonly<{
+  /** Unique identifier returned in callbacks */
+  id: string;
+  /** Display title */
+  title: string;
+  /** Secondary text (iOS only) */
+  subtitle?: string;
+  /** Icon name (SF Symbol on iOS, drawable resource on Android) */
+  image?: string;
+  /** Tint color for the icon (hex string, e.g., "#FF0000") */
+  imageColor?: string;
+  /** Action attributes */
+  attributes?: ContextMenuActionAttributes;
+  /** Checkmark state: 'off' | 'on' | 'mixed' */
+  state?: string;
+}>;
+
+/**
+ * A single action in the context menu.
+ * Actions can be nested one level via `subactions` for submenus.
+ */
+export type ContextMenuAction = Readonly<{
+  /** Unique identifier returned in callbacks */
+  id: string;
+  /** Display title */
+  title: string;
+  /** Secondary text (iOS only) */
+  subtitle?: string;
+  /** Icon name (SF Symbol on iOS, drawable resource on Android) */
+  image?: string;
+  /** Tint color for the icon (hex string, e.g., "#FF0000") */
+  imageColor?: string;
+  /** Action attributes */
+  attributes?: ContextMenuActionAttributes;
+  /** Checkmark state: 'off' | 'on' | 'mixed' */
+  state?: string;
+  /** Nested actions for submenu (one level deep) */
+  subactions?: ReadonlyArray<ContextMenuSubaction>;
+}>;
+
+/**
+ * Event emitted when an action is pressed.
+ */
+export type ContextMenuPressActionEvent = Readonly<{
+  /** The action's unique identifier */
+  actionId: string;
+  /** The action's title */
+  actionTitle: string;
+}>;
+
+/** Interactivity state (no booleans for codegen). */
+export type ContextMenuInteractivity = 'enabled' | 'disabled';
+
+/** Trigger mode for opening the menu. */
+export type ContextMenuTrigger = 'longPress' | 'tap';
+
+/**
+ * iOS-specific configuration.
+ */
+export type IOSProps = Readonly<{
+  /** Enable preview when long-pressing */
+  enablePreview?: string; // 'true' | 'false'
+}>;
+
+/**
+ * Android-specific configuration.
+ */
+export type AndroidProps = Readonly<{
+  /** Anchor position for the popup menu */
+  anchorPosition?: string; // 'left' | 'right'
+  /**
+   * Programmatic visibility control (Android only).
+   * 'open' to show the menu, 'closed' to hide it.
+   */
+  visible?: string; // 'open' | 'closed'
+}>;
+
+export interface ContextMenuProps extends ViewProps {
+  /**
+   * Menu title (shown as header on iOS).
+   */
+  title?: string;
+
+  /**
+   * Menu actions.
+   */
+  actions: ReadonlyArray<ContextMenuAction>;
+
+  /**
+   * Enabled / disabled state.
+   */
+  interactivity?: string; // ContextMenuInteractivity
+
+  /**
+   * How the menu is triggered:
+   * - 'longPress' (default): Long-press opens the menu
+   * - 'tap': Single tap opens the menu
+   */
+  trigger?: string; // ContextMenuTrigger
+
+  /**
+   * Fired when user presses an action.
+   */
+  onPressAction?: CodegenTypes.BubblingEventHandler<ContextMenuPressActionEvent>;
+
+  /**
+   * Fired when menu opens.
+   */
+  onMenuOpen?: CodegenTypes.BubblingEventHandler<Readonly<{}>>;
+
+  /**
+   * Fired when menu closes.
+   */
+  onMenuClose?: CodegenTypes.BubblingEventHandler<Readonly<{}>>;
+
+  ios?: IOSProps;
+  android?: AndroidProps;
+}
+
+export default codegenNativeComponent<ContextMenuProps>(
+  'PCContextMenu'
+) as HostComponent<ContextMenuProps>;

package/lib/commonjs/DatePicker.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DatePicker = DatePicker;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _DatePickerNativeComponent = _interopRequireDefault(require("./DatePickerNativeComponent"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// DatePicker.tsx
+
+// Sentinel value for "no date". Using MIN_SAFE_INTEGER ensures we don't
+// conflict with valid negative timestamps (dates before 1970).
+const NO_DATE_SENTINEL = Number.MIN_SAFE_INTEGER;
+function dateToMsOrSentinel(d) {
+  if (!d) return NO_DATE_SENTINEL;
+  const ms = d.getTime();
+  return Number.isFinite(ms) ? ms : NO_DATE_SENTINEL;
+}
+function normalizeVisible(presentation, visible) {
+  // Only meaningful in modal presentation. Keep undefined for inline to avoid noise.
+  if (presentation !== 'modal') return undefined;
+  return visible ? 'open' : 'closed';
+}
+function DatePicker(props) {
+  const {
+    style,
+    date,
+    minDate,
+    maxDate,
+    locale,
+    timeZoneName,
+    mode,
+    presentation = 'modal',
+    visible,
+    onConfirm,
+    onClosed,
+    ios,
+    android,
+    testID
+  } = props;
+  const isModal = presentation === 'modal';
+  const handleConfirm = (0, _react.useCallback)(e => {
+    onConfirm?.(new Date(e.nativeEvent.timestampMs));
+  }, [onConfirm]);
+  const handleClosed = (0, _react.useCallback)(() => {
+    onClosed?.();
+  }, [onClosed]);
+  const nativeProps = {
+    style: [styles.picker, style],
+    mode,
+    locale,
+    timeZoneName,
+    presentation,
+    visible: normalizeVisible(presentation, visible),
+    dateMs: dateToMsOrSentinel(date),
+    minDateMs: dateToMsOrSentinel(minDate),
+    maxDateMs: dateToMsOrSentinel(maxDate),
+    onConfirm: onConfirm ? handleConfirm : undefined,
+    onClosed: isModal && onClosed ? handleClosed : undefined,
+    ios: ios ? {
+      preferredStyle: ios.preferredStyle,
+      countDownDurationSeconds: ios.countDownDurationSeconds,
+      minuteInterval: ios.minuteInterval,
+      roundsToMinuteInterval: ios.roundsToMinuteInterval
+    } : undefined,
+    android: android ? {
+      firstDayOfWeek: android.firstDayOfWeek,
+      material: android.material,
+      dialogTitle: android.dialogTitle,
+      positiveButtonTitle: android.positiveButtonTitle,
+      negativeButtonTitle: android.negativeButtonTitle
+    } : undefined
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePickerNativeComponent.default, {
+    testID: testID,
+    ...nativeProps
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  picker: {}
+});
+//# sourceMappingURL=DatePicker.js.map

package/lib/commonjs/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_DatePickerNativeComponent","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NO_DATE_SENTINEL","Number","MIN_SAFE_INTEGER","dateToMsOrSentinel","d","ms","getTime","isFinite","normalizeVisible","presentation","visible","undefined","DatePicker","props","style","date","minDate","maxDate","locale","timeZoneName","mode","onConfirm","onClosed","ios","android","testID","isModal","handleConfirm","useCallback","Date","nativeEvent","timestampMs","handleClosed","nativeProps","styles","picker","dateMs","minDateMs","maxDateMs","preferredStyle","countDownDurationSeconds","minuteInterval","roundsToMinuteInterval","firstDayOfWeek","material","dialogTitle","positiveButtonTitle","negativeButtonTitle","jsx","StyleSheet","create"],"sourceRoot":"../../src","sources":["DatePicker.tsx"],"mappings":"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","ignoreList":[]}