zkit-ui 2.0.13 → 2.0.15

package/dist/services/ActionDialogService/ActionDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionDialog.d.ts","sourceRoot":"","sources":["../../../src/services/ActionDialogService/ActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyC/B,OAAO,KAAK,EAIV,iBAAiB,EACjB,eAAe,EAGhB,MAAM,SAAS,CAAC;AAuoBjB,eAAO,MAAM,YAAY,sFAA+B,CAAC"}
+{"version":3,"file":"ActionDialog.d.ts","sourceRoot":"","sources":["../../../src/services/ActionDialogService/ActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyC/B,OAAO,KAAK,EAIV,iBAAiB,EACjB,eAAe,EAGhB,MAAM,SAAS,CAAC;AA8oBjB,eAAO,MAAM,YAAY,sFAA+B,CAAC"}

package/dist/services/ActionDialogService/ActionDialog.js

@@ -95,6 +95,9 @@ const BAR_ACTION_BUTTON_LAYOUT = {
     minHeight: BAR_FOOTER_HEIGHT,
     paddingVertical: 0,
 };
+// tsc emits CommonJS namespace imports. Capturing that namespace in a worklet
+// also captures the native Worklets module, which is not serializable.
+const scheduleOnRNFromUI = react_native_worklets_1.scheduleOnRN;
 function getKeyboardTopInWindow(event) {
     var _a, _b;
     const windowHeight = react_native_1.Dimensions.get('window').height;
@@ -235,7 +238,7 @@ const ActionDialogRoot = React.forwardRef(function ActionDialog({ accessibilityL
         cardScale.value = (0, react_native_reanimated_1.withTiming)(motion === 'scale' ? CARD_EXIT_SCALE : 1, EXIT_CARD_TIMING);
         cardOpacity.value = (0, react_native_reanimated_1.withTiming)(0, EXIT_CARD_TIMING, (finished) => {
             if (finished) {
-                (0, react_native_worklets_1.scheduleOnRN)(finishDismiss);
+                scheduleOnRNFromUI(finishDismiss);
             }
         });
     }, [actualOpen, backdropProgress, cardOpacity, cardScale, finishDismiss, motion]);
@@ -422,12 +425,16 @@ const ActionDialogRoot = React.forwardRef(function ActionDialog({ accessibilityL
             if (resolvedDismiss.backPress)
                 dismissWithReason('back');
         }, pointerEvents: actualOpen ? 'auto' : 'none', style: [
-            hostMode === 'inline' ? styles.inlineRoot : styles.modalRoot,
+            hostMode === 'inline' ? react_native_1.StyleSheet.absoluteFill : styles.modalRoot,
             {
                 elevation: react_native_1.Platform.OS === 'android' ? (_b = layer === null || layer === void 0 ? void 0 : layer.zIndex) !== null && _b !== void 0 ? _b : shared_1.ACTION_DIALOG_DEFAULT_Z_INDEX : 0,
                 zIndex: (_c = layer === null || layer === void 0 ? void 0 : layer.zIndex) !== null && _c !== void 0 ? _c : shared_1.ACTION_DIALOG_DEFAULT_Z_INDEX,
             },
-        ], testID: testID, children: [(0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessible: false, onPress: handleOverlayPress, style: react_native_1.StyleSheet.absoluteFill, children: (0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, { pointerEvents: "none", style: [styles.backdrop, { backgroundColor: resolvedColors.backdrop }, overlayStyle] }) }), (0, jsx_runtime_1.jsx)(react_native_1.View, { pointerEvents: "box-none", style: [
+        ], testID: testID, children: [(0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessible: false, onPress: handleOverlayPress, style: react_native_1.StyleSheet.absoluteFill, children: (0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, { pointerEvents: "none", style: [
+                        react_native_1.StyleSheet.absoluteFill,
+                        { backgroundColor: resolvedColors.backdrop },
+                        overlayStyle,
+                    ] }) }), (0, jsx_runtime_1.jsx)(react_native_1.View, { pointerEvents: "box-none", style: [
                     styles.center,
                     {
                         paddingBottom: Math.max(insets.bottom, (0, zkit_tools_1.wp)(16)),
@@ -475,12 +482,6 @@ const styles = react_native_1.StyleSheet.create({
     modalRoot: {
         flex: 1,
     },
-    inlineRoot: {
-        ...react_native_1.StyleSheet.absoluteFillObject,
-    },
-    backdrop: {
-        ...react_native_1.StyleSheet.absoluteFillObject,
-    },
     center: {
         alignItems: 'center',
         flex: 1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zkit-ui",
-  "version": "2.0.13",
+  "version": "2.0.15",
   "private": false,
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/services/ActionDialogService/ActionDialog.tsx

@@ -104,6 +104,9 @@ const BAR_ACTION_BUTTON_LAYOUT: React.ComponentProps<typeof Button>['layout'] =
   minHeight: BAR_FOOTER_HEIGHT,
   paddingVertical: 0,
 };
+// tsc emits CommonJS namespace imports. Capturing that namespace in a worklet
+// also captures the native Worklets module, which is not serializable.
+const scheduleOnRNFromUI = scheduleOnRN;
 
 function getKeyboardTopInWindow(event: KeyboardEvent) {
   const windowHeight = Dimensions.get('window').height;
@@ -288,7 +291,7 @@ const ActionDialogRoot = React.forwardRef<ActionDialogRef, ActionDialogProps>(fu
     cardScale.value = withTiming(motion === 'scale' ? CARD_EXIT_SCALE : 1, EXIT_CARD_TIMING);
     cardOpacity.value = withTiming(0, EXIT_CARD_TIMING, (finished) => {
       if (finished) {
-        scheduleOnRN(finishDismiss);
+        scheduleOnRNFromUI(finishDismiss);
       }
     });
   }, [actualOpen, backdropProgress, cardOpacity, cardScale, finishDismiss, motion]);
@@ -570,7 +573,7 @@ const ActionDialogRoot = React.forwardRef<ActionDialogRef, ActionDialogProps>(fu
         }}
         pointerEvents={actualOpen ? 'auto' : 'none'}
         style={[
-          hostMode === 'inline' ? styles.inlineRoot : styles.modalRoot,
+          hostMode === 'inline' ? StyleSheet.absoluteFill : styles.modalRoot,
           {
             elevation: Platform.OS === 'android' ? layer?.zIndex ?? ACTION_DIALOG_DEFAULT_Z_INDEX : 0,
             zIndex: layer?.zIndex ?? ACTION_DIALOG_DEFAULT_Z_INDEX,
@@ -581,7 +584,11 @@ const ActionDialogRoot = React.forwardRef<ActionDialogRef, ActionDialogProps>(fu
         <Pressable accessible={false} onPress={handleOverlayPress} style={StyleSheet.absoluteFill}>
           <Animated.View
             pointerEvents="none"
-            style={[styles.backdrop, { backgroundColor: resolvedColors.backdrop }, overlayStyle]}
+            style={[
+              StyleSheet.absoluteFill,
+              { backgroundColor: resolvedColors.backdrop },
+              overlayStyle,
+            ]}
           />
         </Pressable>
 
@@ -700,12 +707,6 @@ const styles = StyleSheet.create({
   modalRoot: {
     flex: 1,
   },
-  inlineRoot: {
-    ...StyleSheet.absoluteFillObject,
-  },
-  backdrop: {
-    ...StyleSheet.absoluteFillObject,
-  },
   center: {
     alignItems: 'center',
     flex: 1,