@mage-ui/components 1.0.50 → 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.
- package/dist/components/index.d.mts +4 -11
- package/dist/components/overlays/index.d.mts +4 -11
- package/dist/components/overlays/modal/Modal.d.mts +23 -67
- package/dist/components/overlays/modal/Modal.d.mts.map +1 -1
- package/dist/components/overlays/modal/Modal.mjs +1 -1
- package/dist/components/overlays/modal/Modal.mjs.map +1 -1
- package/dist/components/overlays/modal/features/ModalAlert.d.mts +26 -0
- package/dist/components/overlays/modal/features/ModalAlert.d.mts.map +1 -0
- package/dist/components/overlays/modal/features/ModalAlert.mjs +2 -0
- package/dist/components/overlays/modal/features/ModalAlert.mjs.map +1 -0
- package/dist/components/overlays/modal/features/ModalConfirm.d.mts +35 -0
- package/dist/components/overlays/modal/features/ModalConfirm.d.mts.map +1 -0
- package/dist/components/overlays/modal/features/ModalConfirm.mjs +2 -0
- package/dist/components/overlays/modal/features/ModalConfirm.mjs.map +1 -0
- package/dist/components/overlays/modal/features/ModalDialog.d.mts +20 -0
- package/dist/components/overlays/modal/features/ModalDialog.d.mts.map +1 -0
- package/dist/components/overlays/modal/features/ModalDialog.mjs +2 -0
- package/dist/components/overlays/modal/features/ModalDialog.mjs.map +1 -0
- package/dist/components/overlays/modal/index.d.mts +23 -0
- package/dist/components/overlays/modal/index.d.mts.map +1 -0
- package/dist/components/overlays/modal/index.mjs +2 -0
- package/dist/components/overlays/modal/index.mjs.map +1 -0
- package/dist/components/overlays/modal/modal-core.mjs +2 -0
- package/dist/components/overlays/modal/modal-core.mjs.map +1 -0
- package/dist/components/overlays/modal/modal-primitives.mjs +2 -0
- package/dist/components/overlays/modal/modal-primitives.mjs.map +1 -0
- package/dist/components/overlays/modal/modal-registry.d.mts +12 -0
- package/dist/components/overlays/modal/modal-registry.d.mts.map +1 -0
- package/dist/components/overlays/modal/modal-registry.mjs +2 -0
- package/dist/components/overlays/modal/modal-registry.mjs.map +1 -0
- package/dist/components/overlays/modal/modal-types.d.mts +40 -0
- package/dist/components/overlays/modal/modal-types.d.mts.map +1 -0
- package/dist/index.d.mts +5 -12
- package/dist/index.mjs +1 -1
- package/dist/providers/MageUiProvider.d.mts.map +1 -1
- package/dist/providers/MageUiProvider.mjs +1 -1
- package/dist/providers/MageUiProvider.mjs.map +1 -1
- package/package.json +3 -3
- package/dist/components/overlays/modal/ModalContext.mjs +0 -2
- package/dist/components/overlays/modal/ModalContext.mjs.map +0 -1
- package/dist/components/overlays/modals/ModalsProvider.d.mts +0 -13
- package/dist/components/overlays/modals/ModalsProvider.d.mts.map +0 -1
- package/dist/components/overlays/modals/ModalsProvider.mjs +0 -2
- package/dist/components/overlays/modals/ModalsProvider.mjs.map +0 -1
- package/dist/components/overlays/modals/alert/ModalAlert.d.mts +0 -31
- package/dist/components/overlays/modals/alert/ModalAlert.d.mts.map +0 -1
- package/dist/components/overlays/modals/alert/ModalAlert.mjs +0 -2
- package/dist/components/overlays/modals/alert/ModalAlert.mjs.map +0 -1
- package/dist/components/overlays/modals/alert/alert.d.mts +0 -7
- package/dist/components/overlays/modals/alert/alert.d.mts.map +0 -1
- package/dist/components/overlays/modals/alert/alert.mjs +0 -2
- package/dist/components/overlays/modals/alert/alert.mjs.map +0 -1
- package/dist/components/overlays/modals/alert/alertById.d.mts +0 -7
- package/dist/components/overlays/modals/alert/alertById.d.mts.map +0 -1
- package/dist/components/overlays/modals/alert/alertById.mjs +0 -2
- package/dist/components/overlays/modals/alert/alertById.mjs.map +0 -1
- package/dist/components/overlays/modals/base/BaseModal.d.mts +0 -17
- package/dist/components/overlays/modals/base/BaseModal.d.mts.map +0 -1
- package/dist/components/overlays/modals/base/BaseModal.mjs +0 -2
- package/dist/components/overlays/modals/base/BaseModal.mjs.map +0 -1
- package/dist/components/overlays/modals/confirm/ModalConfirm.d.mts +0 -40
- package/dist/components/overlays/modals/confirm/ModalConfirm.d.mts.map +0 -1
- package/dist/components/overlays/modals/confirm/ModalConfirm.mjs +0 -2
- package/dist/components/overlays/modals/confirm/ModalConfirm.mjs.map +0 -1
- package/dist/components/overlays/modals/confirm/confirm.d.mts +0 -7
- package/dist/components/overlays/modals/confirm/confirm.d.mts.map +0 -1
- package/dist/components/overlays/modals/confirm/confirm.mjs +0 -2
- package/dist/components/overlays/modals/confirm/confirm.mjs.map +0 -1
- package/dist/components/overlays/modals/confirm/confirmById.d.mts +0 -7
- package/dist/components/overlays/modals/confirm/confirmById.d.mts.map +0 -1
- package/dist/components/overlays/modals/confirm/confirmById.mjs +0 -2
- package/dist/components/overlays/modals/confirm/confirmById.mjs.map +0 -1
- package/dist/components/overlays/modals/registry/createModal.d.mts +0 -15
- package/dist/components/overlays/modals/registry/createModal.d.mts.map +0 -1
- package/dist/components/overlays/modals/registry/createModal.mjs +0 -2
- package/dist/components/overlays/modals/registry/createModal.mjs.map +0 -1
- package/dist/components/overlays/modals/registry/openModalById.d.mts +0 -5
- package/dist/components/overlays/modals/registry/openModalById.d.mts.map +0 -1
- package/dist/components/overlays/modals/registry/openModalById.mjs +0 -2
- package/dist/components/overlays/modals/registry/openModalById.mjs.map +0 -1
- package/dist/components/overlays/modals/registry/registerModal.d.mts +0 -7
- package/dist/components/overlays/modals/registry/registerModal.d.mts.map +0 -1
- package/dist/components/overlays/modals/registry/registerModal.mjs +0 -2
- 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 {
|
|
66
|
-
import {
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
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 {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
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
|
|
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
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
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
|
|
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":"
|
|
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{
|
|
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":[
|
|
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 @@
|
|
|
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 {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
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,
|
|
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{
|
|
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":";;;;;;;
|
|
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{
|
|
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 {
|
|
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.
|
|
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/
|
|
29
|
-
"@mage-ui/
|
|
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 +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 +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 +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 +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 +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 +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 +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 +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 +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 +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"}
|