@teamturing/react-native-kit 0.1.0 → 1.2.0

package/lib/commonjs/component/dialog/ItemSelectBottomSheetDialog.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ItemSelectBottomSheetDialog = void 0;
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _BottomSheetDialog = require("./base/BottomSheetDialog.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const _ItemSelectBottomSheetDialog = ({
+  onSelectedOptionChanged,
+  options,
+  selectedOptionId,
+  title,
+  disabledSelect,
+  testID = 'ItemSelectBottomSheetDialog',
+  ...props
+}, ref) => {
+  const {
+    screenHeight,
+    sfBottom,
+    sidePadding
+  } = (0, _reactNativeKit.useDynamicLayout)();
+  const dialog = (0, _react.useRef)(null);
+  const open = () => dialog.current?.open();
+  const close = () => dialog.current?.close();
+  (0, _react.useImperativeHandle)(ref, () => ({
+    open,
+    close
+  }), []);
+  const validOptions = (0, _react.useMemo)(() => options.filter(o => !!o), [options]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_BottomSheetDialog.BottomSheetDialog, {
+    ref: dialog,
+    pt: 8,
+    excludeSafeAreaBottomPadding: true,
+    ...props,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeKit.Box, {
+      px: 'sidePadding',
+      children: title ? _reactNativeKit.Txt.L.Bold.render(title, {
+        style: {
+          marginVertical: _reactNativeKit.spacing[4]
+        }
+      }) : null
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      testID: testID,
+      style: {
+        maxHeight: screenHeight * 0.6,
+        minHeight: Math.min(options.length * 45, screenHeight * 0.6)
+      },
+      contentContainerStyle: {
+        paddingBottom: 20 + sfBottom
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeKit.ItemList, {
+        items: validOptions,
+        renderItem: ({
+          id,
+          value,
+          description,
+          chevron
+        }) => {
+          const selected = selectedOptionId === id;
+          const showDescription = _reactNativeKit.is.notEmptyString(description);
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeKit.RowCenter, {
+            gapX: 3,
+            children: [_reactNativeKit.Txt.M.Medium.Color(selected || disabledSelect ? _reactNativeKit.palette.gray900 : _reactNativeKit.palette.gray400).render(value, {
+              style: showDescription ? {
+                width: 40
+              } : {
+                flex: 1
+              }
+            }), showDescription ? _reactNativeKit.Txt.M.Color(selected || disabledSelect ? _reactNativeKit.palette.gray900 : _reactNativeKit.palette.gray400).render(description, {
+              weight: selected ? _reactNativeKit.FontWeight.Medium : _reactNativeKit.FontWeight.Regular,
+              style: {
+                flex: 1
+              }
+            }) : null, selected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeKit.Icon, {
+              name: 'check',
+              size: 24,
+              fill: _reactNativeKit.palette.violet500
+            }), chevron && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeKit.Icon, {
+              name: 'chevron_right',
+              size: 20,
+              fill: _reactNativeKit.palette.gray400
+            })]
+          });
+        },
+        renderItemWrapper: (children, {
+          id,
+          disabled
+        }, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableHighlight, {
+          testID: `${testID}/item/${id}`,
+          underlayColor: _reactNativeKit.palette.gray100,
+          disabled: disabledSelect || disabled,
+          onPress: () => {
+            onSelectedOptionChanged?.({
+              index,
+              id
+            });
+            close();
+          },
+          style: {
+            paddingVertical: _reactNativeKit.spacing[4],
+            paddingHorizontal: sidePadding
+          },
+          children: children
+        }, id + '')
+      })
+    })]
+  });
+};
+const ItemSelectBottomSheetDialog = exports.ItemSelectBottomSheetDialog = /*#__PURE__*/_react.default.forwardRef(_ItemSelectBottomSheetDialog);
+//# sourceMappingURL=ItemSelectBottomSheetDialog.js.map

package/lib/commonjs/component/dialog/ItemSelectBottomSheetDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeKit","require","_react","_interopRequireWildcard","_reactNative","_BottomSheetDialog","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_ItemSelectBottomSheetDialog","onSelectedOptionChanged","options","selectedOptionId","title","disabledSelect","testID","props","ref","screenHeight","sfBottom","sidePadding","useDynamicLayout","dialog","useRef","open","current","close","useImperativeHandle","validOptions","useMemo","filter","o","jsxs","BottomSheetDialog","pt","excludeSafeAreaBottomPadding","children","jsx","Box","px","Txt","L","Bold","render","style","marginVertical","spacing","ScrollView","maxHeight","minHeight","Math","min","length","contentContainerStyle","paddingBottom","ItemList","items","renderItem","id","value","description","chevron","selected","showDescription","is","notEmptyString","RowCenter","gapX","M","Medium","Color","palette","gray900","gray400","width","flex","weight","FontWeight","Regular","Icon","name","size","fill","violet500","renderItemWrapper","disabled","index","TouchableHighlight","underlayColor","gray100","onPress","paddingVertical","paddingHorizontal","ItemSelectBottomSheetDialog","exports","React","forwardRef"],"sourceRoot":"../../../../src","sources":["component/dialog/ItemSelectBottomSheetDialog.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/component/dialog/LottieDialog.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LottieDialogComposer = exports.LottieDialog = void 0;
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const LottieDialog = exports.LottieDialog = /*#__PURE__*/_react.default.forwardRef((_, ref) => {
+  const lottie = (0, _react.useRef)(null);
+  const [params, setParams] = (0, _react.useState)();
+  const [showKey, setShowKey] = (0, _react.useState)(0);
+  const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.timing(opacity, {
+      useNativeDriver: true,
+      toValue: showKey !== -1 ? 1 : 0,
+      duration: 300
+    }).start();
+    return () => {
+      opacity.stopAnimation();
+    };
+  }, [showKey, opacity]);
+  const show = (0, _react.useCallback)(params => {
+    setParams(params);
+    setShowKey(k => k + 1);
+  }, []);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    show
+  }), [show]);
+  const onAnimationFinish = (0, _reactNativeKit.useStableCallback)(() => {
+    params?.onAnimationFinish?.();
+    setShowKey(-1);
+    setParams(undefined);
+  });
+  const appState = (0, _reactNativeKit.useAppState)();
+  (0, _react.useEffect)(() => {
+    if (appState !== 'active') {
+      onAnimationFinish();
+    }
+  }, [appState, onAnimationFinish]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+    testID: 'lottie_container',
+    style: [_reactNative.StyleSheet.absoluteFill, {
+      alignItems: 'center',
+      justifyContent: 'center',
+      zIndex: 2
+    }, {
+      opacity
+    }],
+    pointerEvents: 'none',
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeKit.Lottie, {
+      ref: lottie,
+      testID: 'lottie_view',
+      style: [params?.lottieStyle],
+      source: params?.source,
+      autoPlay: true,
+      resizeMode: 'contain',
+      loop: false,
+      speed: params?.speed || 1,
+      onAnimationFinish: onAnimationFinish
+    }, showKey)
+  });
+});
+const LottieDialogComposer = () => {
+  const {
+    lottieDialog
+  } = (0, _reactNativeKit.useDialogContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LottieDialog, {
+    ref: lottieDialog
+  });
+};
+exports.LottieDialogComposer = LottieDialogComposer;
+//# sourceMappingURL=LottieDialog.js.map

package/lib/commonjs/component/dialog/LottieDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeKit","require","_react","_interopRequireWildcard","_reactNative","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","LottieDialog","exports","React","forwardRef","_","ref","lottie","useRef","params","setParams","useState","showKey","setShowKey","opacity","Animated","Value","current","useEffect","timing","useNativeDriver","toValue","duration","start","stopAnimation","show","useCallback","k","useImperativeHandle","onAnimationFinish","useStableCallback","undefined","appState","useAppState","jsx","View","testID","style","StyleSheet","absoluteFill","alignItems","justifyContent","zIndex","pointerEvents","children","Lottie","lottieStyle","source","autoPlay","resizeMode","loop","speed","LottieDialogComposer","lottieDialog","useDialogContext"],"sourceRoot":"../../../../src","sources":["component/dialog/LottieDialog.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/component/dialog/ToastDialog.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToastDialogComposer = exports.ToastDialog = void 0;
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _AppEvent = require("../../util/AppEvent.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const ToastParamsByType = {
+  success: {
+    iconName: 'check_in_circle',
+    iconFill: _reactNativeKit.palette.green500
+  },
+  warning: {
+    iconName: 'exclamation_point_in_circle',
+    iconFill: _reactNativeKit.palette.yellow500
+  }
+};
+const _ToastDialog = (_, ref) => {
+  const {
+    screenWidth,
+    sfTop
+  } = (0, _reactNativeKit.useDynamicLayout)();
+  const [params, setParams] = (0, _react.useState)({
+    text: '',
+    iconName: 'exclamation_point_in_circle',
+    iconFill: _reactNativeKit.palette.green500
+  });
+  const fadeInOutAnimation = (0, _react.useRef)(null);
+  const slideInOutAnimation = (0, _react.useRef)(null);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    show: (type, text, duration) => {
+      setParams({
+        ...ToastParamsByType[type],
+        text,
+        duration
+      });
+      fadeInOutAnimation.current?.start();
+      slideInOutAnimation.current?.start();
+    }
+  }), []);
+  const width = Math.min(351, screenWidth * 0.9);
+  const appState = (0, _reactNativeKit.useAppState)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeKit.FadeInOut, {
+    ref: fadeInOutAnimation,
+    disableFirstAnimation: true,
+    pointerEvents: 'none',
+    style: {
+      width: '100%',
+      top: sfTop + 24,
+      position: 'absolute',
+      zIndex: 5,
+      alignItems: 'center'
+    },
+    duration: params.duration ?? 2500,
+    fadeInDuration: 500,
+    fadeOutDuration: 300,
+    enableResetAtRestart: true,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeKit.SlideInOut, {
+      ref: slideInOutAnimation,
+      duration: 2500,
+      startTranslationY: -24 - sfTop,
+      endTranslationY: -24 - sfTop,
+      slideInDuration: 500,
+      slideOutDuration: 300,
+      disableFirstAnimation: true,
+      enableResetAtRestart: true,
+      children: appState === 'active' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          width,
+          borderRadius: 16,
+          justifyContent: 'center',
+          backgroundColor: _reactNativeKit.palette.gray700,
+          minHeight: 56,
+          padding: _reactNativeKit.spacing[4],
+          paddingLeft: _reactNativeKit.spacing[5],
+          opacity: 0.98
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeKit.Icon, {
+          size: 24,
+          name: params.iconName,
+          fill: params.iconFill
+        }), _reactNativeKit.Txt.M.Medium.White.render(params.text, {
+          numberOfLines: 4,
+          style: {
+            flex: 1,
+            marginLeft: _reactNativeKit.spacing[3]
+          },
+          testID: 'toast/text'
+        })]
+      }) : null
+    })
+  });
+};
+const ToastDialog = exports.ToastDialog = /*#__PURE__*/_react.default.forwardRef(_ToastDialog);
+const ToastDialogComposer = () => {
+  const {
+    toastDialog
+  } = (0, _reactNativeKit.useDialogContext)();
+  (0, _AppEvent.useAppEventListener)('SHOW_WARNING_TOAST', text => toastDialog.current?.show('warning', text));
+  (0, _AppEvent.useAppEventListener)('SHOW_SUCCESS_TOAST', text => toastDialog.current?.show('success', text));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ToastDialog, {
+    ref: toastDialog
+  });
+};
+exports.ToastDialogComposer = ToastDialogComposer;
+//# sourceMappingURL=ToastDialog.js.map

package/lib/commonjs/component/dialog/ToastDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeKit","require","_react","_interopRequireWildcard","_reactNative","_AppEvent","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ToastParamsByType","success","iconName","iconFill","palette","green500","warning","yellow500","_ToastDialog","_","ref","screenWidth","sfTop","useDynamicLayout","params","setParams","useState","text","fadeInOutAnimation","useRef","slideInOutAnimation","useImperativeHandle","show","type","duration","current","start","width","Math","min","appState","useAppState","jsx","FadeInOut","disableFirstAnimation","pointerEvents","style","top","position","zIndex","alignItems","fadeInDuration","fadeOutDuration","enableResetAtRestart","children","SlideInOut","startTranslationY","endTranslationY","slideInDuration","slideOutDuration","jsxs","View","flexDirection","borderRadius","justifyContent","backgroundColor","gray700","minHeight","padding","spacing","paddingLeft","opacity","Icon","size","name","fill","Txt","M","Medium","White","render","numberOfLines","flex","marginLeft","testID","ToastDialog","exports","React","forwardRef","ToastDialogComposer","toastDialog","useDialogContext","useAppEventListener"],"sourceRoot":"../../../../src","sources":["component/dialog/ToastDialog.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/component/dialog/base/BottomSheetDialog.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BottomSheetDialog = void 0;
+var _jsUtil = require("@mj-studio/js-util");
+var _core = require("@react-native-styled-system/core");
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _Dialog = require("./Dialog.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const BottomSheetDialog = exports.BottomSheetDialog = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    sfBottom: _sfBottom
+  } = (0, _reactNativeKit.useDynamicLayout)();
+  const {
+    filteredProps,
+    getStyle
+  } = (0, _core.useSx)(props, {
+    fallback: {
+      w: '100%'
+    }
+  });
+  const {
+    children,
+    excludeSafeAreaBottomPadding,
+    topBorder = 40,
+    ...rest
+  } = filteredProps;
+  const style = getStyle();
+  const flattenStyle = _reactNative.StyleSheet.flatten(style);
+  const parsedPaddingBottom = flattenStyle?.paddingBottom ?? flattenStyle?.paddingVertical ?? 0;
+  const sfBottom = excludeSafeAreaBottomPadding ? 0 : _sfBottom;
+  const propsPaddingBottom = _jsUtil.is.number(parsedPaddingBottom) ? parsedPaddingBottom : 0;
+  const paddingBottom = propsPaddingBottom + sfBottom;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+    ref: ref,
+    modalPosition: 'bottom',
+    topLeftRadius: topBorder,
+    topRightRadius: topBorder,
+    overflow: 'hidden',
+    style: [style, {
+      paddingBottom
+    }],
+    ...rest,
+    children: children
+  });
+});
+//# sourceMappingURL=BottomSheetDialog.js.map

package/lib/commonjs/component/dialog/base/BottomSheetDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_jsUtil","require","_core","_reactNativeKit","_react","_interopRequireWildcard","_reactNative","_Dialog","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","BottomSheetDialog","exports","forwardRef","props","ref","sfBottom","_sfBottom","useDynamicLayout","filteredProps","getStyle","useSx","fallback","w","children","excludeSafeAreaBottomPadding","topBorder","rest","style","flattenStyle","StyleSheet","flatten","parsedPaddingBottom","paddingBottom","paddingVertical","propsPaddingBottom","is","number","jsx","Dialog","modalPosition","topLeftRadius","topRightRadius","overflow"],"sourceRoot":"../../../../../src","sources":["component/dialog/base/BottomSheetDialog.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/component/dialog/base/Dialog.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Dialog = void 0;
+var _core = require("@react-native-styled-system/core");
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _ModalBox = require("./ModalBox.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Dialog = exports.Dialog = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    dialogWidth
+  } = (0, _reactNativeKit.useDynamicLayout)();
+  const {
+    getStyle,
+    filteredProps
+  } = (0, _core.useSx)(props, {
+    fallback: {
+      w: (0, _reactNativeKit.px)(dialogWidth),
+      h: 'auto',
+      bg: 'white'
+    }
+  });
+  const {
+    children,
+    enablePortal = false,
+    ...rest
+  } = filteredProps;
+  const baseModal = (0, _react.useRef)(null);
+  const open = (0, _react.useCallback)(() => (0, _reactNativeKit.runAfterFlushMacroQueue)(() => baseModal.current?.open()), []);
+  const close = (0, _react.useCallback)(() => baseModal.current?.close(), []);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    open,
+    close
+  }), [close, open]);
+  const baseModalElement = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ModalBox.ModalBox, {
+    ref: baseModal,
+    modalPosition: 'center',
+    style: getStyle(),
+    backdropPressToClose: true,
+    backButtonClose: true,
+    animationDuration: 400,
+    easing: _reactNative.Easing.out(_reactNative.Easing.cubic),
+    ...rest,
+    children: _reactNativeKit.is.function(children) ? children({
+      close
+    }) : children
+  });
+  return enablePortal ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeKit.Portal, {
+    children: baseModalElement
+  }) : baseModalElement;
+});
+//# sourceMappingURL=Dialog.js.map

package/lib/commonjs/component/dialog/base/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","_reactNativeKit","_react","_interopRequireWildcard","_reactNative","_ModalBox","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Dialog","exports","forwardRef","props","ref","dialogWidth","useDynamicLayout","getStyle","filteredProps","useSx","fallback","w","px","h","bg","children","enablePortal","rest","baseModal","useRef","open","useCallback","runAfterFlushMacroQueue","current","close","useImperativeHandle","baseModalElement","jsx","ModalBox","modalPosition","style","backdropPressToClose","backButtonClose","animationDuration","easing","Easing","out","cubic","is","function","Portal"],"sourceRoot":"../../../../../src","sources":["component/dialog/base/Dialog.tsx"],"mappings":"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","ignoreList":[]}