@saas-ui/modals 1.5.5 → 2.0.0-next.1

package/dist/index.js

@@ -1,2 +1,433 @@
-var e=require("react"),n=require("@chakra-ui/react"),o=require("@saas-ui/button"),r=require("@chakra-ui/utils"),t=require("@saas-ui/forms");function l(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach(function(o){if("default"!==o){var r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(n,o,r.get?r:{enumerable:!0,get:function(){return e[o]}})}}),n.default=e,n}var i=/*#__PURE__*/l(e);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var o=arguments[n];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},a.apply(this,arguments)}function u(e,n){if(null==e)return{};var o,r,t={},l=Object.keys(e);for(r=0;r<l.length;r++)n.indexOf(o=l[r])>=0||(t[o]=e[o]);return t}var c=["title","cancelLabel","confirmLabel","cancelProps","confirmProps","buttonGroupProps","isOpen","closeOnCancel","closeOnConfirm","leastDestructiveFocus","onClose","onCancel","onConfirm","children"],s=function(e){var r=e.title,t=e.cancelLabel,l=void 0===t?"Cancel":t,s=e.confirmLabel,d=void 0===s?"Confirm":s,f=e.cancelProps,m=e.confirmProps,p=e.buttonGroupProps,v=e.isOpen,C=e.closeOnCancel,h=void 0===C||C,E=e.closeOnConfirm,y=void 0===E||E,O=e.leastDestructiveFocus,b=void 0===O?"cancel":O,M=e.onClose,g=e.onCancel,D=e.onConfirm,x=e.children,F=u(e,c),B=i.useRef(null),P=i.useRef(null);/*#__PURE__*/return i.createElement(n.AlertDialog,a({isOpen:v,onClose:M},F,{leastDestructiveRef:"cancel"===b?B:P}),/*#__PURE__*/i.createElement(n.AlertDialogOverlay,null,/*#__PURE__*/i.createElement(n.AlertDialogContent,null,/*#__PURE__*/i.createElement(n.AlertDialogHeader,null,r),/*#__PURE__*/i.createElement(n.AlertDialogBody,null,x),/*#__PURE__*/i.createElement(n.AlertDialogFooter,null,/*#__PURE__*/i.createElement(o.ButtonGroup,p,/*#__PURE__*/i.createElement(o.Button,a({ref:B},f,{onClick:function(){null==g||g(),h&&M()}}),(null==f?void 0:f.children)||(null==f?void 0:f.label)||l),/*#__PURE__*/i.createElement(o.Button,a({ref:P},m,{onClick:function(){null==D||D(),y&&M()}}),(null==m?void 0:m.children)||(null==m?void 0:m.label)||d))))))},d=["title","children","isOpen","onClose","hideCloseButton","hideOverlay"],f=["footer","children"],m=function(e){var o=e.title,r=e.children,t=e.isOpen,l=e.onClose,c=e.hideCloseButton,s=e.hideOverlay,f=u(e,d);/*#__PURE__*/return i.createElement(n.Drawer,a({isOpen:t,onClose:l},f),!s&&/*#__PURE__*/i.createElement(n.DrawerOverlay,null),/*#__PURE__*/i.createElement(n.DrawerContent,null,/*#__PURE__*/i.createElement(n.DrawerHeader,null,o),!c&&/*#__PURE__*/i.createElement(n.DrawerCloseButton,null),r))},p=function(e){var o=e.footer,r=e.children,t=u(e,f);/*#__PURE__*/return i.createElement(m,t,/*#__PURE__*/i.createElement(n.DrawerBody,null,r),o&&/*#__PURE__*/i.createElement(n.DrawerFooter,null,o))},v=["title","footer","children","isOpen","onClose","hideCloseButton","hideOverlay"],C=["children"],h=function(e){var o=e.title,r=e.footer,t=e.children,l=e.isOpen,c=e.onClose,s=e.hideCloseButton,d=e.hideOverlay,f=u(e,v);/*#__PURE__*/return i.createElement(n.Modal,a({isOpen:l,onClose:c},f),!d&&/*#__PURE__*/i.createElement(n.ModalOverlay,null),/*#__PURE__*/i.createElement(n.ModalContent,null,o&&/*#__PURE__*/i.createElement(n.ModalHeader,null,o),!s&&/*#__PURE__*/i.createElement(n.ModalCloseButton,null),t,r&&/*#__PURE__*/i.createElement(n.ModalFooter,null,r)))},E=function(e){var o=e.children,r=u(e,C);/*#__PURE__*/return i.createElement(h,r,/*#__PURE__*/i.createElement(n.ModalBody,null,o))},y=["onClose","onCloseComplete"],O=["rootProps","title","footer","initialFocusRef","hideCloseButton","motionPreset"],b=["ref"],M=n.createStylesContext("MenuDialog")[0],g=function(e){var o=e.onClose,r=e.onCloseComplete,t=u(e,y);/*#__PURE__*/return i.createElement(n.Menu,a({variant:"dialog",onClose:function(){null==o||o(),null==r||r()}},t))},D=n.forwardRef(function(e,o){var r=e.title,t=e.footer,l=e.initialFocusRef,c=e.hideCloseButton,s=e.motionPreset,d=u(e,O),f=n.useMenuContext(),m=f.isOpen,p=f.onClose,v=f.menuRef,C=n.useMenuList(d,o),E=C.ref,y=u(C,b),g=n.useMultiStyleConfig("Menu",e);/*#__PURE__*/return i.createElement(h,{isOpen:m,onClose:p,initialFocusRef:l||v,title:r,hideCloseButton:c,motionPreset:s},/*#__PURE__*/i.createElement(M,{value:g},/*#__PURE__*/i.createElement(n.chakra.div,a({},y,{ref:E,__css:a({outline:0,maxHeight:"80vh",overflowY:"auto"},g.list,{boxShadow:"none",border:0})}))),t&&/*#__PURE__*/i.createElement(n.ModalFooter,null,t))}),x=["children","schema","resolver","fieldResolver","defaultValues","onChange","onSubmit","onError","mode","reValidateMode","shouldFocusError","shouldUnregister","shouldUseNativeValidation","criteriaMode","delayError","cancelLabel","submitLabel","footer","isOpen","onClose"],F=n.forwardRef(function(e,o){var l=e.children,c=e.schema,s=e.resolver,d=e.fieldResolver,f=e.defaultValues,m=e.onChange,p=e.onSubmit,v=e.onError,C=e.mode,E=e.reValidateMode,y=e.shouldFocusError,O=void 0===y||y,b=e.shouldUnregister,M=e.shouldUseNativeValidation,g=e.criteriaMode,D=e.delayError,F=void 0===D?100:D,B=e.cancelLabel,P=e.submitLabel,w=e.footer,R=e.isOpen,j=e.onClose,L=u(e,x),S={ref:o,schema:c,resolver:s,defaultValues:f,onChange:m,onSubmit:p,onError:v,mode:C,reValidateMode:E,shouldFocusError:O,shouldUnregister:b,shouldUseNativeValidation:M,criteriaMode:g,delayError:F};/*#__PURE__*/return i.createElement(h,a({isOpen:R,onClose:j},L),/*#__PURE__*/i.createElement(t.Form,S,function(e){/*#__PURE__*/return i.createElement(i.Fragment,null,/*#__PURE__*/i.createElement(n.ModalBody,null,r.runIfFn(l,e)||/*#__PURE__*/i.createElement(t.Fields,{schema:c,fieldResolver:d,focusFirstField:!0})),w||/*#__PURE__*/i.createElement(n.ModalFooter,null,/*#__PURE__*/i.createElement(n.Button,{variant:"ghost",mr:3,onClick:j},B||"Cancel"),/*#__PURE__*/i.createElement(t.SubmitButton,null,P||"Submit")))}))}),B=["id","type","scope","component"],P=["title","body","children"],w=i.createContext(null),R={id:null,props:null,type:"modal"},j={alert:s,confirm:s,drawer:p,modal:E,menu:g,form:F},L=function(){return i.useContext(w)};exports.BaseDrawer=m,exports.BaseModal=h,exports.ConfirmDialog=s,exports.Drawer=p,exports.FormDialog=F,exports.MenuDialog=g,exports.MenuDialogList=D,exports.Modal=E,exports.ModalsContext=w,exports.ModalsProvider=function(e){var n=e.children,o=e.modals,r=i.useMemo(function(){return new Set},[]),t=i.useState({modal:R}),l=t[0],c=t[1],s=i.useMemo(function(){var e=a({},j,o);return function(n){return void 0===n&&(n="modal"),e[n]||e.modal}},[o]),d=function(e,n){if(!n)return c({modal:e});c(function(o){var r;return a({},o,((r={})[n]=e,r))})},f=function(e){"function"==typeof e&&(e={component:e});var n=e.id,o=void 0===n?r.size+1:n,t=e.type,l=void 0===t?"modal":t,i=e.scope,a=void 0===i?"modal":i,c=e.component,s={id:o,props:u(e,B),type:l,scope:a,component:c,isOpen:!0};return r.add(s),d(s,a),o},m=function(e,n){try{var o,t=[].concat(Array.from(r)),l=t.filter(function(n){return n.id===e})[0];return l?Promise.resolve(null==(o=l.props)||null==o.onClose?void 0:o.onClose({force:n})).then(function(e){if(!1!==e){var n=t.filter(function(e){return e.scope===l.scope});d(1===n.length?a({},l,{isOpen:!1}):n.length>1?n[n.length-2]:{id:null,props:null,type:l.type},l.scope)}}):Promise.resolve()}catch(e){return Promise.reject(e)}},p={open:f,drawer:function(e){return f(a({},e,{type:"drawer"}))},alert:function(e){return f(a({},e,{scope:"alert",type:"alert",cancelProps:{display:"none"},confirmProps:{label:"OK"},leastDestructiveFocus:"confirm"}))},confirm:function(e){return f(a({},e,{scope:"alert",type:"confirm"}))},menu:function(e){return f(a({},e,{type:"menu"}))},form:function(e){return f(a({},e,{type:"form"}))},close:m,closeAll:function(){r.forEach(function(e){var n;return null==(n=e.props)||null==n.onClose?void 0:n.onClose({force:!0})}),r.clear(),d(R)}},v=i.useMemo(function(){return Object.entries(l).map(function(e){var n=e[0],o=e[1],t=o.component||s(o.type),l=o.props||{},c=l.title,f=l.body,p=l.children,v=u(l,P);/*#__PURE__*/return i.createElement(t,a({key:n,title:c,children:f||p},v,{isOpen:!!o.isOpen,onClose:function(){return m(o.id)},onCloseComplete:function(){return function(e){var n=[].concat(Array.from(r)),o=n.filter(function(n){return n.id===e})[0];r.delete(o),1===n.filter(function(e){return e.scope===o.scope}).length&&d(R,o.scope)}(o.id)}}))})},[l]);/*#__PURE__*/return i.createElement(w.Provider,{value:p},v,n)},exports.useModals=function(){return L()},exports.useModalsContext=L;
-//# sourceMappingURL=index.js.map
+'use strict';
+
+var React = require('react');
+var react = require('@chakra-ui/react');
+var reactUtils = require('@saas-ui/react-utils');
+var forms = require('@saas-ui/forms');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+// src/dialog.tsx
+var ConfirmDialog = (props) => {
+  const {
+    title,
+    cancelLabel = "Cancel",
+    confirmLabel = "Confirm",
+    cancelProps,
+    confirmProps,
+    buttonGroupProps,
+    isOpen,
+    closeOnCancel = true,
+    closeOnConfirm = true,
+    leastDestructiveFocus = "cancel",
+    onClose,
+    onCancel,
+    onConfirm,
+    children,
+    ...rest
+  } = props;
+  const cancelRef = React__namespace.useRef(null);
+  const confirmRef = React__namespace.useRef(null);
+  return /* @__PURE__ */ React__namespace.createElement(react.AlertDialog, {
+    isOpen,
+    onClose,
+    ...rest,
+    leastDestructiveRef: leastDestructiveFocus === "cancel" ? cancelRef : confirmRef
+  }, /* @__PURE__ */ React__namespace.createElement(react.AlertDialogOverlay, null, /* @__PURE__ */ React__namespace.createElement(react.AlertDialogContent, null, /* @__PURE__ */ React__namespace.createElement(react.AlertDialogHeader, null, title), /* @__PURE__ */ React__namespace.createElement(react.AlertDialogBody, null, children), /* @__PURE__ */ React__namespace.createElement(react.AlertDialogFooter, null, /* @__PURE__ */ React__namespace.createElement(react.ButtonGroup, {
+    ...buttonGroupProps
+  }, /* @__PURE__ */ React__namespace.createElement(react.Button, {
+    ref: cancelRef,
+    ...cancelProps,
+    onClick: () => {
+      onCancel == null ? void 0 : onCancel();
+      closeOnCancel && onClose();
+    }
+  }, (cancelProps == null ? void 0 : cancelProps.children) || cancelLabel), /* @__PURE__ */ React__namespace.createElement(react.Button, {
+    ref: confirmRef,
+    ...confirmProps,
+    onClick: () => {
+      onConfirm == null ? void 0 : onConfirm();
+      closeOnConfirm && onClose();
+    }
+  }, (confirmProps == null ? void 0 : confirmProps.children) || confirmLabel))))));
+};
+var BaseDrawer = (props) => {
+  const {
+    title,
+    children,
+    isOpen,
+    onClose,
+    hideCloseButton,
+    hideOverlay,
+    ...rest
+  } = props;
+  return /* @__PURE__ */ React__namespace.createElement(react.Drawer, {
+    isOpen,
+    onClose,
+    ...rest
+  }, !hideOverlay && /* @__PURE__ */ React__namespace.createElement(react.DrawerOverlay, null), /* @__PURE__ */ React__namespace.createElement(react.DrawerContent, null, /* @__PURE__ */ React__namespace.createElement(react.DrawerHeader, null, title), !hideCloseButton && /* @__PURE__ */ React__namespace.createElement(react.DrawerCloseButton, null), children));
+};
+var Drawer = (props) => {
+  const { footer, children, ...rest } = props;
+  return /* @__PURE__ */ React__namespace.createElement(BaseDrawer, {
+    ...rest
+  }, /* @__PURE__ */ React__namespace.createElement(react.DrawerBody, null, children), footer && /* @__PURE__ */ React__namespace.createElement(react.DrawerFooter, null, footer));
+};
+var BaseModal = (props) => {
+  const {
+    title,
+    footer,
+    children,
+    isOpen,
+    onClose,
+    hideCloseButton,
+    hideOverlay,
+    ...rest
+  } = props;
+  return /* @__PURE__ */ React__namespace.createElement(react.Modal, {
+    isOpen,
+    onClose,
+    ...rest
+  }, !hideOverlay && /* @__PURE__ */ React__namespace.createElement(react.ModalOverlay, null), /* @__PURE__ */ React__namespace.createElement(react.ModalContent, null, title && /* @__PURE__ */ React__namespace.createElement(react.ModalHeader, null, title), !hideCloseButton && /* @__PURE__ */ React__namespace.createElement(react.ModalCloseButton, null), children, footer && /* @__PURE__ */ React__namespace.createElement(react.ModalFooter, null, footer)));
+};
+var Modal = (props) => {
+  const { children, ...rest } = props;
+  return /* @__PURE__ */ React__namespace.createElement(BaseModal, {
+    ...rest
+  }, /* @__PURE__ */ React__namespace.createElement(react.ModalBody, null, children));
+};
+var [StylesProvider] = react.createStylesContext("SuiMenuDialog");
+var MenuDialog = (props) => {
+  const { onClose, onCloseComplete, ...rest } = props;
+  return /* @__PURE__ */ React__namespace.createElement(react.Menu, {
+    variant: "dialog",
+    onClose: () => {
+      onClose == null ? void 0 : onClose();
+      onCloseComplete == null ? void 0 : onCloseComplete();
+    },
+    ...rest
+  });
+};
+var MenuDialogList = react.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      rootProps,
+      title,
+      footer,
+      initialFocusRef,
+      hideCloseButton,
+      motionPreset,
+      ...rest
+    } = props;
+    const { isOpen, onClose, menuRef } = react.useMenuContext();
+    const { ref, ...ownProps } = react.useMenuList(rest, forwardedRef);
+    const styles = react.useMultiStyleConfig("Menu", props);
+    return /* @__PURE__ */ React__namespace.createElement(BaseModal, {
+      isOpen,
+      onClose,
+      initialFocusRef: initialFocusRef || menuRef,
+      title,
+      hideCloseButton,
+      motionPreset
+    }, /* @__PURE__ */ React__namespace.createElement(StylesProvider, {
+      value: styles
+    }, /* @__PURE__ */ React__namespace.createElement(react.chakra.div, {
+      ...ownProps,
+      ref,
+      __css: {
+        outline: 0,
+        maxHeight: "80vh",
+        overflowY: "auto",
+        ...styles.list,
+        boxShadow: "none",
+        border: 0
+      }
+    })), footer && /* @__PURE__ */ React__namespace.createElement(react.ModalFooter, null, footer));
+  }
+);
+var FormDialog = react.forwardRef(
+  (props, ref) => {
+    const {
+      children,
+      schema,
+      resolver,
+      fieldResolver,
+      defaultValues,
+      values,
+      context,
+      onChange,
+      onSubmit,
+      onError,
+      mode,
+      reValidateMode,
+      shouldFocusError = true,
+      shouldUnregister,
+      shouldUseNativeValidation,
+      criteriaMode,
+      delayError = 100,
+      cancelLabel = "Cancel",
+      submitLabel = "Submit",
+      footer,
+      isOpen,
+      onClose,
+      ...rest
+    } = props;
+    const formProps = {
+      ref,
+      schema,
+      resolver,
+      defaultValues,
+      values,
+      context,
+      onChange,
+      onSubmit,
+      onError,
+      mode,
+      reValidateMode,
+      shouldFocusError,
+      shouldUnregister,
+      shouldUseNativeValidation,
+      criteriaMode,
+      delayError
+    };
+    return /* @__PURE__ */ React__namespace.createElement(BaseModal, {
+      isOpen,
+      onClose,
+      ...rest
+    }, /* @__PURE__ */ React__namespace.createElement(forms.Form, {
+      ...formProps,
+      ref
+    }, (form) => /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(react.ModalBody, null, reactUtils.runIfFn(children, form) || /* @__PURE__ */ React__namespace.createElement(forms.Fields, {
+      schema,
+      fieldResolver,
+      focusFirstField: true
+    })), footer || /* @__PURE__ */ React__namespace.createElement(react.ModalFooter, null, /* @__PURE__ */ React__namespace.createElement(react.Button, {
+      variant: "ghost",
+      mr: 3,
+      onClick: onClose
+    }, cancelLabel), /* @__PURE__ */ React__namespace.createElement(forms.SubmitButton, null, submitLabel)))));
+  }
+);
+var ModalsContext = React__namespace.createContext(
+  null
+);
+var initialModalState = {
+  id: null,
+  props: null,
+  type: "modal"
+};
+var defaultModals = {
+  alert: ConfirmDialog,
+  confirm: ConfirmDialog,
+  drawer: Drawer,
+  modal: Modal,
+  menu: MenuDialog,
+  form: FormDialog
+};
+function ModalsProvider({ children, modals }) {
+  const _instances = React__namespace.useMemo(() => /* @__PURE__ */ new Set(), []);
+  const [activeModals, setActiveModals] = React__namespace.useState({
+    modal: initialModalState
+  });
+  const getModalComponent = React__namespace.useMemo(() => {
+    const _modals = {
+      ...defaultModals,
+      ...modals
+    };
+    return (type = "modal") => {
+      const component = _modals[type] || _modals.modal;
+      return component;
+    };
+  }, [modals]);
+  const setActiveModal = (modal, scope) => {
+    if (!scope) {
+      return setActiveModals({
+        modal
+      });
+    }
+    setActiveModals((prevState) => ({
+      ...prevState,
+      [scope]: modal
+    }));
+  };
+  const open = (options) => {
+    if (typeof options === "function") {
+      const component2 = options;
+      options = {
+        component: component2
+      };
+    }
+    const {
+      id = _instances.size + 1,
+      type = "modal",
+      scope = "modal",
+      component,
+      ...props
+    } = options;
+    const modal = {
+      id,
+      props,
+      type,
+      scope,
+      component,
+      isOpen: true
+    };
+    _instances.add(modal);
+    setActiveModal(modal, scope);
+    return id;
+  };
+  const drawer = (options) => {
+    return open({
+      ...options,
+      type: "drawer"
+    });
+  };
+  const alert = (options) => {
+    return open({
+      ...options,
+      scope: "alert",
+      type: "alert",
+      cancelProps: {
+        display: "none"
+      },
+      confirmProps: {
+        label: "OK"
+      },
+      leastDestructiveFocus: "confirm"
+    });
+  };
+  const confirm = (options) => {
+    return open({
+      ...options,
+      scope: "alert",
+      type: "confirm"
+    });
+  };
+  const menu = (options) => {
+    return open({
+      ...options,
+      type: "menu"
+    });
+  };
+  const form = (options) => {
+    return open({
+      ...options,
+      type: "form"
+    });
+  };
+  const close = async (id, force) => {
+    var _a, _b;
+    const modals2 = [...Array.from(_instances)];
+    const modal = modals2.filter((modal2) => modal2.id === id)[0];
+    if (!modal) {
+      return;
+    }
+    const shouldClose = await ((_b = (_a = modal.props) == null ? void 0 : _a.onClose) == null ? void 0 : _b.call(_a, { force }));
+    if (shouldClose === false) {
+      return;
+    }
+    const scoped = modals2.filter(({ scope }) => scope === modal.scope);
+    if (scoped.length === 1) {
+      setActiveModal(
+        {
+          ...modal,
+          isOpen: false
+        },
+        modal.scope
+      );
+    } else if (scoped.length > 1) {
+      setActiveModal(scoped[scoped.length - 2], modal.scope);
+    } else {
+      setActiveModal(
+        {
+          id: null,
+          props: null,
+          type: modal.type
+        },
+        modal.scope
+      );
+    }
+  };
+  const closeComplete = (id) => {
+    const modals2 = [...Array.from(_instances)];
+    const modal = modals2.filter((modal2) => modal2.id === id)[0];
+    _instances.delete(modal);
+    const scoped = modals2.filter(({ scope }) => scope === modal.scope);
+    if (scoped.length === 1) {
+      setActiveModal(initialModalState, modal.scope);
+    }
+  };
+  const closeAll = () => {
+    _instances.forEach((modal) => {
+      var _a, _b;
+      return (_b = (_a = modal.props) == null ? void 0 : _a.onClose) == null ? void 0 : _b.call(_a, { force: true });
+    });
+    _instances.clear();
+    setActiveModal(initialModalState);
+  };
+  const context = {
+    open,
+    drawer,
+    alert,
+    confirm,
+    menu,
+    form,
+    close,
+    closeAll
+  };
+  const content = React__namespace.useMemo(
+    () => Object.entries(activeModals).map(([scope, config]) => {
+      const Component = config.component || getModalComponent(config.type);
+      const { title, body, children: children2, ...props } = config.props || {};
+      return /* @__PURE__ */ React__namespace.createElement(Component, {
+        key: scope,
+        title,
+        children: body || children2,
+        ...props,
+        isOpen: !!config.isOpen,
+        onClose: () => close(config.id),
+        onCloseComplete: () => closeComplete(config.id)
+      });
+    }),
+    [activeModals]
+  );
+  return /* @__PURE__ */ React__namespace.createElement(ModalsContext.Provider, {
+    value: context
+  }, content, children);
+}
+var useModalsContext = () => React__namespace.useContext(ModalsContext);
+var useModals = () => {
+  return useModalsContext();
+};
+
+exports.BaseDrawer = BaseDrawer;
+exports.BaseModal = BaseModal;
+exports.ConfirmDialog = ConfirmDialog;
+exports.Drawer = Drawer;
+exports.FormDialog = FormDialog;
+exports.MenuDialog = MenuDialog;
+exports.MenuDialogList = MenuDialogList;
+exports.Modal = Modal;
+exports.ModalsContext = ModalsContext;
+exports.ModalsProvider = ModalsProvider;
+exports.useModals = useModals;
+exports.useModalsContext = useModalsContext;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/dialog.tsx","../src/drawer.tsx","../src/modal.tsx","../src/menu.tsx","../src/form.tsx","../src/provider.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n  AlertDialog,\n  AlertDialogBody,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogContent,\n  AlertDialogOverlay,\n  AlertDialogProps,\n} from '@chakra-ui/react'\n\nimport {\n  ButtonGroup,\n  ButtonGroupProps,\n  Button,\n  ButtonProps,\n} from '@saas-ui/button'\n\nexport interface ConfirmDialogProps\n  extends Omit<AlertDialogProps, 'leastDestructiveRef'> {\n  /**\n   * The dialog title\n   */\n  title?: React.ReactNode\n  /**\n   * The cancel button label\n   */\n  cancelLabel?: React.ReactNode\n  /**\n   * The confirm button label\n   */\n  confirmLabel?: React.ReactNode\n  /**\n   * The cancel button props\n   */\n  cancelProps?: ButtonProps\n  /**\n   * The confirm button props\n   */\n  confirmProps?: ButtonProps\n  /**\n   * The button group props\n   */\n  buttonGroupProps?: ButtonGroupProps\n  /**\n   * Close the dialog on cancel\n   * @default true\n   */\n  closeOnCancel?: boolean\n  /**\n   * Close the dialog on confirm\n   * @default true\n   */\n  closeOnConfirm?: boolean\n  /**\n   * Defines which button gets initial focus\n   * https://www.w3.org/TR/wai-aria-practices/#alertdialog\n   */\n  leastDestructiveFocus?: 'cancel' | 'confirm'\n  /**\n   * Function that's called when cancel is clicked\n   */\n  onCancel?: () => void\n  /**\n   * Function that's called when confirm is clicked\n   */\n  onConfirm?: () => void\n}\n\nexport const ConfirmDialog: React.FC<ConfirmDialogProps> = (props) => {\n  const {\n    title,\n    cancelLabel = 'Cancel',\n    confirmLabel = 'Confirm',\n    cancelProps,\n    confirmProps,\n    buttonGroupProps,\n    isOpen,\n    closeOnCancel = true,\n    closeOnConfirm = true,\n    leastDestructiveFocus = 'cancel',\n    onClose,\n    onCancel,\n    onConfirm,\n    children,\n    ...rest\n  } = props\n\n  const cancelRef = React.useRef(null)\n  const confirmRef = React.useRef(null)\n\n  return (\n    <AlertDialog\n      isOpen={isOpen}\n      onClose={onClose}\n      {...rest}\n      leastDestructiveRef={\n        leastDestructiveFocus === 'cancel' ? cancelRef : confirmRef\n      }\n    >\n      <AlertDialogOverlay>\n        <AlertDialogContent>\n          <AlertDialogHeader>{title}</AlertDialogHeader>\n\n          <AlertDialogBody>{children}</AlertDialogBody>\n\n          <AlertDialogFooter>\n            <ButtonGroup {...buttonGroupProps}>\n              <Button\n                ref={cancelRef}\n                {...cancelProps}\n                onClick={() => {\n                  onCancel?.()\n\n                  closeOnCancel && onClose()\n                }}\n              >\n                {cancelProps?.children || cancelProps?.label || cancelLabel}\n              </Button>\n              <Button\n                ref={confirmRef}\n                {...confirmProps}\n                onClick={() => {\n                  onConfirm?.()\n\n                  closeOnConfirm && onClose()\n                }}\n              >\n                {confirmProps?.children || confirmProps?.label || confirmLabel}\n              </Button>\n            </ButtonGroup>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialogOverlay>\n    </AlertDialog>\n  )\n}\n","import * as React from 'react'\n\nimport {\n  Drawer as ChakraDrawer,\n  DrawerOverlay,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerBody,\n  DrawerCloseButton,\n  DrawerProps as ChakraDrawerProps,\n} from '@chakra-ui/react'\n\nexport interface BaseDrawerProps extends Omit<ChakraDrawerProps, 'children'> {\n  /**\n   * The drawer title\n   */\n  title: React.ReactNode\n  /**\n   * Hide the close button\n   */\n  hideCloseButton?: boolean\n  /**\n   * Hide the overflow\n   */\n  hideOverlay?: boolean\n  children?: React.ReactNode\n}\n\nexport const BaseDrawer: React.FC<BaseDrawerProps> = (props) => {\n  const {\n    title,\n    children,\n    isOpen,\n    onClose,\n    hideCloseButton,\n    hideOverlay,\n    ...rest\n  } = props\n  return (\n    <ChakraDrawer isOpen={isOpen} onClose={onClose} {...rest}>\n      {!hideOverlay && <DrawerOverlay />}\n      <DrawerContent>\n        <DrawerHeader>{title}</DrawerHeader>\n        {!hideCloseButton && <DrawerCloseButton />}\n        {children}\n      </DrawerContent>\n    </ChakraDrawer>\n  )\n}\n\nexport interface DrawerProps extends BaseDrawerProps {\n  /**\n   * Drawer footer content, wrapped with `DrawerFooter`\n   */\n  footer?: React.ReactNode\n}\n\nexport const Drawer: React.FC<DrawerProps> = (props) => {\n  const { footer, children, ...rest } = props\n  return (\n    <BaseDrawer {...rest}>\n      <DrawerBody>{children}</DrawerBody>\n\n      {footer && <DrawerFooter>{footer}</DrawerFooter>}\n    </BaseDrawer>\n  )\n}\n","import * as React from 'react'\n\nimport {\n  Modal as ChakraModal,\n  ModalOverlay,\n  ModalContent,\n  ModalHeader,\n  ModalFooter,\n  ModalBody,\n  ModalCloseButton,\n  ModalProps as ChakraModalProps,\n} from '@chakra-ui/react'\n\nexport interface BaseModalProps extends ChakraModalProps {\n  /**\n   * The modal title\n   */\n  title?: React.ReactNode\n  /**\n   * The modal footer\n   */\n  footer?: React.ReactNode\n  /**\n   * Hide the close button\n   */\n  hideCloseButton?: boolean\n  /**\n   * Hide the overlay\n   */\n  hideOverlay?: boolean\n}\n\nexport const BaseModal: React.FC<BaseModalProps> = (props) => {\n  const {\n    title,\n    footer,\n    children,\n    isOpen,\n    onClose,\n    hideCloseButton,\n    hideOverlay,\n    ...rest\n  } = props\n  return (\n    <ChakraModal isOpen={isOpen} onClose={onClose} {...rest}>\n      {!hideOverlay && <ModalOverlay />}\n      <ModalContent>\n        {title && <ModalHeader>{title}</ModalHeader>}\n        {!hideCloseButton && <ModalCloseButton />}\n        {children}\n        {footer && <ModalFooter>{footer}</ModalFooter>}\n      </ModalContent>\n    </ChakraModal>\n  )\n}\n\nexport const Modal: React.FC<BaseModalProps> = (props) => {\n  const { children, ...rest } = props\n  return (\n    <BaseModal {...rest}>\n      <ModalBody>{children}</ModalBody>\n    </BaseModal>\n  )\n}\n","import * as React from 'react'\n\nimport {\n  ModalFooter,\n  chakra,\n  forwardRef,\n  useMenuContext,\n  useMenuList,\n  createStylesContext,\n  useMultiStyleConfig,\n  Menu,\n  MenuListProps,\n} from '@chakra-ui/react'\n\nimport {} from '@chakra-ui/system'\n\nimport { BaseModal, BaseModalProps } from './modal'\n\nconst [StylesProvider] = createStylesContext('MenuDialog')\n\nexport interface MenuDialogProps extends BaseModalProps {\n  /**\n   * The modal footer, wrapped with `ModalFooter`\n   */\n  footer?: React.ReactNode\n}\n\nexport const MenuDialog: React.FC<MenuDialogProps> = (props) => {\n  const { onClose, onCloseComplete, ...rest } = props\n\n  return (\n    <Menu\n      variant=\"dialog\"\n      onClose={() => {\n        onClose?.()\n        // Not supported in Menu, so we call it here instead\n        // @todo Refactor this in v2?\n        onCloseComplete?.()\n      }}\n      {...rest}\n    />\n  )\n}\n\nexport interface MenuDialogListProps\n  extends Omit<\n      BaseModalProps,\n      'isOpen' | 'onClose' | 'children' | 'scrollBehavior'\n    >,\n    Omit<MenuListProps, 'title'> {}\n\nexport const MenuDialogList = forwardRef<MenuDialogListProps, 'div'>(\n  (props, forwardedRef) => {\n    const {\n      rootProps,\n      title,\n      footer,\n      initialFocusRef,\n      hideCloseButton,\n      motionPreset,\n      ...rest\n    } = props\n\n    const { isOpen, onClose, menuRef } = useMenuContext()\n\n    const { ref, ...ownProps } = useMenuList(rest, forwardedRef)\n\n    const styles = useMultiStyleConfig('Menu', props)\n\n    return (\n      <BaseModal\n        isOpen={isOpen}\n        onClose={onClose}\n        initialFocusRef={initialFocusRef || menuRef}\n        title={title}\n        hideCloseButton={hideCloseButton}\n        motionPreset={motionPreset}\n      >\n        {/* We forward the styles again, otherwise the modal styles will be picked up */}\n        <StylesProvider value={styles}>\n          <chakra.div\n            {...ownProps}\n            ref={ref as React.Ref<HTMLDivElement>}\n            __css={{\n              outline: 0,\n              maxHeight: '80vh', // can override this in theme\n              overflowY: 'auto', // can override this in theme\n              ...styles.list,\n              boxShadow: 'none',\n              border: 0,\n            }}\n          />\n        </StylesProvider>\n        {footer && <ModalFooter>{footer}</ModalFooter>}\n      </BaseModal>\n    )\n  }\n)\n","import * as React from 'react'\n\nimport { ModalBody, ModalFooter, Button, forwardRef } from '@chakra-ui/react'\nimport { runIfFn } from '@chakra-ui/utils'\n\nimport {\n  Form,\n  Fields,\n  SubmitButton,\n  FormProps,\n  FieldValues,\n  FieldResolver,\n  UseFormReturn,\n} from '@saas-ui/forms'\n\nimport { BaseModal, BaseModalProps } from './modal'\n\nexport interface FormDialogProps<TFieldValues extends FieldValues = FieldValues>\n  extends Omit<BaseModalProps, 'children'>,\n    Pick<\n      FormProps<TFieldValues>,\n      | 'schema'\n      | 'defaultValues'\n      | 'onChange'\n      | 'onSubmit'\n      | 'onError'\n      | 'resolver'\n      | 'mode'\n      | 'reValidateMode'\n      | 'shouldFocusError'\n      | 'shouldUnregister'\n      | 'shouldUseNativeValidation'\n      | 'criteriaMode'\n      | 'delayError'\n    > {\n  /**\n   * The modal footer, will be wrapped with `ModalFooter`.\n   * Defaults to a cancel and submit button.\n   */\n  footer?: React.ReactNode\n  /**\n   * The cancel button label\n   * @default \"Cancel\"\n   */\n  cancelLabel?: React.ReactNode\n  /**\n   * The submit button label\n   * @default \"Submit\"\n   */\n  submitLabel?: React.ReactNode\n  /**\n   * If no children are passed, this will auto render fields based on the supplied schema.\n   */\n  children?: React.ReactNode\n  /**\n   * A schema field resolver used to auto generate form fields.\n   */\n  fieldResolver?: FieldResolver\n}\n\nexport const FormDialog = forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: FormDialogProps<TFieldValues>,\n    ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  ) => {\n    const {\n      children,\n      schema,\n      resolver,\n      fieldResolver,\n      defaultValues,\n      onChange,\n      onSubmit,\n      onError,\n      mode,\n      reValidateMode,\n      shouldFocusError = true,\n      shouldUnregister,\n      shouldUseNativeValidation,\n      criteriaMode,\n      delayError = 100,\n      cancelLabel,\n      submitLabel,\n      footer,\n      isOpen,\n      onClose,\n      ...rest\n    } = props\n\n    const formProps = {\n      ref,\n      schema,\n      resolver,\n      defaultValues,\n      onChange,\n      onSubmit,\n      onError,\n      mode,\n      reValidateMode,\n      shouldFocusError,\n      shouldUnregister,\n      shouldUseNativeValidation,\n      criteriaMode,\n      delayError,\n    }\n\n    return (\n      <BaseModal isOpen={isOpen} onClose={onClose} {...rest}>\n        <Form {...formProps}>\n          {(form) => (\n            <>\n              <ModalBody>\n                {runIfFn(children, form) || (\n                  <Fields\n                    schema={schema}\n                    fieldResolver={fieldResolver}\n                    focusFirstField\n                  />\n                )}\n              </ModalBody>\n\n              {footer || (\n                <ModalFooter>\n                  <Button variant=\"ghost\" mr={3} onClick={onClose}>\n                    {cancelLabel || 'Cancel'}\n                  </Button>\n                  <SubmitButton>{submitLabel || 'Submit'}</SubmitButton>\n                </ModalFooter>\n              )}\n            </>\n          )}\n        </Form>\n      </BaseModal>\n    )\n  }\n) as <TFieldValues extends FieldValues>(\n  props: FormDialogProps<TFieldValues> & {\n    ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  }\n) => React.ReactElement\n","import * as React from 'react'\n\nimport { Modal, BaseModalProps } from './modal'\nimport { Drawer, DrawerProps } from './drawer'\nimport { ConfirmDialog, ConfirmDialogProps } from './dialog'\nimport { MenuDialog, MenuDialogProps } from './menu'\nimport { FormDialog, FormDialogProps } from './form'\n\nexport interface ModalsContextValue {\n  open: (options: OpenOptions) => ModalId\n  drawer: (options: DrawerOptions) => ModalId\n  alert: (options: ConfirmDialogOptions) => ModalId\n  confirm: (options: ConfirmDialogOptions) => ModalId\n  menu: (options: MenuDialogOptions) => ModalId\n  form: (options: FormDialogOptions) => ModalId\n  close: (id: ModalId) => void\n  closeAll: () => void\n}\n\nexport const ModalsContext = React.createContext<ModalsContextValue | null>(\n  null\n)\n\ninterface ModalsProviderProps {\n  children: React.ReactNode\n  modals?: Record<string, React.FC<any>>\n}\n\nexport type ModalId = string | number\n\ninterface ModalOptions\n  extends Omit<BaseModalProps, 'onClose' | 'isOpen' | 'children'> {\n  onClose?: (args: { force?: boolean }) => Promise<boolean | undefined> | void\n  body?: React.ReactNode\n  children?: React.ReactNode\n  [key: string]: any\n}\n\nexport interface DrawerOptions\n  extends ModalOptions,\n    Omit<DrawerProps, 'onClose' | 'isOpen' | 'children' | 'title' | 'size'> {}\n\nexport interface ConfirmDialogOptions\n  extends ModalOptions,\n    Omit<ConfirmDialogProps, 'onClose' | 'isOpen' | 'children'> {}\n\nexport interface MenuDialogOptions\n  extends ModalOptions,\n    Omit<MenuDialogProps, 'onClose' | 'isOpen' | 'children'> {}\n\nexport interface FormDialogOptions\n  extends ModalOptions,\n    Omit<FormDialogProps, 'onClose' | 'isOpen' | 'children'> {}\n\nexport interface OpenOptions extends ModalOptions {\n  type?: ModalTypes\n  scope?: ModalScopes\n}\n\nexport type ModalScopes = 'modal' | 'alert'\n\nexport type ModalTypes =\n  | 'modal'\n  | 'drawer'\n  | 'alert'\n  | 'confirm'\n  | 'menu'\n  | string\n\nexport interface ModalConfig<\n  TModalOptions extends ModalOptions = ModalOptions\n> {\n  /**\n   * The modal id, autogenerated when not set.\n   * Can be used to close modals.\n   */\n  id?: ModalId | null\n  /**\n   * The modal props\n   */\n  props?: TModalOptions | null\n  /**\n   * The modal scope\n   * Modals can only have one level per scope.\n   * The default scopes are 'modal' and 'alert', alerts can be openend above modals.\n   */\n  scope?: ModalScopes | string\n  /**\n   * The modal type to open.\n   * Build in types are 'modal', 'drawer', 'alert', 'confirm'\n   *\n   * Custom types can be configured using the `modals` prop of `ModalProvider`\n   */\n  type?: ModalTypes\n  /**\n   * Render a custom modal component.\n   * This will ignore the `type` param.\n   */\n  component?: React.FC<BaseModalProps>\n  /**\n   * Whether the modal is open or not.\n   * This is used internally to keep track of the modal state.\n   */\n  isOpen?: boolean\n}\n\nconst initialModalState: ModalConfig = {\n  id: null,\n  props: null,\n  type: 'modal',\n}\n\nconst defaultModals = {\n  alert: ConfirmDialog,\n  confirm: ConfirmDialog,\n  drawer: Drawer,\n  modal: Modal,\n  menu: MenuDialog,\n  form: FormDialog,\n}\n\nexport function ModalsProvider({ children, modals }: ModalsProviderProps) {\n  // Note that updating the Set doesn't trigger a re-render,\n  // use in conjuction with setActiveModals\n  const _instances = React.useMemo(() => new Set<ModalConfig>(), [])\n\n  const [activeModals, setActiveModals] = React.useState<\n    Record<string, ModalConfig>\n  >({\n    modal: initialModalState,\n  })\n\n  const getModalComponent = React.useMemo(() => {\n    const _modals: Record<string, React.FC<any>> = {\n      ...defaultModals,\n      ...modals,\n    }\n\n    return (type: ModalTypes = 'modal') => {\n      const component = _modals[type] || _modals.modal\n\n      return component\n    }\n  }, [modals])\n\n  const setActiveModal = (modal: ModalConfig, scope?: string) => {\n    if (!scope) {\n      return setActiveModals({\n        modal,\n      })\n    }\n    setActiveModals((prevState) => ({\n      ...prevState,\n      [scope]: modal,\n    }))\n  }\n\n  const open = <T extends ModalOptions>(\n    options: T | React.FC<BaseModalProps>\n  ): ModalId => {\n    if (typeof options === 'function') {\n      const component: React.FC<BaseModalProps> = options\n      options = {\n        component,\n      } as unknown as T\n    }\n\n    const {\n      id = _instances.size + 1,\n      type = 'modal',\n      scope = 'modal',\n      component,\n      ...props\n    } = options\n\n    const modal: ModalConfig<T> = {\n      id,\n      props: props as T,\n      type,\n      scope,\n      component,\n      isOpen: true,\n    }\n\n    _instances.add(modal)\n    setActiveModal(modal, scope)\n\n    return id\n  }\n\n  const drawer = (options: DrawerOptions): ModalId => {\n    return open<DrawerOptions>({\n      ...options,\n      type: 'drawer',\n    })\n  }\n\n  const alert = (options: ConfirmDialogOptions): ModalId => {\n    return open({\n      ...options,\n      scope: 'alert',\n      type: 'alert',\n      cancelProps: {\n        display: 'none',\n      },\n      confirmProps: {\n        label: 'OK',\n      },\n      leastDestructiveFocus: 'confirm',\n    })\n  }\n\n  const confirm = (options: ConfirmDialogOptions): ModalId => {\n    return open<ConfirmDialogOptions>({\n      ...options,\n      scope: 'alert',\n      type: 'confirm',\n    })\n  }\n\n  const menu = (options: MenuDialogOptions): ModalId => {\n    return open<MenuDialogOptions>({\n      ...options,\n      type: 'menu',\n    })\n  }\n\n  const form = (options: FormDialogOptions): ModalId => {\n    return open<FormDialogOptions>({\n      ...options,\n      type: 'form',\n    })\n  }\n\n  const close = async (id?: ModalId | null, force?: boolean) => {\n    const modals = [...Array.from(_instances)]\n    const modal = modals.filter((modal) => modal.id === id)[0]\n\n    if (!modal) {\n      return\n    }\n\n    const shouldClose = await modal.props?.onClose?.({ force })\n    if (shouldClose === false) {\n      return\n    }\n\n    const scoped = modals.filter(({ scope }) => scope === modal.scope)\n\n    if (scoped.length === 1) {\n      setActiveModal(\n        {\n          ...modal,\n          isOpen: false,\n        },\n        modal.scope\n      )\n    } else if (scoped.length > 1) {\n      setActiveModal(scoped[scoped.length - 2], modal.scope)\n    } else {\n      setActiveModal(\n        {\n          id: null,\n          props: null,\n          type: modal.type, // Keep type same as last modal type to make sure the animation isn't interrupted\n        },\n        modal.scope\n      )\n    }\n  }\n\n  const closeComplete = (id?: ModalId | null) => {\n    const modals = [...Array.from(_instances)]\n    const modal = modals.filter((modal) => modal.id === id)[0]\n\n    _instances.delete(modal)\n\n    const scoped = modals.filter(({ scope }) => scope === modal.scope)\n\n    if (scoped.length === 1) {\n      setActiveModal(initialModalState, modal.scope)\n    }\n  }\n\n  const closeAll = () => {\n    _instances.forEach((modal) => modal.props?.onClose?.({ force: true }))\n    _instances.clear()\n\n    setActiveModal(initialModalState)\n  }\n\n  const context = {\n    open,\n    drawer,\n    alert,\n    confirm,\n    menu,\n    form,\n    close,\n    closeAll,\n  }\n\n  const content = React.useMemo(\n    () =>\n      Object.entries(activeModals).map(([scope, config]) => {\n        const Component = config.component || getModalComponent(config.type)\n\n        const { title, body, children, ...props } = config.props || {}\n\n        return (\n          <Component\n            key={scope}\n            title={title}\n            children={body || children}\n            {...props}\n            isOpen={!!config.isOpen}\n            onClose={() => close(config.id)}\n            onCloseComplete={() => closeComplete(config.id)}\n          />\n        )\n      }),\n    [activeModals]\n  )\n\n  return (\n    <ModalsContext.Provider value={context}>\n      {content}\n      {children}\n    </ModalsContext.Provider>\n  )\n}\n\nexport const useModalsContext = () =>\n  React.useContext(ModalsContext) as ModalsContextValue\n\nexport const useModals = () => {\n  return useModalsContext()\n}\n"],"names":["_excluded","ConfirmDialog","props","title","cancelLabel","_props$cancelLabel","_props$confirmLabel","confirmLabel","cancelProps","confirmProps","buttonGroupProps","isOpen","_props$closeOnCancel","closeOnCancel","closeOnConfirm","_props$closeOnConfirm","_props$leastDestructi","leastDestructiveFocus","onClose","onCancel","onConfirm","children","rest","React","useRef","confirmRef","createElement","AlertDialog","_extends","leastDestructiveRef","cancelRef","AlertDialogOverlay","AlertDialogContent","AlertDialogHeader","AlertDialogBody","AlertDialogFooter","ButtonGroup","Button","ref","onClick","label","_excluded2","hideCloseButton","hideOverlay","_objectWithoutPropertiesLoose","ChakraDrawer","DrawerOverlay","DrawerContent","DrawerHeader","DrawerCloseButton","Drawer","footer","BaseDrawer","DrawerBody","DrawerFooter","ChakraModal","Modal","ModalOverlay","ModalContent","ModalHeader","ModalCloseButton","ModalFooter","BaseModal","ModalBody","_excluded3","StylesProvider","createStylesContext","MenuDialog","onCloseComplete","Menu","variant","MenuDialogList","forwardRef","forwardedRef","rootProps","initialFocusRef","motionPreset","_useMenuContext","useMenuContext","menuRef","useMenuList","ownProps","_useMenuList","styles","useMultiStyleConfig","value","chakra","div","__css","outline","maxHeight","overflowY","list","boxShadow","border","FormDialog","schema","resolver","fieldResolver","defaultValues","onChange","onSubmit","onError","mode","reValidateMode","shouldFocusError","_props$shouldFocusErr","shouldUnregister","shouldUseNativeValidation","criteriaMode","delayError","_props$delayError","submitLabel","formProps","Form","form","Fragment","runIfFn","Fields","focusFirstField","mr","SubmitButton","ModalsContext","createContext","id","type","defaultModals","alert","confirm","drawer","modal","menu","useModalsContext","useContext","_ref","modals","useMemo","Set","useState","initialModalState","activeModals","_React$useState","setActiveModals","getModalComponent","_modals","setActiveModal","scope","prevState","_extends2","open","options","component","_instances","size","_options$type","_options$scope","add","close","force","_modal$props","Array","from","filter","shouldClose","scoped","length","Promise","resolve","e","reject","context","display","closeAll","forEach","_modal$props2","clear","content","Object","entries","map","_ref4","config","Component","_ref5","body","key","closeComplete","_ref3","Provider"],"mappings":"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"}
+{"version":3,"sources":["../src/dialog.tsx","../src/drawer.tsx","../src/modal.tsx","../src/menu.tsx","../src/form.tsx","../src/provider.tsx"],"names":["React","ModalFooter","ModalBody","Button","forwardRef","component","modals","modal","children"],"mappings":"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","sourcesContent":["import * as React from 'react'\n\nimport {\n  AlertDialog,\n  AlertDialogBody,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogContent,\n  AlertDialogOverlay,\n  AlertDialogProps,\n  ButtonGroup,\n  ButtonGroupProps,\n  Button,\n  ButtonProps,\n} from '@chakra-ui/react'\n\nexport interface ConfirmDialogProps\n  extends Omit<AlertDialogProps, 'leastDestructiveRef'> {\n  /**\n   * The dialog title\n   */\n  title?: React.ReactNode\n  /**\n   * The cancel button label\n   */\n  cancelLabel?: React.ReactNode\n  /**\n   * The confirm button label\n   */\n  confirmLabel?: React.ReactNode\n  /**\n   * The cancel button props\n   */\n  cancelProps?: ButtonProps\n  /**\n   * The confirm button props\n   */\n  confirmProps?: ButtonProps\n  /**\n   * The button group props\n   */\n  buttonGroupProps?: ButtonGroupProps\n  /**\n   * Close the dialog on cancel\n   * @default true\n   */\n  closeOnCancel?: boolean\n  /**\n   * Close the dialog on confirm\n   * @default true\n   */\n  closeOnConfirm?: boolean\n  /**\n   * Defines which button gets initial focus\n   * https://www.w3.org/TR/wai-aria-practices/#alertdialog\n   */\n  leastDestructiveFocus?: 'cancel' | 'confirm'\n  /**\n   * Function that's called when cancel is clicked\n   */\n  onCancel?: () => void\n  /**\n   * Function that's called when confirm is clicked\n   */\n  onConfirm?: () => void\n}\n\nexport const ConfirmDialog: React.FC<ConfirmDialogProps> = (props) => {\n  const {\n    title,\n    cancelLabel = 'Cancel',\n    confirmLabel = 'Confirm',\n    cancelProps,\n    confirmProps,\n    buttonGroupProps,\n    isOpen,\n    closeOnCancel = true,\n    closeOnConfirm = true,\n    leastDestructiveFocus = 'cancel',\n    onClose,\n    onCancel,\n    onConfirm,\n    children,\n    ...rest\n  } = props\n\n  const cancelRef = React.useRef(null)\n  const confirmRef = React.useRef(null)\n\n  return (\n    <AlertDialog\n      isOpen={isOpen}\n      onClose={onClose}\n      {...rest}\n      leastDestructiveRef={\n        leastDestructiveFocus === 'cancel' ? cancelRef : confirmRef\n      }\n    >\n      <AlertDialogOverlay>\n        <AlertDialogContent>\n          <AlertDialogHeader>{title}</AlertDialogHeader>\n\n          <AlertDialogBody>{children}</AlertDialogBody>\n\n          <AlertDialogFooter>\n            <ButtonGroup {...buttonGroupProps}>\n              <Button\n                ref={cancelRef}\n                {...cancelProps}\n                onClick={() => {\n                  onCancel?.()\n\n                  closeOnCancel && onClose()\n                }}\n              >\n                {cancelProps?.children || cancelLabel}\n              </Button>\n              <Button\n                ref={confirmRef}\n                {...confirmProps}\n                onClick={() => {\n                  onConfirm?.()\n\n                  closeOnConfirm && onClose()\n                }}\n              >\n                {confirmProps?.children || confirmLabel}\n              </Button>\n            </ButtonGroup>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialogOverlay>\n    </AlertDialog>\n  )\n}\n","import * as React from 'react'\n\nimport {\n  Drawer as ChakraDrawer,\n  DrawerOverlay,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerBody,\n  DrawerCloseButton,\n  DrawerProps as ChakraDrawerProps,\n} from '@chakra-ui/react'\n\nexport interface BaseDrawerProps extends Omit<ChakraDrawerProps, 'children'> {\n  /**\n   * The drawer title\n   */\n  title: React.ReactNode\n  /**\n   * Hide the close button\n   */\n  hideCloseButton?: boolean\n  /**\n   * Hide the overflow\n   */\n  hideOverlay?: boolean\n  children?: React.ReactNode\n}\n\nexport const BaseDrawer: React.FC<BaseDrawerProps> = (props) => {\n  const {\n    title,\n    children,\n    isOpen,\n    onClose,\n    hideCloseButton,\n    hideOverlay,\n    ...rest\n  } = props\n  return (\n    <ChakraDrawer isOpen={isOpen} onClose={onClose} {...rest}>\n      {!hideOverlay && <DrawerOverlay />}\n      <DrawerContent>\n        <DrawerHeader>{title}</DrawerHeader>\n        {!hideCloseButton && <DrawerCloseButton />}\n        {children}\n      </DrawerContent>\n    </ChakraDrawer>\n  )\n}\n\nexport interface DrawerProps extends BaseDrawerProps {\n  /**\n   * Drawer footer content, wrapped with `DrawerFooter`\n   */\n  footer?: React.ReactNode\n}\n\nexport const Drawer: React.FC<DrawerProps> = (props) => {\n  const { footer, children, ...rest } = props\n  return (\n    <BaseDrawer {...rest}>\n      <DrawerBody>{children}</DrawerBody>\n\n      {footer && <DrawerFooter>{footer}</DrawerFooter>}\n    </BaseDrawer>\n  )\n}\n","import * as React from 'react'\n\nimport {\n  Modal as ChakraModal,\n  ModalOverlay,\n  ModalContent,\n  ModalHeader,\n  ModalFooter,\n  ModalBody,\n  ModalCloseButton,\n  ModalProps as ChakraModalProps,\n} from '@chakra-ui/react'\n\nexport interface BaseModalProps extends ChakraModalProps {\n  /**\n   * The modal title\n   */\n  title?: React.ReactNode\n  /**\n   * The modal footer\n   */\n  footer?: React.ReactNode\n  /**\n   * Hide the close button\n   */\n  hideCloseButton?: boolean\n  /**\n   * Hide the overlay\n   */\n  hideOverlay?: boolean\n}\n\nexport const BaseModal: React.FC<BaseModalProps> = (props) => {\n  const {\n    title,\n    footer,\n    children,\n    isOpen,\n    onClose,\n    hideCloseButton,\n    hideOverlay,\n    ...rest\n  } = props\n  return (\n    <ChakraModal isOpen={isOpen} onClose={onClose} {...rest}>\n      {!hideOverlay && <ModalOverlay />}\n      <ModalContent>\n        {title && <ModalHeader>{title}</ModalHeader>}\n        {!hideCloseButton && <ModalCloseButton />}\n        {children}\n        {footer && <ModalFooter>{footer}</ModalFooter>}\n      </ModalContent>\n    </ChakraModal>\n  )\n}\n\nexport const Modal: React.FC<BaseModalProps> = (props) => {\n  const { children, ...rest } = props\n  return (\n    <BaseModal {...rest}>\n      <ModalBody>{children}</ModalBody>\n    </BaseModal>\n  )\n}\n","import * as React from 'react'\n\nimport {\n  ModalFooter,\n  chakra,\n  forwardRef,\n  useMenuContext,\n  useMenuList,\n  createStylesContext,\n  useMultiStyleConfig,\n  Menu,\n  MenuListProps,\n} from '@chakra-ui/react'\n\nimport { BaseModal, BaseModalProps } from './modal'\n\nconst [StylesProvider] = createStylesContext('SuiMenuDialog')\n\nexport interface MenuDialogProps extends BaseModalProps {\n  /**\n   * The modal footer, wrapped with `ModalFooter`\n   */\n  footer?: React.ReactNode\n}\n\nexport const MenuDialog: React.FC<MenuDialogProps> = (props) => {\n  const { onClose, onCloseComplete, ...rest } = props\n\n  return (\n    <Menu\n      variant=\"dialog\"\n      onClose={() => {\n        onClose?.()\n        // Not supported in Menu, so we call it here instead\n        // @todo Refactor this in v2?\n        onCloseComplete?.()\n      }}\n      {...rest}\n    />\n  )\n}\n\nexport interface MenuDialogListProps\n  extends Omit<\n      BaseModalProps,\n      'isOpen' | 'onClose' | 'children' | 'scrollBehavior'\n    >,\n    Omit<MenuListProps, 'title'> {}\n\nexport const MenuDialogList = forwardRef<MenuDialogListProps, 'div'>(\n  (props, forwardedRef) => {\n    const {\n      rootProps,\n      title,\n      footer,\n      initialFocusRef,\n      hideCloseButton,\n      motionPreset,\n      ...rest\n    } = props\n\n    const { isOpen, onClose, menuRef } = useMenuContext()\n\n    const { ref, ...ownProps } = useMenuList(rest, forwardedRef)\n\n    const styles = useMultiStyleConfig('Menu', props)\n\n    return (\n      <BaseModal\n        isOpen={isOpen}\n        onClose={onClose}\n        initialFocusRef={initialFocusRef || menuRef}\n        title={title}\n        hideCloseButton={hideCloseButton}\n        motionPreset={motionPreset}\n      >\n        {/* We forward the styles again, otherwise the modal styles will be picked up */}\n        <StylesProvider value={styles}>\n          <chakra.div\n            {...ownProps}\n            ref={ref as React.Ref<HTMLDivElement>}\n            __css={{\n              outline: 0,\n              maxHeight: '80vh', // can override this in theme\n              overflowY: 'auto', // can override this in theme\n              ...styles.list,\n              boxShadow: 'none',\n              border: 0,\n            }}\n          />\n        </StylesProvider>\n        {footer && <ModalFooter>{footer}</ModalFooter>}\n      </BaseModal>\n    )\n  }\n)\n","import * as React from 'react'\n\nimport { ModalBody, ModalFooter, Button, forwardRef } from '@chakra-ui/react'\nimport { runIfFn } from '@saas-ui/react-utils'\n\nimport {\n  Form,\n  Fields,\n  SubmitButton,\n  FormProps,\n  FieldValues,\n  FieldResolver,\n} from '@saas-ui/forms'\n\nimport { BaseModal, BaseModalProps } from './modal'\n\nexport interface FormDialogProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TContext extends object = object\n> extends Omit<BaseModalProps, 'children'>,\n    Pick<\n      FormProps<TFieldValues, TContext>,\n      | 'schema'\n      | 'defaultValues'\n      | 'values'\n      | 'context'\n      | 'onChange'\n      | 'onSubmit'\n      | 'onError'\n      | 'resolver'\n      | 'mode'\n      | 'reValidateMode'\n      | 'shouldFocusError'\n      | 'shouldUnregister'\n      | 'shouldUseNativeValidation'\n      | 'criteriaMode'\n      | 'delayError'\n    > {\n  /**\n   * The modal footer, will be wrapped with `ModalFooter`.\n   * Defaults to a cancel and submit button.\n   */\n  footer?: React.ReactNode\n  /**\n   * The cancel button label\n   * @default \"Cancel\"\n   */\n  cancelLabel?: React.ReactNode\n  /**\n   * The submit button label\n   * @default \"Submit\"\n   */\n  submitLabel?: React.ReactNode\n  /**\n   * If no children are passed, this will auto render fields based on the supplied schema.\n   */\n  children?: React.ReactNode\n  /**\n   * A schema field resolver used to auto generate form fields.\n   */\n  fieldResolver?: FieldResolver\n}\n\nexport const FormDialog = forwardRef(\n  <\n    TFieldValues extends FieldValues = FieldValues,\n    TContext extends object = object\n  >(\n    props: FormDialogProps<TFieldValues, TContext>,\n    ref: React.ForwardedRef<HTMLFormElement>\n  ) => {\n    const {\n      children,\n      schema,\n      resolver,\n      fieldResolver,\n      defaultValues,\n      values,\n      context,\n      onChange,\n      onSubmit,\n      onError,\n      mode,\n      reValidateMode,\n      shouldFocusError = true,\n      shouldUnregister,\n      shouldUseNativeValidation,\n      criteriaMode,\n      delayError = 100,\n      cancelLabel = 'Cancel',\n      submitLabel = 'Submit',\n      footer,\n      isOpen,\n      onClose,\n      ...rest\n    } = props\n\n    const formProps = {\n      ref,\n      schema,\n      resolver,\n      defaultValues,\n      values,\n      context,\n      onChange,\n      onSubmit,\n      onError,\n      mode,\n      reValidateMode,\n      shouldFocusError,\n      shouldUnregister,\n      shouldUseNativeValidation,\n      criteriaMode,\n      delayError,\n    }\n\n    return (\n      <BaseModal isOpen={isOpen} onClose={onClose} {...rest}>\n        <Form {...formProps} ref={ref}>\n          {(form) => (\n            <>\n              <ModalBody>\n                {runIfFn(children, form) || (\n                  <Fields\n                    schema={schema}\n                    fieldResolver={fieldResolver}\n                    focusFirstField\n                  />\n                )}\n              </ModalBody>\n\n              {footer || (\n                <ModalFooter>\n                  <Button variant=\"ghost\" mr={3} onClick={onClose}>\n                    {cancelLabel}\n                  </Button>\n                  <SubmitButton>{submitLabel}</SubmitButton>\n                </ModalFooter>\n              )}\n            </>\n          )}\n        </Form>\n      </BaseModal>\n    )\n  }\n) as <TFieldValues extends FieldValues>(\n  props: FormDialogProps<TFieldValues> & {\n    ref?: React.ForwardedRef<HTMLFormElement>\n  }\n) => React.ReactElement\n","import * as React from 'react'\n\nimport { Modal, BaseModalProps } from './modal'\nimport { Drawer, DrawerProps } from './drawer'\nimport { ConfirmDialog, ConfirmDialogProps } from './dialog'\nimport { MenuDialog, MenuDialogProps } from './menu'\nimport { FormDialog, FormDialogProps } from './form'\n\nexport interface ModalsContextValue {\n  open: (options: OpenOptions) => ModalId\n  drawer: (options: DrawerOptions) => ModalId\n  alert: (options: ConfirmDialogOptions) => ModalId\n  confirm: (options: ConfirmDialogOptions) => ModalId\n  menu: (options: MenuDialogOptions) => ModalId\n  form: (options: FormDialogOptions) => ModalId\n  close: (id: ModalId) => void\n  closeAll: () => void\n}\n\nexport const ModalsContext = React.createContext<ModalsContextValue | null>(\n  null\n)\n\ninterface ModalsProviderProps {\n  children: React.ReactNode\n  modals?: Record<string, React.FC<any>>\n}\n\nexport type ModalId = string | number\n\ninterface ModalOptions\n  extends Omit<BaseModalProps, 'onClose' | 'isOpen' | 'children'> {\n  onClose?: (args: { force?: boolean }) => Promise<boolean | undefined> | void\n  body?: React.ReactNode\n  children?: React.ReactNode\n  [key: string]: any\n}\n\nexport interface DrawerOptions\n  extends ModalOptions,\n    Omit<DrawerProps, 'onClose' | 'isOpen' | 'children' | 'title' | 'size'> {}\n\nexport interface ConfirmDialogOptions\n  extends ModalOptions,\n    Omit<ConfirmDialogProps, 'onClose' | 'isOpen' | 'children'> {}\n\nexport interface MenuDialogOptions\n  extends ModalOptions,\n    Omit<MenuDialogProps, 'onClose' | 'isOpen' | 'children'> {}\n\nexport interface FormDialogOptions\n  extends ModalOptions,\n    Omit<FormDialogProps, 'onClose' | 'isOpen' | 'children'> {}\n\nexport interface OpenOptions extends ModalOptions {\n  type?: ModalTypes\n  scope?: ModalScopes\n}\n\nexport type ModalScopes = 'modal' | 'alert'\n\nexport type ModalTypes =\n  | 'modal'\n  | 'drawer'\n  | 'alert'\n  | 'confirm'\n  | 'menu'\n  | string\n\nexport interface ModalConfig<\n  TModalOptions extends ModalOptions = ModalOptions\n> {\n  /**\n   * The modal id, autogenerated when not set.\n   * Can be used to close modals.\n   */\n  id?: ModalId | null\n  /**\n   * The modal props\n   */\n  props?: TModalOptions | null\n  /**\n   * The modal scope\n   * Modals can only have one level per scope.\n   * The default scopes are 'modal' and 'alert', alerts can be openend above modals.\n   */\n  scope?: ModalScopes | string\n  /**\n   * The modal type to open.\n   * Build in types are 'modal', 'drawer', 'alert', 'confirm'\n   *\n   * Custom types can be configured using the `modals` prop of `ModalProvider`\n   */\n  type?: ModalTypes\n  /**\n   * Render a custom modal component.\n   * This will ignore the `type` param.\n   */\n  component?: React.FC<BaseModalProps>\n  /**\n   * Whether the modal is open or not.\n   * This is used internally to keep track of the modal state.\n   */\n  isOpen?: boolean\n}\n\nconst initialModalState: ModalConfig = {\n  id: null,\n  props: null,\n  type: 'modal',\n}\n\nconst defaultModals = {\n  alert: ConfirmDialog,\n  confirm: ConfirmDialog,\n  drawer: Drawer,\n  modal: Modal,\n  menu: MenuDialog,\n  form: FormDialog,\n}\n\nexport function ModalsProvider({ children, modals }: ModalsProviderProps) {\n  // Note that updating the Set doesn't trigger a re-render,\n  // use in conjuction with setActiveModals\n  const _instances = React.useMemo(() => new Set<ModalConfig>(), [])\n\n  const [activeModals, setActiveModals] = React.useState<\n    Record<string, ModalConfig>\n  >({\n    modal: initialModalState,\n  })\n\n  const getModalComponent = React.useMemo(() => {\n    const _modals: Record<string, React.FC<any>> = {\n      ...defaultModals,\n      ...modals,\n    }\n\n    return (type: ModalTypes = 'modal') => {\n      const component = _modals[type] || _modals.modal\n\n      return component\n    }\n  }, [modals])\n\n  const setActiveModal = (modal: ModalConfig, scope?: string) => {\n    if (!scope) {\n      return setActiveModals({\n        modal,\n      })\n    }\n    setActiveModals((prevState) => ({\n      ...prevState,\n      [scope]: modal,\n    }))\n  }\n\n  const open = <T extends ModalOptions>(\n    options: T | React.FC<BaseModalProps>\n  ): ModalId => {\n    if (typeof options === 'function') {\n      const component: React.FC<BaseModalProps> = options\n      options = {\n        component,\n      } as unknown as T\n    }\n\n    const {\n      id = _instances.size + 1,\n      type = 'modal',\n      scope = 'modal',\n      component,\n      ...props\n    } = options\n\n    const modal: ModalConfig<T> = {\n      id,\n      props: props as T,\n      type,\n      scope,\n      component,\n      isOpen: true,\n    }\n\n    _instances.add(modal)\n    setActiveModal(modal, scope)\n\n    return id\n  }\n\n  const drawer = (options: DrawerOptions): ModalId => {\n    return open<DrawerOptions>({\n      ...options,\n      type: 'drawer',\n    })\n  }\n\n  const alert = (options: ConfirmDialogOptions): ModalId => {\n    return open({\n      ...options,\n      scope: 'alert',\n      type: 'alert',\n      cancelProps: {\n        display: 'none',\n      },\n      confirmProps: {\n        label: 'OK',\n      },\n      leastDestructiveFocus: 'confirm',\n    })\n  }\n\n  const confirm = (options: ConfirmDialogOptions): ModalId => {\n    return open<ConfirmDialogOptions>({\n      ...options,\n      scope: 'alert',\n      type: 'confirm',\n    })\n  }\n\n  const menu = (options: MenuDialogOptions): ModalId => {\n    return open<MenuDialogOptions>({\n      ...options,\n      type: 'menu',\n    })\n  }\n\n  const form = (options: FormDialogOptions): ModalId => {\n    return open<FormDialogOptions>({\n      ...options,\n      type: 'form',\n    })\n  }\n\n  const close = async (id?: ModalId | null, force?: boolean) => {\n    const modals = [...Array.from(_instances)]\n    const modal = modals.filter((modal) => modal.id === id)[0]\n\n    if (!modal) {\n      return\n    }\n\n    const shouldClose = await modal.props?.onClose?.({ force })\n    if (shouldClose === false) {\n      return\n    }\n\n    const scoped = modals.filter(({ scope }) => scope === modal.scope)\n\n    if (scoped.length === 1) {\n      setActiveModal(\n        {\n          ...modal,\n          isOpen: false,\n        },\n        modal.scope\n      )\n    } else if (scoped.length > 1) {\n      setActiveModal(scoped[scoped.length - 2], modal.scope)\n    } else {\n      setActiveModal(\n        {\n          id: null,\n          props: null,\n          type: modal.type, // Keep type same as last modal type to make sure the animation isn't interrupted\n        },\n        modal.scope\n      )\n    }\n  }\n\n  const closeComplete = (id?: ModalId | null) => {\n    const modals = [...Array.from(_instances)]\n    const modal = modals.filter((modal) => modal.id === id)[0]\n\n    _instances.delete(modal)\n\n    const scoped = modals.filter(({ scope }) => scope === modal.scope)\n\n    if (scoped.length === 1) {\n      setActiveModal(initialModalState, modal.scope)\n    }\n  }\n\n  const closeAll = () => {\n    _instances.forEach((modal) => modal.props?.onClose?.({ force: true }))\n    _instances.clear()\n\n    setActiveModal(initialModalState)\n  }\n\n  const context = {\n    open,\n    drawer,\n    alert,\n    confirm,\n    menu,\n    form,\n    close,\n    closeAll,\n  }\n\n  const content = React.useMemo(\n    () =>\n      Object.entries(activeModals).map(([scope, config]) => {\n        const Component = config.component || getModalComponent(config.type)\n\n        const { title, body, children, ...props } = config.props || {}\n\n        return (\n          <Component\n            key={scope}\n            title={title}\n            children={body || children}\n            {...props}\n            isOpen={!!config.isOpen}\n            onClose={() => close(config.id)}\n            onCloseComplete={() => closeComplete(config.id)}\n          />\n        )\n      }),\n    [activeModals]\n  )\n\n  return (\n    <ModalsContext.Provider value={context}>\n      {content}\n      {children}\n    </ModalsContext.Provider>\n  )\n}\n\nexport const useModalsContext = () =>\n  React.useContext(ModalsContext) as ModalsContextValue\n\nexport const useModals = () => {\n  return useModalsContext()\n}\n"]}