@mage-ui/components 1.0.49 → 1.0.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/dist/components/index.d.mts +4 -11
  2. package/dist/components/overlays/index.d.mts +4 -11
  3. package/dist/components/overlays/modal/Modal.d.mts +23 -67
  4. package/dist/components/overlays/modal/Modal.d.mts.map +1 -1
  5. package/dist/components/overlays/modal/Modal.mjs +1 -1
  6. package/dist/components/overlays/modal/Modal.mjs.map +1 -1
  7. package/dist/components/overlays/modal/features/ModalAlert.d.mts +26 -0
  8. package/dist/components/overlays/modal/features/ModalAlert.d.mts.map +1 -0
  9. package/dist/components/overlays/modal/features/ModalAlert.mjs +2 -0
  10. package/dist/components/overlays/modal/features/ModalAlert.mjs.map +1 -0
  11. package/dist/components/overlays/modal/features/ModalConfirm.d.mts +35 -0
  12. package/dist/components/overlays/modal/features/ModalConfirm.d.mts.map +1 -0
  13. package/dist/components/overlays/modal/features/ModalConfirm.mjs +2 -0
  14. package/dist/components/overlays/modal/features/ModalConfirm.mjs.map +1 -0
  15. package/dist/components/overlays/modal/features/ModalDialog.d.mts +20 -0
  16. package/dist/components/overlays/modal/features/ModalDialog.d.mts.map +1 -0
  17. package/dist/components/overlays/modal/features/ModalDialog.mjs +2 -0
  18. package/dist/components/overlays/modal/features/ModalDialog.mjs.map +1 -0
  19. package/dist/components/overlays/modal/index.d.mts +23 -0
  20. package/dist/components/overlays/modal/index.d.mts.map +1 -0
  21. package/dist/components/overlays/modal/index.mjs +2 -0
  22. package/dist/components/overlays/modal/index.mjs.map +1 -0
  23. package/dist/components/overlays/modal/modal-core.mjs +2 -0
  24. package/dist/components/overlays/modal/modal-core.mjs.map +1 -0
  25. package/dist/components/overlays/modal/modal-primitives.mjs +2 -0
  26. package/dist/components/overlays/modal/modal-primitives.mjs.map +1 -0
  27. package/dist/components/overlays/modal/modal-registry.d.mts +12 -0
  28. package/dist/components/overlays/modal/modal-registry.d.mts.map +1 -0
  29. package/dist/components/overlays/modal/modal-registry.mjs +2 -0
  30. package/dist/components/overlays/modal/modal-registry.mjs.map +1 -0
  31. package/dist/components/overlays/modal/modal-types.d.mts +40 -0
  32. package/dist/components/overlays/modal/modal-types.d.mts.map +1 -0
  33. package/dist/index.d.mts +5 -12
  34. package/dist/index.mjs +1 -1
  35. package/dist/providers/MageUiProvider.d.mts.map +1 -1
  36. package/dist/providers/MageUiProvider.mjs +1 -1
  37. package/dist/providers/MageUiProvider.mjs.map +1 -1
  38. package/package.json +3 -3
  39. package/dist/components/overlays/modal/ModalContext.mjs +0 -2
  40. package/dist/components/overlays/modal/ModalContext.mjs.map +0 -1
  41. package/dist/components/overlays/modals/ModalsProvider.d.mts +0 -13
  42. package/dist/components/overlays/modals/ModalsProvider.d.mts.map +0 -1
  43. package/dist/components/overlays/modals/ModalsProvider.mjs +0 -2
  44. package/dist/components/overlays/modals/ModalsProvider.mjs.map +0 -1
  45. package/dist/components/overlays/modals/alert/ModalAlert.d.mts +0 -31
  46. package/dist/components/overlays/modals/alert/ModalAlert.d.mts.map +0 -1
  47. package/dist/components/overlays/modals/alert/ModalAlert.mjs +0 -2
  48. package/dist/components/overlays/modals/alert/ModalAlert.mjs.map +0 -1
  49. package/dist/components/overlays/modals/alert/alert.d.mts +0 -7
  50. package/dist/components/overlays/modals/alert/alert.d.mts.map +0 -1
  51. package/dist/components/overlays/modals/alert/alert.mjs +0 -2
  52. package/dist/components/overlays/modals/alert/alert.mjs.map +0 -1
  53. package/dist/components/overlays/modals/alert/alertById.d.mts +0 -7
  54. package/dist/components/overlays/modals/alert/alertById.d.mts.map +0 -1
  55. package/dist/components/overlays/modals/alert/alertById.mjs +0 -2
  56. package/dist/components/overlays/modals/alert/alertById.mjs.map +0 -1
  57. package/dist/components/overlays/modals/base/BaseModal.d.mts +0 -17
  58. package/dist/components/overlays/modals/base/BaseModal.d.mts.map +0 -1
  59. package/dist/components/overlays/modals/base/BaseModal.mjs +0 -2
  60. package/dist/components/overlays/modals/base/BaseModal.mjs.map +0 -1
  61. package/dist/components/overlays/modals/confirm/ModalConfirm.d.mts +0 -40
  62. package/dist/components/overlays/modals/confirm/ModalConfirm.d.mts.map +0 -1
  63. package/dist/components/overlays/modals/confirm/ModalConfirm.mjs +0 -2
  64. package/dist/components/overlays/modals/confirm/ModalConfirm.mjs.map +0 -1
  65. package/dist/components/overlays/modals/confirm/confirm.d.mts +0 -7
  66. package/dist/components/overlays/modals/confirm/confirm.d.mts.map +0 -1
  67. package/dist/components/overlays/modals/confirm/confirm.mjs +0 -2
  68. package/dist/components/overlays/modals/confirm/confirm.mjs.map +0 -1
  69. package/dist/components/overlays/modals/confirm/confirmById.d.mts +0 -7
  70. package/dist/components/overlays/modals/confirm/confirmById.d.mts.map +0 -1
  71. package/dist/components/overlays/modals/confirm/confirmById.mjs +0 -2
  72. package/dist/components/overlays/modals/confirm/confirmById.mjs.map +0 -1
  73. package/dist/components/overlays/modals/registry/createModal.d.mts +0 -15
  74. package/dist/components/overlays/modals/registry/createModal.d.mts.map +0 -1
  75. package/dist/components/overlays/modals/registry/createModal.mjs +0 -2
  76. package/dist/components/overlays/modals/registry/createModal.mjs.map +0 -1
  77. package/dist/components/overlays/modals/registry/openModalById.d.mts +0 -5
  78. package/dist/components/overlays/modals/registry/openModalById.d.mts.map +0 -1
  79. package/dist/components/overlays/modals/registry/openModalById.mjs +0 -2
  80. package/dist/components/overlays/modals/registry/openModalById.mjs.map +0 -1
  81. package/dist/components/overlays/modals/registry/registerModal.d.mts +0 -7
  82. package/dist/components/overlays/modals/registry/registerModal.d.mts.map +0 -1
  83. package/dist/components/overlays/modals/registry/registerModal.mjs +0 -2
  84. package/dist/components/overlays/modals/registry/registerModal.mjs.map +0 -1
@@ -62,17 +62,10 @@ import "./misc/index.mjs";
62
62
  import { Breadcrumbs, BreadcrumbsProps } from "./navigations/breadcrumbs/Breadcrumbs.mjs";
63
63
  import { Sidebar, SidebarClassNames, SidebarProps } from "./navigations/sidebars/sidebar/Sidebar.mjs";
64
64
  import "./navigations/index.mjs";
65
- import { Modal, ModalProps, ModalRootProps } from "./overlays/modal/Modal.mjs";
66
- import { ModalAlert, ModalAlertClassNames, ModalAlertPublicProps } from "./overlays/modals/alert/ModalAlert.mjs";
67
- import { alert } from "./overlays/modals/alert/alert.mjs";
68
- import { alertById } from "./overlays/modals/alert/alertById.mjs";
69
- import { ModalConfirm, ModalConfirmClassNames, ModalConfirmPublicProps } from "./overlays/modals/confirm/ModalConfirm.mjs";
70
- import { confirm } from "./overlays/modals/confirm/confirm.mjs";
71
- import { confirmById } from "./overlays/modals/confirm/confirmById.mjs";
72
- import { ModalsProvider, ModalsProviderProps } from "./overlays/modals/ModalsProvider.mjs";
73
- import { ModalComponent, ModalInternalProps, createModal } from "./overlays/modals/registry/createModal.mjs";
74
- import { openModalById } from "./overlays/modals/registry/openModalById.mjs";
75
- import { registerModal } from "./overlays/modals/registry/registerModal.mjs";
65
+ import { ModalClassNames, ModalIntent, ModalProps, ModalRootProps } from "./overlays/modal/modal-types.mjs";
66
+ import { ModalRegistry, ModalRegistryEntry } from "./overlays/modal/modal-registry.mjs";
67
+ import { Modal } from "./overlays/modal/Modal.mjs";
68
+ import { Modals } from "./overlays/modal/index.mjs";
76
69
  import { Toast, ToastOptions, ToastProviderProps } from "./overlays/toast/toast.mjs";
77
70
  import { Tooltip, TooltipProps } from "./overlays/tooltip/Tooltip.mjs";
78
71
  import "./overlays/index.mjs";
@@ -1,13 +1,6 @@
1
- import { Modal, ModalProps, ModalRootProps } from "./modal/Modal.mjs";
2
- import { ModalAlert, ModalAlertClassNames, ModalAlertPublicProps } from "./modals/alert/ModalAlert.mjs";
3
- import { alert } from "./modals/alert/alert.mjs";
4
- import { alertById } from "./modals/alert/alertById.mjs";
5
- import { ModalConfirm, ModalConfirmClassNames, ModalConfirmPublicProps } from "./modals/confirm/ModalConfirm.mjs";
6
- import { confirm } from "./modals/confirm/confirm.mjs";
7
- import { confirmById } from "./modals/confirm/confirmById.mjs";
8
- import { ModalsProvider, ModalsProviderProps } from "./modals/ModalsProvider.mjs";
9
- import { ModalComponent, ModalInternalProps, createModal } from "./modals/registry/createModal.mjs";
10
- import { openModalById } from "./modals/registry/openModalById.mjs";
11
- import { registerModal } from "./modals/registry/registerModal.mjs";
1
+ import { ModalClassNames, ModalIntent, ModalProps, ModalRootProps } from "./modal/modal-types.mjs";
2
+ import { ModalRegistry, ModalRegistryEntry } from "./modal/modal-registry.mjs";
3
+ import { Modal } from "./modal/Modal.mjs";
4
+ import { Modals } from "./modal/index.mjs";
12
5
  import { Toast, ToastOptions, ToastProviderProps } from "./toast/toast.mjs";
13
6
  import { Tooltip, TooltipProps } from "./tooltip/Tooltip.mjs";
@@ -1,72 +1,31 @@
1
+ import { ModalClassNames, ModalIntent, ModalProps, ModalRootProps } from "./modal-types.mjs";
2
+ import { ModalRegistry, ModalRegistryEntry, registerModal } from "./modal-registry.mjs";
1
3
  import * as react_jsx_runtime0 from "react/jsx-runtime";
2
- import { HTMLAttributes, ReactNode } from "react";
4
+ import * as react from "react";
5
+ import * as _ebay_nice_modal_react0 from "@ebay/nice-modal-react";
3
6
 
4
7
  //#region src/components/overlays/modal/Modal.d.ts
5
- type ModalProps = {
6
- opened: boolean;
7
- onClose: () => void;
8
- id?: string;
9
- title?: ReactNode;
10
- children: ReactNode;
11
- centered?: boolean;
12
- withCloseButton?: boolean;
13
- closeOnClickOutside?: boolean;
14
- closeOnEscape?: boolean;
15
- withinPortal?: boolean;
16
- keepMounted?: boolean;
17
- classNames?: {
18
- modal?: string;
19
- root?: string;
20
- overlay?: string;
21
- inner?: string;
22
- content?: string;
23
- header?: string;
24
- title?: string;
25
- body?: string;
26
- close?: string;
27
- footer?: string;
28
- };
29
- };
30
- declare const Modal: {
31
- ({
32
- opened,
33
- onClose,
34
- id,
35
- title,
36
- children,
37
- centered,
38
- withCloseButton,
39
- closeOnClickOutside,
40
- closeOnEscape,
41
- withinPortal,
42
- keepMounted,
43
- classNames
44
- }: ModalProps): react_jsx_runtime0.JSX.Element;
45
- Root: {
46
- ({
47
- opened,
48
- onClose,
49
- children,
50
- id,
51
- withinPortal,
52
- keepMounted,
53
- centered,
54
- classNames,
55
- intent
56
- }: ModalRootProps): react_jsx_runtime0.JSX.Element;
57
- displayName: string;
58
- };
8
+ declare const Modal: (({
9
+ id,
10
+ ...props
11
+ }: ModalProps) => react_jsx_runtime0.JSX.Element) & {
12
+ displayName: "Modal";
13
+ Provider: react.ComponentType<{
14
+ children: react.ReactNode;
15
+ modals?: ModalRegistry;
16
+ }>;
17
+ register: typeof registerModal;
18
+ show: typeof _ebay_nice_modal_react0.show;
19
+ hide: typeof _ebay_nice_modal_react0.hide;
59
20
  Overlay: {
60
- (_: {
61
- children?: never;
62
- }): react_jsx_runtime0.JSX.Element;
21
+ (): react_jsx_runtime0.JSX.Element;
63
22
  displayName: string;
64
23
  };
65
24
  Content: {
66
25
  ({
67
26
  children
68
27
  }: {
69
- children: ReactNode;
28
+ children: react.ReactNode;
70
29
  }): react_jsx_runtime0.JSX.Element;
71
30
  displayName: string;
72
31
  };
@@ -74,7 +33,7 @@ declare const Modal: {
74
33
  ({
75
34
  children
76
35
  }: {
77
- children: ReactNode;
36
+ children: react.ReactNode;
78
37
  }): react_jsx_runtime0.JSX.Element;
79
38
  displayName: string;
80
39
  };
@@ -82,7 +41,7 @@ declare const Modal: {
82
41
  ({
83
42
  children
84
43
  }: {
85
- children: ReactNode;
44
+ children: react.ReactNode;
86
45
  }): react_jsx_runtime0.JSX.Element;
87
46
  displayName: string;
88
47
  };
@@ -90,7 +49,7 @@ declare const Modal: {
90
49
  ({
91
50
  children
92
51
  }: {
93
- children: ReactNode;
52
+ children: react.ReactNode;
94
53
  }): react_jsx_runtime0.JSX.Element;
95
54
  displayName: string;
96
55
  };
@@ -103,13 +62,10 @@ declare const Modal: {
103
62
  children,
104
63
  className,
105
64
  ...props
106
- }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime0.JSX.Element;
65
+ }: react.HTMLAttributes<HTMLDivElement>): react_jsx_runtime0.JSX.Element;
107
66
  displayName: string;
108
67
  };
109
68
  };
110
- type ModalRootProps = Omit<ModalProps, 'title' | 'withCloseButton'> & {
111
- intent?: 'default' | 'info' | 'success' | 'warning' | 'danger';
112
- };
113
69
  //#endregion
114
- export { Modal, ModalProps, ModalRootProps };
70
+ export { Modal };
115
71
  //# sourceMappingURL=Modal.d.mts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.d.mts","names":[],"sources":["../../../../src/components/overlays/modal/Modal.tsx"],"mappings":";;;;KAmBY,UAAA;EACV,MAAA;EACA,OAAA;EACA,EAAA;EACA,KAAA,GAAQ,SAAA;EACR,QAAA,EAAU,SAAA;EACV,QAAA;EACA,eAAA;EACA,mBAAA;EACA,aAAA;EACA,YAAA;EACA,WAAA;EACA,UAAA;IACE,KAAA;IACA,IAAA;IACA,OAAA;IACA,KAAA;IACA,OAAA;IACA,MAAA;IACA,KAAA;IACA,IAAA;IACA,KAAA;IACA,MAAA;EAAA;AAAA;AAAA,cAIS,KAAA;EAAA;;;;;;;;;;;;;KAaV,UAAA,GAAU,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;;OAgDV,cAAA,GAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;MA0BU,QAAA;IAAA,IAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;MAQP,QAAA,EAAU,SAAA;IAAA,IAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;MAJtB,QAAA,EAAU,SAAA;IAAA,IAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;MAQvB,QAAA,EAAU,SAAA;IAAA,IAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;MAIpB,QAAA,EAAU,SAAA;IAAA,IAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;;OAYtD,cAAA,CAAe,cAAA,IAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;KApErB,cAAA,GAAiB,IAAA,CAAK,UAAA;EAChC,MAAA;AAAA"}
1
+ {"version":3,"file":"Modal.d.mts","names":[],"sources":["../../../../src/components/overlays/modal/Modal.tsx"],"mappings":";;;;;;;cAsBa,KAAA;EAAK,EAAA;EAAA,GAAA;AAAA,GAAA,UAAA,KAAA,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cAAA,KAAA,CAAA,SAAA"}
@@ -1,2 +1,2 @@
1
- import{ModalProvider as e}from"./ModalContext.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{modal as n,modalBody as r,modalClose as i,modalContent as a,modalFooter as o,modalHeader as s,modalInner as c,modalOverlay as l,modalRoot as u,modalTitle as d}from"@mage-ui/styled-system/recipes";import{Modal as f}from"@mantine/core";import{jsx as p}from"react/jsx-runtime";const m=({opened:o,onClose:m,id:h,title:g,children:_,centered:v=!0,withCloseButton:y=!0,closeOnClickOutside:b=!0,closeOnEscape:x=!0,withinPortal:S=!0,keepMounted:C=!1,classNames:w})=>p(e,{value:{onClose:m},children:p(f,{id:h,opened:o,onClose:m,title:g,centered:v,withCloseButton:y,closeOnClickOutside:b,closeOnEscape:x,withinPortal:S,keepMounted:C,classNames:{root:t(w?.modal??n(),w?.root??u()),overlay:w?.overlay??l(),inner:w?.inner??c(),content:w?.content??a(),header:w?.header??s(),title:w?.title??d(),body:w?.body??r(),close:w?.close??i()},children:_})}),h=({opened:e,onClose:o,children:m,id:h,withinPortal:g=!0,keepMounted:_,centered:v,classNames:y,intent:b})=>p(f.Root,{opened:e,onClose:o,id:h,withinPortal:g,keepMounted:_,centered:v,"data-intent":b,classNames:{root:t(y?.modal??n(),y?.root??u()),overlay:y?.overlay??l(),inner:y?.inner??c(),content:y?.content??a(),header:y?.header??s(),title:y?.title??d(),body:y?.body??r(),close:y?.close??i()},children:m}),g=e=>p(f.Overlay,{}),_=({children:e})=>p(f.Header,{children:e}),v=({children:e})=>p(f.Content,{children:e}),y=({children:e})=>p(f.Body,{children:e}),b=({children:e})=>p(f.Title,{children:e}),x=()=>p(f.CloseButton,{}),S=({children:e,className:t,...n})=>p(`div`,{className:t??o(),...n,children:e});m.Root=h,h.displayName=`Modal.Root`,m.Overlay=g,g.displayName=`Modal.Overlay`,m.Content=v,v.displayName=`Modal.Content`,m.Header=_,_.displayName=`Modal.Header`,m.Body=y,y.displayName=`Modal.Body`,m.Title=b,b.displayName=`Modal.Title`,m.CloseButton=x,x.displayName=`Modal.CloseButton`,m.Footer=S,S.displayName=`Modal.Footer`;export{m as Modal};
1
+ import{ModalBody as e,ModalCloseButton as t,ModalContent as n,ModalFooter as r,ModalHeader as i,ModalOverlay as a,ModalTitle as o}from"./modal-primitives.mjs";import{ModalInner as s}from"./modal-core.mjs";import{ModalProvider as c,registerModal as l}from"./modal-registry.mjs";import u from"@ebay/nice-modal-react";const d=Object.assign(s,{displayName:`Modal`,Provider:c,register:l,show:u.show,hide:u.hide,Overlay:a,Content:n,Header:i,Body:e,Title:o,CloseButton:t,Footer:r});export{d as Modal};
2
2
  //# sourceMappingURL=Modal.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.mjs","names":["Modal","MantineModal"],"sources":["../../../../src/components/overlays/modal/Modal.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n modal,\n modalBody,\n modalClose,\n modalContent,\n modalFooter,\n modalHeader,\n modalInner,\n modalOverlay,\n modalRoot,\n modalTitle,\n} from '@mage-ui/styled-system/recipes';\nimport { Modal as MantineModal } from '@mantine/core';\n\nimport { ModalProvider } from './ModalContext';\n\nexport type ModalProps = {\n opened: boolean;\n onClose: () => void;\n id?: string;\n title?: ReactNode;\n children: ReactNode;\n centered?: boolean;\n withCloseButton?: boolean;\n closeOnClickOutside?: boolean;\n closeOnEscape?: boolean;\n withinPortal?: boolean;\n keepMounted?: boolean;\n classNames?: {\n modal?: string;\n root?: string;\n overlay?: string;\n inner?: string;\n content?: string;\n header?: string;\n title?: string;\n body?: string;\n close?: string;\n footer?: string;\n };\n};\n\nexport const Modal = ({\n opened,\n onClose,\n id,\n title,\n children,\n centered = true,\n withCloseButton = true,\n closeOnClickOutside = true,\n closeOnEscape = true,\n withinPortal = true,\n keepMounted = false,\n classNames,\n}: ModalProps) => {\n return (\n <ModalProvider value={{ onClose }}>\n <MantineModal\n id={id}\n opened={opened}\n onClose={onClose}\n title={title}\n centered={centered}\n withCloseButton={withCloseButton}\n closeOnClickOutside={closeOnClickOutside}\n closeOnEscape={closeOnEscape}\n withinPortal={withinPortal}\n keepMounted={keepMounted}\n classNames={{\n root: cx(\n classNames?.modal ?? modal(),\n classNames?.root ?? modalRoot(),\n ),\n overlay: classNames?.overlay ?? modalOverlay(),\n inner: classNames?.inner ?? modalInner(),\n content: classNames?.content ?? modalContent(),\n header: classNames?.header ?? modalHeader(),\n title: classNames?.title ?? modalTitle(),\n body: classNames?.body ?? modalBody(),\n close: classNames?.close ?? modalClose(),\n }}\n >\n {children}\n </MantineModal>\n </ModalProvider>\n );\n};\n\nexport type ModalRootProps = Omit<ModalProps, 'title' | 'withCloseButton'> & {\n intent?: 'default' | 'info' | 'success' | 'warning' | 'danger';\n};\n\nconst ModalRoot = ({\n opened,\n onClose,\n children,\n id,\n withinPortal = true,\n keepMounted,\n centered,\n classNames,\n intent,\n}: ModalRootProps) => {\n return (\n <MantineModal.Root\n opened={opened}\n onClose={onClose}\n id={id}\n withinPortal={withinPortal}\n keepMounted={keepMounted}\n centered={centered}\n data-intent={intent}\n classNames={{\n root: cx(classNames?.modal ?? modal(), classNames?.root ?? modalRoot()),\n overlay: classNames?.overlay ?? modalOverlay(),\n inner: classNames?.inner ?? modalInner(),\n content: classNames?.content ?? modalContent(),\n header: classNames?.header ?? modalHeader(),\n title: classNames?.title ?? modalTitle(),\n body: classNames?.body ?? modalBody(),\n close: classNames?.close ?? modalClose(),\n }}\n >\n {children}\n </MantineModal.Root>\n );\n};\n\nconst ModalOverlay = (_: { children?: never }) => {\n return <MantineModal.Overlay />;\n};\n\nconst ModalHeader = ({ children }: { children: ReactNode }) => {\n return <MantineModal.Header>{children}</MantineModal.Header>;\n};\n\nconst ModalContent = ({ children }: { children: ReactNode }) => {\n return <MantineModal.Content>{children}</MantineModal.Content>;\n};\n\nconst ModalBody = ({ children }: { children: ReactNode }) => {\n return <MantineModal.Body>{children}</MantineModal.Body>;\n};\n\nconst ModalTitle = ({ children }: { children: ReactNode }) => {\n return <MantineModal.Title>{children}</MantineModal.Title>;\n};\n\nconst ModalCloseButton = () => {\n return <MantineModal.CloseButton />;\n};\n\nconst ModalFooter = ({\n children,\n className,\n ...props\n}: HTMLAttributes<HTMLDivElement>) => {\n return (\n <div className={className ?? modalFooter()} {...props}>\n {children}\n </div>\n );\n};\n\nModal.Root = ModalRoot;\nModalRoot.displayName = 'Modal.Root';\n\nModal.Overlay = ModalOverlay;\nModalOverlay.displayName = 'Modal.Overlay';\n\nModal.Content = ModalContent;\nModalContent.displayName = 'Modal.Content';\n\nModal.Header = ModalHeader;\nModalHeader.displayName = 'Modal.Header';\n\nModal.Body = ModalBody;\nModalBody.displayName = 'Modal.Body';\n\nModal.Title = ModalTitle;\nModalTitle.displayName = 'Modal.Title';\n\nModal.CloseButton = ModalCloseButton;\nModalCloseButton.displayName = 'Modal.CloseButton';\n\nModal.Footer = ModalFooter;\nModalFooter.displayName = 'Modal.Footer';\n"],"mappings":"4XA6CA,MAAaA,GAAS,CACpB,SACA,UACA,KACA,QACA,WACA,WAAW,GACX,kBAAkB,GAClB,sBAAsB,GACtB,gBAAgB,GAChB,eAAe,GACf,cAAc,GACd,gBAGE,EAAC,EAAA,CAAc,MAAO,CAAE,UAAS,UAC/B,EAACC,EAAAA,CACK,KACI,SACC,UACF,QACG,WACO,kBACI,sBACN,gBACD,eACD,cACb,WAAY,CACV,KAAM,EACJ,GAAY,OAAS,GAAO,CAC5B,GAAY,MAAQ,GAAW,CAChC,CACD,QAAS,GAAY,SAAW,GAAc,CAC9C,MAAO,GAAY,OAAS,GAAY,CACxC,QAAS,GAAY,SAAW,GAAc,CAC9C,OAAQ,GAAY,QAAU,GAAa,CAC3C,MAAO,GAAY,OAAS,GAAY,CACxC,KAAM,GAAY,MAAQ,GAAW,CACrC,MAAO,GAAY,OAAS,GAAY,CACzC,CAEA,YACY,EACD,CAQd,GAAa,CACjB,SACA,UACA,WACA,KACA,eAAe,GACf,cACA,WACA,aACA,YAGE,EAACA,EAAa,KAAA,CACJ,SACC,UACL,KACU,eACD,cACH,WACV,cAAa,EACb,WAAY,CACV,KAAM,EAAG,GAAY,OAAS,GAAO,CAAE,GAAY,MAAQ,GAAW,CAAC,CACvE,QAAS,GAAY,SAAW,GAAc,CAC9C,MAAO,GAAY,OAAS,GAAY,CACxC,QAAS,GAAY,SAAW,GAAc,CAC9C,OAAQ,GAAY,QAAU,GAAa,CAC3C,MAAO,GAAY,OAAS,GAAY,CACxC,KAAM,GAAY,MAAQ,GAAW,CACrC,MAAO,GAAY,OAAS,GAAY,CACzC,CAEA,YACiB,CAIlB,EAAgB,GACb,EAACA,EAAa,QAAA,EAAA,CAAU,CAG3B,GAAe,CAAE,cACd,EAACA,EAAa,OAAA,CAAQ,WAAA,CAA+B,CAGxD,GAAgB,CAAE,cACf,EAACA,EAAa,QAAA,CAAS,WAAA,CAAgC,CAG1D,GAAa,CAAE,cACZ,EAACA,EAAa,KAAA,CAAM,WAAA,CAA6B,CAGpD,GAAc,CAAE,cACb,EAACA,EAAa,MAAA,CAAO,WAAA,CAA8B,CAGtD,MACG,EAACA,EAAa,YAAA,EAAA,CAAc,CAG/B,GAAe,CACnB,WACA,YACA,GAAG,KAGD,EAAC,MAAA,CAAI,UAAW,GAAa,GAAa,CAAE,GAAI,EAC7C,YACG,CAIV,EAAM,KAAO,EACb,EAAU,YAAc,aAExB,EAAM,QAAU,EAChB,EAAa,YAAc,gBAE3B,EAAM,QAAU,EAChB,EAAa,YAAc,gBAE3B,EAAM,OAAS,EACf,EAAY,YAAc,eAE1B,EAAM,KAAO,EACb,EAAU,YAAc,aAExB,EAAM,MAAQ,EACd,EAAW,YAAc,cAEzB,EAAM,YAAc,EACpB,EAAiB,YAAc,oBAE/B,EAAM,OAAS,EACf,EAAY,YAAc"}
1
+ {"version":3,"file":"Modal.mjs","names":[],"sources":["../../../../src/components/overlays/modal/Modal.tsx"],"sourcesContent":["import NiceModal from '@ebay/nice-modal-react';\n\nimport { ModalInner } from './modal-core';\nimport {\n ModalBody,\n ModalCloseButton,\n ModalContent,\n ModalFooter,\n ModalHeader,\n ModalOverlay,\n ModalTitle,\n} from './modal-primitives';\nimport { ModalProvider, registerModal } from './modal-registry';\n\nexport type { ModalRegistry, ModalRegistryEntry } from './modal-registry';\nexport type {\n ModalClassNames,\n ModalIntent,\n ModalProps,\n ModalRootProps,\n} from './modal-types';\n\nexport const Modal = Object.assign(ModalInner, {\n displayName: 'Modal' as const,\n Provider: ModalProvider,\n register: registerModal,\n show: NiceModal.show,\n hide: NiceModal.hide,\n Overlay: ModalOverlay,\n Content: ModalContent,\n Header: ModalHeader,\n Body: ModalBody,\n Title: ModalTitle,\n CloseButton: ModalCloseButton,\n Footer: ModalFooter,\n});\n"],"mappings":"2TAsBA,MAAa,EAAQ,OAAO,OAAO,EAAY,CAC7C,YAAa,QACb,SAAU,EACV,SAAU,EACV,KAAM,EAAU,KAChB,KAAM,EAAU,KAChB,QAAS,EACT,QAAS,EACT,OAAQ,EACR,KAAM,EACN,MAAO,EACP,YAAa,EACb,OAAQ,EACT,CAAC"}
@@ -0,0 +1,26 @@
1
+ import { ModalClassNames } from "../modal-types.mjs";
2
+ import "../Modal.mjs";
3
+ import { ModalDialogProps } from "./ModalDialog.mjs";
4
+ import "react/jsx-runtime";
5
+ import { ReactNode } from "react";
6
+
7
+ //#region src/components/overlays/modal/features/ModalAlert.d.ts
8
+ type ModalAlertClassNames = ModalClassNames & {
9
+ footer?: string;
10
+ confirmButton?: {
11
+ button?: string;
12
+ root?: string;
13
+ inner?: string;
14
+ label?: string;
15
+ section?: string;
16
+ };
17
+ };
18
+ type ModalAlertProps = Omit<ModalDialogProps, 'id' | 'footer'> & {
19
+ content?: ReactNode;
20
+ confirmLabel?: ReactNode;
21
+ onConfirm?: () => void;
22
+ classNames?: ModalAlertClassNames;
23
+ };
24
+ //#endregion
25
+ export { ModalAlertProps };
26
+ //# sourceMappingURL=ModalAlert.d.mts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalAlert.d.mts","names":[],"sources":["../../../../../src/components/overlays/modal/features/ModalAlert.tsx"],"mappings":";;;;;;;KAyBY,oBAAA,GAAuB,eAAA;EACjC,MAAA;EACA,aAAA;IACE,MAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,OAAA;EAAA;AAAA;AAAA,KAIQ,eAAA,GAAkB,IAAA,CAAK,gBAAA;EACjC,OAAA,GAAU,SAAA;EACV,YAAA,GAAe,SAAA;EACf,SAAA;EACA,UAAA,GAAa,oBAAA;AAAA"}
@@ -0,0 +1,2 @@
1
+ import{Button as e}from"../../../buttons/button/Button.mjs";import{ModalDialog as t}from"./ModalDialog.mjs";import{modalAlert as n,modalAlertBody as r,modalAlertButtonConfirm as i,modalAlertButtonConfirmInner as a,modalAlertButtonConfirmLabel as o,modalAlertButtonConfirmRoot as s,modalAlertButtonConfirmSection as c,modalAlertClose as l,modalAlertContent as u,modalAlertFooter as d,modalAlertHeader as f,modalAlertInner as p,modalAlertOverlay as m,modalAlertRoot as h,modalAlertTitle as g}from"@mage-ui/styled-system/recipes";import{jsx as _}from"react/jsx-runtime";import{useModal as v}from"@ebay/nice-modal-react";const y=({id:y})=>{let b=v(y),{title:x,content:S,confirmLabel:C=`Close`,onConfirm:w,classNames:T}=b.args;return _(t,{id:y,title:x,body:S,classNames:{modal:T?.modal??n(),root:T?.root??h(),overlay:T?.overlay??m(),inner:T?.inner??p(),content:T?.content??u(),header:T?.header??f(),title:T?.title??g(),close:T?.close??l(),body:T?.body??r(),footer:T?.footer??d()},footer:_(e,{onClick:()=>{w?.(),b.resolve(!0),b.hide()},classNames:{button:T?.confirmButton?.button??i(),root:T?.confirmButton?.root??s(),inner:T?.confirmButton?.inner??a(),label:T?.confirmButton?.label??o(),section:T?.confirmButton?.section??c()},children:C})})};export{y as ModalAlert};
2
+ //# sourceMappingURL=ModalAlert.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalAlert.mjs","names":[],"sources":["../../../../../src/components/overlays/modal/features/ModalAlert.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { useModal } from '@ebay/nice-modal-react';\nimport {\n modalAlert,\n modalAlertBody,\n modalAlertButtonConfirm,\n modalAlertButtonConfirmInner,\n modalAlertButtonConfirmLabel,\n modalAlertButtonConfirmRoot,\n modalAlertButtonConfirmSection,\n modalAlertClose,\n modalAlertContent,\n modalAlertFooter,\n modalAlertHeader,\n modalAlertInner,\n modalAlertOverlay,\n modalAlertRoot,\n modalAlertTitle,\n} from '@mage-ui/styled-system/recipes';\nimport { Button } from '@/components/buttons';\n\nimport type { ModalClassNames } from '../Modal';\nimport { ModalDialog, type ModalDialogProps } from './ModalDialog';\n\nexport type ModalAlertClassNames = ModalClassNames & {\n footer?: string;\n confirmButton?: {\n button?: string;\n root?: string;\n inner?: string;\n label?: string;\n section?: string;\n };\n};\n\nexport type ModalAlertProps = Omit<ModalDialogProps, 'id' | 'footer'> & {\n content?: ReactNode;\n confirmLabel?: ReactNode;\n onConfirm?: () => void;\n classNames?: ModalAlertClassNames;\n};\n\ntype ModalAlertComponentProps = {\n id: string;\n} & Partial<ModalAlertProps>;\n\nexport const ModalAlert = ({ id }: ModalAlertComponentProps) => {\n const modal = useModal(id);\n\n const {\n title,\n content,\n confirmLabel = 'Close',\n onConfirm,\n classNames,\n } = modal.args as Partial<ModalAlertProps>;\n\n const handleConfirm = () => {\n onConfirm?.();\n modal.resolve(true);\n modal.hide();\n };\n\n const modalClassNames = {\n modal: classNames?.modal ?? modalAlert(),\n root: classNames?.root ?? modalAlertRoot(),\n overlay: classNames?.overlay ?? modalAlertOverlay(),\n inner: classNames?.inner ?? modalAlertInner(),\n content: classNames?.content ?? modalAlertContent(),\n header: classNames?.header ?? modalAlertHeader(),\n title: classNames?.title ?? modalAlertTitle(),\n close: classNames?.close ?? modalAlertClose(),\n body: classNames?.body ?? modalAlertBody(),\n footer: classNames?.footer ?? modalAlertFooter(),\n };\n\n const confirmButtonClassNames = {\n button: classNames?.confirmButton?.button ?? modalAlertButtonConfirm(),\n root: classNames?.confirmButton?.root ?? modalAlertButtonConfirmRoot(),\n inner: classNames?.confirmButton?.inner ?? modalAlertButtonConfirmInner(),\n label: classNames?.confirmButton?.label ?? modalAlertButtonConfirmLabel(),\n section:\n classNames?.confirmButton?.section ?? modalAlertButtonConfirmSection(),\n };\n\n return (\n <ModalDialog\n id={id}\n title={title}\n body={content}\n classNames={modalClassNames}\n footer={\n <Button onClick={handleConfirm} classNames={confirmButtonClassNames}>\n {confirmLabel}\n </Button>\n }\n />\n );\n};\n"],"mappings":"ymBA+CA,MAAa,GAAc,CAAE,QAAmC,CAC9D,IAAM,EAAQ,EAAS,EAAG,CAEpB,CACJ,QACA,UACA,eAAe,QACf,YACA,cACE,EAAM,KA8BV,OACE,EAAC,EAAA,CACK,KACG,QACP,KAAM,EACN,WA3BoB,CACtB,MAAO,GAAY,OAAS,GAAY,CACxC,KAAM,GAAY,MAAQ,GAAgB,CAC1C,QAAS,GAAY,SAAW,GAAmB,CACnD,MAAO,GAAY,OAAS,GAAiB,CAC7C,QAAS,GAAY,SAAW,GAAmB,CACnD,OAAQ,GAAY,QAAU,GAAkB,CAChD,MAAO,GAAY,OAAS,GAAiB,CAC7C,MAAO,GAAY,OAAS,GAAiB,CAC7C,KAAM,GAAY,MAAQ,GAAgB,CAC1C,OAAQ,GAAY,QAAU,GAAkB,CACjD,CAiBG,OACE,EAAC,EAAA,CAAO,YAnCc,CAC1B,KAAa,CACb,EAAM,QAAQ,GAAK,CACnB,EAAM,MAAM,EAgCwB,WAhBN,CAC9B,OAAQ,GAAY,eAAe,QAAU,GAAyB,CACtE,KAAM,GAAY,eAAe,MAAQ,GAA6B,CACtE,MAAO,GAAY,eAAe,OAAS,GAA8B,CACzE,MAAO,GAAY,eAAe,OAAS,GAA8B,CACzE,QACE,GAAY,eAAe,SAAW,GAAgC,CACzE,UAUQ,GACM,EAEX"}
@@ -0,0 +1,35 @@
1
+ import { ModalClassNames } from "../modal-types.mjs";
2
+ import "../Modal.mjs";
3
+ import { ModalDialogProps } from "./ModalDialog.mjs";
4
+ import "react/jsx-runtime";
5
+ import { ReactNode } from "react";
6
+
7
+ //#region src/components/overlays/modal/features/ModalConfirm.d.ts
8
+ type ModalConfirmClassNames = ModalClassNames & {
9
+ footer?: string;
10
+ confirmButton?: {
11
+ button?: string;
12
+ root?: string;
13
+ inner?: string;
14
+ label?: string;
15
+ section?: string;
16
+ };
17
+ cancelButton?: {
18
+ button?: string;
19
+ root?: string;
20
+ inner?: string;
21
+ label?: string;
22
+ section?: string;
23
+ };
24
+ };
25
+ type ModalConfirmProps = Omit<ModalDialogProps, 'id' | 'footer'> & {
26
+ content?: ReactNode;
27
+ confirmLabel?: ReactNode;
28
+ cancelLabel?: ReactNode;
29
+ onConfirm?: () => void;
30
+ onCancel?: () => void;
31
+ classNames?: ModalConfirmClassNames;
32
+ };
33
+ //#endregion
34
+ export { ModalConfirmProps };
35
+ //# sourceMappingURL=ModalConfirm.d.mts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalConfirm.d.mts","names":[],"sources":["../../../../../src/components/overlays/modal/features/ModalConfirm.tsx"],"mappings":";;;;;;;KA8BY,sBAAA,GAAyB,eAAA;EACnC,MAAA;EACA,aAAA;IACE,MAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,OAAA;EAAA;EAEF,YAAA;IACE,MAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,OAAA;EAAA;AAAA;AAAA,KAIQ,iBAAA,GAAoB,IAAA,CAAK,gBAAA;EACnC,OAAA,GAAU,SAAA;EACV,YAAA,GAAe,SAAA;EACf,WAAA,GAAc,SAAA;EACd,SAAA;EACA,QAAA;EACA,UAAA,GAAa,sBAAA;AAAA"}
@@ -0,0 +1,2 @@
1
+ import{Button as e}from"../../../buttons/button/Button.mjs";import{ModalDialog as t}from"./ModalDialog.mjs";import{modalConfirm as n,modalConfirmBody as r,modalConfirmButtonCancel as i,modalConfirmButtonCancelInner as a,modalConfirmButtonCancelLabel as o,modalConfirmButtonCancelRoot as s,modalConfirmButtonCancelSection as c,modalConfirmButtonConfirm as l,modalConfirmButtonConfirmInner as u,modalConfirmButtonConfirmLabel as d,modalConfirmButtonConfirmRoot as f,modalConfirmButtonConfirmSection as p,modalConfirmClose as m,modalConfirmContent as h,modalConfirmFooter as g,modalConfirmHeader as _,modalConfirmInner as v,modalConfirmOverlay as y,modalConfirmRoot as b,modalConfirmTitle as x}from"@mage-ui/styled-system/recipes";import{Fragment as S,jsx as C,jsxs as w}from"react/jsx-runtime";import{useModal as T}from"@ebay/nice-modal-react";const E=({id:E})=>{let D=T(E),{title:O,content:k,confirmLabel:A=`Confirm`,cancelLabel:j=`Cancel`,intent:M,onConfirm:N,onCancel:P,classNames:F}=D.args,I={modal:F?.modal??n(),root:F?.root??b(),overlay:F?.overlay??y(),inner:F?.inner??v(),content:F?.content??h(),header:F?.header??_(),title:F?.title??x(),close:F?.close??m(),body:F?.body??r(),footer:F?.footer??g()},L={button:F?.confirmButton?.button??l(),root:F?.confirmButton?.root??f(),inner:F?.confirmButton?.inner??u(),label:F?.confirmButton?.label??d(),section:F?.confirmButton?.section??p()},R={button:F?.cancelButton?.button??i(),root:F?.cancelButton?.root??s(),inner:F?.cancelButton?.inner??a(),label:F?.cancelButton?.label??o(),section:F?.cancelButton?.section??c()},z=()=>{N?.(),D.resolve(!0),D.hide()},B=()=>{P?.(),D.resolve(!1),D.hide()};return C(t,{id:E,title:O,body:k,intent:M,classNames:I,onClose:B,footer:w(S,{children:[C(e,{onClick:B,classNames:R,children:j}),C(e,{onClick:z,classNames:L,children:A})]})})};export{E as ModalConfirm};
2
+ //# sourceMappingURL=ModalConfirm.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalConfirm.mjs","names":[],"sources":["../../../../../src/components/overlays/modal/features/ModalConfirm.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { useModal } from '@ebay/nice-modal-react';\nimport {\n modalConfirm,\n modalConfirmBody,\n modalConfirmButtonCancel,\n modalConfirmButtonCancelInner,\n modalConfirmButtonCancelLabel,\n modalConfirmButtonCancelRoot,\n modalConfirmButtonCancelSection,\n modalConfirmButtonConfirm,\n modalConfirmButtonConfirmInner,\n modalConfirmButtonConfirmLabel,\n modalConfirmButtonConfirmRoot,\n modalConfirmButtonConfirmSection,\n modalConfirmClose,\n modalConfirmContent,\n modalConfirmFooter,\n modalConfirmHeader,\n modalConfirmInner,\n modalConfirmOverlay,\n modalConfirmRoot,\n modalConfirmTitle,\n} from '@mage-ui/styled-system/recipes';\nimport { Button } from '@/components/buttons';\n\nimport type { ModalClassNames } from '../Modal';\nimport { ModalDialog, type ModalDialogProps } from './ModalDialog';\n\nexport type ModalConfirmClassNames = ModalClassNames & {\n footer?: string;\n confirmButton?: {\n button?: string;\n root?: string;\n inner?: string;\n label?: string;\n section?: string;\n };\n cancelButton?: {\n button?: string;\n root?: string;\n inner?: string;\n label?: string;\n section?: string;\n };\n};\n\nexport type ModalConfirmProps = Omit<ModalDialogProps, 'id' | 'footer'> & {\n content?: ReactNode;\n confirmLabel?: ReactNode;\n cancelLabel?: ReactNode;\n onConfirm?: () => void;\n onCancel?: () => void;\n classNames?: ModalConfirmClassNames;\n};\n\ntype ModalConfirmComponentProps = {\n id: string;\n} & Partial<ModalConfirmProps>;\n\nexport const ModalConfirm = ({ id }: ModalConfirmComponentProps) => {\n const modal = useModal(id);\n const {\n title,\n content,\n confirmLabel = 'Confirm',\n cancelLabel = 'Cancel',\n intent,\n onConfirm,\n onCancel,\n classNames,\n } = modal.args as Partial<ModalConfirmProps>;\n\n const modalClassNames = {\n modal: classNames?.modal ?? modalConfirm(),\n root: classNames?.root ?? modalConfirmRoot(),\n overlay: classNames?.overlay ?? modalConfirmOverlay(),\n inner: classNames?.inner ?? modalConfirmInner(),\n content: classNames?.content ?? modalConfirmContent(),\n header: classNames?.header ?? modalConfirmHeader(),\n title: classNames?.title ?? modalConfirmTitle(),\n close: classNames?.close ?? modalConfirmClose(),\n body: classNames?.body ?? modalConfirmBody(),\n footer: classNames?.footer ?? modalConfirmFooter(),\n };\n\n const confirmButtonClassNames = {\n button: classNames?.confirmButton?.button ?? modalConfirmButtonConfirm(),\n root: classNames?.confirmButton?.root ?? modalConfirmButtonConfirmRoot(),\n inner: classNames?.confirmButton?.inner ?? modalConfirmButtonConfirmInner(),\n label: classNames?.confirmButton?.label ?? modalConfirmButtonConfirmLabel(),\n section:\n classNames?.confirmButton?.section ?? modalConfirmButtonConfirmSection(),\n };\n\n const cancelButtonClassNames = {\n button: classNames?.cancelButton?.button ?? modalConfirmButtonCancel(),\n root: classNames?.cancelButton?.root ?? modalConfirmButtonCancelRoot(),\n inner: classNames?.cancelButton?.inner ?? modalConfirmButtonCancelInner(),\n label: classNames?.cancelButton?.label ?? modalConfirmButtonCancelLabel(),\n section:\n classNames?.cancelButton?.section ?? modalConfirmButtonCancelSection(),\n };\n\n const handleConfirm = () => {\n onConfirm?.();\n modal.resolve(true);\n modal.hide();\n };\n\n const handleCancel = () => {\n onCancel?.();\n modal.resolve(false);\n modal.hide();\n };\n\n return (\n <ModalDialog\n id={id}\n title={title}\n body={content}\n intent={intent}\n classNames={modalClassNames}\n onClose={handleCancel}\n footer={\n <>\n <Button onClick={handleCancel} classNames={cancelButtonClassNames}>\n {cancelLabel}\n </Button>\n\n <Button onClick={handleConfirm} classNames={confirmButtonClassNames}>\n {confirmLabel}\n </Button>\n </>\n }\n />\n );\n};\n"],"mappings":"00BA6DA,MAAa,GAAgB,CAAE,QAAqC,CAClE,IAAM,EAAQ,EAAS,EAAG,CACpB,CACJ,QACA,UACA,eAAe,UACf,cAAc,SACd,SACA,YACA,WACA,cACE,EAAM,KAEJ,EAAkB,CACtB,MAAO,GAAY,OAAS,GAAc,CAC1C,KAAM,GAAY,MAAQ,GAAkB,CAC5C,QAAS,GAAY,SAAW,GAAqB,CACrD,MAAO,GAAY,OAAS,GAAmB,CAC/C,QAAS,GAAY,SAAW,GAAqB,CACrD,OAAQ,GAAY,QAAU,GAAoB,CAClD,MAAO,GAAY,OAAS,GAAmB,CAC/C,MAAO,GAAY,OAAS,GAAmB,CAC/C,KAAM,GAAY,MAAQ,GAAkB,CAC5C,OAAQ,GAAY,QAAU,GAAoB,CACnD,CAEK,EAA0B,CAC9B,OAAQ,GAAY,eAAe,QAAU,GAA2B,CACxE,KAAM,GAAY,eAAe,MAAQ,GAA+B,CACxE,MAAO,GAAY,eAAe,OAAS,GAAgC,CAC3E,MAAO,GAAY,eAAe,OAAS,GAAgC,CAC3E,QACE,GAAY,eAAe,SAAW,GAAkC,CAC3E,CAEK,EAAyB,CAC7B,OAAQ,GAAY,cAAc,QAAU,GAA0B,CACtE,KAAM,GAAY,cAAc,MAAQ,GAA8B,CACtE,MAAO,GAAY,cAAc,OAAS,GAA+B,CACzE,MAAO,GAAY,cAAc,OAAS,GAA+B,CACzE,QACE,GAAY,cAAc,SAAW,GAAiC,CACzE,CAEK,MAAsB,CAC1B,KAAa,CACb,EAAM,QAAQ,GAAK,CACnB,EAAM,MAAM,EAGR,MAAqB,CACzB,KAAY,CACZ,EAAM,QAAQ,GAAM,CACpB,EAAM,MAAM,EAGd,OACE,EAAC,EAAA,CACK,KACG,QACP,KAAM,EACE,SACR,WAAY,EACZ,QAAS,EACT,OACE,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CAAO,QAAS,EAAc,WAAY,WACxC,GACM,CAET,EAAC,EAAA,CAAO,QAAS,EAAe,WAAY,WACzC,GACM,CAAA,CAAA,CACR,EAEL"}
@@ -0,0 +1,20 @@
1
+ import { ModalClassNames, ModalIntent } from "../modal-types.mjs";
2
+ import "../Modal.mjs";
3
+ import "react/jsx-runtime";
4
+ import { ReactNode } from "react";
5
+
6
+ //#region src/components/overlays/modal/features/ModalDialog.d.ts
7
+ type ModalDialogProps = {
8
+ id: string;
9
+ title?: ReactNode;
10
+ body?: ReactNode;
11
+ intent?: ModalIntent;
12
+ footer?: ReactNode;
13
+ classNames?: ModalClassNames & {
14
+ footer?: string;
15
+ };
16
+ onClose?: () => void;
17
+ };
18
+ //#endregion
19
+ export { ModalDialogProps };
20
+ //# sourceMappingURL=ModalDialog.d.mts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalDialog.d.mts","names":[],"sources":["../../../../../src/components/overlays/modal/features/ModalDialog.tsx"],"mappings":";;;;;;KAIY,gBAAA;EACV,EAAA;EACA,KAAA,GAAQ,SAAA;EACR,IAAA,GAAO,SAAA;EACP,MAAA,GAAS,WAAA;EACT,MAAA,GAAS,SAAA;EACT,UAAA,GAAa,eAAA;IAAoB,MAAA;EAAA;EACjC,OAAA;AAAA"}
@@ -0,0 +1,2 @@
1
+ import{Modal as e}from"../Modal.mjs";import{jsx as t,jsxs as n}from"react/jsx-runtime";const r=({title:r,body:i,footer:a,classNames:o,...s})=>n(e,{classNames:o,...s,children:[t(e.Overlay,{}),n(e.Content,{children:[n(e.Header,{children:[t(e.Title,{children:r}),t(e.CloseButton,{})]}),t(e.Body,{children:i}),t(e.Footer,{className:o?.footer,children:a})]})]});export{r as ModalDialog};
2
+ //# sourceMappingURL=ModalDialog.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ModalDialog.mjs","names":[],"sources":["../../../../../src/components/overlays/modal/features/ModalDialog.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Modal, type ModalClassNames, type ModalIntent } from '../Modal';\n\nexport type ModalDialogProps = {\n id: string;\n title?: ReactNode;\n body?: ReactNode;\n intent?: ModalIntent;\n footer?: ReactNode;\n classNames?: ModalClassNames & { footer?: string };\n onClose?: () => void;\n};\n\nexport const ModalDialog = ({\n title,\n body,\n footer,\n classNames,\n ...props\n}: ModalDialogProps) => {\n return (\n <Modal classNames={classNames} {...props}>\n <Modal.Overlay />\n <Modal.Content>\n <Modal.Header>\n <Modal.Title>{title}</Modal.Title>\n <Modal.CloseButton />\n </Modal.Header>\n\n <Modal.Body>{body}</Modal.Body>\n\n <Modal.Footer className={classNames?.footer}>{footer}</Modal.Footer>\n </Modal.Content>\n </Modal>\n );\n};\n"],"mappings":"uFAcA,MAAa,GAAe,CAC1B,QACA,OACA,SACA,aACA,GAAG,KAGD,EAAC,EAAA,CAAkB,aAAY,GAAI,YACjC,EAAC,EAAM,QAAA,EAAA,CAAU,CACjB,EAAC,EAAM,QAAA,CAAA,SAAA,CACL,EAAC,EAAM,OAAA,CAAA,SAAA,CACL,EAAC,EAAM,MAAA,CAAA,SAAO,EAAA,CAAoB,CAClC,EAAC,EAAM,YAAA,EAAA,CAAc,CAAA,CAAA,CACR,CAEf,EAAC,EAAM,KAAA,CAAA,SAAM,EAAA,CAAkB,CAE/B,EAAC,EAAM,OAAA,CAAO,UAAW,GAAY,gBAAS,GAAsB,GACtD,CAAA,EACV"}
@@ -0,0 +1,23 @@
1
+ import { ModalClassNames, ModalIntent, ModalProps, ModalRootProps } from "./modal-types.mjs";
2
+ import { ModalRegistry, ModalRegistryEntry } from "./modal-registry.mjs";
3
+ import { Modal } from "./Modal.mjs";
4
+ import { ModalAlertProps } from "./features/ModalAlert.mjs";
5
+ import { ModalConfirmProps } from "./features/ModalConfirm.mjs";
6
+ import * as react_jsx_runtime0 from "react/jsx-runtime";
7
+
8
+ //#region src/components/overlays/modal/index.d.ts
9
+ declare const Modals: {
10
+ readonly Alert: ({
11
+ id
12
+ }: {
13
+ id: string;
14
+ } & Partial<ModalAlertProps>) => react_jsx_runtime0.JSX.Element;
15
+ readonly Confirm: ({
16
+ id
17
+ }: {
18
+ id: string;
19
+ } & Partial<ModalConfirmProps>) => react_jsx_runtime0.JSX.Element;
20
+ };
21
+ //#endregion
22
+ export { Modals };
23
+ //# sourceMappingURL=index.d.mts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/overlays/modal/index.ts"],"mappings":";;;;;;;;cAKa,MAAA;EAAA"}
@@ -0,0 +1,2 @@
1
+ import{Modal as e}from"./Modal.mjs";import{ModalAlert as t}from"./features/ModalAlert.mjs";import{ModalConfirm as n}from"./features/ModalConfirm.mjs";const r={Alert:t,Confirm:n};export{r as Modals};
2
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/overlays/modal/index.ts"],"sourcesContent":["import { ModalAlert } from './features/ModalAlert';\nimport { ModalConfirm } from './features/ModalConfirm';\n\nexport * from './Modal';\n\nexport const Modals = {\n Alert: ModalAlert,\n Confirm: ModalConfirm,\n} as const;\n"],"mappings":"sJAKA,MAAa,EAAS,CACpB,MAAO,EACP,QAAS,EACV"}
@@ -0,0 +1,2 @@
1
+ import{ModalBody as e,ModalCloseButton as t,ModalContent as n,ModalHeader as r,ModalOverlay as i,ModalRoot as a,ModalTitle as o}from"./modal-primitives.mjs";import{jsx as s,jsxs as c}from"react/jsx-runtime";import l,{useEffect as u,useState as d}from"react";import f,{unregister as p,useModal as m}from"@ebay/nice-modal-react";const h=[`Modal.Header`,`Modal.Body`,`Modal.Content`,`Modal.Overlay`,`Modal.Title`,`Modal.CloseButton`,`Modal.Footer`],g=({opened:u,onClose:d,centered:f,closeOnClickOutside:p,closeOnEscape:m,withinPortal:g,keepMounted:_,intent:v,classNames:y,title:b,withCloseButton:x=!0,children:S})=>{let C=l.Children.toArray(S).some(e=>{if(!l.isValidElement(e))return!1;let t=e.type;return t.displayName&&h.includes(t.displayName)}),w={opened:u,onClose:d,centered:f,closeOnClickOutside:p,closeOnEscape:m,withinPortal:g,keepMounted:_,intent:v,classNames:y};if(C)return s(a,{...w,children:S});let T=!!b||x;return c(a,{...w,children:[s(i,{}),c(n,{children:[T&&c(r,{children:[b&&s(o,{children:b}),x&&s(t,{})]}),s(e,{children:S})]})]})},_=f.create(({onClose:e,children:t,...n})=>{let r=m(),[i,a]=d(!1);return u(()=>{if(r.visible){let e=requestAnimationFrame(()=>{a(!0)});return()=>cancelAnimationFrame(e)}a(!1)},[r.visible]),s(g,{opened:i,onClose:()=>{e?.(),r.hide()},...n,children:t})}),v=({id:e,...t})=>(p(e),f.register(e,()=>s(_,{id:e,...t})),s(_,{id:e,...t}));export{v as ModalInner};
2
+ //# sourceMappingURL=modal-core.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"modal-core.mjs","names":[],"sources":["../../../../src/components/overlays/modal/modal-core.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport NiceModal, { unregister, useModal } from '@ebay/nice-modal-react';\n\nimport {\n ModalBody,\n ModalCloseButton,\n ModalContent,\n ModalHeader,\n ModalOverlay,\n ModalRoot,\n ModalTitle,\n} from './modal-primitives';\nimport type { ModalCoreProps, ModalProps } from './modal-types';\n\nconst SLOT_DISPLAY_NAMES = [\n 'Modal.Header',\n 'Modal.Body',\n 'Modal.Content',\n 'Modal.Overlay',\n 'Modal.Title',\n 'Modal.CloseButton',\n 'Modal.Footer',\n] as const;\n\nexport const ModalCore = ({\n opened,\n onClose,\n centered,\n closeOnClickOutside,\n closeOnEscape,\n withinPortal,\n keepMounted,\n intent,\n classNames,\n title,\n withCloseButton = true,\n children,\n}: ModalCoreProps) => {\n const hasSlots = React.Children.toArray(children).some((child) => {\n if (!React.isValidElement(child)) return false;\n const childType = child.type as { displayName?: string };\n return (\n childType.displayName &&\n SLOT_DISPLAY_NAMES.includes(\n childType.displayName as (typeof SLOT_DISPLAY_NAMES)[number],\n )\n );\n });\n\n const props = {\n opened,\n onClose,\n centered,\n closeOnClickOutside,\n closeOnEscape,\n withinPortal,\n keepMounted,\n intent,\n classNames,\n };\n\n if (hasSlots) {\n return <ModalRoot {...props}>{children}</ModalRoot>;\n }\n\n const hasHeader = !!title || withCloseButton;\n\n return (\n <ModalRoot {...props}>\n <ModalOverlay />\n <ModalContent>\n {hasHeader && (\n <ModalHeader>\n {title && <ModalTitle>{title}</ModalTitle>}\n {withCloseButton && <ModalCloseButton />}\n </ModalHeader>\n )}\n <ModalBody>{children}</ModalBody>\n </ModalContent>\n </ModalRoot>\n );\n};\n\nconst ModalInnerComponent = NiceModal.create<ModalProps>(\n ({ onClose, children, ...props }: ModalProps) => {\n const modal = useModal();\n const [isOpen, setIsOpen] = useState(false);\n\n useEffect(() => {\n if (modal.visible) {\n const raf = requestAnimationFrame(() => {\n setIsOpen(true);\n });\n return () => cancelAnimationFrame(raf);\n }\n\n setIsOpen(false);\n }, [modal.visible]);\n\n return (\n <ModalCore\n opened={isOpen}\n onClose={() => {\n onClose?.();\n modal.hide();\n }}\n {...props}\n >\n {children}\n </ModalCore>\n );\n },\n);\n\nexport const ModalInner = ({ id, ...props }: ModalProps) => {\n unregister(id);\n NiceModal.register(id, () => <ModalInnerComponent id={id} {...props} />);\n return <ModalInnerComponent id={id} {...props} />;\n};\n"],"mappings":"uUAeA,MAAM,EAAqB,CACzB,eACA,aACA,gBACA,gBACA,cACA,oBACA,eACD,CAEY,GAAa,CACxB,SACA,UACA,WACA,sBACA,gBACA,eACA,cACA,SACA,aACA,QACA,kBAAkB,GAClB,cACoB,CACpB,IAAM,EAAW,EAAM,SAAS,QAAQ,EAAS,CAAC,KAAM,GAAU,CAChE,GAAI,CAAC,EAAM,eAAe,EAAM,CAAE,MAAO,GACzC,IAAM,EAAY,EAAM,KACxB,OACE,EAAU,aACV,EAAmB,SACjB,EAAU,YACX,EAEH,CAEI,EAAQ,CACZ,SACA,UACA,WACA,sBACA,gBACA,eACA,cACA,SACA,aACD,CAED,GAAI,EACF,OAAO,EAAC,EAAA,CAAU,GAAI,EAAQ,YAAqB,CAGrD,IAAM,EAAY,CAAC,CAAC,GAAS,EAE7B,OACE,EAAC,EAAA,CAAU,GAAI,YACb,EAAC,EAAA,EAAA,CAAe,CAChB,EAAC,EAAA,CAAA,SAAA,CACE,GACC,EAAC,EAAA,CAAA,SAAA,CACE,GAAS,EAAC,EAAA,CAAA,SAAY,EAAA,CAAmB,CACzC,GAAmB,EAAC,EAAA,EAAA,CAAmB,CAAA,CAAA,CAC5B,CAEhB,EAAC,EAAA,CAAW,WAAA,CAAqB,CAAA,CAAA,CACpB,CAAA,EACL,EAIV,EAAsB,EAAU,QACnC,CAAE,UAAS,WAAU,GAAG,KAAwB,CAC/C,IAAM,EAAQ,GAAU,CAClB,CAAC,EAAQ,GAAa,EAAS,GAAM,CAa3C,OAXA,MAAgB,CACd,GAAI,EAAM,QAAS,CACjB,IAAM,EAAM,0BAA4B,CACtC,EAAU,GAAK,EACf,CACF,UAAa,qBAAqB,EAAI,CAGxC,EAAU,GAAM,EACf,CAAC,EAAM,QAAQ,CAAC,CAGjB,EAAC,EAAA,CACC,OAAQ,EACR,YAAe,CACb,KAAW,CACX,EAAM,MAAM,EAEd,GAAI,EAEH,YACS,EAGjB,CAEY,GAAc,CAAE,KAAI,GAAG,MAClC,EAAW,EAAG,CACd,EAAU,SAAS,MAAU,EAAC,EAAA,CAAwB,KAAI,GAAI,GAAS,CAAC,CACjE,EAAC,EAAA,CAAwB,KAAI,GAAI,GAAS"}
@@ -0,0 +1,2 @@
1
+ import{cx as e}from"@mage-ui/styled-system/css";import{modal as t,modalBody as n,modalClose as r,modalContent as i,modalFooter as a,modalHeader as o,modalInner as s,modalOverlay as c,modalRoot as l,modalTitle as u}from"@mage-ui/styled-system/recipes";import{Modal as d}from"@mantine/core";import{jsx as f}from"react/jsx-runtime";const p=({children:a,intent:p,classNames:m,...h})=>f(d.Root,{"data-intent":p,classNames:{root:e(m?.modal??t(),m?.root??l()),inner:m?.inner??s(),overlay:m?.overlay??c(),content:m?.content??i(),header:m?.header??o(),title:m?.title??u(),close:m?.close??r(),body:m?.body??n()},...h,children:a}),m=()=>f(d.Overlay,{}),h=({children:e})=>f(d.Content,{children:e}),g=({children:e})=>f(d.Header,{children:e}),_=({children:e})=>f(d.Body,{children:e}),v=({children:e})=>f(d.Title,{children:e}),y=()=>f(d.CloseButton,{}),b=({children:e,className:t,...n})=>f(`div`,{className:t??a(),...n,children:e});m.displayName=`Modal.Overlay`,h.displayName=`Modal.Content`,g.displayName=`Modal.Header`,_.displayName=`Modal.Body`,v.displayName=`Modal.Title`,y.displayName=`Modal.CloseButton`,b.displayName=`Modal.Footer`;export{_ as ModalBody,y as ModalCloseButton,h as ModalContent,b as ModalFooter,g as ModalHeader,m as ModalOverlay,p as ModalRoot,v as ModalTitle};
2
+ //# sourceMappingURL=modal-primitives.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"modal-primitives.mjs","names":["MantineModal","modalRecipe"],"sources":["../../../../src/components/overlays/modal/modal-primitives.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n modalBody,\n modalClose,\n modalContent,\n modalFooter,\n modalHeader,\n modalInner,\n modalOverlay,\n modal as modalRecipe,\n modalRoot,\n modalTitle,\n} from '@mage-ui/styled-system/recipes';\nimport { Modal as MantineModal } from '@mantine/core';\n\nimport type { ModalRootProps } from './modal-types';\n\nexport const ModalRoot = ({\n children,\n intent,\n classNames,\n ...props\n}: ModalRootProps) => {\n return (\n <MantineModal.Root\n data-intent={intent}\n classNames={{\n root: cx(\n classNames?.modal ?? modalRecipe(),\n classNames?.root ?? modalRoot(),\n ),\n inner: classNames?.inner ?? modalInner(),\n overlay: classNames?.overlay ?? modalOverlay(),\n content: classNames?.content ?? modalContent(),\n header: classNames?.header ?? modalHeader(),\n title: classNames?.title ?? modalTitle(),\n close: classNames?.close ?? modalClose(),\n body: classNames?.body ?? modalBody(),\n }}\n {...props}\n >\n {children}\n </MantineModal.Root>\n );\n};\n\nexport const ModalOverlay = () => <MantineModal.Overlay />;\n\nexport const ModalContent = ({ children }: { children: ReactNode }) => (\n <MantineModal.Content>{children}</MantineModal.Content>\n);\n\nexport const ModalHeader = ({ children }: { children: ReactNode }) => (\n <MantineModal.Header>{children}</MantineModal.Header>\n);\n\nexport const ModalBody = ({ children }: { children: ReactNode }) => (\n <MantineModal.Body>{children}</MantineModal.Body>\n);\n\nexport const ModalTitle = ({ children }: { children: ReactNode }) => (\n <MantineModal.Title>{children}</MantineModal.Title>\n);\n\nexport const ModalCloseButton = () => <MantineModal.CloseButton />;\n\nexport const ModalFooter = ({\n children,\n className,\n ...props\n}: HTMLAttributes<HTMLDivElement>) => {\n return (\n <div className={className ?? modalFooter()} {...props}>\n {children}\n </div>\n );\n};\n\nModalOverlay.displayName = 'Modal.Overlay';\nModalContent.displayName = 'Modal.Content';\nModalHeader.displayName = 'Modal.Header';\nModalBody.displayName = 'Modal.Body';\nModalTitle.displayName = 'Modal.Title';\nModalCloseButton.displayName = 'Modal.CloseButton';\nModalFooter.displayName = 'Modal.Footer';\n"],"mappings":"yUAmBA,MAAa,GAAa,CACxB,WACA,SACA,aACA,GAAG,KAGD,EAACA,EAAa,KAAA,CACZ,cAAa,EACb,WAAY,CACV,KAAM,EACJ,GAAY,OAASC,GAAa,CAClC,GAAY,MAAQ,GAAW,CAChC,CACD,MAAO,GAAY,OAAS,GAAY,CACxC,QAAS,GAAY,SAAW,GAAc,CAC9C,QAAS,GAAY,SAAW,GAAc,CAC9C,OAAQ,GAAY,QAAU,GAAa,CAC3C,MAAO,GAAY,OAAS,GAAY,CACxC,MAAO,GAAY,OAAS,GAAY,CACxC,KAAM,GAAY,MAAQ,GAAW,CACtC,CACD,GAAI,EAEH,YACiB,CAIX,MAAqB,EAACD,EAAa,QAAA,EAAA,CAAU,CAE7C,GAAgB,CAAE,cAC7B,EAACA,EAAa,QAAA,CAAS,WAAA,CAAgC,CAG5C,GAAe,CAAE,cAC5B,EAACA,EAAa,OAAA,CAAQ,WAAA,CAA+B,CAG1C,GAAa,CAAE,cAC1B,EAACA,EAAa,KAAA,CAAM,WAAA,CAA6B,CAGtC,GAAc,CAAE,cAC3B,EAACA,EAAa,MAAA,CAAO,WAAA,CAA8B,CAGxC,MAAyB,EAACA,EAAa,YAAA,EAAA,CAAc,CAErD,GAAe,CAC1B,WACA,YACA,GAAG,KAGD,EAAC,MAAA,CAAI,UAAW,GAAa,GAAa,CAAE,GAAI,EAC7C,YACG,CAIV,EAAa,YAAc,gBAC3B,EAAa,YAAc,gBAC3B,EAAY,YAAc,eAC1B,EAAU,YAAc,aACxB,EAAW,YAAc,cACzB,EAAiB,YAAc,oBAC/B,EAAY,YAAc"}
@@ -0,0 +1,12 @@
1
+ import { ModalProps } from "./modal-types.mjs";
2
+ import { ComponentType, ReactElement, ReactNode } from "react";
3
+
4
+ //#region src/components/overlays/modal/modal-registry.d.ts
5
+ type ModalRegistryEntry = ModalProps | ComponentType<{
6
+ id: string;
7
+ } & Record<string, unknown>> | ReactElement;
8
+ type ModalRegistry = Record<string, ModalRegistryEntry>;
9
+ declare function registerModal<T extends ModalRegistryEntry>(id: string, entry: T): T;
10
+ //#endregion
11
+ export { ModalRegistry, ModalRegistryEntry, registerModal };
12
+ //# sourceMappingURL=modal-registry.d.mts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"modal-registry.d.mts","names":[],"sources":["../../../../src/components/overlays/modal/modal-registry.tsx"],"mappings":";;;;KAYY,kBAAA,GACR,UAAA,GACA,aAAA;EAAgB,EAAA;AAAA,IAAe,MAAA,qBAC/B,YAAA;AAAA,KAEQ,aAAA,GAAgB,MAAA,SAAe,kBAAA;AAAA,iBAE3B,aAAA,WAAwB,kBAAA,CAAA,CACtC,EAAA,UACA,KAAA,EAAO,CAAA,GACN,CAAA"}
@@ -0,0 +1,2 @@
1
+ import{ModalInner as e}from"./modal-core.mjs";import{jsx as t}from"react/jsx-runtime";import{isValidElement as n}from"react";import r,{unregister as i,useModal as a}from"@ebay/nice-modal-react";function o(o,s){i(o);let c=typeof s==`function`?({id:e,...n})=>{let r=a(e).args??{};return t(s,{id:e,...n,...r})}:()=>n(s)?s:t(e,{...s});return r.register(o,c),s}const s=({children:e,modals:n})=>(n&&Object.entries(n).forEach(([e,t])=>{o(e,t)}),t(r.Provider,{children:e}));export{s as ModalProvider,o as registerModal};
2
+ //# sourceMappingURL=modal-registry.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"modal-registry.mjs","names":[],"sources":["../../../../src/components/overlays/modal/modal-registry.tsx"],"sourcesContent":["import {\n type ComponentType,\n isValidElement,\n type ReactElement,\n type ReactNode,\n} from 'react';\n\nimport NiceModal, { unregister, useModal } from '@ebay/nice-modal-react';\n\nimport { ModalInner } from './modal-core';\nimport type { ModalProps } from './modal-types';\n\nexport type ModalRegistryEntry =\n | ModalProps\n | ComponentType<{ id: string } & Record<string, unknown>>\n | ReactElement;\n\nexport type ModalRegistry = Record<string, ModalRegistryEntry>;\n\nexport function registerModal<T extends ModalRegistryEntry>(\n id: string,\n entry: T,\n): T {\n unregister(id);\n\n const modalComponent: ComponentType<\n { id: string } & Record<string, unknown>\n > =\n typeof entry === 'function'\n ? ({ id, ...props }: { id: string } & Record<string, unknown>) => {\n const modal = useModal(id);\n const args = (modal.args ?? {}) as Record<string, unknown>;\n const Component = entry as ComponentType<Record<string, unknown>>;\n return <Component id={id} {...props} {...args} />;\n }\n : () => (isValidElement(entry) ? entry : <ModalInner {...entry} />);\n\n NiceModal.register(id, modalComponent);\n return entry;\n}\n\nexport const ModalProvider: ComponentType<{\n children: ReactNode;\n modals?: ModalRegistry;\n}> = ({ children, modals }) => {\n if (modals) {\n Object.entries(modals).forEach(([id, modal]) => {\n registerModal(id, modal);\n });\n }\n\n return <NiceModal.Provider>{children}</NiceModal.Provider>;\n};\n"],"mappings":"kMAmBA,SAAgB,EACd,EACA,EACG,CACH,EAAW,EAAG,CAEd,IAAM,EAGJ,OAAO,GAAU,YACZ,CAAE,KAAI,GAAG,KAAsD,CAE9D,IAAM,EADQ,EAAS,EAAG,CACN,MAAQ,EAAE,CAE9B,OAAO,EADW,EAAA,CACI,KAAI,GAAI,EAAO,GAAI,GAAQ,MAE5C,EAAe,EAAM,CAAG,EAAQ,EAAC,EAAA,CAAW,GAAI,EAAA,CAAS,CAGtE,OADA,EAAU,SAAS,EAAI,EAAe,CAC/B,EAGT,MAAa,GAGP,CAAE,WAAU,aACZ,GACF,OAAO,QAAQ,EAAO,CAAC,SAAS,CAAC,EAAI,KAAW,CAC9C,EAAc,EAAI,EAAM,EACxB,CAGG,EAAC,EAAU,SAAA,CAAU,WAAA,CAA8B"}
@@ -0,0 +1,40 @@
1
+ import { ReactNode } from "react";
2
+
3
+ //#region src/components/overlays/modal/modal-types.d.ts
4
+ type ModalIntent = 'default' | 'success' | 'warning' | 'danger' | 'info';
5
+ type ModalClassNames = {
6
+ modal?: string;
7
+ root?: string;
8
+ overlay?: string;
9
+ inner?: string;
10
+ content?: string;
11
+ header?: string;
12
+ title?: string;
13
+ body?: string;
14
+ close?: string;
15
+ footer?: string;
16
+ };
17
+ type ModalBaseProps = {
18
+ centered?: boolean;
19
+ closeOnClickOutside?: boolean;
20
+ closeOnEscape?: boolean;
21
+ withinPortal?: boolean;
22
+ keepMounted?: boolean;
23
+ intent?: ModalIntent;
24
+ classNames?: ModalClassNames;
25
+ children: ReactNode;
26
+ };
27
+ type ModalRootProps = ModalBaseProps & {
28
+ opened: boolean;
29
+ onClose: () => void;
30
+ };
31
+ type ModalProps = ModalBaseProps & {
32
+ id: string;
33
+ title?: ReactNode;
34
+ withCloseButton?: boolean;
35
+ footer?: ReactNode;
36
+ onClose?: () => void;
37
+ };
38
+ //#endregion
39
+ export { ModalClassNames, ModalIntent, ModalProps, ModalRootProps };
40
+ //# sourceMappingURL=modal-types.d.mts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"modal-types.d.mts","names":[],"sources":["../../../../src/components/overlays/modal/modal-types.ts"],"mappings":";;;KAEY,WAAA;AAAA,KAEA,eAAA;EACV,KAAA;EACA,IAAA;EACA,OAAA;EACA,KAAA;EACA,OAAA;EACA,MAAA;EACA,KAAA;EACA,IAAA;EACA,KAAA;EACA,MAAA;AAAA;AAAA,KAGU,cAAA;EACV,QAAA;EACA,mBAAA;EACA,aAAA;EACA,YAAA;EACA,WAAA;EACA,MAAA,GAAS,WAAA;EACT,UAAA,GAAa,eAAA;EACb,QAAA,EAAU,SAAA;AAAA;AAAA,KAGA,cAAA,GAAiB,cAAA;EAC3B,MAAA;EACA,OAAA;AAAA;AAAA,KAGU,UAAA,GAAa,cAAA;EACvB,EAAA;EACA,KAAA,GAAQ,SAAA;EACR,eAAA;EACA,MAAA,GAAS,SAAA;EACT,OAAA;AAAA"}
package/dist/index.d.mts CHANGED
@@ -55,20 +55,13 @@ import { ScrollAreaAutosize, ScrollAreaAutosizeProps } from "./components/misc/s
55
55
  import { VisuallyHidden, VisuallyHiddenProps } from "./components/misc/visually-hidden/VisuallyHidden.mjs";
56
56
  import { Breadcrumbs, BreadcrumbsProps } from "./components/navigations/breadcrumbs/Breadcrumbs.mjs";
57
57
  import { Sidebar, SidebarClassNames, SidebarProps } from "./components/navigations/sidebars/sidebar/Sidebar.mjs";
58
- import { Modal, ModalProps, ModalRootProps } from "./components/overlays/modal/Modal.mjs";
59
- import { ModalAlert, ModalAlertClassNames, ModalAlertPublicProps } from "./components/overlays/modals/alert/ModalAlert.mjs";
60
- import { alert } from "./components/overlays/modals/alert/alert.mjs";
61
- import { alertById } from "./components/overlays/modals/alert/alertById.mjs";
62
- import { ModalConfirm, ModalConfirmClassNames, ModalConfirmPublicProps } from "./components/overlays/modals/confirm/ModalConfirm.mjs";
63
- import { confirm } from "./components/overlays/modals/confirm/confirm.mjs";
64
- import { confirmById } from "./components/overlays/modals/confirm/confirmById.mjs";
65
- import { ModalsProvider, ModalsProviderProps } from "./components/overlays/modals/ModalsProvider.mjs";
66
- import { ModalComponent, ModalInternalProps, createModal } from "./components/overlays/modals/registry/createModal.mjs";
67
- import { openModalById } from "./components/overlays/modals/registry/openModalById.mjs";
68
- import { registerModal } from "./components/overlays/modals/registry/registerModal.mjs";
58
+ import { ModalClassNames, ModalIntent, ModalProps, ModalRootProps } from "./components/overlays/modal/modal-types.mjs";
59
+ import { ModalRegistry, ModalRegistryEntry } from "./components/overlays/modal/modal-registry.mjs";
60
+ import { Modal } from "./components/overlays/modal/Modal.mjs";
61
+ import { Modals } from "./components/overlays/modal/index.mjs";
69
62
  import { Toast, ToastOptions, ToastProviderProps } from "./components/overlays/toast/toast.mjs";
70
63
  import { Tooltip, TooltipProps } from "./components/overlays/tooltip/Tooltip.mjs";
71
64
  import "./components/index.mjs";
72
65
  import { MageUiProvider, MageUiProviderProps } from "./providers/MageUiProvider.mjs";
73
66
  import "./providers/index.mjs";
74
- export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, Card, CardProps, Checkbox, CheckboxProps, Chevron, ChevronProps, ClearButton, ClearButtonProps, Combobox, ComboboxProps, DateLocalizer, DatePicker, DatePickerProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, Form, FormProps, Grid, GridClassNames, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalAlert, ModalAlertClassNames, ModalAlertPublicProps, ModalComponent, ModalConfirm, ModalConfirmClassNames, ModalConfirmPublicProps, ModalInternalProps, ModalProps, ModalRootProps, ModalsProvider, ModalsProviderProps, MultiSelect, MultiSelectProps, MultiSelectTags, MultiSelectTagsProps, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, OptionProps, PASSWORD_RULES, PasswordInput, PasswordInputProps, PasswordInputStrength, PasswordInputStrengthProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Toast, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, VisuallyHidden, VisuallyHiddenProps, alert, alertById, confirm, confirmById, createModal, momentLocalizer, openModalById, registerModal, usePasswordRules, z };
67
+ export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, Card, CardProps, Checkbox, CheckboxProps, Chevron, ChevronProps, ClearButton, ClearButtonProps, Combobox, ComboboxProps, DateLocalizer, DatePicker, DatePickerProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, Form, FormProps, Grid, GridClassNames, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalClassNames, ModalIntent, ModalProps, ModalRegistry, ModalRegistryEntry, ModalRootProps, Modals, MultiSelect, MultiSelectProps, MultiSelectTags, MultiSelectTagsProps, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, OptionProps, PASSWORD_RULES, PasswordInput, PasswordInputProps, PasswordInputStrength, PasswordInputStrengthProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Toast, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, VisuallyHidden, VisuallyHiddenProps, momentLocalizer, usePasswordRules, z };
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Calendar as s,momentLocalizer as c}from"./components/data-display/calendar/Calendar.mjs";import{IconRaw as l}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as u}from"./components/data-display/icons/icon/Icon.mjs";import{IconSvg as d}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{IconWrapped as f}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Indicator as p}from"./components/data-display/indicator/Indicator.mjs";import{LoaderDot as m}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as h}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as g}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as _}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as v}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as y}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as b}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as x}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as S}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as C}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{HorizontalDivider as w}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollArea as T}from"./components/misc/scroll-area/ScrollArea.mjs";import{ScrollAreaAutosize as E}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{ButtonIcon as D}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as O}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as k}from"./components/buttons/button-visual/ButtonVisual.mjs";import{Menu as A}from"./components/navigations/menu/Menu.mjs";import{TextInput as j}from"./components/controls/text-input/TextInput.mjs";import{Chevron as M}from"./components/controls/utils/chevron/Chevron.mjs";import{ClearButton as N}from"./components/controls/utils/clear-button/ClearButton.mjs";import{Combobox as P}from"./components/controls/combobox/Combobox.mjs";import{Autocomplete as F}from"./components/controls/autocomplete/Autocomplete.mjs";import{Checkbox as I}from"./components/controls/checkbox/Checkbox.mjs";import{DatePicker as L}from"./components/controls/date-picker/DatePicker.mjs";import{Dropzone as R}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as z}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as B}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as V}from"./components/controls/file-input/FileInputMultiple.mjs";import{MultiSelect as H}from"./components/controls/multi-select/MultiSelect.mjs";import{MultiSelectTags as U}from"./components/controls/multi-select/MultiSelectTags.mjs";import{PasswordInput as W}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as G}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as K}from"./components/controls/password-input/usePasswordRules.mjs";import{PasswordInputStrength as q}from"./components/controls/password-input-strength/oldPasswordInputStrength.mjs";import{Radio as J}from"./components/controls/radio/Radio.mjs";import{Select as Y}from"./components/controls/select/Select.mjs";import{Textarea as X}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as Z}from"./components/forms/rules/password-rules.mjs";import{z as Q}from"./components/forms/rules/zod.mjs";import{Form as $}from"./components/forms/Form.mjs";import{Card as ee}from"./components/layouts/card/Card.mjs";import{Grid as te}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as ne}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Modal as re}from"./components/overlays/modal/Modal.mjs";import{createModal as ie}from"./components/overlays/modals/registry/createModal.mjs";import{ModalAlert as ae}from"./components/overlays/modals/alert/ModalAlert.mjs";import{alert as oe}from"./components/overlays/modals/alert/alert.mjs";import{openModalById as se}from"./components/overlays/modals/registry/openModalById.mjs";import{alertById as ce}from"./components/overlays/modals/alert/alertById.mjs";import{ModalConfirm as le}from"./components/overlays/modals/confirm/ModalConfirm.mjs";import{confirm as ue}from"./components/overlays/modals/confirm/confirm.mjs";import{confirmById as de}from"./components/overlays/modals/confirm/confirmById.mjs";import{ModalsProvider as fe}from"./components/overlays/modals/ModalsProvider.mjs";import{registerModal as pe}from"./components/overlays/modals/registry/registerModal.mjs";import{Toast as me}from"./components/overlays/toast/toast.mjs";import{Tooltip as he}from"./components/overlays/tooltip/Tooltip.mjs";import{Sidebar as ge}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as _e}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,F as Autocomplete,a as Avatar,o as Badge,ne as Breadcrumbs,e as Button,n as ButtonAction,D as ButtonIcon,O as ButtonIconVisual,r as ButtonLoader,k as ButtonVisual,s as Calendar,ee as Card,I as Checkbox,M as Chevron,N as ClearButton,P as Combobox,L as DatePicker,R as Dropzone,z as DropzoneFiles,B as FileInput,V as FileInputMultiple,$ as Form,te as Grid,w as HorizontalDivider,u as Icon,l as IconRaw,d as IconSvg,f as IconWrapped,p as Indicator,m as LoaderDot,h as LoaderOval,g as LogoImage,_ as LogoSvg,_e as MageUiProvider,A as Menu,re as Modal,ae as ModalAlert,le as ModalConfirm,fe as ModalsProvider,H as MultiSelect,U as MultiSelectTags,v as NotificationBanner,Z as PASSWORD_RULES,W as PasswordInput,q as PasswordInputStrength,G as PasswordStrengthInput,J as Radio,y as RemovableItem,T as ScrollArea,E as ScrollAreaAutosize,Y as Select,ge as Sidebar,x as Tag,b as TagGroup,j as TextInput,X as Textarea,me as Toast,he as Tooltip,S as UploadedFile,C as UploadedFileDetails,t as VisuallyHidden,oe as alert,ce as alertById,ue as confirm,de as confirmById,ie as createModal,c as momentLocalizer,se as openModalById,pe as registerModal,K as usePasswordRules,Q as z};
1
+ import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Calendar as s,momentLocalizer as c}from"./components/data-display/calendar/Calendar.mjs";import{IconRaw as l}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as u}from"./components/data-display/icons/icon/Icon.mjs";import{IconSvg as d}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{IconWrapped as f}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Indicator as p}from"./components/data-display/indicator/Indicator.mjs";import{LoaderDot as m}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as h}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as g}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as _}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as v}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as y}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as b}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as x}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as S}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as C}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{HorizontalDivider as w}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollArea as T}from"./components/misc/scroll-area/ScrollArea.mjs";import{ScrollAreaAutosize as E}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{ButtonIcon as D}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as O}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as k}from"./components/buttons/button-visual/ButtonVisual.mjs";import{Menu as A}from"./components/navigations/menu/Menu.mjs";import{TextInput as j}from"./components/controls/text-input/TextInput.mjs";import{Chevron as M}from"./components/controls/utils/chevron/Chevron.mjs";import{ClearButton as N}from"./components/controls/utils/clear-button/ClearButton.mjs";import{Combobox as P}from"./components/controls/combobox/Combobox.mjs";import{Autocomplete as F}from"./components/controls/autocomplete/Autocomplete.mjs";import{Checkbox as I}from"./components/controls/checkbox/Checkbox.mjs";import{DatePicker as L}from"./components/controls/date-picker/DatePicker.mjs";import{Dropzone as R}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as z}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as B}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as V}from"./components/controls/file-input/FileInputMultiple.mjs";import{MultiSelect as H}from"./components/controls/multi-select/MultiSelect.mjs";import{MultiSelectTags as U}from"./components/controls/multi-select/MultiSelectTags.mjs";import{PasswordInput as W}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as G}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as K}from"./components/controls/password-input/usePasswordRules.mjs";import{PasswordInputStrength as q}from"./components/controls/password-input-strength/oldPasswordInputStrength.mjs";import{Radio as J}from"./components/controls/radio/Radio.mjs";import{Select as Y}from"./components/controls/select/Select.mjs";import{Textarea as X}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as Z}from"./components/forms/rules/password-rules.mjs";import{z as Q}from"./components/forms/rules/zod.mjs";import{Form as $}from"./components/forms/Form.mjs";import{Card as ee}from"./components/layouts/card/Card.mjs";import{Grid as te}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as ne}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Modal as re}from"./components/overlays/modal/Modal.mjs";import{Modals as ie}from"./components/overlays/modal/index.mjs";import{Toast as ae}from"./components/overlays/toast/toast.mjs";import{Tooltip as oe}from"./components/overlays/tooltip/Tooltip.mjs";import{Sidebar as se}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as ce}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,F as Autocomplete,a as Avatar,o as Badge,ne as Breadcrumbs,e as Button,n as ButtonAction,D as ButtonIcon,O as ButtonIconVisual,r as ButtonLoader,k as ButtonVisual,s as Calendar,ee as Card,I as Checkbox,M as Chevron,N as ClearButton,P as Combobox,L as DatePicker,R as Dropzone,z as DropzoneFiles,B as FileInput,V as FileInputMultiple,$ as Form,te as Grid,w as HorizontalDivider,u as Icon,l as IconRaw,d as IconSvg,f as IconWrapped,p as Indicator,m as LoaderDot,h as LoaderOval,g as LogoImage,_ as LogoSvg,ce as MageUiProvider,A as Menu,re as Modal,ie as Modals,H as MultiSelect,U as MultiSelectTags,v as NotificationBanner,Z as PASSWORD_RULES,W as PasswordInput,q as PasswordInputStrength,G as PasswordStrengthInput,J as Radio,y as RemovableItem,T as ScrollArea,E as ScrollAreaAutosize,Y as Select,se as Sidebar,x as Tag,b as TagGroup,j as TextInput,X as Textarea,ae as Toast,oe as Tooltip,S as UploadedFile,C as UploadedFileDetails,t as VisuallyHidden,c as momentLocalizer,K as usePasswordRules,Q as z};
@@ -1 +1 @@
1
- {"version":3,"file":"MageUiProvider.d.mts","names":[],"sources":["../../src/providers/MageUiProvider.tsx"],"mappings":";;;;;;;KAUY,mBAAA;EACV,QAAA;IACE,KAAA;MACE,MAAA;MACA,cAAA,EAAgB,SAAA;MAChB,WAAA,EAAa,SAAA;MACb,cAAA;MACA,eAAA;IAAA;EAAA;EAGJ,QAAA,EAAU,SAAA;EACV,KAAA,GAAQ,kBAAA;AAAA;AAAA,cAGG,cAAA;EAAkB,QAAA;EAAA,QAAA;EAAA;AAAA,GAI5B,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
1
+ {"version":3,"file":"MageUiProvider.d.mts","names":[],"sources":["../../src/providers/MageUiProvider.tsx"],"mappings":";;;;;;;KAMY,mBAAA;EACV,QAAA;IACE,KAAA;MACE,MAAA;MACA,cAAA,EAAgB,SAAA;MAChB,WAAA,EAAa,SAAA;MACb,cAAA;MACA,eAAA;IAAA;EAAA;EAGJ,QAAA,EAAU,SAAA;EACV,KAAA,GAAQ,kBAAA;AAAA;AAAA,cAGG,cAAA;EAAkB,QAAA;EAAA,QAAA;EAAA;AAAA,GAI5B,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
@@ -1,2 +1,2 @@
1
- import{ModalsProvider as e}from"../components/overlays/modals/ModalsProvider.mjs";import{Toast as t}from"../components/overlays/toast/toast.mjs";import{HeadlessMantineProvider as n}from"@mantine/core";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{DatesProvider as a}from"@mantine/dates";const o=({settings:o,children:s,toast:c})=>r(n,{children:i(a,{settings:o.dates,children:[r(t.Provider,{...c}),r(e,{children:s})]})});export{o as MageUiProvider};
1
+ import{Modal as e}from"../components/overlays/modal/Modal.mjs";import{Toast as t}from"../components/overlays/toast/toast.mjs";import{HeadlessMantineProvider as n}from"@mantine/core";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{DatesProvider as a}from"@mantine/dates";const o=({settings:o,children:s,toast:c})=>r(n,{children:i(a,{settings:o.dates,children:[r(t.Provider,{...c}),r(e.Provider,{children:s})]})});export{o as MageUiProvider};
2
2
  //# sourceMappingURL=MageUiProvider.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"MageUiProvider.mjs","names":[],"sources":["../../src/providers/MageUiProvider.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { HeadlessMantineProvider } from '@mantine/core';\nimport { DatesProvider, type DayOfWeek } from '@mantine/dates';\nimport {\n ModalsProvider,\n Toast,\n type ToastProviderProps,\n} from '@/components/overlays';\n\nexport type MageUiProviderProps = {\n settings: {\n dates: {\n locale: string;\n firstDayOfWeek: DayOfWeek;\n weekendDays: DayOfWeek[];\n labelSeparator: string;\n consistentWeeks: boolean;\n };\n };\n children: ReactNode;\n toast?: ToastProviderProps;\n};\n\nexport const MageUiProvider = ({\n settings,\n children,\n toast,\n}: MageUiProviderProps) => {\n return (\n <HeadlessMantineProvider>\n <DatesProvider settings={settings.dates}>\n <Toast.Provider {...toast} />\n <ModalsProvider>{children}</ModalsProvider>\n </DatesProvider>\n </HeadlessMantineProvider>\n );\n};\n"],"mappings":"0SAwBA,MAAa,GAAkB,CAC7B,WACA,WACA,WAGE,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAc,SAAU,EAAS,gBAChC,EAAC,EAAM,SAAA,CAAS,GAAI,EAAA,CAAS,CAC7B,EAAC,EAAA,CAAgB,WAAA,CAA0B,CAAA,EAC7B,CAAA,CACQ"}
1
+ {"version":3,"file":"MageUiProvider.mjs","names":["Modal"],"sources":["../../src/providers/MageUiProvider.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { HeadlessMantineProvider } from '@mantine/core';\nimport { DatesProvider, type DayOfWeek } from '@mantine/dates';\nimport { Modal, Toast, type ToastProviderProps } from '@/components/overlays';\n\nexport type MageUiProviderProps = {\n settings: {\n dates: {\n locale: string;\n firstDayOfWeek: DayOfWeek;\n weekendDays: DayOfWeek[];\n labelSeparator: string;\n consistentWeeks: boolean;\n };\n };\n children: ReactNode;\n toast?: ToastProviderProps;\n};\n\nexport const MageUiProvider = ({\n settings,\n children,\n toast,\n}: MageUiProviderProps) => {\n return (\n <HeadlessMantineProvider>\n <DatesProvider settings={settings.dates}>\n <Toast.Provider {...toast} />\n <Modal.Provider>{children}</Modal.Provider>\n </DatesProvider>\n </HeadlessMantineProvider>\n );\n};\n"],"mappings":"uRAoBA,MAAa,GAAkB,CAC7B,WACA,WACA,WAGE,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAc,SAAU,EAAS,gBAChC,EAAC,EAAM,SAAA,CAAS,GAAI,EAAA,CAAS,CAC7B,EAACA,EAAM,SAAA,CAAU,WAAA,CAA0B,CAAA,EAC7B,CAAA,CACQ"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mage-ui/components",
3
- "version": "1.0.49",
3
+ "version": "1.0.51",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [],
@@ -25,8 +25,8 @@
25
25
  "rimraf": "^6.1.3",
26
26
  "tsdown": "^0.20.3",
27
27
  "typescript": "^5.9.3",
28
- "@mage-ui/preset": "1.0.49",
29
- "@mage-ui/styled-system": "1.0.8"
28
+ "@mage-ui/styled-system": "1.0.8",
29
+ "@mage-ui/preset": "1.0.51"
30
30
  },
31
31
  "peerDependencies": {
32
32
  "@hookform/resolvers": "^5.2.2",
@@ -1,2 +0,0 @@
1
- import{createContext as e,useContext as t}from"react";const n=e(null).Provider;export{n as ModalProvider};
2
- //# sourceMappingURL=ModalContext.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ModalContext.mjs","names":[],"sources":["../../../../src/components/overlays/modal/ModalContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\ntype ModalContextValue = {\n onClose: () => void;\n};\n\nconst ModalContext = createContext<ModalContextValue | null>(null);\n\nexport const ModalProvider = ModalContext.Provider;\n\nexport const useModalContext = () => {\n const ctx = useContext(ModalContext);\n\n if (!ctx) {\n throw new Error('Modal components must be used inside <Modal>');\n }\n\n return ctx;\n};\n"],"mappings":"sDAQA,MAAa,EAFQ,EAAwC,KAAK,CAExB"}
@@ -1,13 +0,0 @@
1
- import * as react_jsx_runtime0 from "react/jsx-runtime";
2
- import { ReactNode } from "react";
3
-
4
- //#region src/components/overlays/modals/ModalsProvider.d.ts
5
- type ModalsProviderProps = {
6
- children: ReactNode;
7
- };
8
- declare const ModalsProvider: ({
9
- children
10
- }: ModalsProviderProps) => react_jsx_runtime0.JSX.Element;
11
- //#endregion
12
- export { ModalsProvider, ModalsProviderProps };
13
- //# sourceMappingURL=ModalsProvider.d.mts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ModalsProvider.d.mts","names":[],"sources":["../../../../src/components/overlays/modals/ModalsProvider.tsx"],"mappings":";;;;KAMY,mBAAA;EACV,QAAA,EAAU,SAAA;AAAA;AAAA,cAGC,cAAA;EAAkB;AAAA,GAAc,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
@@ -1,2 +0,0 @@
1
- "use client";import{jsx as e}from"react/jsx-runtime";import t from"@ebay/nice-modal-react";const n=({children:n})=>e(t.Provider,{children:n});export{n as ModalsProvider};
2
- //# sourceMappingURL=ModalsProvider.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ModalsProvider.mjs","names":[],"sources":["../../../../src/components/overlays/modals/ModalsProvider.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\n\nimport NiceModal from '@ebay/nice-modal-react';\n\nexport type ModalsProviderProps = {\n children: ReactNode;\n};\n\nexport const ModalsProvider = ({ children }: ModalsProviderProps) => {\n return <NiceModal.Provider>{children}</NiceModal.Provider>;\n};\n"],"mappings":"2FAUA,MAAa,GAAkB,CAAE,cACxB,EAAC,EAAU,SAAA,CAAU,WAAA,CAA8B"}
@@ -1,31 +0,0 @@
1
- import { ModalBaseClassNames } from "../base/BaseModal.mjs";
2
- import { ModalComponent } from "../registry/createModal.mjs";
3
- import "../../index.mjs";
4
- import { ReactNode } from "react";
5
-
6
- //#region src/components/overlays/modals/alert/ModalAlert.d.ts
7
- type ModalAlertClassNames = {
8
- footer?: string;
9
- confirmButton?: {
10
- button?: string;
11
- root?: string;
12
- inner?: string;
13
- label?: string;
14
- section?: string;
15
- };
16
- };
17
- type ModalAlertPublicProps = {
18
- centered?: boolean;
19
- keepMounted?: boolean;
20
- title: ReactNode;
21
- content?: ReactNode;
22
- confirmLabel?: ReactNode;
23
- intent?: 'info' | 'success' | 'warning' | 'danger';
24
- onConfirm?: () => void;
25
- baseClassNames?: ModalBaseClassNames;
26
- classNames?: ModalAlertClassNames;
27
- };
28
- declare const ModalAlert: ModalComponent<ModalAlertPublicProps>;
29
- //#endregion
30
- export { ModalAlert, ModalAlertClassNames, ModalAlertPublicProps };
31
- //# sourceMappingURL=ModalAlert.d.mts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ModalAlert.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/alert/ModalAlert.tsx"],"mappings":";;;;;;KAyBY,oBAAA;EACV,MAAA;EACA,aAAA;IACE,MAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,OAAA;EAAA;AAAA;AAAA,KAIQ,qBAAA;EACV,QAAA;EACA,WAAA;EACA,KAAA,EAAO,SAAA;EACP,OAAA,GAAU,SAAA;EACV,YAAA,GAAe,SAAA;EACf,MAAA;EACA,SAAA;EACA,cAAA,GAAiB,mBAAA;EACjB,UAAA,GAAa,oBAAA;AAAA;AAAA,cA8EF,UAAA,EAAU,cAAA,CAAA,qBAAA"}
@@ -1,2 +0,0 @@
1
- import{Button as e}from"../../../buttons/button/Button.mjs";import{Modal as t}from"../../modal/Modal.mjs";import{BaseModal as n}from"../base/BaseModal.mjs";import{createModal as r}from"../registry/createModal.mjs";import{modalAlert as i,modalAlertBody as a,modalAlertButtonConfirm as o,modalAlertButtonConfirmInner as s,modalAlertButtonConfirmLabel as c,modalAlertButtonConfirmRoot as l,modalAlertButtonConfirmSection as u,modalAlertClose as d,modalAlertContent as f,modalAlertFooter as p,modalAlertHeader as m,modalAlertInner as h,modalAlertOverlay as g,modalAlertRoot as _,modalAlertTitle as v}from"@mage-ui/styled-system/recipes";import{jsx as y,jsxs as b}from"react/jsx-runtime";const x=r(({centered:r=!0,keepMounted:x,opened:S,close:C,title:w,content:T,confirmLabel:E=`Ok`,intent:D=`info`,onConfirm:O,baseClassNames:k,classNames:A})=>b(n,{opened:S,onClose:C,intent:D,keepMounted:x,centered:r,classNames:{modal:k?.modal??i(),root:k?.root??_(),overlay:k?.overlay??g(),inner:k?.inner??h(),content:k?.content??f(),header:k?.header??m(),title:k?.title??v(),close:k?.close??d(),body:k?.body??a()},children:[b(t.Header,{children:[y(t.Title,{children:w}),y(t.CloseButton,{})]}),T&&y(t.Body,{children:T}),y(t.Footer,{className:A?.footer??p(),children:y(e,{onClick:()=>{O?.(),C()},classNames:{button:A?.confirmButton?.button??o(),root:A?.confirmButton?.root??l(),inner:A?.confirmButton?.inner??s(),label:A?.confirmButton?.label??c(),section:A?.confirmButton?.section??u()},children:E})})]}));export{x as ModalAlert};
2
- //# sourceMappingURL=ModalAlert.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ModalAlert.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/alert/ModalAlert.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\n\nimport {\n modalAlert,\n modalAlertBody,\n modalAlertButtonConfirm,\n modalAlertButtonConfirmInner,\n modalAlertButtonConfirmLabel,\n modalAlertButtonConfirmRoot,\n modalAlertButtonConfirmSection,\n modalAlertClose,\n modalAlertContent,\n modalAlertFooter,\n modalAlertHeader,\n modalAlertInner,\n modalAlertOverlay,\n modalAlertRoot,\n modalAlertTitle,\n} from '@mage-ui/styled-system/recipes';\nimport { Button } from '@/components/buttons';\nimport { Modal } from '@/components/overlays';\n\nimport { BaseModal, type ModalBaseClassNames } from '../base/BaseModal';\nimport { createModal } from '../registry/createModal';\n\nexport type ModalAlertClassNames = {\n footer?: string;\n confirmButton?: {\n button?: string;\n root?: string;\n inner?: string;\n label?: string;\n section?: string;\n };\n};\n\nexport type ModalAlertPublicProps = {\n centered?: boolean;\n keepMounted?: boolean;\n title: ReactNode;\n content?: ReactNode;\n confirmLabel?: ReactNode;\n intent?: 'info' | 'success' | 'warning' | 'danger';\n onConfirm?: () => void;\n baseClassNames?: ModalBaseClassNames;\n classNames?: ModalAlertClassNames;\n};\n\ntype ModalAlertInternalProps = ModalAlertPublicProps & {\n opened: boolean;\n close: () => void;\n};\n\nconst ModalAlertContent: FC<ModalAlertInternalProps> = ({\n centered = true,\n keepMounted,\n opened,\n close,\n title,\n content,\n confirmLabel = 'Ok',\n intent = 'info',\n onConfirm,\n baseClassNames,\n classNames,\n}) => {\n const handleConfirm = () => {\n onConfirm?.();\n close();\n };\n\n return (\n <BaseModal\n opened={opened}\n onClose={close}\n intent={intent}\n keepMounted={keepMounted}\n centered={centered}\n classNames={{\n modal: baseClassNames?.modal ?? modalAlert(),\n root: baseClassNames?.root ?? modalAlertRoot(),\n overlay: baseClassNames?.overlay ?? modalAlertOverlay(),\n inner: baseClassNames?.inner ?? modalAlertInner(),\n content: baseClassNames?.content ?? modalAlertContent(),\n header: baseClassNames?.header ?? modalAlertHeader(),\n title: baseClassNames?.title ?? modalAlertTitle(),\n close: baseClassNames?.close ?? modalAlertClose(),\n body: baseClassNames?.body ?? modalAlertBody(),\n }}\n >\n <Modal.Header>\n <Modal.Title>{title}</Modal.Title>\n <Modal.CloseButton />\n </Modal.Header>\n\n {content && <Modal.Body>{content}</Modal.Body>}\n\n <Modal.Footer className={classNames?.footer ?? modalAlertFooter()}>\n <Button\n onClick={handleConfirm}\n classNames={{\n button:\n classNames?.confirmButton?.button ?? modalAlertButtonConfirm(),\n root:\n classNames?.confirmButton?.root ?? modalAlertButtonConfirmRoot(),\n inner:\n classNames?.confirmButton?.inner ??\n modalAlertButtonConfirmInner(),\n label:\n classNames?.confirmButton?.label ??\n modalAlertButtonConfirmLabel(),\n section:\n classNames?.confirmButton?.section ??\n modalAlertButtonConfirmSection(),\n }}\n >\n {confirmLabel}\n </Button>\n </Modal.Footer>\n </BaseModal>\n );\n};\n\nexport const ModalAlert = createModal<ModalAlertPublicProps>(ModalAlertContent);\n"],"mappings":"2qBA2HA,MAAa,EAAa,GAtE8B,CACtD,WAAW,GACX,cACA,SACA,QACA,QACA,UACA,eAAe,KACf,SAAS,OACT,YACA,iBACA,gBAQE,EAAC,EAAA,CACS,SACR,QAAS,EACD,SACK,cACH,WACV,WAAY,CACV,MAAO,GAAgB,OAAS,GAAY,CAC5C,KAAM,GAAgB,MAAQ,GAAgB,CAC9C,QAAS,GAAgB,SAAW,GAAmB,CACvD,MAAO,GAAgB,OAAS,GAAiB,CACjD,QAAS,GAAgB,SAAW,GAAmB,CACvD,OAAQ,GAAgB,QAAU,GAAkB,CACpD,MAAO,GAAgB,OAAS,GAAiB,CACjD,MAAO,GAAgB,OAAS,GAAiB,CACjD,KAAM,GAAgB,MAAQ,GAAgB,CAC/C,WAED,EAAC,EAAM,OAAA,CAAA,SAAA,CACL,EAAC,EAAM,MAAA,CAAA,SAAO,EAAA,CAAoB,CAClC,EAAC,EAAM,YAAA,EAAA,CAAc,CAAA,CAAA,CACR,CAEd,GAAW,EAAC,EAAM,KAAA,CAAA,SAAM,EAAA,CAAqB,CAE9C,EAAC,EAAM,OAAA,CAAO,UAAW,GAAY,QAAU,GAAkB,UAC/D,EAAC,EAAA,CACC,YAjCoB,CAC1B,KAAa,CACb,GAAO,EAgCD,WAAY,CACV,OACE,GAAY,eAAe,QAAU,GAAyB,CAChE,KACE,GAAY,eAAe,MAAQ,GAA6B,CAClE,MACE,GAAY,eAAe,OAC3B,GAA8B,CAChC,MACE,GAAY,eAAe,OAC3B,GAA8B,CAChC,QACE,GAAY,eAAe,SAC3B,GAAgC,CACnC,UAEA,GACM,EACI,GACL,CAI+D"}
@@ -1,7 +0,0 @@
1
- import { ModalAlertPublicProps } from "./ModalAlert.mjs";
2
-
3
- //#region src/components/overlays/modals/alert/alert.d.ts
4
- declare const alert: (props: ModalAlertPublicProps) => Promise<void>;
5
- //#endregion
6
- export { alert };
7
- //# sourceMappingURL=alert.d.mts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"alert.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/alert/alert.ts"],"mappings":";;;cAEa,KAAA,GAAS,KAAA,EAAO,qBAAA,KAAwB,OAAA"}
@@ -1,2 +0,0 @@
1
- import{ModalAlert as e}from"./ModalAlert.mjs";const t=t=>new Promise(n=>{e.open({...t,onConfirm:()=>{t.onConfirm?.(),n()}})});export{t as alert};
2
- //# sourceMappingURL=alert.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"alert.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/alert/alert.ts"],"sourcesContent":["import { ModalAlert, type ModalAlertPublicProps } from './ModalAlert';\n\nexport const alert = (props: ModalAlertPublicProps): Promise<void> => {\n return new Promise((resolve) => {\n ModalAlert.open({\n ...props,\n onConfirm: () => {\n props.onConfirm?.();\n resolve();\n },\n });\n });\n};\n"],"mappings":"8CAEA,MAAa,EAAS,GACb,IAAI,QAAS,GAAY,CAC9B,EAAW,KAAK,CACd,GAAG,EACH,cAAiB,CACf,EAAM,aAAa,CACnB,GAAS,EAEZ,CAAC,EACF"}
@@ -1,7 +0,0 @@
1
- import { ModalAlertPublicProps } from "./ModalAlert.mjs";
2
-
3
- //#region src/components/overlays/modals/alert/alertById.d.ts
4
- declare const alertById: (id: string, props: ModalAlertPublicProps) => Promise<void>;
5
- //#endregion
6
- export { alertById };
7
- //# sourceMappingURL=alertById.d.mts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"alertById.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/alert/alertById.ts"],"mappings":";;;cAGa,SAAA,GACX,EAAA,UACA,KAAA,EAAO,qBAAA,KACN,OAAA"}
@@ -1,2 +0,0 @@
1
- import{openModalById as e}from"../registry/openModalById.mjs";const t=(t,n)=>new Promise(r=>{e(t,{...n,onConfirm:()=>{n.onConfirm?.(),r()}})});export{t as alertById};
2
- //# sourceMappingURL=alertById.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"alertById.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/alert/alertById.ts"],"sourcesContent":["import { openModalById } from '../registry/openModalById';\nimport type { ModalAlertPublicProps } from './ModalAlert';\n\nexport const alertById = (\n id: string,\n props: ModalAlertPublicProps,\n): Promise<void> => {\n return new Promise((resolve) => {\n openModalById(id, {\n ...props,\n onConfirm: () => {\n props.onConfirm?.();\n resolve();\n },\n });\n });\n};\n"],"mappings":"8DAGA,MAAa,GACX,EACA,IAEO,IAAI,QAAS,GAAY,CAC9B,EAAc,EAAI,CAChB,GAAG,EACH,cAAiB,CACf,EAAM,aAAa,CACnB,GAAS,EAEZ,CAAC,EACF"}
@@ -1,17 +0,0 @@
1
- import "react/jsx-runtime";
2
-
3
- //#region src/components/overlays/modals/base/BaseModal.d.ts
4
- type ModalBaseClassNames = {
5
- modal?: string;
6
- root?: string;
7
- overlay?: string;
8
- inner?: string;
9
- content?: string;
10
- header?: string;
11
- title?: string;
12
- close?: string;
13
- body?: string;
14
- };
15
- //#endregion
16
- export { ModalBaseClassNames };
17
- //# sourceMappingURL=BaseModal.d.mts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BaseModal.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/base/BaseModal.tsx"],"mappings":";;;KAEY,mBAAA;EACV,KAAA;EACA,IAAA;EACA,OAAA;EACA,KAAA;EACA,OAAA;EACA,MAAA;EACA,KAAA;EACA,KAAA;EACA,IAAA;AAAA"}
@@ -1,2 +0,0 @@
1
- import{Modal as e}from"../../modal/Modal.mjs";import{jsx as t,jsxs as n}from"react/jsx-runtime";const r=({opened:r,onClose:i,centered:a=!0,keepMounted:o,intent:s,classNames:c,children:l})=>n(e.Root,{opened:r,onClose:i,centered:a,intent:s,classNames:c,keepMounted:o,children:[t(e.Overlay,{}),t(e.Content,{children:l})]});export{r as BaseModal};
2
- //# sourceMappingURL=BaseModal.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BaseModal.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/base/BaseModal.tsx"],"sourcesContent":["import { Modal } from '@/components/overlays';\n\nexport type ModalBaseClassNames = {\n modal?: string;\n root?: string;\n overlay?: string;\n inner?: string;\n content?: string;\n header?: string;\n title?: string;\n close?: string;\n body?: string;\n};\n\nexport type BaseModalProps = {\n opened: boolean;\n onClose: () => void;\n centered?: boolean;\n keepMounted?: boolean;\n intent?: 'default' | 'success' | 'warning' | 'danger' | 'info';\n classNames?: ModalBaseClassNames;\n children: React.ReactNode;\n};\n\nexport const BaseModal = ({\n opened,\n onClose,\n centered = true,\n keepMounted,\n intent,\n classNames,\n children,\n}: BaseModalProps) => (\n <Modal.Root\n opened={opened}\n onClose={onClose}\n centered={centered}\n intent={intent}\n classNames={classNames}\n keepMounted={keepMounted}\n >\n <Modal.Overlay />\n <Modal.Content>{children}</Modal.Content>\n </Modal.Root>\n);\n"],"mappings":"gGAwBA,MAAa,GAAa,CACxB,SACA,UACA,WAAW,GACX,cACA,SACA,aACA,cAEA,EAAC,EAAM,KAAA,CACG,SACC,UACC,WACF,SACI,aACC,wBAEb,EAAC,EAAM,QAAA,EAAA,CAAU,CACjB,EAAC,EAAM,QAAA,CAAS,WAAA,CAAyB,CAAA,EAC9B"}
@@ -1,40 +0,0 @@
1
- import { ModalBaseClassNames } from "../base/BaseModal.mjs";
2
- import { ModalComponent } from "../registry/createModal.mjs";
3
- import "../../index.mjs";
4
- import { ReactNode } from "react";
5
-
6
- //#region src/components/overlays/modals/confirm/ModalConfirm.d.ts
7
- type ModalConfirmClassNames = {
8
- footer?: string;
9
- confirmButton?: {
10
- button?: string;
11
- root?: string;
12
- inner?: string;
13
- label?: string;
14
- section?: string;
15
- };
16
- cancelButton?: {
17
- button?: string;
18
- root?: string;
19
- inner?: string;
20
- label?: string;
21
- section?: string;
22
- };
23
- };
24
- type ModalConfirmPublicProps = {
25
- centered?: boolean;
26
- keepMounted?: boolean;
27
- title: ReactNode;
28
- content?: ReactNode;
29
- confirmLabel?: ReactNode;
30
- cancelLabel?: ReactNode;
31
- intent?: 'default' | 'danger';
32
- onConfirm?: () => void;
33
- onCancel?: () => void;
34
- baseClassNames?: ModalBaseClassNames;
35
- classNames?: ModalConfirmClassNames;
36
- };
37
- declare const ModalConfirm: ModalComponent<ModalConfirmPublicProps>;
38
- //#endregion
39
- export { ModalConfirm, ModalConfirmClassNames, ModalConfirmPublicProps };
40
- //# sourceMappingURL=ModalConfirm.d.mts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ModalConfirm.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/confirm/ModalConfirm.tsx"],"mappings":";;;;;;KA8BY,sBAAA;EACV,MAAA;EACA,aAAA;IACE,MAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,OAAA;EAAA;EAEF,YAAA;IACE,MAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,OAAA;EAAA;AAAA;AAAA,KAIQ,uBAAA;EACV,QAAA;EACA,WAAA;EACA,KAAA,EAAO,SAAA;EACP,OAAA,GAAU,SAAA;EACV,YAAA,GAAe,SAAA;EACf,WAAA,GAAc,SAAA;EACd,MAAA;EACA,SAAA;EACA,QAAA;EACA,cAAA,GAAiB,mBAAA;EACjB,UAAA,GAAa,sBAAA;AAAA;AAAA,cA2GF,YAAA,EAAY,cAAA,CAAA,uBAAA"}
@@ -1,2 +0,0 @@
1
- import{Button as e}from"../../../buttons/button/Button.mjs";import{Modal as t}from"../../modal/Modal.mjs";import{BaseModal as n}from"../base/BaseModal.mjs";import{createModal as r}from"../registry/createModal.mjs";import{modalConfirm as i,modalConfirmBody as a,modalConfirmButtonCancel as o,modalConfirmButtonCancelInner as s,modalConfirmButtonCancelLabel as c,modalConfirmButtonCancelRoot as l,modalConfirmButtonCancelSection as u,modalConfirmButtonConfirm as d,modalConfirmButtonConfirmInner as f,modalConfirmButtonConfirmLabel as p,modalConfirmButtonConfirmRoot as m,modalConfirmButtonConfirmSection as h,modalConfirmClose as g,modalConfirmContent as _,modalConfirmFooter as v,modalConfirmHeader as y,modalConfirmInner as b,modalConfirmOverlay as x,modalConfirmRoot as S,modalConfirmTitle as C}from"@mage-ui/styled-system/recipes";import{jsx as w,jsxs as T}from"react/jsx-runtime";const E=r(({centered:r=!0,keepMounted:E,opened:D,close:O,title:k,content:A,confirmLabel:j=`Confirm`,cancelLabel:M=`Cancel`,intent:N=`default`,onConfirm:P,onCancel:F,baseClassNames:I,classNames:L})=>T(n,{opened:D,onClose:O,intent:N,keepMounted:E,centered:r,classNames:{modal:I?.modal??i(),root:I?.root??S(),overlay:I?.overlay??x(),inner:I?.inner??b(),content:I?.content??_(),header:I?.header??y(),title:I?.title??C(),close:I?.close??g(),body:I?.body??a()},children:[T(t.Header,{children:[w(t.Title,{children:k}),w(t.CloseButton,{})]}),A&&w(t.Body,{children:A}),T(t.Footer,{className:L?.footer??v(),children:[w(e,{onClick:()=>{F?.(),O()},classNames:{button:L?.cancelButton?.button??o(),root:L?.cancelButton?.root??l(),inner:L?.cancelButton?.inner??s(),label:L?.cancelButton?.label??c(),section:L?.cancelButton?.section??u()},children:M}),w(e,{onClick:()=>{P?.(),O()},classNames:{button:L?.confirmButton?.button??d(),root:L?.confirmButton?.root??m(),inner:L?.confirmButton?.inner??f(),label:L?.confirmButton?.label??p(),section:L?.confirmButton?.section??h()},children:j})]})]}));export{E as ModalConfirm};
2
- //# sourceMappingURL=ModalConfirm.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ModalConfirm.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/confirm/ModalConfirm.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\n\nimport {\n modalConfirm,\n modalConfirmBody,\n modalConfirmButtonCancel,\n modalConfirmButtonCancelInner,\n modalConfirmButtonCancelLabel,\n modalConfirmButtonCancelRoot,\n modalConfirmButtonCancelSection,\n modalConfirmButtonConfirm,\n modalConfirmButtonConfirmInner,\n modalConfirmButtonConfirmLabel,\n modalConfirmButtonConfirmRoot,\n modalConfirmButtonConfirmSection,\n modalConfirmClose,\n modalConfirmContent,\n modalConfirmFooter,\n modalConfirmHeader,\n modalConfirmInner,\n modalConfirmOverlay,\n modalConfirmRoot,\n modalConfirmTitle,\n} from '@mage-ui/styled-system/recipes';\nimport { Button } from '@/components/buttons';\nimport { Modal } from '@/components/overlays';\n\nimport { BaseModal, type ModalBaseClassNames } from '../base/BaseModal';\nimport { createModal } from '../registry/createModal';\n\nexport type ModalConfirmClassNames = {\n footer?: string;\n confirmButton?: {\n button?: string;\n root?: string;\n inner?: string;\n label?: string;\n section?: string;\n };\n cancelButton?: {\n button?: string;\n root?: string;\n inner?: string;\n label?: string;\n section?: string;\n };\n};\n\nexport type ModalConfirmPublicProps = {\n centered?: boolean;\n keepMounted?: boolean;\n title: ReactNode;\n content?: ReactNode;\n confirmLabel?: ReactNode;\n cancelLabel?: ReactNode;\n intent?: 'default' | 'danger';\n onConfirm?: () => void;\n onCancel?: () => void;\n baseClassNames?: ModalBaseClassNames;\n classNames?: ModalConfirmClassNames;\n};\n\ntype ModalConfirmInternalProps = ModalConfirmPublicProps & {\n opened: boolean;\n close: () => void;\n};\n\nconst ModalConfirmContent: FC<ModalConfirmInternalProps> = ({\n centered = true,\n keepMounted,\n opened,\n close,\n title,\n content,\n confirmLabel = 'Confirm',\n cancelLabel = 'Cancel',\n intent = 'default',\n onConfirm,\n onCancel,\n baseClassNames,\n classNames,\n}) => {\n const handleConfirm = () => {\n onConfirm?.();\n close();\n };\n\n const handleCancel = () => {\n onCancel?.();\n close();\n };\n\n return (\n <BaseModal\n opened={opened}\n onClose={close}\n intent={intent}\n keepMounted={keepMounted}\n centered={centered}\n classNames={{\n modal: baseClassNames?.modal ?? modalConfirm(),\n root: baseClassNames?.root ?? modalConfirmRoot(),\n overlay: baseClassNames?.overlay ?? modalConfirmOverlay(),\n inner: baseClassNames?.inner ?? modalConfirmInner(),\n content: baseClassNames?.content ?? modalConfirmContent(),\n header: baseClassNames?.header ?? modalConfirmHeader(),\n title: baseClassNames?.title ?? modalConfirmTitle(),\n close: baseClassNames?.close ?? modalConfirmClose(),\n body: baseClassNames?.body ?? modalConfirmBody(),\n }}\n >\n <Modal.Header>\n <Modal.Title>{title}</Modal.Title>\n <Modal.CloseButton />\n </Modal.Header>\n\n {content && <Modal.Body>{content}</Modal.Body>}\n\n <Modal.Footer className={classNames?.footer ?? modalConfirmFooter()}>\n <Button\n onClick={handleCancel}\n classNames={{\n button:\n classNames?.cancelButton?.button ?? modalConfirmButtonCancel(),\n root:\n classNames?.cancelButton?.root ?? modalConfirmButtonCancelRoot(),\n inner:\n classNames?.cancelButton?.inner ??\n modalConfirmButtonCancelInner(),\n label:\n classNames?.cancelButton?.label ??\n modalConfirmButtonCancelLabel(),\n section:\n classNames?.cancelButton?.section ??\n modalConfirmButtonCancelSection(),\n }}\n >\n {cancelLabel}\n </Button>\n\n <Button\n onClick={handleConfirm}\n classNames={{\n button:\n classNames?.confirmButton?.button ?? modalConfirmButtonConfirm(),\n root:\n classNames?.confirmButton?.root ??\n modalConfirmButtonConfirmRoot(),\n inner:\n classNames?.confirmButton?.inner ??\n modalConfirmButtonConfirmInner(),\n label:\n classNames?.confirmButton?.label ??\n modalConfirmButtonConfirmLabel(),\n section:\n classNames?.confirmButton?.section ??\n modalConfirmButtonConfirmSection(),\n }}\n >\n {confirmLabel}\n </Button>\n </Modal.Footer>\n </BaseModal>\n );\n};\n\nexport const ModalConfirm =\n createModal<ModalConfirmPublicProps>(ModalConfirmContent);\n"],"mappings":"o3BAsKA,MAAa,EACX,GApG0D,CAC1D,WAAW,GACX,cACA,SACA,QACA,QACA,UACA,eAAe,UACf,cAAc,SACd,SAAS,UACT,YACA,WACA,iBACA,gBAaE,EAAC,EAAA,CACS,SACR,QAAS,EACD,SACK,cACH,WACV,WAAY,CACV,MAAO,GAAgB,OAAS,GAAc,CAC9C,KAAM,GAAgB,MAAQ,GAAkB,CAChD,QAAS,GAAgB,SAAW,GAAqB,CACzD,MAAO,GAAgB,OAAS,GAAmB,CACnD,QAAS,GAAgB,SAAW,GAAqB,CACzD,OAAQ,GAAgB,QAAU,GAAoB,CACtD,MAAO,GAAgB,OAAS,GAAmB,CACnD,MAAO,GAAgB,OAAS,GAAmB,CACnD,KAAM,GAAgB,MAAQ,GAAkB,CACjD,WAED,EAAC,EAAM,OAAA,CAAA,SAAA,CACL,EAAC,EAAM,MAAA,CAAA,SAAO,EAAA,CAAoB,CAClC,EAAC,EAAM,YAAA,EAAA,CAAc,CAAA,CAAA,CACR,CAEd,GAAW,EAAC,EAAM,KAAA,CAAA,SAAM,EAAA,CAAqB,CAE9C,EAAC,EAAM,OAAA,CAAO,UAAW,GAAY,QAAU,GAAoB,WACjE,EAAC,EAAA,CACC,YAjCmB,CACzB,KAAY,CACZ,GAAO,EAgCD,WAAY,CACV,OACE,GAAY,cAAc,QAAU,GAA0B,CAChE,KACE,GAAY,cAAc,MAAQ,GAA8B,CAClE,MACE,GAAY,cAAc,OAC1B,GAA+B,CACjC,MACE,GAAY,cAAc,OAC1B,GAA+B,CACjC,QACE,GAAY,cAAc,SAC1B,GAAiC,CACpC,UAEA,GACM,CAET,EAAC,EAAA,CACC,YA3DoB,CAC1B,KAAa,CACb,GAAO,EA0DD,WAAY,CACV,OACE,GAAY,eAAe,QAAU,GAA2B,CAClE,KACE,GAAY,eAAe,MAC3B,GAA+B,CACjC,MACE,GAAY,eAAe,OAC3B,GAAgC,CAClC,MACE,GAAY,eAAe,OAC3B,GAAgC,CAClC,QACE,GAAY,eAAe,SAC3B,GAAkC,CACrC,UAEA,GACM,CAAA,EACI,GACL,CAK2C"}
@@ -1,7 +0,0 @@
1
- import { ModalConfirmPublicProps } from "./ModalConfirm.mjs";
2
-
3
- //#region src/components/overlays/modals/confirm/confirm.d.ts
4
- declare const confirm: (props: ModalConfirmPublicProps) => Promise<boolean>;
5
- //#endregion
6
- export { confirm };
7
- //# sourceMappingURL=confirm.d.mts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"confirm.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/confirm/confirm.ts"],"mappings":";;;cAEa,OAAA,GAAW,KAAA,EAAO,uBAAA,KAA0B,OAAA"}
@@ -1,2 +0,0 @@
1
- import{ModalConfirm as e}from"./ModalConfirm.mjs";const t=t=>new Promise(n=>{e.open({...t,onConfirm:()=>{t.onConfirm?.(),n(!0)},onCancel:()=>{t.onCancel?.(),n(!1)}})});export{t as confirm};
2
- //# sourceMappingURL=confirm.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"confirm.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/confirm/confirm.ts"],"sourcesContent":["import { ModalConfirm, type ModalConfirmPublicProps } from './ModalConfirm';\n\nexport const confirm = (props: ModalConfirmPublicProps): Promise<boolean> => {\n return new Promise((resolve) => {\n ModalConfirm.open({\n ...props,\n onConfirm: () => {\n props.onConfirm?.();\n resolve(true);\n },\n onCancel: () => {\n props.onCancel?.();\n resolve(false);\n },\n });\n });\n};\n"],"mappings":"kDAEA,MAAa,EAAW,GACf,IAAI,QAAS,GAAY,CAC9B,EAAa,KAAK,CAChB,GAAG,EACH,cAAiB,CACf,EAAM,aAAa,CACnB,EAAQ,GAAK,EAEf,aAAgB,CACd,EAAM,YAAY,CAClB,EAAQ,GAAM,EAEjB,CAAC,EACF"}
@@ -1,7 +0,0 @@
1
- import { ModalConfirmPublicProps } from "./ModalConfirm.mjs";
2
-
3
- //#region src/components/overlays/modals/confirm/confirmById.d.ts
4
- declare const confirmById: (id: string, props: ModalConfirmPublicProps) => Promise<boolean>;
5
- //#endregion
6
- export { confirmById };
7
- //# sourceMappingURL=confirmById.d.mts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"confirmById.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/confirm/confirmById.ts"],"mappings":";;;cAGa,WAAA,GACX,EAAA,UACA,KAAA,EAAO,uBAAA,KACN,OAAA"}
@@ -1,2 +0,0 @@
1
- import{openModalById as e}from"../registry/openModalById.mjs";const t=(t,n)=>new Promise(r=>{e(t,{...n,onConfirm:()=>{n.onConfirm?.(),r(!0)},onCancel:()=>{n.onCancel?.(),r(!1)}})});export{t as confirmById};
2
- //# sourceMappingURL=confirmById.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"confirmById.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/confirm/confirmById.ts"],"sourcesContent":["import { openModalById } from '../registry/openModalById';\nimport type { ModalConfirmPublicProps } from './ModalConfirm';\n\nexport const confirmById = (\n id: string,\n props: ModalConfirmPublicProps,\n): Promise<boolean> => {\n return new Promise((resolve) => {\n openModalById(id, {\n ...props,\n onConfirm: () => {\n props.onConfirm?.();\n resolve(true);\n },\n onCancel: () => {\n props.onCancel?.();\n resolve(false);\n },\n });\n });\n};\n"],"mappings":"8DAGA,MAAa,GACX,EACA,IAEO,IAAI,QAAS,GAAY,CAC9B,EAAc,EAAI,CAChB,GAAG,EACH,cAAiB,CACf,EAAM,aAAa,CACnB,EAAQ,GAAK,EAEf,aAAgB,CACd,EAAM,YAAY,CAClB,EAAQ,GAAM,EAEjB,CAAC,EACF"}
@@ -1,15 +0,0 @@
1
- import { ComponentType } from "react";
2
-
3
- //#region src/components/overlays/modals/registry/createModal.d.ts
4
- type ModalInternalProps = {
5
- opened: boolean;
6
- close: () => void;
7
- };
8
- type ModalComponent<P> = ComponentType<P> & {
9
- open: (props: P) => Promise<unknown>;
10
- close: () => void;
11
- };
12
- declare const createModal: <P extends object>(Component: ComponentType<P & ModalInternalProps>) => ModalComponent<P>;
13
- //#endregion
14
- export { ModalComponent, ModalInternalProps, createModal };
15
- //# sourceMappingURL=createModal.d.mts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"createModal.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/registry/createModal.tsx"],"mappings":";;;KAIY,kBAAA;EACV,MAAA;EACA,KAAA;AAAA;AAAA,KAGU,cAAA,MAAoB,aAAA,CAAc,CAAA;EAC5C,IAAA,GAAO,KAAA,EAAO,CAAA,KAAM,OAAA;EACpB,KAAA;AAAA;AAAA,cAGW,WAAA,qBACX,SAAA,EAAW,aAAA,CAAc,CAAA,GAAI,kBAAA,MAC5B,cAAA,CAAe,CAAA"}
@@ -1,2 +0,0 @@
1
- import{jsx as e}from"react/jsx-runtime";import t,{useModal as n}from"@ebay/nice-modal-react";const r=r=>{let i=t.create(t=>{let i=n();return e(r,{...t,close:i.hide,opened:i.visible})}),a=i;return a.open=e=>t.show(i,e),a.close=()=>t.hide(i),a};export{r as createModal};
2
- //# sourceMappingURL=createModal.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"createModal.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/registry/createModal.tsx"],"sourcesContent":["import type { ComponentType, FC } from 'react';\n\nimport NiceModal, { useModal } from '@ebay/nice-modal-react';\n\nexport type ModalInternalProps = {\n opened: boolean;\n close: () => void;\n};\n\nexport type ModalComponent<P> = ComponentType<P> & {\n open: (props: P) => Promise<unknown>;\n close: () => void;\n};\n\nexport const createModal = <P extends object>(\n Component: ComponentType<P & ModalInternalProps>,\n): ModalComponent<P> => {\n const ModalContainer: FC<P> = (props) => {\n const modal = useModal();\n\n return <Component {...props} close={modal.hide} opened={modal.visible} />;\n };\n\n const RegisteredModal = NiceModal.create(ModalContainer);\n\n const PublicModal = RegisteredModal as ModalComponent<P>;\n\n PublicModal.open = (props: P) => {\n return NiceModal.show(RegisteredModal, props);\n };\n\n PublicModal.close = () => {\n return NiceModal.hide(RegisteredModal);\n };\n\n return PublicModal;\n};\n"],"mappings":"6FAcA,MAAa,EACX,GACsB,CAOtB,IAAM,EAAkB,EAAU,OANH,GAAU,CACvC,IAAM,EAAQ,GAAU,CAExB,OAAO,EAAC,EAAA,CAAU,GAAI,EAAO,MAAO,EAAM,KAAM,OAAQ,EAAM,SAAW,EAGnB,CAElD,EAAc,EAUpB,MARA,GAAY,KAAQ,GACX,EAAU,KAAK,EAAiB,EAAM,CAG/C,EAAY,UACH,EAAU,KAAK,EAAgB,CAGjC"}
@@ -1,5 +0,0 @@
1
- //#region src/components/overlays/modals/registry/openModalById.d.ts
2
- declare const openModalById: <P extends object>(id: string, props: P) => Promise<unknown>;
3
- //#endregion
4
- export { openModalById };
5
- //# sourceMappingURL=openModalById.d.mts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"openModalById.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/registry/openModalById.ts"],"mappings":";cAEa,aAAA,qBAAmC,EAAA,UAAY,KAAA,EAAO,CAAA,KAAC,OAAA"}
@@ -1,2 +0,0 @@
1
- import e from"@ebay/nice-modal-react";const t=(t,n)=>e.show(t,n);export{t as openModalById};
2
- //# sourceMappingURL=openModalById.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"openModalById.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/registry/openModalById.ts"],"sourcesContent":["import NiceModal from '@ebay/nice-modal-react';\n\nexport const openModalById = <P extends object>(id: string, props: P) => {\n return NiceModal.show(id, props);\n};\n"],"mappings":"sCAEA,MAAa,GAAmC,EAAY,IACnD,EAAU,KAAK,EAAI,EAAM"}
@@ -1,7 +0,0 @@
1
- import { ModalComponent } from "./createModal.mjs";
2
-
3
- //#region src/components/overlays/modals/registry/registerModal.d.ts
4
- declare const registerModal: <P extends object>(id: string, modal: ModalComponent<P>) => void;
5
- //#endregion
6
- export { registerModal };
7
- //# sourceMappingURL=registerModal.d.mts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"registerModal.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/registry/registerModal.ts"],"mappings":";;;cAMa,aAAA,qBACX,EAAA,UACA,KAAA,EAAO,cAAA,CAAe,CAAA"}
@@ -1,2 +0,0 @@
1
- import e,{unregister as t}from"@ebay/nice-modal-react";const n=(n,r)=>{t(n),e.register(n,r)};export{n as registerModal};
2
- //# sourceMappingURL=registerModal.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"registerModal.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/registry/registerModal.ts"],"sourcesContent":["import type { FC } from 'react';\n\nimport NiceModal, { unregister } from '@ebay/nice-modal-react';\n\nimport type { ModalComponent } from './createModal';\n\nexport const registerModal = <P extends object>(\n id: string,\n modal: ModalComponent<P>,\n) => {\n unregister(id);\n NiceModal.register(id, modal as unknown as FC<P>);\n};\n"],"mappings":"uDAMA,MAAa,GACX,EACA,IACG,CACH,EAAW,EAAG,CACd,EAAU,SAAS,EAAI,EAA0B"}