@flatbiz/antd 4.5.25 → 5.0.0

package/dist/fba-app-Dwk_sT5R.js

@@ -0,0 +1,796 @@
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import { hooks } from '@wove/react/hooks';
+import { a as _slicedToArray, _ as _objectWithoutProperties, b as _objectSpread2 } from './_rollupPluginBabelHelpers-BYm17lo8.js';
+import { createContext, useState, useMemo, useContext, createElement } from 'react';
+import { getUuid } from '@flatbiz/utils';
+import { classNames } from '@dimjs/utils/class-names/class-names';
+import { isPromise } from '@dimjs/lang/is-promise';
+import { useSize } from 'ahooks';
+import { Form, Modal, Space, Drawer, theme } from 'antd';
+import { g as getFbaLocaleMessage } from './config-provider-wrapper-DDa_64Ce.js';
+import { B as ButtonWrapper } from './button-wrapper-l9FUsrWl.js';
+import { fbaHooks } from './fba-hooks/index.js';
+import { F as FlexLayout } from './flex-layout-BaDncU_Z.js';
+import { createCtx } from '@wove/react/create-ctx';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { B as BlockLayout } from './layout-OPf8eBBY.js';
+
+var FbaAppContext = /*#__PURE__*/createContext({});
+
+var _createCtx$1 = createCtx(),
+  _createCtx2$1 = _slicedToArray(_createCtx$1, 2),
+  useFbaAppDialogModalCtx = _createCtx2$1[0],
+  CtxProvider$1 = _createCtx2$1[1];
+
+var _excluded$1 = ["titleExtra", "title", "onOk", "onCancel", "okButtonProps", "cancelButtonProps", "content", "className", "okHidden", "cancelHidden", "footer", "cancelText", "okText", "size", "bodyHeight"];
+var FbaAppModal = function FbaAppModal(props) {
+  var _otherProps$styles, _otherProps$styles2;
+  var titleExtra = props.titleExtra,
+    title = props.title,
+    onOk = props.onOk,
+    onCancel = props.onCancel,
+    okButtonProps = props.okButtonProps,
+    cancelButtonProps = props.cancelButtonProps,
+    content = props.content,
+    className = props.className,
+    okHidden = props.okHidden,
+    cancelHidden = props.cancelHidden,
+    footer = props.footer,
+    cancelText = props.cancelText,
+    okText = props.okText,
+    size = props.size,
+    bodyHeight = props.bodyHeight,
+    otherProps = _objectWithoutProperties(props, _excluded$1);
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var htmlSize = useSize(document.querySelector('html'));
+  var localMessage = getFbaLocaleMessage();
+  var screenType = fbaHooks.useResponsivePoint() || '';
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    footerExtraData = _useState2[0],
+    setFooterExtraData = _useState2[1];
+  var onClose = hooks.useCallbackRef(function () {
+    var _props$onClose;
+    (_props$onClose = props.onClose) === null || _props$onClose === void 0 || _props$onClose.call(props);
+  });
+  var onCancelHandle = hooks.useCallbackRef(function (e) {
+    if (onCancel) {
+      var response = onCancel(form, e);
+      if (response && isPromise(response)) {
+        return response.then(onClose);
+      }
+    }
+    onClose();
+    return Promise.resolve();
+  });
+  var onOkHandle = hooks.useCallbackRef(function (e) {
+    if (onOk) {
+      var response = onOk(form, e);
+      if (response && isPromise(response)) {
+        return response.then(onClose);
+      }
+    }
+    onClose();
+    return Promise.resolve();
+  });
+  var footerNew = fbaHooks.useMemoCustom(function () {
+    var _localMessage$FbaDial;
+    if (footer) {
+      return typeof footer === 'function' ? footer(form, footerExtraData) : footer;
+    }
+    if (cancelHidden && okHidden) {
+      return null;
+    }
+    return [/*#__PURE__*/jsx(ButtonWrapper, _objectSpread2(_objectSpread2({}, cancelButtonProps), {}, {
+      onClick: onCancelHandle,
+      hidden: cancelHidden,
+      children: cancelText || ((_localMessage$FbaDial = localMessage.FbaDialogModal) === null || _localMessage$FbaDial === void 0 ? void 0 : _localMessage$FbaDial.cancelText)
+    }), "0"), /*#__PURE__*/jsx(ButtonWrapper, _objectSpread2(_objectSpread2({
+      type: "primary"
+    }, okButtonProps), {}, {
+      onClick: onOkHandle,
+      hidden: okHidden,
+      children: okText || '提交'
+    }), "1")].filter(Boolean);
+  }, [footerExtraData, props.open]);
+  var customSize = useMemo(function () {
+    if (!(htmlSize !== null && htmlSize !== void 0 && htmlSize.height) || !screenType) return undefined;
+    var isXsSm = ['xs', 'sm'].includes(screenType);
+    if (size == 'large') {
+      return {
+        height: (htmlSize === null || htmlSize === void 0 ? void 0 : htmlSize.height) * 0.7,
+        width: isXsSm ? '90%' : htmlSize.width * 0.6
+      };
+    }
+    if (size == 'small') {
+      var width = htmlSize.width * 0.3;
+      return {
+        height: (htmlSize === null || htmlSize === void 0 ? void 0 : htmlSize.height) * 0.4,
+        width: isXsSm ? '90%' : width < 470 ? 470 : width
+      };
+    }
+    if (size == 'middle') {
+      return {
+        height: (htmlSize === null || htmlSize === void 0 ? void 0 : htmlSize.height) * 0.4,
+        width: isXsSm ? '90%' : htmlSize.width * 0.5
+      };
+    }
+    return undefined;
+  }, [htmlSize === null || htmlSize === void 0 ? void 0 : htmlSize.height, htmlSize === null || htmlSize === void 0 ? void 0 : htmlSize.width, screenType, size]);
+  var classNameNew = classNames('fba-dialog-modal', {
+    'fba-dialog-modal-title-extra': !!titleExtra
+  }, {
+    'fba-dialog-modal-footer-empty': !footerNew
+  }, className);
+  var rerenderFooter = function rerenderFooter(data) {
+    setFooterExtraData(data);
+  };
+  var bodyHeightNew = ((_otherProps$styles = otherProps.styles) === null || _otherProps$styles === void 0 || (_otherProps$styles = _otherProps$styles.body) === null || _otherProps$styles === void 0 ? void 0 : _otherProps$styles.height) || bodyHeight;
+  return /*#__PURE__*/jsx(CtxProvider$1, {
+    value: {
+      rerenderFooter: rerenderFooter
+    },
+    children: /*#__PURE__*/jsx(Modal, _objectSpread2(_objectSpread2({
+      maskClosable: true,
+      title: titleExtra ? /*#__PURE__*/jsxs(FlexLayout, {
+        direction: "horizontal",
+        fullIndex: 0,
+        children: [/*#__PURE__*/jsx("span", {
+          children: title
+        }), titleExtra]
+      }) : title,
+      centered: true,
+      onCancel: onClose,
+      destroyOnClose: true,
+      width: customSize === null || customSize === void 0 ? void 0 : customSize.width
+    }, otherProps), {}, {
+      footer: footerNew,
+      styles: _objectSpread2(_objectSpread2({}, otherProps.styles), {}, {
+        body: _objectSpread2({
+          height: bodyHeightNew || (customSize === null || customSize === void 0 ? void 0 : customSize.height),
+          maxHeight: 'calc(100vh - 200px)'
+        }, (_otherProps$styles2 = otherProps.styles) === null || _otherProps$styles2 === void 0 ? void 0 : _otherProps$styles2.body)
+      }),
+      className: classNameNew,
+      open: props.open,
+      children: typeof content === 'function' ? content(form, {
+        onClose: onClose
+      }) : content
+    }))
+  });
+};
+
+var FbaAppConfirm = function FbaAppConfirm(props) {
+  var className = classNames('fba-dialog-confirm', props.className);
+  return /*#__PURE__*/jsx(FbaAppModal, _objectSpread2(_objectSpread2({
+    okText: "\u786E\u5B9A",
+    size: null,
+    width: 350,
+    cancelText: "\u53D6\u6D88",
+    maskClosable: true
+  }, props), {}, {
+    className: className
+  }));
+};
+
+var FbaAppAlert = function FbaAppAlert(props) {
+  return /*#__PURE__*/jsx(FbaAppConfirm, _objectSpread2(_objectSpread2({
+    okText: "\u786E\u5B9A",
+    cancelHidden: true,
+    maskClosable: false
+  }, props), {}, {
+    onOk: function onOk(_form, e) {
+      var _props$onClick;
+      return (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, e);
+    }
+  }));
+};
+
+var _createCtx = createCtx(),
+  _createCtx2 = _slicedToArray(_createCtx, 2),
+  useFbaAppDialogDrawerCtx = _createCtx2[0],
+  CtxProvider = _createCtx2[1];
+
+var _excluded = ["onOk", "onCancel", "content", "okText", "cancelText", "okButtonExtraProps", "cancelButtonExtraProps", "operatePosition", "operateRender", "width", "okHidden", "cancelHidden", "extra"];
+var FbaAppDrawer = function FbaAppDrawer(props) {
+  var onOk = props.onOk,
+    onCancel = props.onCancel,
+    content = props.content,
+    okText = props.okText,
+    cancelText = props.cancelText,
+    okButtonExtraProps = props.okButtonExtraProps,
+    cancelButtonExtraProps = props.cancelButtonExtraProps,
+    _props$operatePositio = props.operatePosition,
+    operatePosition = _props$operatePositio === void 0 ? 'footer' : _props$operatePositio,
+    operateRender = props.operateRender,
+    width = props.width,
+    okHidden = props.okHidden,
+    cancelHidden = props.cancelHidden,
+    extra = props.extra,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var screenType = fbaHooks.useResponsivePoint() || '';
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    footerExtraData = _useState2[0],
+    setFooterExtraData = _useState2[1];
+  var onClose = hooks.useCallbackRef(function (e) {
+    var _props$onClose;
+    (_props$onClose = props.onClose) === null || _props$onClose === void 0 || _props$onClose.call(props, e);
+  });
+  var onCancelHandle = hooks.useCallbackRef(function (e) {
+    if (onCancel) {
+      var response = onCancel(form, e);
+      if (response && isPromise(response)) {
+        return response.then(onClose);
+      }
+    }
+    onClose(e);
+    return Promise.resolve();
+  });
+  var onOkHandle = hooks.useCallbackRef(function (e) {
+    if (onOk) {
+      var response = onOk(form, e);
+      if (response && isPromise(response)) {
+        return response.then(onClose);
+      }
+    }
+    onClose(e);
+    return Promise.resolve();
+  });
+
+  // const operateGroup = (
+  //   <Space>
+  //     {cancelHidden || cancelButtonExtraProps?.hidden ? null : (
+  //       <ButtonWrapper {...cancelButtonExtraProps} onClick={onCancelHandle}>
+  //         {cancelText || '取消'}
+  //       </ButtonWrapper>
+  //     )}
+  //     {okHidden || okButtonExtraProps?.hidden ? null : (
+  //       <ButtonWrapper type="primary" {...okButtonExtraProps} onClick={onOkHandle}>
+  //         {okText || '提交'}
+  //       </ButtonWrapper>
+  //     )}
+  //   </Space>
+  // );
+
+  // const operateRenderHandle = () => {
+  //   if (operateRender) {
+  //     return operateRender(form);
+  //   }
+  //   if (!okHidden || !cancelHidden) {
+  //     return operateGroup;
+  //   }
+  //   return null;
+  // };
+
+  var newOperateRender = fbaHooks.useMemoCustom(function () {
+    if (operateRender) {
+      return operateRender(form, footerExtraData);
+    }
+    var okHiddenNew = okHidden || (okButtonExtraProps === null || okButtonExtraProps === void 0 ? void 0 : okButtonExtraProps.hidden);
+    var cancelHiddenNew = okHidden || (okButtonExtraProps === null || okButtonExtraProps === void 0 ? void 0 : okButtonExtraProps.hidden);
+    var operateGroup = /*#__PURE__*/jsxs(Space, {
+      children: [cancelHiddenNew ? null : /*#__PURE__*/jsx(ButtonWrapper, _objectSpread2(_objectSpread2({}, cancelButtonExtraProps), {}, {
+        onClick: onCancelHandle,
+        children: cancelText || '取消'
+      })), okHiddenNew ? null : /*#__PURE__*/jsx(ButtonWrapper, _objectSpread2(_objectSpread2({
+        type: "primary"
+      }, okButtonExtraProps), {}, {
+        onClick: onOkHandle,
+        children: okText || '提交'
+      }))]
+    });
+    if (!okHidden || !cancelHidden) {
+      return operateGroup;
+    }
+    return null;
+  }, [footerExtraData, props.open]);
+  var customSize = useMemo(function () {
+    if (!screenType) return undefined;
+    if (['xs', 'sm'].includes(screenType)) {
+      return {
+        width: '90%',
+        maxWidth: '90%'
+      };
+    }
+    if (width) {
+      return {
+        width: width,
+        maxWidth: 'calc(100% - 200px)'
+      };
+    }
+    return {
+      width: '40%',
+      maxWidth: 'calc(100% - 200px)'
+    };
+  }, [screenType, width]);
+  var extraRender = typeof extra === 'function' ? extra(form) : extra;
+  var rerenderFooter = function rerenderFooter(data) {
+    setFooterExtraData(data);
+  };
+  return /*#__PURE__*/jsx(CtxProvider, {
+    value: {
+      rerenderFooter: rerenderFooter
+    },
+    children: /*#__PURE__*/jsx(Drawer, _objectSpread2(_objectSpread2({
+      maskClosable: true,
+      destroyOnClose: true
+      // 5.13.0 新增 styles.wrapper，并废弃 contentWrapperStyle drawerStyle maskStyle 属性
+      ,
+      contentWrapperStyle: {
+        maxWidth: customSize === null || customSize === void 0 ? void 0 : customSize.maxWidth
+      },
+      footer: operatePosition === 'footer' ? newOperateRender : null
+    }, otherProps), {}, {
+      width: customSize === null || customSize === void 0 ? void 0 : customSize.width,
+      styles: _objectSpread2({}, otherProps.styles),
+      className: classNames('app-dialog-drawer', otherProps.className),
+      extra: operatePosition === 'header' ? newOperateRender : extraRender,
+      open: props.open,
+      onClose: onClose,
+      children: typeof content === 'function' ? content(form, {
+        onClose: onClose
+      }) : content
+    }))
+  });
+};
+
+var FbaAppLoading = function FbaAppLoading(props) {
+  var className = props.className,
+    message = props.message,
+    mask = props.mask;
+  var _theme$useToken = theme.useToken(),
+    token = _theme$useToken.token;
+  var colorPrimary = token.colorPrimary;
+  return /*#__PURE__*/jsx(Modal, {
+    maskClosable: false,
+    centered: true,
+    destroyOnClose: true,
+    className: classNames('fba-dialog-loading', className),
+    open: props.open,
+    footer: null,
+    closable: false,
+    style: {
+      '--fba-loading-color': colorPrimary
+    },
+    mask: mask,
+    children: /*#__PURE__*/jsx(BlockLayout, {
+      className: classNames('fba-dialog-loading-content'),
+      children: /*#__PURE__*/jsxs("div", {
+        className: "loader-wrapper",
+        children: [/*#__PURE__*/jsx("div", {
+          className: "loader-inner"
+        }), /*#__PURE__*/jsx("div", {
+          className: "loader-text",
+          children: message || '处理中'
+        })]
+      })
+    })
+  });
+};
+
+var useDialogDrawer = function useDialogDrawer() {
+  var ctx = useContext(FbaAppContext);
+  var onClose = function onClose() {
+    var _ctx$dialogDrawerClos;
+    (_ctx$dialogDrawerClos = ctx.dialogDrawerClose) === null || _ctx$dialogDrawerClos === void 0 || _ctx$dialogDrawerClos.call(ctx);
+  };
+  return {
+    appDialogDrawer: {
+      open: function open(data) {
+        var _ctx$dialogDrawerOpen;
+        (_ctx$dialogDrawerOpen = ctx.dialogDrawerOpen) === null || _ctx$dialogDrawerOpen === void 0 || _ctx$dialogDrawerOpen.call(ctx, _objectSpread2(_objectSpread2({}, data), {}, {
+          open: true
+        }));
+        return {
+          onClose: onClose
+        };
+      },
+      close: onClose,
+      /**
+       * ```
+       * 1. rerenderFooter 携带指定数据重新渲染 footer，可用于切换footer中的按钮状态
+       * ```
+       */
+      useAppDialogDrawer: function useAppDialogDrawer() {
+        var ctx = useFbaAppDialogDrawerCtx();
+        return {
+          /** 重新渲染 footer， data为携带的数据，是footer的第二个参数  */
+          rerenderFooter: function rerenderFooter(data) {
+            ctx.rerenderFooter(data);
+          }
+        };
+      }
+    }
+  };
+};
+
+/**
+ * 不支持多个弹框，第二个弹框可使用useDialogDrawer2
+ */
+var useDialogDrawer2 = function useDialogDrawer2() {
+  var ctx = useContext(FbaAppContext);
+  var onClose = function onClose() {
+    var _ctx$dialogDrawerClos2;
+    (_ctx$dialogDrawerClos2 = ctx.dialogDrawerClose2) === null || _ctx$dialogDrawerClos2 === void 0 || _ctx$dialogDrawerClos2.call(ctx);
+  };
+  return {
+    appDialogDrawer2: {
+      open: function open(data) {
+        var _ctx$dialogDrawerOpen2;
+        (_ctx$dialogDrawerOpen2 = ctx.dialogDrawerOpen2) === null || _ctx$dialogDrawerOpen2 === void 0 || _ctx$dialogDrawerOpen2.call(ctx, _objectSpread2(_objectSpread2({}, data), {}, {
+          open: true
+        }));
+        return {
+          onClose: onClose
+        };
+      },
+      close: onClose,
+      /**
+       * ```
+       * 1. rerenderFooter 携带指定数据重新渲染 footer，可用于切换footer中的按钮状态
+       * ```
+       */
+      useAppDialogDrawer: function useAppDialogDrawer() {
+        var ctx = useFbaAppDialogDrawerCtx();
+        return {
+          /** 重新渲染 footer， data为携带的数据，是footer的第二个参数  */
+          rerenderFooter: function rerenderFooter(data) {
+            ctx.rerenderFooter(data);
+          }
+        };
+      }
+    }
+  };
+};
+
+/**
+ * 不支持多个弹框，第二个弹框可使用useDialogModal2
+ * ```
+ * 1. 配置size属性可使用预设的弹窗尺寸，如果不使用内置尺寸可设置 size = null
+ * ```
+ */
+var useDialogModal = function useDialogModal() {
+  var ctx = useContext(FbaAppContext);
+  var onClose = function onClose() {
+    var _ctx$dialogModalClose;
+    (_ctx$dialogModalClose = ctx.dialogModalClose) === null || _ctx$dialogModalClose === void 0 || _ctx$dialogModalClose.call(ctx);
+  };
+  return {
+    appDialogModal: {
+      open: function open(data) {
+        var _ctx$dialogModalOpen;
+        (_ctx$dialogModalOpen = ctx.dialogModalOpen) === null || _ctx$dialogModalOpen === void 0 || _ctx$dialogModalOpen.call(ctx, _objectSpread2(_objectSpread2({}, data), {}, {
+          open: true
+        }));
+        return {
+          onClose: onClose
+        };
+      },
+      close: onClose,
+      /**
+       * rerenderFooter 携带指定数据重新渲染 footer，可用于切换footer中的按钮状态
+       */
+      useAppDialogModal: function useAppDialogModal() {
+        var ctx = useFbaAppDialogModalCtx();
+        return {
+          /** 重新渲染 footer， data为携带的数据，是footer的第二个参数  */
+          rerenderFooter: function rerenderFooter(data) {
+            ctx.rerenderFooter(data);
+          }
+        };
+      }
+    }
+  };
+};
+
+/**
+ * 不支持多个弹框
+ * ```
+ * 1. 配置size属性可使用预设的弹窗尺寸，如果不使用内置尺寸可设置 size = null
+ * ```
+ */
+var useDialogModal2 = function useDialogModal2() {
+  var ctx = useContext(FbaAppContext);
+  var onClose = function onClose() {
+    var _ctx$dialogModalClose2;
+    (_ctx$dialogModalClose2 = ctx.dialogModalClose2) === null || _ctx$dialogModalClose2 === void 0 || _ctx$dialogModalClose2.call(ctx);
+  };
+  return {
+    appDialogModal2: {
+      open: function open(data) {
+        var _ctx$dialogModalOpen2;
+        (_ctx$dialogModalOpen2 = ctx.dialogModalOpen2) === null || _ctx$dialogModalOpen2 === void 0 || _ctx$dialogModalOpen2.call(ctx, _objectSpread2(_objectSpread2({}, data), {}, {
+          open: true
+        }));
+        return {
+          onClose: onClose
+        };
+      },
+      close: onClose,
+      /**
+       * rerenderFooter 携带指定数据重新渲染 footer，可用于切换footer中的按钮状态
+       */
+      useAppDialogModal: function useAppDialogModal() {
+        var ctx = useFbaAppDialogModalCtx();
+        return {
+          /** 重新渲染 footer， data为携带的数据，是footer的第二个参数  */
+          rerenderFooter: function rerenderFooter(data) {
+            ctx.rerenderFooter(data);
+          }
+        };
+      }
+    }
+  };
+};
+
+/**
+ * 不支持多个弹框
+ * @returns
+ */
+var useDialogAlert = function useDialogAlert() {
+  var ctx = useContext(FbaAppContext);
+  var onClose = function onClose() {
+    var _ctx$dialogAlertClose;
+    (_ctx$dialogAlertClose = ctx.dialogAlertClose) === null || _ctx$dialogAlertClose === void 0 || _ctx$dialogAlertClose.call(ctx);
+  };
+  return {
+    appDialogAlert: {
+      open: function open(data) {
+        var _ctx$dialogAlertOpen;
+        (_ctx$dialogAlertOpen = ctx.dialogAlertOpen) === null || _ctx$dialogAlertOpen === void 0 || _ctx$dialogAlertOpen.call(ctx, _objectSpread2(_objectSpread2({}, data), {}, {
+          open: true
+        }));
+        return {
+          onClose: onClose
+        };
+      },
+      close: onClose
+    }
+  };
+};
+/**
+ * 不支持多个弹框
+ * @returns
+ */
+var useDialogConfirm = function useDialogConfirm() {
+  var ctx = useContext(FbaAppContext);
+  var onClose = function onClose() {
+    var _ctx$dialogConfirmClo;
+    (_ctx$dialogConfirmClo = ctx.dialogConfirmClose) === null || _ctx$dialogConfirmClo === void 0 || _ctx$dialogConfirmClo.call(ctx);
+  };
+  return {
+    appDialogConfirm: {
+      open: function open(data) {
+        var _ctx$dialogConfirmOpe;
+        (_ctx$dialogConfirmOpe = ctx.dialogConfirmOpen) === null || _ctx$dialogConfirmOpe === void 0 || _ctx$dialogConfirmOpe.call(ctx, _objectSpread2(_objectSpread2({}, data), {}, {
+          open: true
+        }));
+        return {
+          onClose: onClose
+        };
+      },
+      close: onClose
+    }
+  };
+};
+/**
+ * 不支持多个弹框
+ * @returns
+ */
+var useDialogLoading = function useDialogLoading() {
+  var ctx = useContext(FbaAppContext);
+  var onClose = function onClose() {
+    var _ctx$dialogLoadingClo;
+    (_ctx$dialogLoadingClo = ctx.dialogLoadingClose) === null || _ctx$dialogLoadingClo === void 0 || _ctx$dialogLoadingClo.call(ctx);
+  };
+  return {
+    appDialogLoading: {
+      open: function open(data) {
+        var _ctx$dialogLoadingOpe;
+        (_ctx$dialogLoadingOpe = ctx.dialogLoadingOpen) === null || _ctx$dialogLoadingOpe === void 0 || _ctx$dialogLoadingOpe.call(ctx, _objectSpread2(_objectSpread2({}, data), {}, {
+          open: true
+        }));
+        return {
+          onClose: onClose
+        };
+      },
+      close: onClose
+    }
+  };
+};
+var FbaApp = function FbaApp(props) {
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    drawerProps = _useState2[0],
+    setDrawerProps = _useState2[1];
+  var _useState3 = useState(getUuid()),
+    _useState4 = _slicedToArray(_useState3, 2),
+    drawerKey = _useState4[0],
+    setDrawerKey = _useState4[1];
+  var _useState5 = useState({}),
+    _useState6 = _slicedToArray(_useState5, 2),
+    drawerProps2 = _useState6[0],
+    setDrawerProps2 = _useState6[1];
+  var _useState7 = useState(getUuid()),
+    _useState8 = _slicedToArray(_useState7, 2),
+    drawerKey2 = _useState8[0],
+    setDrawerKey2 = _useState8[1];
+  var _useState9 = useState({}),
+    _useState10 = _slicedToArray(_useState9, 2),
+    modalProps = _useState10[0],
+    setModalProps = _useState10[1];
+  var _useState11 = useState(getUuid()),
+    _useState12 = _slicedToArray(_useState11, 2),
+    modalKey = _useState12[0],
+    setModalKey = _useState12[1];
+  var _useState13 = useState({}),
+    _useState14 = _slicedToArray(_useState13, 2),
+    modalProps2 = _useState14[0],
+    setModalProps2 = _useState14[1];
+  var _useState15 = useState(getUuid()),
+    _useState16 = _slicedToArray(_useState15, 2),
+    modalKey2 = _useState16[0],
+    setModalKey2 = _useState16[1];
+  var _useState17 = useState({}),
+    _useState18 = _slicedToArray(_useState17, 2),
+    alertProps = _useState18[0],
+    setAlertProps = _useState18[1];
+  var _useState19 = useState({}),
+    _useState20 = _slicedToArray(_useState19, 2),
+    confirmProps = _useState20[0],
+    setConfirmProps = _useState20[1];
+  var _useState21 = useState(),
+    _useState22 = _slicedToArray(_useState21, 2),
+    loadingProps = _useState22[0],
+    setLoadingProps = _useState22[1];
+  var _useState23 = useState(getUuid()),
+    _useState24 = _slicedToArray(_useState23, 2),
+    alertKey = _useState24[0],
+    setAlertKey = _useState24[1];
+  var _useState25 = useState(getUuid()),
+    _useState26 = _slicedToArray(_useState25, 2),
+    confirmKey = _useState26[0],
+    setConfirmKey = _useState26[1];
+  var _useState27 = useState(getUuid()),
+    _useState28 = _slicedToArray(_useState27, 2),
+    loadingKey = _useState28[0],
+    setLoadingKey = _useState28[1];
+  var dialogDrawerOpen = hooks.useCallbackRef(function (data) {
+    setDrawerProps(data);
+  });
+  var dialogDrawerClose = hooks.useCallbackRef(function (e) {
+    var _drawerProps$onClose;
+    setDrawerProps(_objectSpread2(_objectSpread2({}, drawerProps), {}, {
+      open: false
+    }));
+    (_drawerProps$onClose = drawerProps.onClose) === null || _drawerProps$onClose === void 0 || _drawerProps$onClose.call(drawerProps, e);
+    setTimeout(function () {
+      setDrawerKey(getUuid());
+    }, 200);
+  });
+  var dialogDrawerOpen2 = hooks.useCallbackRef(function (data) {
+    setDrawerProps2(data);
+  });
+  var dialogDrawerClose2 = hooks.useCallbackRef(function (e) {
+    var _drawerProps2$onClose;
+    setDrawerProps2(_objectSpread2(_objectSpread2({}, drawerProps2), {}, {
+      open: false
+    }));
+    (_drawerProps2$onClose = drawerProps2.onClose) === null || _drawerProps2$onClose === void 0 || _drawerProps2$onClose.call(drawerProps2, e);
+    setTimeout(function () {
+      setDrawerKey2(getUuid());
+    }, 200);
+  });
+  var dialogModalOpen = hooks.useCallbackRef(function (data) {
+    setModalProps(data);
+  });
+  var dialogModalClose = hooks.useCallbackRef(function () {
+    var _modalProps$onClose;
+    setModalProps(_objectSpread2(_objectSpread2({}, modalProps), {}, {
+      open: false
+    }));
+    (_modalProps$onClose = modalProps.onClose) === null || _modalProps$onClose === void 0 || _modalProps$onClose.call(modalProps);
+    setTimeout(function () {
+      setModalKey(getUuid());
+    }, 200);
+  });
+  var dialogModalOpen2 = hooks.useCallbackRef(function (data) {
+    setModalProps2(data);
+  });
+  var dialogModalClose2 = hooks.useCallbackRef(function () {
+    var _modalProps2$onClose;
+    setModalProps2(_objectSpread2(_objectSpread2({}, modalProps2), {}, {
+      open: false
+    }));
+    (_modalProps2$onClose = modalProps2.onClose) === null || _modalProps2$onClose === void 0 || _modalProps2$onClose.call(modalProps2);
+    setTimeout(function () {
+      setModalKey2(getUuid());
+    }, 200);
+  });
+  var dialogAlertOpen = hooks.useCallbackRef(function (data) {
+    setAlertProps(data);
+  });
+  var dialogAlertClose = hooks.useCallbackRef(function () {
+    var _alertProps$onClose;
+    setAlertProps(_objectSpread2(_objectSpread2({}, alertProps), {}, {
+      open: false
+    }));
+    (_alertProps$onClose = alertProps.onClose) === null || _alertProps$onClose === void 0 || _alertProps$onClose.call(alertProps);
+    setTimeout(function () {
+      setAlertKey(getUuid());
+    }, 200);
+  });
+  var dialogConfirmOpen = hooks.useCallbackRef(function (data) {
+    setConfirmProps(data);
+  });
+  var dialogConfirmClose = hooks.useCallbackRef(function () {
+    var _confirmProps$onClose;
+    setConfirmProps(_objectSpread2(_objectSpread2({}, confirmProps), {}, {
+      open: false
+    }));
+    (_confirmProps$onClose = confirmProps.onClose) === null || _confirmProps$onClose === void 0 || _confirmProps$onClose.call(confirmProps);
+    setTimeout(function () {
+      setConfirmKey(getUuid());
+    }, 200);
+  });
+  var dialogLoadingOpen = hooks.useCallbackRef(function (data) {
+    setLoadingProps(data);
+  });
+  var dialogLoadingClose = hooks.useCallbackRef(function () {
+    setLoadingProps(_objectSpread2(_objectSpread2({}, loadingProps), {}, {
+      open: false
+    }));
+    setTimeout(function () {
+      setLoadingKey(getUuid());
+    }, 200);
+  });
+  return /*#__PURE__*/jsxs(FbaAppContext.Provider, {
+    value: {
+      dialogDrawerOpen: dialogDrawerOpen,
+      dialogDrawerClose: dialogDrawerClose,
+      dialogDrawerOpen2: dialogDrawerOpen2,
+      dialogDrawerClose2: dialogDrawerClose2,
+      dialogModalOpen: dialogModalOpen,
+      dialogModalClose: dialogModalClose,
+      dialogModalOpen2: dialogModalOpen2,
+      dialogModalClose2: dialogModalClose2,
+      dialogAlertOpen: dialogAlertOpen,
+      dialogAlertClose: dialogAlertClose,
+      dialogConfirmOpen: dialogConfirmOpen,
+      dialogConfirmClose: dialogConfirmClose,
+      dialogLoadingOpen: dialogLoadingOpen,
+      dialogLoadingClose: dialogLoadingClose
+    },
+    children: [/*#__PURE__*/createElement(FbaAppDrawer, _objectSpread2(_objectSpread2({}, drawerProps), {}, {
+      onClose: dialogDrawerClose,
+      key: drawerKey
+    })), /*#__PURE__*/createElement(FbaAppDrawer, _objectSpread2(_objectSpread2({}, drawerProps2), {}, {
+      onClose: dialogDrawerClose2,
+      key: drawerKey2
+    })), /*#__PURE__*/createElement(FbaAppModal, _objectSpread2(_objectSpread2({}, modalProps), {}, {
+      onClose: dialogModalClose,
+      key: modalKey
+    })), /*#__PURE__*/createElement(FbaAppModal, _objectSpread2(_objectSpread2({}, modalProps2), {}, {
+      onClose: dialogModalClose2,
+      key: modalKey2
+    })), /*#__PURE__*/createElement(FbaAppAlert, _objectSpread2(_objectSpread2({}, alertProps), {}, {
+      onClose: dialogAlertClose,
+      key: alertKey
+    })), /*#__PURE__*/createElement(FbaAppConfirm, _objectSpread2(_objectSpread2({}, confirmProps), {}, {
+      onClose: dialogConfirmClose,
+      key: confirmKey
+    })), /*#__PURE__*/createElement(FbaAppLoading, _objectSpread2(_objectSpread2({}, loadingProps), {}, {
+      key: loadingKey
+    })), props.children]
+  });
+};
+
+export { FbaApp as F, useDialogDrawer2 as a, useDialogModal as b, useDialogModal2 as c, useDialogConfirm as d, useDialogAlert as e, useDialogLoading as f, useDialogDrawer as u };
+//# sourceMappingURL=fba-app-Dwk_sT5R.js.map