react-native-system-ui 1.0.1 → 1.0.3

package/dist/cjs/components/dialog/Dialog.js

@@ -1,433 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Dialog = void 0;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-var _useLocale = require("../config-provider/useLocale");
-var _platform = require("../../platform");
-var _animation = require("../../hooks/animation");
-var _hairline = require("../../utils/hairline");
-var _promise = require("../../utils/promise");
-var _validate = require("../../utils/validate");
-var _utils = require("../../utils");
-function _reactNativeSystemIcon() {
-  const data = require("react-native-system-icon");
-  _reactNativeSystemIcon = function () {
-    return data;
-  };
-  return data;
-}
-var _button = _interopRequireDefault(require("../button"));
-var _popup = _interopRequireDefault(require("../popup"));
-var _tokens = require("./tokens");
-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); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const ActionButton = props => {
-  const {
-    text,
-    color,
-    tokens,
-    dividerPosition = 'none',
-    loading,
-    disabled,
-    onPress
-  } = props;
-  const txtColor = color ?? tokens.colors.confirm;
-  const divStyle = dividerPosition === 'none' ? null : [S.btnDiv, {
-    width: 0
-  }, (0, _hairline.createHairlineView)({
-    position: dividerPosition,
-    color: tokens.colors.divider,
-    top: 0,
-    bottom: 0,
-    [dividerPosition]: 0
-  })];
-  return /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, {
-    accessibilityRole: "button",
-    disabled: disabled || loading,
-    style: ({
-      pressed
-    }) => [S.btn, {
-      height: tokens.sizes.actionHeight,
-      opacity: pressed && !disabled && !loading ? 0.8 : 1
-    }],
-    onPress: disabled || loading ? undefined : onPress
-  }, divStyle && /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: divStyle,
-    pointerEvents: "none"
-  }), loading ? /*#__PURE__*/_react().default.createElement(_reactNative().ActivityIndicator, {
-    size: "small",
-    color: txtColor
-  }) : (0, _utils.renderTextOrNode)(text ?? '', {
-    color: txtColor,
-    fontFamily: tokens.typography.fontFamily,
-    fontSize: tokens.typography.actionSize,
-    fontWeight: tokens.typography.actionWeight
-  }));
-};
-const DialogImpl = props => {
-  const locale = (0, _useLocale.useLocale)();
-  const {
-    visible,
-    title,
-    message,
-    messageAlign = 'center',
-    theme = 'default',
-    width,
-    closeable = false,
-    closeIcon,
-    overlay = true,
-    overlayStyle,
-    overlayTestID = 'dialog-overlay',
-    closeOnBackPress = false,
-    closeOnPopstate = true,
-    closeOnOverlayPress = false,
-    closeOnClickOverlay = false,
-    onClickOverlay,
-    onClickCloseIcon,
-    beforeClose,
-    showCancelButton = false,
-    showConfirmButton = true,
-    cancelButtonText,
-    cancelButtonColor,
-    cancelProps,
-    confirmButtonText,
-    confirmButtonColor,
-    confirmProps,
-    footer,
-    contentStyle,
-    titleStyle,
-    messageStyle,
-    tokensOverride,
-    style,
-    children,
-    onCancel,
-    onConfirm,
-    onClose,
-    onClosed,
-    ...rest
-  } = props;
-  const tokens = (0, _tokens.useDialogTokens)(tokensOverride);
-  const reducedMotion = (0, _animation.useReducedMotion)();
-  const hTitle = (0, _validate.isValidNode)(title);
-  const hMsg = (0, _validate.isValidNode)(message);
-  const hChildren = (0, _validate.isValidNode)(children);
-  const hContent = hMsg || hChildren;
-  const hFooterActions = showCancelButton || showConfirmButton;
-  const isRound = theme === 'round-button';
-  const cancelLoad = cancelProps?.loading;
-  const confirmLoad = confirmProps?.loading;
-  const cancelTxt = cancelButtonText ?? locale.cancel;
-  const confirmTxt = confirmButtonText ?? locale.confirm;
-  const seqRef = (0, _react().useRef)(0);
-  const beforeCloseRef = (0, _react().useRef)(beforeClose);
-  beforeCloseRef.current = beforeClose;
-  const onCloseRef = (0, _react().useRef)(onClose);
-  onCloseRef.current = onClose;
-  const onCancelRef = (0, _react().useRef)(onCancel);
-  onCancelRef.current = onCancel;
-  const onConfirmRef = (0, _react().useRef)(onConfirm);
-  onConfirmRef.current = onConfirm;
-  const onClickCloseIconRef = (0, _react().useRef)(onClickCloseIcon);
-  onClickCloseIconRef.current = onClickCloseIcon;
-  const cancelLoadRef = (0, _react().useRef)(cancelLoad);
-  cancelLoadRef.current = cancelLoad;
-  const confirmLoadRef = (0, _react().useRef)(confirmLoad);
-  confirmLoadRef.current = confirmLoad;
-  const run = (0, _react().useCallback)((action, handler) => {
-    seqRef.current += 1;
-    const seq = seqRef.current;
-    const bc = beforeCloseRef.current;
-    if (!bc) {
-      handler?.();
-      return;
-    }
-    ;
-    let result;
-    try {
-      result = bc(action);
-    } catch {
-      handler?.();
-      return;
-    }
-    ;
-    if (result === false) return;
-    if ((0, _promise.isPromiseLike)(result)) {
-      void result.then(resolved => {
-        if (resolved === false) return;
-        if (seqRef.current !== seq) return;
-        handler?.();
-      }).catch(() => {
-        if (seqRef.current !== seq) return;
-        handler?.();
-      });
-      return;
-    }
-    ;
-    handler?.();
-  }, []);
-  const handleCloseIcon = (0, _react().useCallback)(() => {
-    onClickCloseIconRef.current?.();
-    run('close', () => onCloseRef.current?.());
-  }, [run]);
-  const handleCancel = (0, _react().useCallback)(() => {
-    if (cancelLoadRef.current) return;
-    run('cancel', () => onCancelRef.current?.());
-  }, [run]);
-  const handleConfirm = (0, _react().useCallback)(() => {
-    if (confirmLoadRef.current) return;
-    run('confirm', () => onConfirmRef.current?.());
-  }, [run]);
-  const scaleAnim = (0, _react().useRef)(new (_reactNative().Animated.Value)(0.7)).current;
-  const scaleRef = (0, _react().useRef)(null);
-  (0, _react().useEffect)(() => {
-    scaleRef.current?.stop();
-    scaleAnim.setValue(visible ? 0.7 : 1);
-    const anim = _reactNative().Animated.timing(scaleAnim, {
-      toValue: visible ? 1 : 0.9,
-      duration: reducedMotion ? 0 : 300,
-      easing: visible ? _reactNative().Easing.out(_reactNative().Easing.cubic) : _reactNative().Easing.in(_reactNative().Easing.cubic),
-      useNativeDriver: _platform.nativeDriverEnabled,
-      isInteraction: false
-    });
-    scaleRef.current = anim;
-    anim.start();
-  }, [scaleAnim, visible, reducedMotion]);
-  (0, _react().useEffect)(() => () => {
-    scaleRef.current?.stop();
-  }, []);
-  const widthStyle = (0, _react().useMemo)(() => width ? (0, _validate.isNumber)(width) ? {
-    width
-  } : {
-    width: String(width)
-  } : {
-    width: '90%',
-    maxWidth: tokens.sizes.maxWidth
-  }, [tokens.sizes.maxWidth, width]);
-  const titleWrapStyle = (0, _react().useMemo)(() => hTitle ? [S.titleWrap, {
-    paddingTop: hContent ? tokens.spacing.titlePaddingTop : tokens.spacing.titleIsolatedPadding,
-    paddingBottom: hContent ? 0 : tokens.spacing.titleIsolatedPadding,
-    paddingHorizontal: hContent ? tokens.spacing.paddingHorizontal : 0,
-    marginBottom: hContent ? tokens.spacing.titleGap : 0
-  }] : null, [hContent, hTitle, tokens.spacing.paddingHorizontal, tokens.spacing.titleGap, tokens.spacing.titleIsolatedPadding, tokens.spacing.titlePaddingTop]);
-  const titleTxtStyle = (0, _react().useMemo)(() => hTitle ? [S.title, {
-    color: tokens.colors.title,
-    fontFamily: tokens.typography.fontFamily,
-    fontSize: tokens.typography.titleSize,
-    lineHeight: tokens.typography.titleLineHeight,
-    fontWeight: tokens.typography.titleWeight
-  }, titleStyle] : null, [hTitle, titleStyle, tokens.colors.title, tokens.typography.fontFamily, tokens.typography.titleLineHeight, tokens.typography.titleSize, tokens.typography.titleWeight]);
-  const msgTxtStyle = (0, _react().useMemo)(() => [S.msg, {
-    color: isRound ? tokens.colors.title : tokens.colors.message,
-    fontFamily: tokens.typography.fontFamily,
-    fontSize: tokens.typography.messageSize,
-    lineHeight: tokens.typography.messageLineHeight,
-    textAlign: messageAlign
-  }, messageStyle], [isRound, messageAlign, messageStyle, tokens.colors.message, tokens.colors.title, tokens.typography.fontFamily, tokens.typography.messageLineHeight, tokens.typography.messageSize]);
-  const msgContentStyle = (0, _react().useMemo)(() => !hChildren ? {
-    alignItems: messageAlign === 'center' ? 'center' : messageAlign === 'left' ? 'flex-start' : 'flex-end'
-  } : null, [hChildren, messageAlign]);
-  const msgWrapStyle = (0, _react().useMemo)(() => [S.msgWrap, {
-    paddingTop: hTitle ? tokens.spacing.messagePaddingTop : tokens.spacing.messagePadding,
-    paddingBottom: isRound ? tokens.spacing.roundFooterPadding : tokens.spacing.messagePadding,
-    paddingHorizontal: tokens.spacing.messagePaddingHorizontal
-  }], [hTitle, isRound, tokens.spacing.messagePadding, tokens.spacing.messagePaddingHorizontal, tokens.spacing.messagePaddingTop, tokens.spacing.roundFooterPadding]);
-  const footerBorderStyle = (0, _react().useMemo)(() => [S.footerBorder, (0, _hairline.createHairlineView)({
-    position: 'top',
-    color: tokens.colors.divider,
-    left: 0,
-    right: 0,
-    top: 0
-  })], [tokens.colors.divider]);
-  const mergeOverlay = closeOnOverlayPress || closeOnClickOverlay;
-  const animStyle = (0, _react().useMemo)(() => ({
-    transform: [{
-      scale: scaleAnim
-    }]
-  }), [scaleAnim]);
-  const roundFooterStyle = (0, _react().useMemo)(() => [S.roundFooter, {
-    paddingTop: tokens.spacing.messagePaddingTop,
-    paddingHorizontal: tokens.spacing.messagePaddingHorizontal,
-    paddingBottom: tokens.spacing.roundFooterPadding
-  }], [tokens.spacing.messagePaddingHorizontal, tokens.spacing.messagePaddingTop, tokens.spacing.roundFooterPadding]);
-  const popupBc = (0, _react().useCallback)(() => {
-    const bc = beforeCloseRef.current;
-    if (!bc) return true;
-    try {
-      return bc('close');
-    } catch {
-      return true;
-    }
-  }, []);
-  const roundFooterNode = (0, _react().useMemo)(() => hFooterActions && /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: roundFooterStyle
-  }, showCancelButton && /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [S.roundBtnWrap, showConfirmButton && {
-      marginRight: tokens.spacing.roundFooterGap
-    }]
-  }, /*#__PURE__*/_react().default.createElement(_button.default, {
-    block: true,
-    round: true,
-    type: "warning",
-    text: cancelTxt,
-    color: cancelButtonColor,
-    loading: cancelLoad,
-    disabled: cancelProps?.disabled,
-    onPress: handleCancel,
-    style: {
-      minHeight: tokens.sizes.roundButtonHeight
-    }
-  })), showConfirmButton && /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [S.roundBtnWrap, showCancelButton && {
-      marginLeft: tokens.spacing.roundFooterGap
-    }]
-  }, /*#__PURE__*/_react().default.createElement(_button.default, {
-    block: true,
-    round: true,
-    type: "danger",
-    text: confirmTxt,
-    color: confirmButtonColor,
-    loading: confirmLoad,
-    disabled: confirmProps?.disabled,
-    onPress: handleConfirm,
-    style: {
-      minHeight: tokens.sizes.roundButtonHeight
-    }
-  }))), [cancelButtonColor, cancelLoad, cancelProps?.disabled, cancelTxt, confirmButtonColor, confirmLoad, confirmProps?.disabled, confirmTxt, handleCancel, handleConfirm, hFooterActions, roundFooterStyle, showCancelButton, showConfirmButton, tokens.sizes.roundButtonHeight, tokens.spacing.roundFooterGap]);
-  const defaultFooterNode = (0, _react().useMemo)(() => hFooterActions && /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: S.footer
-  }, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: footerBorderStyle,
-    pointerEvents: "none"
-  }), showCancelButton && /*#__PURE__*/_react().default.createElement(ActionButton, {
-    tokens: tokens,
-    text: cancelTxt,
-    color: cancelButtonColor ?? tokens.colors.cancel,
-    dividerPosition: "none",
-    loading: cancelLoad,
-    disabled: cancelProps?.disabled,
-    onPress: handleCancel
-  }), showConfirmButton && /*#__PURE__*/_react().default.createElement(ActionButton, {
-    tokens: tokens,
-    text: confirmTxt,
-    color: confirmButtonColor ?? tokens.colors.confirm,
-    dividerPosition: showCancelButton ? 'left' : 'none',
-    loading: confirmLoad,
-    disabled: confirmProps?.disabled,
-    onPress: handleConfirm
-  })), [cancelButtonColor, cancelLoad, cancelProps?.disabled, cancelTxt, confirmButtonColor, confirmLoad, confirmProps?.disabled, confirmTxt, footerBorderStyle, handleCancel, handleConfirm, hFooterActions, showCancelButton, showConfirmButton, tokens]);
-  const footerNode = (0, _react().useMemo)(() => footer ?? (isRound ? roundFooterNode : defaultFooterNode), [defaultFooterNode, footer, isRound, roundFooterNode]);
-  const popupStyle = (0, _react().useMemo)(() => [{
-    backgroundColor: tokens.colors.background,
-    borderRadius: tokens.sizes.borderRadius,
-    padding: 0
-  }, widthStyle, style], [style, tokens.colors.background, tokens.sizes.borderRadius, widthStyle]);
-  return /*#__PURE__*/_react().default.createElement(_popup.default, _extends({
-    visible: visible,
-    placement: "center",
-    round: true,
-    overlay: overlay,
-    overlayStyle: overlayStyle,
-    overlayTestID: overlayTestID,
-    closeOnBackPress: closeOnBackPress,
-    closeOnPopstate: closeOnPopstate,
-    closeOnClickOverlay: mergeOverlay,
-    onClickOverlay: onClickOverlay,
-    beforeClose: popupBc,
-    onClose: onClose,
-    onClosed: onClosed,
-    contentAnimationStyle: animStyle,
-    style: popupStyle,
-    accessibilityRole: 'alertdialog',
-    accessibilityLabel: typeof title === 'string' ? title : undefined
-  }, rest), closeable && /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, {
-    style: [S.closeIcon, {
-      top: tokens.spacing.paddingTop / 2,
-      right: tokens.spacing.paddingHorizontal / 2,
-      padding: tokens.spacing.closeIconPadding
-    }],
-    hitSlop: {
-      top: 8,
-      bottom: 8,
-      left: 8,
-      right: 8
-    },
-    onPress: handleCloseIcon
-  }, closeIcon ?? /*#__PURE__*/_react().default.createElement(_reactNativeSystemIcon().Close, {
-    size: tokens.sizes.closeSize,
-    fill: tokens.colors.closeIcon,
-    color: tokens.colors.closeIcon
-  })), hTitle && /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: titleWrapStyle
-  }, (0, _utils.renderTextOrNode)(title, titleTxtStyle)), hContent && /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [S.content, msgContentStyle, contentStyle]
-  }, hChildren ? children : /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: msgWrapStyle
-  }, (0, _utils.renderTextOrNode)(message, msgTxtStyle))), footerNode);
-};
-const S = _reactNative().StyleSheet.create({
-  titleWrap: {
-    alignItems: 'center'
-  },
-  title: {
-    textAlign: 'center'
-  },
-  content: {
-    width: '100%'
-  },
-  msg: {
-    textAlign: 'center'
-  },
-  footer: {
-    flexDirection: 'row',
-    position: 'relative'
-  },
-  footerBorder: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    height: 0
-  },
-  btn: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  btnDiv: {
-    position: 'absolute',
-    pointerEvents: 'none'
-  },
-  msgWrap: {
-    width: '100%'
-  },
-  roundFooter: {
-    width: '100%',
-    flexDirection: 'row'
-  },
-  roundBtnWrap: {
-    flex: 1
-  },
-  closeIcon: {
-    position: 'absolute',
-    zIndex: 1
-  }
-});
-const Dialog = exports.Dialog = /*#__PURE__*/_react().default.memo(DialogImpl);
-var _default = exports.default = Dialog;
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Dialog=void 0;var _useLocale=require("../config-provider/useLocale"),_platform=require("../../platform"),_animation=require("../../hooks/animation"),_hairline=require("../../utils/hairline"),_promise=require("../../utils/promise"),_validate=require("../../utils/validate"),_utils=require("../../utils");function _reactNativeSystemIcon(){const e=require("react-native-system-icon");return _reactNativeSystemIcon=function(){return e},e}var _button=_interopRequireDefault(require("../button")),_popup=_interopRequireDefault(require("../popup")),_tokens=require("./tokens");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var o=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,a,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(n=t?r:o){if(n.has(e))return n.get(e);n.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((a=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?n(i,t,a):i[t]=e[t]);return i})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)({}).hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},_extends.apply(null,arguments)}const ActionButton=e=>{const{text:t,color:o,tokens:r,dividerPosition:n="none",loading:a,disabled:i,onPress:l}=e,c=o??r.colors.confirm,s="none"===n?null:[S.btnDiv,{width:0},(0,_hairline.createHairlineView)({position:n,color:r.colors.divider,top:0,bottom:0,[n]:0})];return _react().default.createElement(_reactNative().Pressable,{accessibilityRole:"button",disabled:i||a,style:({pressed:e})=>[S.btn,{height:r.sizes.actionHeight,opacity:!e||i||a?1:.8}],onPress:i||a?void 0:l},s&&_react().default.createElement(_reactNative().View,{style:s,pointerEvents:"none"}),a?_react().default.createElement(_reactNative().ActivityIndicator,{size:"small",color:c}):(0,_utils.renderTextOrNode)(t??"",{color:c,fontFamily:r.typography.fontFamily,fontSize:r.typography.actionSize,fontWeight:r.typography.actionWeight}))},DialogImpl=e=>{const t=(0,_useLocale.useLocale)(),{visible:o,title:r,message:n,messageAlign:a="center",theme:i="default",width:l,closeable:c=!1,closeIcon:s,overlay:d=!0,overlayStyle:u,overlayTestID:p="dialog-overlay",closeOnBackPress:g=!1,closeOnPopstate:f=!0,closeOnOverlayPress:_=!1,closeOnClickOverlay:m=!1,onClickOverlay:y,onClickCloseIcon:v,beforeClose:b,showCancelButton:h=!1,showConfirmButton:C=!0,cancelButtonText:P,cancelButtonColor:x,cancelProps:w,confirmButtonText:N,confirmButtonColor:k,confirmProps:E,footer:I,contentStyle:O,titleStyle:q,messageStyle:z,tokensOverride:B,style:D,children:H,onCancel:W,onConfirm:V,onClose:L,onClosed:R,...T}=e,F=(0,_tokens.useDialogTokens)(B),M=(0,_animation.useReducedMotion)(),A=(0,_validate.isValidNode)(r),j=(0,_validate.isValidNode)(H),G=(0,_validate.isValidNode)(n)||j,J=h||C,K="round-button"===i,Q=w?.loading,U=E?.loading,X=P??t.cancel,Y=N??t.confirm,Z=(0,_react().useRef)({seq:0,beforeClose:b,onClose:L,onCancel:W,onConfirm:V,onClickCloseIcon:v,cancelLoad:Q,confirmLoad:U});Object.assign(Z.current,{beforeClose:b,onClose:L,onCancel:W,onConfirm:V,onClickCloseIcon:v,cancelLoad:Q,confirmLoad:U});const $=(0,_react().useCallback)((e,t)=>{const o=Z.current;o.seq+=1;const r=o.seq,n=o.beforeClose;if(!n)return void t?.();let a;try{a=n(e)}catch{return void t?.()}!1!==a&&((0,_promise.isPromiseLike)(a)?a.then(e=>{!1!==e&&Z.current.seq===r&&t?.()}).catch(()=>{Z.current.seq===r&&t?.()}):t?.())},[]),ee=(0,_react().useCallback)(()=>{Z.current.onClickCloseIcon?.(),$("close",()=>Z.current.onClose?.())},[$]),te=(0,_react().useCallback)(()=>{Z.current.cancelLoad||$("cancel",()=>Z.current.onCancel?.())},[$]),oe=(0,_react().useCallback)(()=>{Z.current.confirmLoad||$("confirm",()=>Z.current.onConfirm?.())},[$]),re=(0,_react().useRef)(new(_reactNative().Animated.Value)(.7)).current,ne=(0,_react().useRef)(null);(0,_react().useEffect)(()=>{ne.current?.stop(),re.setValue(o?.7:1);const e=_reactNative().Animated.timing(re,{toValue:o?1:.9,duration:M?0:300,easing:o?_reactNative().Easing.out(_reactNative().Easing.cubic):_reactNative().Easing.in(_reactNative().Easing.cubic),useNativeDriver:_platform.nativeDriverEnabled,isInteraction:!1});ne.current=e,e.start()},[re,o,M]),(0,_react().useEffect)(()=>()=>{ne.current?.stop()},[]);const ae={transform:[{scale:re}]},ie=(0,_react().useMemo)(()=>A?{wrap:[S.titleWrap,{paddingTop:G?F.spacing.titlePaddingTop:F.spacing.titleIsolatedPadding,paddingBottom:G?0:F.spacing.titleIsolatedPadding,paddingHorizontal:G?F.spacing.paddingHorizontal:0,marginBottom:G?F.spacing.titleGap:0}],text:[S.title,{color:F.colors.title,fontFamily:F.typography.fontFamily,fontSize:F.typography.titleSize,lineHeight:F.typography.titleLineHeight,fontWeight:F.typography.titleWeight},q]}:null,[A,G,q,F]),le=(0,_react().useMemo)(()=>({text:[S.msg,{color:K?F.colors.title:F.colors.message,fontFamily:F.typography.fontFamily,fontSize:F.typography.messageSize,lineHeight:F.typography.messageLineHeight,textAlign:a},z],content:j?null:{alignItems:"center"===a?"center":"left"===a?"flex-start":"flex-end"},wrap:[S.msgWrap,{paddingTop:A?F.spacing.messagePaddingTop:F.spacing.messagePadding,paddingBottom:K?F.spacing.roundFooterPadding:F.spacing.messagePadding,paddingHorizontal:F.spacing.messagePaddingHorizontal}]}),[K,a,z,j,A,F]),ce=(0,_react().useMemo)(()=>({border:[S.footerBorder,(0,_hairline.createHairlineView)({position:"top",color:F.colors.divider,left:0,right:0,top:0})],round:[S.roundFooter,{paddingTop:F.spacing.messagePaddingTop,paddingHorizontal:F.spacing.messagePaddingHorizontal,paddingBottom:F.spacing.roundFooterPadding}]}),[F]),se=(0,_react().useMemo)(()=>{const e=l?(0,_validate.isNumber)(l)?{width:l}:{width:String(l)}:{width:"90%",maxWidth:F.sizes.maxWidth};return[{backgroundColor:F.colors.background,borderRadius:F.sizes.borderRadius,padding:0},e,D]},[l,D,F]),de=(0,_react().useCallback)(()=>{const e=Z.current.beforeClose;if(!e)return!0;try{return e("close")}catch{return!0}},[]),ue=(0,_react().useMemo)(()=>J&&_react().default.createElement(_reactNative().View,{style:ce.round},h&&_react().default.createElement(_reactNative().View,{style:[S.roundBtnWrap,C&&{marginRight:F.spacing.roundFooterGap}]},_react().default.createElement(_button.default,{block:!0,round:!0,type:"warning",text:X,color:x,loading:Q,disabled:w?.disabled,onPress:te,style:{minHeight:F.sizes.roundButtonHeight}})),C&&_react().default.createElement(_reactNative().View,{style:[S.roundBtnWrap,h&&{marginLeft:F.spacing.roundFooterGap}]},_react().default.createElement(_button.default,{block:!0,round:!0,type:"danger",text:Y,color:k,loading:U,disabled:E?.disabled,onPress:oe,style:{minHeight:F.sizes.roundButtonHeight}}))),[x,Q,w?.disabled,X,k,U,E?.disabled,Y,te,oe,J,ce.round,h,C,F.sizes.roundButtonHeight,F.spacing.roundFooterGap]),pe=(0,_react().useMemo)(()=>J&&_react().default.createElement(_reactNative().View,{style:S.footer},_react().default.createElement(_reactNative().View,{style:ce.border,pointerEvents:"none"}),h&&_react().default.createElement(ActionButton,{tokens:F,text:X,color:x??F.colors.cancel,dividerPosition:"none",loading:Q,disabled:w?.disabled,onPress:te}),C&&_react().default.createElement(ActionButton,{tokens:F,text:Y,color:k??F.colors.confirm,dividerPosition:h?"left":"none",loading:U,disabled:E?.disabled,onPress:oe})),[x,Q,w?.disabled,X,k,U,E?.disabled,Y,ce.border,te,oe,J,h,C,F]),ge=I??(K?ue:pe);return _react().default.createElement(_popup.default,_extends({visible:o,placement:"center",round:!0,overlay:d,overlayStyle:u,overlayTestID:p,closeOnBackPress:g,closeOnPopstate:f,closeOnClickOverlay:_||m,onClickOverlay:y,beforeClose:de,onClose:L,onClosed:R,contentAnimationStyle:ae,style:se,accessibilityRole:"alertdialog",accessibilityLabel:"string"==typeof r?r:void 0},T),c&&_react().default.createElement(_reactNative().Pressable,{style:[S.closeIcon,{top:F.spacing.paddingTop/2,right:F.spacing.paddingHorizontal/2,padding:F.spacing.closeIconPadding}],hitSlop:{top:8,bottom:8,left:8,right:8},onPress:ee},s??_react().default.createElement(_reactNativeSystemIcon().Close,{size:F.sizes.closeSize,fill:F.colors.closeIcon,color:F.colors.closeIcon})),ie&&_react().default.createElement(_reactNative().View,{style:ie.wrap},(0,_utils.renderTextOrNode)(r,ie.text)),G&&_react().default.createElement(_reactNative().View,{style:[S.content,le.content,O]},j?H:_react().default.createElement(_reactNative().View,{style:le.wrap},(0,_utils.renderTextOrNode)(n,le.text))),ge)},S=_reactNative().StyleSheet.create({titleWrap:{alignItems:"center"},title:{textAlign:"center"},content:{width:"100%"},msg:{textAlign:"center"},footer:{flexDirection:"row",position:"relative"},footerBorder:{position:"absolute",top:0,left:0,right:0,height:0},btn:{flex:1,alignItems:"center",justifyContent:"center"},btnDiv:{position:"absolute",pointerEvents:"none"},msgWrap:{width:"100%"},roundFooter:{width:"100%",flexDirection:"row"},roundBtnWrap:{flex:1},closeIcon:{position:"absolute",zIndex:1}}),Dialog=exports.Dialog=_react().default.memo(DialogImpl);Dialog.displayName="Dialog";var _default=exports.default=Dialog;

package/dist/cjs/components/dialog/imperative.js

@@ -1,199 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.__DIALOG_STORE__ = exports.DialogImperative = void 0;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-var _Portal = require("../portal/Portal");
-var _utils = require("../../utils");
-var _Dialog = _interopRequireDefault(require("./Dialog"));
-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); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const runHook = async handler => {
-  if (!handler) return true;
-  try {
-    const result = await handler();
-    return result !== false;
-  } catch (error) {
-    console.error(error);
-    return true;
-  }
-};
-const dialogRegistry = new Map();
-const defaultOptionsStore = {
-  default: {},
-  show: {},
-  alert: {},
-  confirm: {}
-};
-const registerEntry = (key, options, meta) => {
-  dialogRegistry.set(key, {
-    key,
-    options,
-    meta
-  });
-};
-const attachCloser = (key, close) => {
-  const entry = dialogRegistry.get(key);
-  if (entry) entry.close = close;
-};
-const unregisterEntry = key => {
-  dialogRegistry.delete(key);
-};
-const requestClose = key => {
-  const entry = dialogRegistry.get(key);
-  if (!entry) {
-    _Portal.Portal.remove(key);
-    return;
-  }
-  ;
-  if (entry.close) {
-    entry.close();
-    return;
-  }
-  ;
-  _Portal.Portal.remove(key);
-  unregisterEntry(key);
-};
-const DialogPortalInstance = ({
-  options,
-  meta,
-  portalKeyRef
-}) => {
-  const [visible, setVisible] = (0, _react().useState)(true);
-  const close = (0, _react().useCallback)(() => {
-    setVisible(false);
-  }, []);
-  (0, _react().useEffect)(() => {
-    if (!portalKeyRef.current) return;
-    attachCloser(portalKeyRef.current, close);
-    return () => {
-      const e = dialogRegistry.get(portalKeyRef.current ?? -1);
-      if (e && e.close === close) e.close = undefined;
-    };
-  }, [close, portalKeyRef]);
-  (0, _react().useEffect)(() => () => {
-    if (portalKeyRef.current) unregisterEntry(portalKeyRef.current);
-  }, [portalKeyRef]);
-  const handleCancel = (0, _react().useCallback)(async () => {
-    if (!(await runHook(() => options.beforeClose?.('cancel')))) return;
-    if (!(await runHook(options.onCancel))) return;
-    if (meta.mode === 'confirm') meta.resolve?.(false);
-    close();
-  }, [close, meta, options.beforeClose, options.onCancel]);
-  const handleConfirm = (0, _react().useCallback)(async () => {
-    if (!(await runHook(() => options.beforeClose?.('confirm')))) return;
-    if (!(await runHook(options.onConfirm))) return;
-    if (meta.mode === 'alert' || meta.mode === 'confirm') meta.resolve?.(true);
-    close();
-  }, [close, meta, options.beforeClose, options.onConfirm]);
-  const handleClose = (0, _react().useCallback)(async () => {
-    if (!(await runHook(() => options.beforeClose?.('close')))) return;
-    if (!(await runHook(options.onClose))) return;
-    if (meta.mode === 'confirm') meta.resolve?.(false);
-    close();
-  }, [close, meta, options.beforeClose, options.onClose]);
-  const handleClosed = (0, _react().useCallback)(() => {
-    options.onClosed?.();
-    if (portalKeyRef.current) {
-      _Portal.Portal.remove(portalKeyRef.current);
-      unregisterEntry(portalKeyRef.current);
-    }
-  }, [options, portalKeyRef]);
-  return /*#__PURE__*/_react().default.createElement(_Dialog.default, _extends({}, options, {
-    visible: visible,
-    onCancel: options.showCancelButton ? handleCancel : options.onCancel,
-    onConfirm: handleConfirm,
-    onClose: handleClose,
-    onClosed: handleClosed
-  }));
-};
-const mountImperativeDialog = (options, meta) => {
-  const portalKeyRef = {
-    current: 0
-  };
-  const element = /*#__PURE__*/_react().default.createElement(DialogPortalInstance, {
-    options: options,
-    meta: meta,
-    portalKeyRef: portalKeyRef
-  });
-  const key = _Portal.Portal.add(element);
-  portalKeyRef.current = key;
-  registerEntry(key, options, meta);
-  return () => requestClose(key);
-};
-const mergeWithDefaults = (mode, options = {}) => (0, _utils.deepMerge)((0, _utils.deepMerge)(defaultOptionsStore.default, defaultOptionsStore[mode]), options);
-const normalizeOptions = (mode, options = {}) => {
-  const merged = mergeWithDefaults(mode, options);
-  const normalized = {
-    ...merged,
-    visible: true
-  };
-  if ((0, _utils.isUndefined)(normalized.showConfirmButton)) normalized.showConfirmButton = true;
-  return normalized;
-};
-const setDefaultOptions = (targetOrOptions, maybeOptions) => {
-  if ((0, _utils.isString)(targetOrOptions)) {
-    defaultOptionsStore[targetOrOptions] = (0, _utils.deepMerge)(defaultOptionsStore[targetOrOptions], maybeOptions ?? {});
-    return;
-  }
-  ;
-  defaultOptionsStore.default = (0, _utils.deepMerge)(defaultOptionsStore.default, targetOrOptions);
-};
-const resetDefaultOptions = target => {
-  if (target) {
-    defaultOptionsStore[target] = {};
-    return;
-  }
-  ;
-  defaultOptionsStore.default = {};
-  defaultOptionsStore.show = {};
-  defaultOptionsStore.alert = {};
-  defaultOptionsStore.confirm = {};
-};
-const DialogImperative = exports.DialogImperative = {
-  show: options => mountImperativeDialog(normalizeOptions('show', options), {
-    mode: 'show'
-  }),
-  alert: options => new Promise(resolve => {
-    mountImperativeDialog(normalizeOptions('alert', {
-      ...options,
-      showCancelButton: false
-    }), {
-      mode: 'alert',
-      resolve
-    });
-  }),
-  confirm: options => new Promise(resolve => {
-    mountImperativeDialog(normalizeOptions('confirm', {
-      showCancelButton: true,
-      ...options
-    }), {
-      mode: 'confirm',
-      resolve: result => resolve(result === undefined ? true : result)
-    });
-  }),
-  clear: () => {
-    Array.from(dialogRegistry.keys()).forEach(key => {
-      requestClose(key);
-    });
-  },
-  setDefaultOptions,
-  resetDefaultOptions
-};
-const __DIALOG_STORE__ = exports.__DIALOG_STORE__ = {
-  getItems: () => Array.from(dialogRegistry.values()).map(item => ({
-    key: item.key,
-    options: item.options,
-    meta: item.meta
-  })),
-  close: key => requestClose(key)
-};
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.__DIALOG_STORE__=exports.DialogImperative=void 0;var _Portal=require("../portal/Portal"),_utils=require("../../utils"),_Dialog=_interopRequireDefault(require("./Dialog"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,a,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(n=t?o:r){if(n.has(e))return n.get(e);n.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((a=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?n(s,t,a):s[t]=e[t]);return s})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},_extends.apply(null,arguments)}const runHook=async e=>{if(!e)return!0;try{return!1!==await e()}catch(e){return console.error(e),!0}},registry=new Map,defaults={default:{},show:{},alert:{},confirm:{}},requestClose=e=>{const t=registry.get(e);t?t.close?t.close():(_Portal.Portal.remove(e),registry.delete(e)):_Portal.Portal.remove(e)},DialogPortalInstance=({options:e,meta:t,portalKeyRef:r})=>{const[o,n]=(0,_react().useState)(!0),a=(0,_react().useCallback)(()=>{n(!1)},[]);(0,_react().useEffect)(()=>{if(!r.current)return;const e=registry.get(r.current);return e&&(e.close=a),()=>{const e=registry.get(r.current??-1);e&&e.close===a&&(e.close=void 0)}},[a,r]),(0,_react().useEffect)(()=>()=>{r.current&&registry.delete(r.current)},[r]);const s=(0,_react().useCallback)(async(r,o)=>{await runHook(()=>e.beforeClose?.(r))&&await runHook(o)&&(("confirm"===r&&"alert"===t.mode||"confirm"===t.mode)&&t.resolve?.("confirm"===r),a())},[a,t,e.beforeClose]),l=(0,_react().useCallback)(()=>{e.onClosed?.(),r.current&&(_Portal.Portal.remove(r.current),registry.delete(r.current))},[e,r]);return _react().default.createElement(_Dialog.default,_extends({},e,{visible:o,onCancel:e.showCancelButton?()=>s("cancel",e.onCancel):e.onCancel,onConfirm:()=>s("confirm",e.onConfirm),onClose:()=>s("close",e.onClose),onClosed:l}))},mount=(e,t)=>{const r={current:0},o=_react().default.createElement(DialogPortalInstance,{options:e,meta:t,portalKeyRef:r}),n=_Portal.Portal.add(o);return r.current=n,registry.set(n,{key:n,options:e,meta:t}),()=>requestClose(n)},normalize=(e,t={})=>{const r={...(0,_utils.deepMerge)((0,_utils.deepMerge)(defaults.default,defaults[e]),t),visible:!0};return(0,_utils.isUndefined)(r.showConfirmButton)&&(r.showConfirmButton=!0),r},setDefaultOptions=(e,t)=>{(0,_utils.isString)(e)?defaults[e]=(0,_utils.deepMerge)(defaults[e],t??{}):defaults.default=(0,_utils.deepMerge)(defaults.default,e)},resetDefaultOptions=e=>{e?defaults[e]={}:(defaults.default={},defaults.show={},defaults.alert={},defaults.confirm={})},DialogImperative=exports.DialogImperative={show:e=>mount(normalize("show",e),{mode:"show"}),alert:e=>new Promise(t=>{mount(normalize("alert",{...e,showCancelButton:!1}),{mode:"alert",resolve:t})}),confirm:e=>new Promise(t=>{mount(normalize("confirm",{showCancelButton:!0,...e}),{mode:"confirm",resolve:e=>t(void 0===e||e)})}),clear:()=>{registry.forEach((e,t)=>requestClose(t))},setDefaultOptions:setDefaultOptions,resetDefaultOptions:resetDefaultOptions},__DIALOG_STORE__=exports.__DIALOG_STORE__={getItems:()=>Array.from(registry.values()).map(({key:e,options:t,meta:r})=>({key:e,options:t,meta:r})),close:requestClose};

package/dist/cjs/components/dialog/index.js

@@ -1,23 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Dialog = void 0;
-var _Dialog = require("./Dialog");
-var _portal = require("../portal");
-var _imperative = require("./imperative");
-const Dialog = exports.Dialog = Object.assign(_Dialog.Dialog, {
-  Host: _portal.PortalHost,
-  show: _imperative.DialogImperative.show,
-  alert: _imperative.DialogImperative.alert,
-  confirm: options => {
-    const promise = _imperative.DialogImperative.confirm(options).then(result => result === false ? Promise.reject(false) : result);
-    promise.catch(() => {});
-    return promise;
-  },
-  clear: _imperative.DialogImperative.clear,
-  setDefaultOptions: _imperative.DialogImperative.setDefaultOptions,
-  resetDefaultOptions: _imperative.DialogImperative.resetDefaultOptions
-});
-var _default = exports.default = Dialog;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Dialog=void 0;var _Dialog=require("./Dialog"),_portal=require("../portal"),_imperative=require("./imperative");const confirmWrapper=e=>{const t=_imperative.DialogImperative.confirm(e).then(e=>!1===e?Promise.reject(!1):e);return t.catch(()=>{}),t},Dialog=exports.Dialog=Object.assign(_Dialog.Dialog,{Host:_portal.PortalHost,show:_imperative.DialogImperative.show,alert:_imperative.DialogImperative.alert,confirm:confirmWrapper,clear:_imperative.DialogImperative.clear,setDefaultOptions:_imperative.DialogImperative.setDefaultOptions,resetDefaultOptions:_imperative.DialogImperative.resetDefaultOptions});var _default=exports.default=Dialog;