@saas-ui/modals 0.1.1 → 0.2.3

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @saas-ui/modals
 
+## 0.2.3
+
+### Patch Changes
+
+- 65cd402: Added new FormDialog component
+  - @saas-ui/forms@0.2.5
+
+## 0.2.2
+
+### Patch Changes
+
+- b3159a7: Only publish dist and src files
+- Updated dependencies [b3159a7]
+  - @saas-ui/button@0.2.1
+
+## 0.2.1
+
+### Patch Changes
+
+- Bump version
+
+## 0.2.0
+
+### Minor Changes
+
+- 4733b8f: Added new MenuDialog component
+
 ## 0.1.1
 
 ### Patch Changes

package/dist/form.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { FormProps } from '@saas-ui/forms';
+import { BaseModalProps } from './modal';
+export interface FormDialogProps extends Omit<BaseModalProps, 'children'>, Pick<FormProps, 'schema' | 'defaultValues' | 'onSubmit' | 'resolver' | 'mode' | 'reValidateMode' | 'shouldFocusError' | 'shouldUnregister' | 'shouldUseNativeValidation' | 'criteriaMode' | 'delayError'> {
+    /**
+     * The modal footer, will be wrapped with `ModalFooter`.
+     * Defaults to a cancel and submit button.
+     */
+    footer?: React.ReactNode;
+    /**
+     * The cancel button label
+     * @default "Cancel"
+     */
+    cancelLabel?: React.ReactNode;
+    /**
+     * The submit button label
+     * @default "Submit"
+     */
+    submitLabel?: React.ReactNode;
+    /**
+     * If no children are passed, this will auto render fields based on the supplied schema.
+     */
+    children?: React.ReactNode;
+}
+export declare const FormDialog: React.FC<FormDialogProps>;
+//# sourceMappingURL=form.d.ts.map

package/dist/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../src/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAA8B,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAGtE,OAAO,EAAa,cAAc,EAAE,MAAM,SAAS,CAAA;AAEnD,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,EACtC,IAAI,CACF,SAAS,EACP,QAAQ,GACR,eAAe,GACf,UAAU,GACV,UAAU,GACV,MAAM,GACN,gBAAgB,GAChB,kBAAkB,GAClB,kBAAkB,GAClB,2BAA2B,GAC3B,cAAc,GACd,YAAY,CACf;IACH;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyDhD,CAAA"}

package/dist/index.d.ts

@@ -1,5 +1,7 @@
 export * from './dialog';
 export * from './drawer';
 export * from './modal';
+export * from './menu';
+export * from './form';
 export * from './provider';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA"}

package/dist/index.js

@@ -1,354 +1,2 @@
-var e = require('react'),
-  n = require('@chakra-ui/react'),
-  r = require('@saas-ui/button')
-function t(e) {
-  if (e && e.__esModule) return e
-  var n = Object.create(null)
-  return (
-    e &&
-      Object.keys(e).forEach(function (r) {
-        if ('default' !== r) {
-          var t = Object.getOwnPropertyDescriptor(e, r)
-          Object.defineProperty(
-            n,
-            r,
-            t.get
-              ? t
-              : {
-                  enumerable: !0,
-                  get: function () {
-                    return e[r]
-                  },
-                }
-          )
-        }
-      }),
-    (n.default = e),
-    n
-  )
-}
-var o = /*#__PURE__*/ t(e)
-function l() {
-  return (
-    (l =
-      Object.assign ||
-      function (e) {
-        for (var n = 1; n < arguments.length; n++) {
-          var r = arguments[n]
-          for (var t in r)
-            Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t])
-        }
-        return e
-      }),
-    l.apply(this, arguments)
-  )
-}
-function a(e, n) {
-  if (null == e) return {}
-  var r,
-    t,
-    o = {},
-    l = Object.keys(e)
-  for (t = 0; t < l.length; t++) n.indexOf((r = l[t])) >= 0 || (o[r] = e[r])
-  return o
-}
-var c = [
-    'title',
-    'cancelLabel',
-    'confirmLabel',
-    'cancelProps',
-    'confirmProps',
-    'buttonGroupProps',
-    'isOpen',
-    'closeOnCancel',
-    'closeOnConfirm',
-    'leastDestructiveFocus',
-    'onClose',
-    'onCancel',
-    'onConfirm',
-    'children',
-  ],
-  i = function (e) {
-    var t = e.title,
-      i = e.cancelProps,
-      u = e.confirmProps,
-      s = e.buttonGroupProps,
-      d = e.isOpen,
-      f = e.closeOnCancel,
-      p = void 0 === f || f,
-      m = e.closeOnConfirm,
-      v = void 0 === m || m,
-      C = e.leastDestructiveFocus,
-      h = void 0 === C ? 'cancel' : C,
-      O = e.onClose,
-      y = e.onCancel,
-      E = e.onConfirm,
-      D = e.children,
-      b = a(e, c),
-      M = o.useRef(null),
-      P = o.useRef(null)
-    /*#__PURE__*/ return o.createElement(
-      n.AlertDialog,
-      l({ isOpen: d, onClose: O }, b, {
-        leastDestructiveRef: 'cancel' === h ? M : P,
-      }),
-      /*#__PURE__*/ o.createElement(
-        n.AlertDialogOverlay,
-        null,
-        /*#__PURE__*/ o.createElement(
-          n.AlertDialogContent,
-          null,
-          /*#__PURE__*/ o.createElement(n.AlertDialogHeader, null, t),
-          /*#__PURE__*/ o.createElement(n.AlertDialogBody, null, D),
-          /*#__PURE__*/ o.createElement(
-            n.AlertDialogFooter,
-            null,
-            /*#__PURE__*/ o.createElement(
-              r.ButtonGroup,
-              s,
-              /*#__PURE__*/ o.createElement(
-                r.Button,
-                l({ ref: M }, i, {
-                  onClick: function () {
-                    null == y || y(), p && O()
-                  },
-                }),
-                'Cancel'
-              ),
-              /*#__PURE__*/ o.createElement(
-                r.Button,
-                l({ ref: P }, u, {
-                  onClick: function () {
-                    null == E || E(), v && O()
-                  },
-                }),
-                'Confirm'
-              )
-            )
-          )
-        )
-      )
-    )
-  },
-  u = [
-    'title',
-    'children',
-    'isOpen',
-    'onClose',
-    'hideCloseButton',
-    'hideOverlay',
-  ],
-  s = ['footer', 'children'],
-  d = function (e) {
-    var r = e.title,
-      t = e.children,
-      c = e.isOpen,
-      i = e.onClose,
-      s = e.hideCloseButton,
-      d = e.hideOverlay,
-      f = a(e, u)
-    /*#__PURE__*/ return o.createElement(
-      n.Drawer,
-      l({ isOpen: c, onClose: i }, f),
-      !d && /*#__PURE__*/ o.createElement(n.DrawerOverlay, null),
-      /*#__PURE__*/ o.createElement(
-        n.DrawerContent,
-        null,
-        /*#__PURE__*/ o.createElement(n.DrawerHeader, null, r),
-        !s && /*#__PURE__*/ o.createElement(n.DrawerCloseButton, null),
-        t
-      )
-    )
-  },
-  f = function (e) {
-    var r = e.footer,
-      t = e.children,
-      l = a(e, s)
-    /*#__PURE__*/ return o.createElement(
-      d,
-      l,
-      /*#__PURE__*/ o.createElement(n.DrawerBody, null, t),
-      r && /*#__PURE__*/ o.createElement(n.DrawerFooter, null, r)
-    )
-  },
-  p = [
-    'title',
-    'children',
-    'isOpen',
-    'onClose',
-    'hideCloseButton',
-    'hideOverlay',
-  ],
-  m = ['children', 'footer'],
-  v = function (e) {
-    var r = e.title,
-      t = e.children,
-      c = e.isOpen,
-      i = e.onClose,
-      u = e.hideCloseButton,
-      s = e.hideOverlay,
-      d = a(e, p)
-    /*#__PURE__*/ return o.createElement(
-      n.Modal,
-      l({ isOpen: c, onClose: i }, d),
-      !s && /*#__PURE__*/ o.createElement(n.ModalOverlay, null),
-      /*#__PURE__*/ o.createElement(
-        n.ModalContent,
-        null,
-        /*#__PURE__*/ o.createElement(n.ModalHeader, null, r),
-        !u && /*#__PURE__*/ o.createElement(n.ModalCloseButton, null),
-        t
-      )
-    )
-  },
-  C = function (e) {
-    var r = e.children,
-      t = e.footer,
-      l = a(e, m)
-    /*#__PURE__*/ return o.createElement(
-      v,
-      l,
-      /*#__PURE__*/ o.createElement(n.ModalBody, null, r),
-      t && /*#__PURE__*/ o.createElement(n.ModalFooter, null, t)
-    )
-  },
-  h = ['id', 'type', 'scope'],
-  O = ['title', 'children'],
-  y = o.createContext({}),
-  E = { id: null, props: null, type: 'modal' },
-  D = { alert: i, confirm: i, drawer: f, modal: C },
-  b = function () {
-    return o.useContext(y)
-  }
-;(exports.BaseDrawer = d),
-  (exports.BaseModal = v),
-  (exports.ConfirmDialog = i),
-  (exports.Drawer = f),
-  (exports.Modal = C),
-  (exports.ModalsContext = y),
-  (exports.ModalsProvider = function (e) {
-    var n = e.children,
-      r = e.modals,
-      t = o.useMemo(function () {
-        return new Set()
-      }, []),
-      c = o.useState({ modal: E }),
-      i = c[0],
-      u = c[1],
-      s = o.useMemo(
-        function () {
-          var e = l({}, D, r)
-          return function (n) {
-            return void 0 === n && (n = 'modal'), e[n] || e.modal
-          }
-        },
-        [r]
-      ),
-      d = function (e, n) {
-        if (!n) return u({ modal: e })
-        u(function (r) {
-          var t
-          return l({}, r, (((t = {})[n] = e), t))
-        })
-      },
-      f = function (e) {
-        var n = e.id,
-          r = void 0 === n ? t.size + 1 : n,
-          o = e.type,
-          c = void 0 === o ? 'modal' : o,
-          i = e.scope,
-          u = void 0 === i ? 'modal' : i,
-          s = a(e, h),
-          f = {
-            id: r,
-            props: l({}, s, { children: s.body || s.children }),
-            type: c,
-            scope: u,
-          }
-        return t.add(f), d(f, u), r
-      },
-      p = function (e, n) {
-        try {
-          var r,
-            o = [].concat(t),
-            l = o.filter(function (n) {
-              return n.id === e
-            })[0]
-          return l
-            ? Promise.resolve(
-                null == (r = l.props) || null == r.onClose
-                  ? void 0
-                  : r.onClose({ force: n })
-              ).then(function (e) {
-                if (!1 !== e) {
-                  t.delete(l)
-                  var n = o.filter(function (e) {
-                    return e.scope === l.scope
-                  })
-                  d(
-                    n[n.length - 2] || { id: null, props: null, type: l.type },
-                    l.scope
-                  )
-                }
-              })
-            : Promise.resolve()
-        } catch (e) {
-          return Promise.reject(e)
-        }
-      },
-      m = {
-        open: f,
-        drawer: function (e) {
-          return f(l({}, e, { type: 'drawer' }))
-        },
-        alert: function (e) {
-          return f(
-            l({}, e, {
-              scope: 'alert',
-              type: 'alert',
-              cancelProps: { display: 'none' },
-              confirmProps: { label: 'OK' },
-              leastDestructiveFocus: 'confirm',
-            })
-          )
-        },
-        confirm: function (e) {
-          return f(l({}, e, { scope: 'alert', type: 'confirm' }))
-        },
-        close: p,
-        closeAll: function () {
-          t.forEach(function (e) {
-            var n
-            return null == (n = e.props) || null == n.onClose
-              ? void 0
-              : n.onClose({ force: !0 })
-          }),
-            t.clear(),
-            d(E)
-        },
-      },
-      v = Object.entries(i).map(function (e) {
-        var n = e[0],
-          r = e[1],
-          c = s(r.type),
-          i = r.props || {},
-          u = i.title,
-          d = i.children,
-          f = a(i, O)
-        /*#__PURE__*/ return o.createElement(
-          c,
-          l({ key: n, title: u, children: d }, f, {
-            isOpen: !(!r.id || !t.size),
-            onClose: function () {
-              return p(r.id)
-            },
-          })
-        )
-      })
-    /*#__PURE__*/ return o.createElement(y.Provider, { value: m }, v, n)
-  }),
-  (exports.useModals = function () {
-    return b()
-  }),
-  (exports.useModalsContext = b)
+var e=require("react"),r=require("@chakra-ui/react"),n=require("@saas-ui/button"),t=require("@saas-ui/forms");function o(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}}),r.default=e,r}var l=/*#__PURE__*/o(e);function a(){return a=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},a.apply(this,arguments)}function i(e,r){if(null==e)return{};var n,t,o={},l=Object.keys(e);for(t=0;t<l.length;t++)r.indexOf(n=l[t])>=0||(o[n]=e[n]);return o}var u=["title","cancelLabel","confirmLabel","cancelProps","confirmProps","buttonGroupProps","isOpen","closeOnCancel","closeOnConfirm","leastDestructiveFocus","onClose","onCancel","onConfirm","children"],c=function(e){var t=e.title,o=e.cancelProps,c=e.confirmProps,s=e.buttonGroupProps,d=e.isOpen,f=e.closeOnCancel,m=void 0===f||f,p=e.closeOnConfirm,v=void 0===p||p,h=e.leastDestructiveFocus,C=void 0===h?"cancel":h,E=e.onClose,O=e.onCancel,y=e.onConfirm,M=e.children,b=i(e,u),D=l.useRef(null),g=l.useRef(null);/*#__PURE__*/return l.createElement(r.AlertDialog,a({isOpen:d,onClose:E},b,{leastDestructiveRef:"cancel"===C?D:g}),/*#__PURE__*/l.createElement(r.AlertDialogOverlay,null,/*#__PURE__*/l.createElement(r.AlertDialogContent,null,/*#__PURE__*/l.createElement(r.AlertDialogHeader,null,t),/*#__PURE__*/l.createElement(r.AlertDialogBody,null,M),/*#__PURE__*/l.createElement(r.AlertDialogFooter,null,/*#__PURE__*/l.createElement(n.ButtonGroup,s,/*#__PURE__*/l.createElement(n.Button,a({ref:D},o,{onClick:function(){null==O||O(),m&&E()}}),"Cancel"),/*#__PURE__*/l.createElement(n.Button,a({ref:g},c,{onClick:function(){null==y||y(),v&&E()}}),"Confirm"))))))},s=["title","children","isOpen","onClose","hideCloseButton","hideOverlay"],d=["footer","children"],f=function(e){var n=e.title,t=e.children,o=e.isOpen,u=e.onClose,c=e.hideCloseButton,d=e.hideOverlay,f=i(e,s);/*#__PURE__*/return l.createElement(r.Drawer,a({isOpen:o,onClose:u},f),!d&&/*#__PURE__*/l.createElement(r.DrawerOverlay,null),/*#__PURE__*/l.createElement(r.DrawerContent,null,/*#__PURE__*/l.createElement(r.DrawerHeader,null,n),!c&&/*#__PURE__*/l.createElement(r.DrawerCloseButton,null),t))},m=function(e){var n=e.footer,t=e.children,o=i(e,d);/*#__PURE__*/return l.createElement(f,o,/*#__PURE__*/l.createElement(r.DrawerBody,null,t),n&&/*#__PURE__*/l.createElement(r.DrawerFooter,null,n))},p=["title","footer","children","isOpen","onClose","hideCloseButton","hideOverlay"],v=["children","footer"],h=function(e){var n=e.title,t=e.footer,o=e.children,u=e.isOpen,c=e.onClose,s=e.hideCloseButton,d=e.hideOverlay,f=i(e,p);/*#__PURE__*/return l.createElement(r.Modal,a({isOpen:u,onClose:c},f),!d&&/*#__PURE__*/l.createElement(r.ModalOverlay,null),/*#__PURE__*/l.createElement(r.ModalContent,null,n&&/*#__PURE__*/l.createElement(r.ModalHeader,null,n),!s&&/*#__PURE__*/l.createElement(r.ModalCloseButton,null),o,t&&/*#__PURE__*/l.createElement(r.ModalFooter,null,t)))},C=function(e){var n=e.children,t=i(e,v);/*#__PURE__*/return l.createElement(h,t,/*#__PURE__*/l.createElement(r.ModalBody,null,n))},E=["children","footer","isOpen","onClose"],O=["descendants"],y=["rootProps"],M=function(e){var n=e.children,t=e.footer,o=e.isOpen,u=e.onClose,c=i(e,E),s=r.useMultiStyleConfig("Menu",e),d=r.useTheme(),f=r.useMenu({onClose:u,autoSelect:!0,defaultIsOpen:!0,closeOnBlur:!1,direction:d.direction}),m=f.descendants,p=i(f,O),v=l.useMemo(function(){return p},[p]);return l.useEffect(function(){p.openAndFocusFirstItem()},[e.isOpen]),/*#__PURE__*/l.createElement(h,a({isOpen:o,onClose:u,initialFocusRef:p.menuRef},c),/*#__PURE__*/l.createElement(r.MenuDescendantsProvider,{value:m},/*#__PURE__*/l.createElement(r.MenuProvider,{value:v},/*#__PURE__*/l.createElement(r.StylesProvider,{value:s},n))),t&&/*#__PURE__*/l.createElement(r.ModalFooter,null,t))};M.defaultProps={variant:"dialog"};var b=r.forwardRef(function(e,n){var t=i(e,y),o=r.useMenuList(t,n),u=r.useStyles();/*#__PURE__*/return l.createElement(r.chakra.div,a({},o,{__css:a({outline:0,maxHeight:"80vh",overflowY:"auto"},u.list,{boxShadow:"none",border:0})}))}),D=["children","schema","defaultValues","onSubmit","reValidateMode","shouldFocusError","shouldUnregister","shouldUseNativeValidation","criteriaMode","delayError","cancelLabel","submitLabel","footer","isOpen","onClose"],g=function(e){var o=e.children,u=e.schema,c=e.defaultValues,s=e.onSubmit,d=e.reValidateMode,f=e.shouldFocusError,m=void 0===f||f,p=e.shouldUnregister,v=e.shouldUseNativeValidation,C=e.criteriaMode,E=e.delayError,O=e.cancelLabel,y=e.submitLabel,M=e.footer,b=e.isOpen,g=e.onClose,P=i(e,D),x={schema:u,defaultValues:c,onSubmit:s,reValidateMode:d,shouldFocusError:m,shouldUnregister:p,shouldUseNativeValidation:v,criteriaMode:C,delayError:E},w=l.useRef(null);/*#__PURE__*/return l.createElement(h,a({isOpen:b,onClose:g,initialFocusRef:w},P),/*#__PURE__*/l.createElement(t.Form,x,/*#__PURE__*/l.createElement(r.ModalBody,null,o||/*#__PURE__*/l.createElement(t.Fields,{schema:u})),M||/*#__PURE__*/l.createElement(r.ModalFooter,null,/*#__PURE__*/l.createElement(n.Button,{variant:"ghost",mr:3,onClick:g},O||"Cancel"),/*#__PURE__*/l.createElement(t.SubmitButton,{ref:w},y||"Submit"))))},P=["id","type","scope"],x=["title","children"],w=l.createContext({}),B={id:null,props:null,type:"modal"},F={alert:c,confirm:c,drawer:m,modal:C,menu:M,form:g},S=function(){return l.useContext(w)};exports.BaseDrawer=f,exports.BaseModal=h,exports.ConfirmDialog=c,exports.Drawer=m,exports.FormDialog=g,exports.MenuDialog=M,exports.MenuDialogList=b,exports.Modal=C,exports.ModalsContext=w,exports.ModalsProvider=function(e){var r=e.children,n=e.modals,t=l.useMemo(function(){return new Set},[]),o=l.useState({modal:B}),u=o[0],c=o[1],s=l.useMemo(function(){var e=a({},F,n);return function(r){return void 0===r&&(r="modal"),e[r]||e.modal}},[n]),d=function(e,r){if(!r)return c({modal:e});c(function(n){var t;return a({},n,((t={})[r]=e,t))})},f=function(e){var r=e.id,n=void 0===r?t.size+1:r,o=e.type,l=void 0===o?"modal":o,u=e.scope,c=void 0===u?"modal":u,s=i(e,P),f={id:n,props:a({},s,{children:s.body||s.children}),type:l,scope:c};return t.add(f),d(f,c),n},m=function(e,r){try{var n,o=[].concat(t),l=o.filter(function(r){return r.id===e})[0];return l?Promise.resolve(null==(n=l.props)||null==n.onClose?void 0:n.onClose({force:r})).then(function(e){if(!1!==e){t.delete(l);var r=o.filter(function(e){return e.scope===l.scope});d(r[r.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(){t.forEach(function(e){var r;return null==(r=e.props)||null==r.onClose?void 0:r.onClose({force:!0})}),t.clear(),d(B)}},v=Object.entries(u).map(function(e){var r=e[0],n=e[1],o=s(n.type),u=n.props||{},c=u.title,d=u.children,f=i(u,x);/*#__PURE__*/return l.createElement(o,a({key:r,title:c,children:d},f,{isOpen:!(!n.id||!t.size),onClose:function(){return m(n.id)}}))});/*#__PURE__*/return l.createElement(w.Provider,{value:p},v,r)},exports.useModals=function(){return S()},exports.useModalsContext=S;
 //# 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/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                Cancel\n              </Button>\n              <Button\n                ref={confirmRef}\n                {...confirmProps}\n                onClick={() => {\n                  onConfirm?.()\n\n                  closeOnConfirm && onClose()\n                }}\n              >\n                Confirm\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   * 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    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        <ModalHeader>{title}</ModalHeader>\n        {!hideCloseButton && <ModalCloseButton />}\n        {children}\n      </ModalContent>\n    </ChakraModal>\n  )\n}\n\nexport interface ModalProps extends BaseModalProps {\n  /**\n   * The modal footer, wrapped with `ModalFooter`\n   */\n  footer?: React.ReactNode\n}\n\nexport const Modal: React.FC<ModalProps> = (props) => {\n  const { children, footer, ...rest } = props\n  return (\n    <BaseModal {...rest}>\n      <ModalBody>{children}</ModalBody>\n\n      {footer && <ModalFooter>{footer}</ModalFooter>}\n    </BaseModal>\n  )\n}\n","import * as React from 'react'\n\nimport { Modal, ModalProps } from './modal'\nimport { Drawer, DrawerProps } from './drawer'\nimport { ConfirmDialog, ConfirmDialogProps } from './dialog'\n\nexport interface ModalsContextValue {\n  open?: (options: OpenOptions) => ModalId\n  drawer?: (options: ModalOptions) => ModalId\n  alert?: (options: ModalOptions) => ModalId\n  confirm?: (options: ModalOptions) => ModalId\n  close?: (id: ModalId) => void\n  closeAll?: () => void\n}\n\nexport const ModalsContext = React.createContext<ModalsContextValue>({})\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<\n    (ModalProps & DrawerProps & ConfirmDialogProps) & {\n      body?: React.ReactNode\n    },\n    'onClose' | 'isOpen' | 'children'\n  > {\n  onClose?: (args: { force?: boolean }) => Promise<boolean | undefined> | void\n  children?: React.ReactNode\n}\n\nexport interface OpenOptions extends ModalOptions {\n  type?: ModalTypes | string\n  scope?: ModalScopes\n}\n\nexport type ModalScopes = 'modal' | 'alert'\n\nexport type ModalTypes = 'modal' | 'drawer' | 'alert' | 'confirm'\n\nexport interface ModalConfig {\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?: ModalOptions | 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 | string\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}\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 = {\n      ...defaultModals,\n      ...modals,\n    }\n\n    return (type = '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 = (options: OpenOptions): ModalId => {\n    const {\n      id = _instances.size + 1,\n      type = 'modal',\n      scope = 'modal',\n      ...props\n    } = options\n\n    const modal: ModalConfig = {\n      id,\n      props: {\n        ...props,\n        children: props.body || props.children,\n      },\n      type,\n      scope,\n    }\n\n    _instances.add(modal)\n    setActiveModal(modal, scope)\n\n    return id\n  }\n\n  const drawer = (options: ModalOptions): ModalId => {\n    return open({\n      ...options,\n      type: 'drawer',\n    })\n  }\n\n  const alert = (options: ModalOptions): 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: ModalOptions): ModalId => {\n    return open({\n      ...options,\n      scope: 'alert',\n      type: 'confirm',\n    })\n  }\n\n  const close = async (id?: ModalId | null, force?: boolean) => {\n    const modals = [..._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    _instances.delete(modal)\n\n    const scoped = modals.filter(({ scope }) => scope === modal.scope)\n\n    setActiveModal(\n      scoped[scoped.length - 2] || {\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  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    close,\n    closeAll,\n  }\n\n  const content = Object.entries(activeModals).map(([scope, config]) => {\n    const Component = getModalComponent(config.type)\n\n    const { title, children, ...props } = config.props || {}\n\n    return (\n      <Component\n        key={scope}\n        title={title}\n        children={children}\n        {...props}\n        isOpen={!!(config.id && _instances.size)}\n        onClose={() => close(config.id)}\n      />\n    )\n  })\n\n  return (\n    <ModalsContext.Provider value={context}>\n      {content}\n      {children}\n    </ModalsContext.Provider>\n  )\n}\n\nexport const useModalsContext = (): ModalsContextValue =>\n  React.useContext(ModalsContext)\n\nexport const useModals = () => {\n  return useModalsContext()\n}\n"],"names":["ConfirmDialog","props","title","cancelProps","confirmProps","buttonGroupProps","isOpen","closeOnCancel","closeOnConfirm","leastDestructiveFocus","onClose","onCancel","onConfirm","children","rest","cancelRef","React","useRef","confirmRef","AlertDialog","leastDestructiveRef","AlertDialogOverlay","AlertDialogContent","AlertDialogHeader","AlertDialogBody","AlertDialogFooter","ButtonGroup","Button","ref","onClick","BaseDrawer","hideCloseButton","hideOverlay","ChakraDrawer","DrawerOverlay","DrawerContent","DrawerHeader","DrawerCloseButton","Drawer","footer","DrawerBody","DrawerFooter","BaseModal","ChakraModal","ModalOverlay","ModalContent","ModalHeader","ModalCloseButton","Modal","ModalBody","ModalFooter","ModalsContext","createContext","initialModalState","id","type","defaultModals","alert","confirm","drawer","modal","useModalsContext","useContext","modals","_instances","useMemo","Set","useState","activeModals","setActiveModals","getModalComponent","_modals","setActiveModal","scope","prevState","open","options","size","body","add","close","force","filter","_modal$props","shouldClose","scoped","length","context","display","label","closeAll","forEach","_modal$props2","clear","content","Object","entries","map","config","Component","key","Provider","value"],"mappings":"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"}
+{"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                Cancel\n              </Button>\n              <Button\n                ref={confirmRef}\n                {...confirmProps}\n                onClick={() => {\n                  onConfirm?.()\n\n                  closeOnConfirm && onClose()\n                }}\n              >\n                Confirm\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, footer, ...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  MenuDescendantsProvider,\n  MenuProvider,\n  MenuListProps,\n  useMenu,\n  useMenuList,\n  chakra,\n  StylesProvider,\n  useMultiStyleConfig,\n  useTheme,\n  useStyles,\n  forwardRef,\n} from '@chakra-ui/react'\n\nimport { BaseModal, BaseModalProps } from './modal'\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 { children, footer, isOpen, onClose, ...rest } = props\n\n  const styles = useMultiStyleConfig('Menu', props)\n  const { direction } = useTheme()\n  const { descendants, ...ctx } = useMenu({\n    onClose,\n    autoSelect: true,\n    defaultIsOpen: true,\n    closeOnBlur: false,\n    direction,\n  })\n  const context = React.useMemo(() => ctx, [ctx])\n\n  React.useEffect(() => {\n    ctx.openAndFocusFirstItem()\n  }, [props.isOpen])\n\n  return (\n    <BaseModal\n      isOpen={isOpen}\n      onClose={onClose}\n      initialFocusRef={ctx.menuRef}\n      {...rest}\n    >\n      <MenuDescendantsProvider value={descendants}>\n        <MenuProvider value={context}>\n          <StylesProvider value={styles}>{children}</StylesProvider>\n        </MenuProvider>\n      </MenuDescendantsProvider>\n\n      {footer && <ModalFooter>{footer}</ModalFooter>}\n    </BaseModal>\n  )\n}\n\nMenuDialog.defaultProps = {\n  variant: 'dialog',\n}\n\nexport const MenuDialogList = forwardRef<MenuListProps, 'div'>((props, ref) => {\n  const { rootProps, ...rest } = props\n\n  const ownProps = useMenuList(rest, ref) as any\n\n  const styles = useStyles()\n\n  return (\n    <chakra.div\n      {...ownProps}\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  )\n})\n","import * as React from 'react'\n\nimport { ModalBody, ModalFooter } from '@chakra-ui/react'\n\nimport { Form, Fields, SubmitButton, FormProps } from '@saas-ui/forms'\nimport { Button } from '@saas-ui/button'\n\nimport { BaseModal, BaseModalProps } from './modal'\n\nexport interface FormDialogProps\n  extends Omit<BaseModalProps, 'children'>,\n    Pick<\n      FormProps,\n      | 'schema'\n      | 'defaultValues'\n      | 'onSubmit'\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\nexport const FormDialog: React.FC<FormDialogProps> = (props) => {\n  const {\n    children,\n    schema,\n    defaultValues,\n    onSubmit,\n    reValidateMode,\n    shouldFocusError = true,\n    shouldUnregister,\n    shouldUseNativeValidation,\n    criteriaMode,\n    delayError,\n    cancelLabel,\n    submitLabel,\n    footer,\n    isOpen,\n    onClose,\n    ...rest\n  } = props\n\n  const formProps = {\n    schema,\n    defaultValues,\n    onSubmit,\n    reValidateMode,\n    shouldFocusError,\n    shouldUnregister,\n    shouldUseNativeValidation,\n    criteriaMode,\n    delayError,\n  }\n\n  const initialRef = React.useRef<HTMLButtonElement | null>(null)\n\n  return (\n    <BaseModal\n      isOpen={isOpen}\n      onClose={onClose}\n      initialFocusRef={initialRef}\n      {...rest}\n    >\n      <Form {...formProps}>\n        <ModalBody>{children || <Fields schema={schema} />}</ModalBody>\n\n        {footer || (\n          <ModalFooter>\n            <Button variant=\"ghost\" mr={3} onClick={onClose}>\n              {cancelLabel || 'Cancel'}\n            </Button>\n            <SubmitButton ref={initialRef}>\n              {submitLabel || 'Submit'}\n            </SubmitButton>\n          </ModalFooter>\n        )}\n      </Form>\n    </BaseModal>\n  )\n}\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 } from './form'\n\nexport interface ModalsContextValue {\n  open?: (options: OpenOptions) => ModalId\n  drawer?: (options: ModalOptions) => ModalId\n  alert?: (options: ModalOptions) => ModalId\n  confirm?: (options: ModalOptions) => ModalId\n  menu?: (options: ModalOptions) => ModalId\n  form?: (options: ModalOptions) => ModalId\n  close?: (id: ModalId) => void\n  closeAll?: () => void\n}\n\nexport const ModalsContext = React.createContext<ModalsContextValue>({})\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<\n    (BaseModalProps & DrawerProps & ConfirmDialogProps) & {\n      body?: React.ReactNode\n    },\n    'onClose' | 'isOpen' | 'children'\n  > {\n  onClose?: (args: { force?: boolean }) => Promise<boolean | undefined> | void\n  children?: React.ReactNode\n}\n\nexport interface OpenOptions extends ModalOptions {\n  type?: ModalTypes | string\n  scope?: ModalScopes\n}\n\nexport type ModalScopes = 'modal' | 'alert'\n\nexport type ModalTypes = 'modal' | 'drawer' | 'alert' | 'confirm' | 'menu'\n\nexport interface ModalConfig {\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?: ModalOptions | 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 | string\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 = {\n      ...defaultModals,\n      ...modals,\n    }\n\n    return (type = '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 = (options: OpenOptions): ModalId => {\n    const {\n      id = _instances.size + 1,\n      type = 'modal',\n      scope = 'modal',\n      ...props\n    } = options\n\n    const modal: ModalConfig = {\n      id,\n      props: {\n        ...props,\n        children: props.body || props.children,\n      },\n      type,\n      scope,\n    }\n\n    _instances.add(modal)\n    setActiveModal(modal, scope)\n\n    return id\n  }\n\n  const drawer = (options: ModalOptions): ModalId => {\n    return open({\n      ...options,\n      type: 'drawer',\n    })\n  }\n\n  const alert = (options: ModalOptions): 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: ModalOptions): ModalId => {\n    return open({\n      ...options,\n      scope: 'alert',\n      type: 'confirm',\n    })\n  }\n\n  const menu = (options: ModalOptions): ModalId => {\n    return open({\n      ...options,\n      type: 'menu',\n    })\n  }\n\n  const form = (options: ModalOptions): ModalId => {\n    return open({\n      ...options,\n      type: 'form',\n    })\n  }\n\n  const close = async (id?: ModalId | null, force?: boolean) => {\n    const modals = [..._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    _instances.delete(modal)\n\n    const scoped = modals.filter(({ scope }) => scope === modal.scope)\n\n    setActiveModal(\n      scoped[scoped.length - 2] || {\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  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 = Object.entries(activeModals).map(([scope, config]) => {\n    const Component = getModalComponent(config.type)\n\n    const { title, children, ...props } = config.props || {}\n\n    return (\n      <Component\n        key={scope}\n        title={title}\n        children={children}\n        {...props}\n        isOpen={!!(config.id && _instances.size)}\n        onClose={() => close(config.id)}\n      />\n    )\n  })\n\n  return (\n    <ModalsContext.Provider value={context}>\n      {content}\n      {children}\n    </ModalsContext.Provider>\n  )\n}\n\nexport const useModalsContext = (): ModalsContextValue =>\n  React.useContext(ModalsContext)\n\nexport const useModals = () => {\n  return useModalsContext()\n}\n"],"names":["ConfirmDialog","props","title","cancelProps","confirmProps","buttonGroupProps","isOpen","closeOnCancel","closeOnConfirm","leastDestructiveFocus","onClose","onCancel","onConfirm","children","rest","cancelRef","React","useRef","confirmRef","AlertDialog","leastDestructiveRef","AlertDialogOverlay","AlertDialogContent","AlertDialogHeader","AlertDialogBody","AlertDialogFooter","ButtonGroup","Button","ref","onClick","BaseDrawer","hideCloseButton","hideOverlay","ChakraDrawer","DrawerOverlay","DrawerContent","DrawerHeader","DrawerCloseButton","Drawer","footer","DrawerBody","DrawerFooter","BaseModal","ChakraModal","ModalOverlay","ModalContent","ModalHeader","ModalCloseButton","ModalFooter","Modal","ModalBody","MenuDialog","styles","useMultiStyleConfig","useTheme","useMenu","autoSelect","defaultIsOpen","closeOnBlur","direction","descendants","ctx","context","useMemo","useEffect","openAndFocusFirstItem","initialFocusRef","menuRef","MenuDescendantsProvider","value","MenuProvider","StylesProvider","defaultProps","variant","MenuDialogList","forwardRef","rootProps","ownProps","useMenuList","useStyles","chakra","div","__css","outline","maxHeight","overflowY","list","boxShadow","border","FormDialog","schema","defaultValues","onSubmit","reValidateMode","shouldFocusError","shouldUnregister","shouldUseNativeValidation","criteriaMode","delayError","cancelLabel","submitLabel","formProps","initialRef","Form","Fields","mr","SubmitButton","ModalsContext","createContext","initialModalState","id","type","defaultModals","alert","confirm","drawer","modal","menu","form","useModalsContext","useContext","modals","_instances","Set","useState","activeModals","setActiveModals","getModalComponent","_modals","setActiveModal","scope","prevState","open","options","size","body","add","close","force","filter","_modal$props","shouldClose","scoped","length","display","label","closeAll","forEach","_modal$props2","clear","content","Object","entries","map","config","Component","key","Provider"],"mappings":"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"}

package/dist/index.modern.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{AlertDialog as n,AlertDialogOverlay as l,AlertDialogContent as t,AlertDialogHeader as r,AlertDialogBody as o,AlertDialogFooter as c,Drawer as a,DrawerOverlay as s,DrawerContent as i,DrawerHeader as u,DrawerCloseButton as p,DrawerBody as m,DrawerFooter as d,Modal as f,ModalOverlay as C,ModalContent as h,ModalHeader as E,ModalCloseButton as O,ModalBody as y,ModalFooter as v}from"@chakra-ui/react";import{ButtonGroup as b,Button as P}from"@saas-ui/button";function w(){return w=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var l=arguments[n];for(var t in l)Object.prototype.hasOwnProperty.call(l,t)&&(e[t]=l[t])}return e},w.apply(this,arguments)}function k(e,n){if(null==e)return{};var l,t,r={},o=Object.keys(e);for(t=0;t<o.length;t++)n.indexOf(l=o[t])>=0||(r[l]=e[l]);return r}const D=["title","cancelLabel","confirmLabel","cancelProps","confirmProps","buttonGroupProps","isOpen","closeOnCancel","closeOnConfirm","leastDestructiveFocus","onClose","onCancel","onConfirm","children"],g=a=>{const{title:s,cancelLabel:i="Cancel",confirmLabel:u="Confirm",cancelProps:p,confirmProps:m,buttonGroupProps:d,isOpen:f,closeOnCancel:C=!0,closeOnConfirm:h=!0,leastDestructiveFocus:E="cancel",onClose:O,onCancel:y,onConfirm:v,children:g}=a,j=k(a,D),x=e.useRef(null),B=e.useRef(null);/*#__PURE__*/return e.createElement(n,w({isOpen:f,onClose:O},j,{leastDestructiveRef:"cancel"===E?x:B}),/*#__PURE__*/e.createElement(l,null,/*#__PURE__*/e.createElement(t,null,/*#__PURE__*/e.createElement(r,null,s),/*#__PURE__*/e.createElement(o,null,g),/*#__PURE__*/e.createElement(c,null,/*#__PURE__*/e.createElement(b,d,/*#__PURE__*/e.createElement(P,w({ref:x},p,{onClick:()=>{null==y||y(),C&&O()}}),"Cancel"),/*#__PURE__*/e.createElement(P,w({ref:B},m,{onClick:()=>{null==v||v(),h&&O()}}),"Confirm"))))))},j=["title","children","isOpen","onClose","hideCloseButton","hideOverlay"],x=["footer","children"],B=n=>{const{title:l,children:t,isOpen:r,onClose:o,hideCloseButton:c,hideOverlay:m}=n,d=k(n,j);/*#__PURE__*/return e.createElement(a,w({isOpen:r,onClose:o},d),!m&&/*#__PURE__*/e.createElement(s,null),/*#__PURE__*/e.createElement(i,null,/*#__PURE__*/e.createElement(u,null,l),!c&&/*#__PURE__*/e.createElement(p,null),t))},L=n=>{const{footer:l,children:t}=n,r=k(n,x);/*#__PURE__*/return e.createElement(B,r,/*#__PURE__*/e.createElement(m,null,t),l&&/*#__PURE__*/e.createElement(d,null,l))},F=["title","children","isOpen","onClose","hideCloseButton","hideOverlay"],M=["children","footer"],R=n=>{const{title:l,children:t,isOpen:r,onClose:o,hideCloseButton:c,hideOverlay:a}=n,s=k(n,F);/*#__PURE__*/return e.createElement(f,w({isOpen:r,onClose:o},s),!a&&/*#__PURE__*/e.createElement(C,null),/*#__PURE__*/e.createElement(h,null,/*#__PURE__*/e.createElement(E,null,l),!c&&/*#__PURE__*/e.createElement(O,null),t))},z=n=>{const{children:l,footer:t}=n,r=k(n,M);/*#__PURE__*/return e.createElement(R,r,/*#__PURE__*/e.createElement(y,null,l),t&&/*#__PURE__*/e.createElement(v,null,t))},G=["id","type","scope"],S=["title","children"],A=e.createContext({}),K={id:null,props:null,type:"modal"},q={alert:g,confirm:g,drawer:L,modal:z};function H({children:n,modals:l}){const t=e.useMemo(()=>new Set,[]),[r,o]=e.useState({modal:K}),c=e.useMemo(()=>{const e=w({},q,l);return(n="modal")=>e[n]||e.modal},[l]),a=(e,n)=>{if(!n)return o({modal:e});o(l=>w({},l,{[n]:e}))},s=e=>{const{id:n=t.size+1,type:l="modal",scope:r="modal"}=e,o=k(e,G),c={id:n,props:w({},o,{children:o.body||o.children}),type:l,scope:r};return t.add(c),a(c,r),n},i=async(e,n)=>{var l;const r=[...t],o=r.filter(n=>n.id===e)[0];if(!o)return;if(!1===await(null==(l=o.props)||null==l.onClose?void 0:l.onClose({force:n})))return;t.delete(o);const c=r.filter(({scope:e})=>e===o.scope);a(c[c.length-2]||{id:null,props:null,type:o.type},o.scope)},u={open:s,drawer:e=>s(w({},e,{type:"drawer"})),alert:e=>s(w({},e,{scope:"alert",type:"alert",cancelProps:{display:"none"},confirmProps:{label:"OK"},leastDestructiveFocus:"confirm"})),confirm:e=>s(w({},e,{scope:"alert",type:"confirm"})),close:i,closeAll:()=>{t.forEach(e=>{var n;return null==(n=e.props)||null==n.onClose?void 0:n.onClose({force:!0})}),t.clear(),a(K)}},p=Object.entries(r).map(([n,l])=>{const r=c(l.type),o=l.props||{},{title:a,children:s}=o,u=k(o,S);/*#__PURE__*/return e.createElement(r,w({key:n,title:a,children:s},u,{isOpen:!(!l.id||!t.size),onClose:()=>i(l.id)}))});/*#__PURE__*/return e.createElement(A.Provider,{value:u},p,n)}const I=()=>e.useContext(A),J=()=>I();export{B as BaseDrawer,R as BaseModal,g as ConfirmDialog,L as Drawer,z as Modal,A as ModalsContext,H as ModalsProvider,J as useModals,I as useModalsContext};
+import*as e from"react";import{AlertDialog as l,AlertDialogOverlay as n,AlertDialogContent as t,AlertDialogHeader as r,AlertDialogBody as o,AlertDialogFooter as c,Drawer as a,DrawerOverlay as s,DrawerContent as i,DrawerHeader as u,DrawerCloseButton as d,DrawerBody as m,DrawerFooter as p,Modal as f,ModalOverlay as h,ModalContent as E,ModalHeader as C,ModalCloseButton as O,ModalFooter as v,ModalBody as y,forwardRef as b,useMenuList as P,useStyles as M,chakra as g,useMultiStyleConfig as F,useTheme as w,useMenu as V,MenuDescendantsProvider as L,MenuProvider as S,StylesProvider as R}from"@chakra-ui/react";import{ButtonGroup as k,Button as x}from"@saas-ui/button";import{Form as U,Fields as B,SubmitButton as D}from"@saas-ui/forms";function j(){return j=Object.assign||function(e){for(var l=1;l<arguments.length;l++){var n=arguments[l];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},j.apply(this,arguments)}function N(e,l){if(null==e)return{};var n,t,r={},o=Object.keys(e);for(t=0;t<o.length;t++)l.indexOf(n=o[t])>=0||(r[n]=e[n]);return r}const z=["title","cancelLabel","confirmLabel","cancelProps","confirmProps","buttonGroupProps","isOpen","closeOnCancel","closeOnConfirm","leastDestructiveFocus","onClose","onCancel","onConfirm","children"],A=a=>{const{title:s,cancelLabel:i="Cancel",confirmLabel:u="Confirm",cancelProps:d,confirmProps:m,buttonGroupProps:p,isOpen:f,closeOnCancel:h=!0,closeOnConfirm:E=!0,leastDestructiveFocus:C="cancel",onClose:O,onCancel:v,onConfirm:y,children:b}=a,P=N(a,z),M=e.useRef(null),g=e.useRef(null);/*#__PURE__*/return e.createElement(l,j({isOpen:f,onClose:O},P,{leastDestructiveRef:"cancel"===C?M:g}),/*#__PURE__*/e.createElement(n,null,/*#__PURE__*/e.createElement(t,null,/*#__PURE__*/e.createElement(r,null,s),/*#__PURE__*/e.createElement(o,null,b),/*#__PURE__*/e.createElement(c,null,/*#__PURE__*/e.createElement(k,p,/*#__PURE__*/e.createElement(x,j({ref:M},d,{onClick:()=>{null==v||v(),h&&O()}}),"Cancel"),/*#__PURE__*/e.createElement(x,j({ref:g},m,{onClick:()=>{null==y||y(),E&&O()}}),"Confirm"))))))},G=["title","children","isOpen","onClose","hideCloseButton","hideOverlay"],I=["footer","children"],_=l=>{const{title:n,children:t,isOpen:r,onClose:o,hideCloseButton:c,hideOverlay:m}=l,p=N(l,G);/*#__PURE__*/return e.createElement(a,j({isOpen:r,onClose:o},p),!m&&/*#__PURE__*/e.createElement(s,null),/*#__PURE__*/e.createElement(i,null,/*#__PURE__*/e.createElement(u,null,n),!c&&/*#__PURE__*/e.createElement(d,null),t))},H=l=>{const{footer:n,children:t}=l,r=N(l,I);/*#__PURE__*/return e.createElement(_,r,/*#__PURE__*/e.createElement(m,null,t),n&&/*#__PURE__*/e.createElement(p,null,n))},K=["title","footer","children","isOpen","onClose","hideCloseButton","hideOverlay"],Y=["children","footer"],q=l=>{const{title:n,footer:t,children:r,isOpen:o,onClose:c,hideCloseButton:a,hideOverlay:s}=l,i=N(l,K);/*#__PURE__*/return e.createElement(f,j({isOpen:o,onClose:c},i),!s&&/*#__PURE__*/e.createElement(h,null),/*#__PURE__*/e.createElement(E,null,n&&/*#__PURE__*/e.createElement(C,null,n),!a&&/*#__PURE__*/e.createElement(O,null),r,t&&/*#__PURE__*/e.createElement(v,null,t)))},J=l=>{const{children:n}=l,t=N(l,Y);/*#__PURE__*/return e.createElement(q,t,/*#__PURE__*/e.createElement(y,null,n))},Q=["children","footer","isOpen","onClose"],T=["descendants"],W=["rootProps"],X=l=>{const{children:n,footer:t,isOpen:r,onClose:o}=l,c=N(l,Q),a=F("Menu",l),{direction:s}=w(),i=V({onClose:o,autoSelect:!0,defaultIsOpen:!0,closeOnBlur:!1,direction:s}),{descendants:u}=i,d=N(i,T),m=e.useMemo(()=>d,[d]);return e.useEffect(()=>{d.openAndFocusFirstItem()},[l.isOpen]),/*#__PURE__*/e.createElement(q,j({isOpen:r,onClose:o,initialFocusRef:d.menuRef},c),/*#__PURE__*/e.createElement(L,{value:u},/*#__PURE__*/e.createElement(S,{value:m},/*#__PURE__*/e.createElement(R,{value:a},n))),t&&/*#__PURE__*/e.createElement(v,null,t))};X.defaultProps={variant:"dialog"};const Z=b((l,n)=>{const t=N(l,W),r=P(t,n),o=M();/*#__PURE__*/return e.createElement(g.div,j({},r,{__css:j({outline:0,maxHeight:"80vh",overflowY:"auto"},o.list,{boxShadow:"none",border:0})}))}),$=["children","schema","defaultValues","onSubmit","reValidateMode","shouldFocusError","shouldUnregister","shouldUseNativeValidation","criteriaMode","delayError","cancelLabel","submitLabel","footer","isOpen","onClose"],ee=l=>{const{children:n,schema:t,defaultValues:r,onSubmit:o,reValidateMode:c,shouldFocusError:a=!0,shouldUnregister:s,shouldUseNativeValidation:i,criteriaMode:u,delayError:d,cancelLabel:m,submitLabel:p,footer:f,isOpen:h,onClose:E}=l,C=N(l,$),O={schema:t,defaultValues:r,onSubmit:o,reValidateMode:c,shouldFocusError:a,shouldUnregister:s,shouldUseNativeValidation:i,criteriaMode:u,delayError:d},b=e.useRef(null);/*#__PURE__*/return e.createElement(q,j({isOpen:h,onClose:E,initialFocusRef:b},C),/*#__PURE__*/e.createElement(U,O,/*#__PURE__*/e.createElement(y,null,n||/*#__PURE__*/e.createElement(B,{schema:t})),f||/*#__PURE__*/e.createElement(v,null,/*#__PURE__*/e.createElement(x,{variant:"ghost",mr:3,onClick:E},m||"Cancel"),/*#__PURE__*/e.createElement(D,{ref:b},p||"Submit"))))},le=["id","type","scope"],ne=["title","children"],te=e.createContext({}),re={id:null,props:null,type:"modal"},oe={alert:A,confirm:A,drawer:H,modal:J,menu:X,form:ee};function ce({children:l,modals:n}){const t=e.useMemo(()=>new Set,[]),[r,o]=e.useState({modal:re}),c=e.useMemo(()=>{const e=j({},oe,n);return(l="modal")=>e[l]||e.modal},[n]),a=(e,l)=>{if(!l)return o({modal:e});o(n=>j({},n,{[l]:e}))},s=e=>{const{id:l=t.size+1,type:n="modal",scope:r="modal"}=e,o=N(e,le),c={id:l,props:j({},o,{children:o.body||o.children}),type:n,scope:r};return t.add(c),a(c,r),l},i=async(e,l)=>{var n;const r=[...t],o=r.filter(l=>l.id===e)[0];if(!o)return;if(!1===await(null==(n=o.props)||null==n.onClose?void 0:n.onClose({force:l})))return;t.delete(o);const c=r.filter(({scope:e})=>e===o.scope);a(c[c.length-2]||{id:null,props:null,type:o.type},o.scope)},u={open:s,drawer:e=>s(j({},e,{type:"drawer"})),alert:e=>s(j({},e,{scope:"alert",type:"alert",cancelProps:{display:"none"},confirmProps:{label:"OK"},leastDestructiveFocus:"confirm"})),confirm:e=>s(j({},e,{scope:"alert",type:"confirm"})),menu:e=>s(j({},e,{type:"menu"})),form:e=>s(j({},e,{type:"form"})),close:i,closeAll:()=>{t.forEach(e=>{var l;return null==(l=e.props)||null==l.onClose?void 0:l.onClose({force:!0})}),t.clear(),a(re)}},d=Object.entries(r).map(([l,n])=>{const r=c(n.type),o=n.props||{},{title:a,children:s}=o,u=N(o,ne);/*#__PURE__*/return e.createElement(r,j({key:l,title:a,children:s},u,{isOpen:!(!n.id||!t.size),onClose:()=>i(n.id)}))});/*#__PURE__*/return e.createElement(te.Provider,{value:u},d,l)}const ae=()=>e.useContext(te),se=()=>ae();export{_ as BaseDrawer,q as BaseModal,A as ConfirmDialog,H as Drawer,ee as FormDialog,X as MenuDialog,Z as MenuDialogList,J as Modal,te as ModalsContext,ce as ModalsProvider,se as useModals,ae as useModalsContext};
 //# sourceMappingURL=index.modern.js.map