@payloadcms/ui 3.43.0 → 3.44.0-canary.1
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.
|
@@ -10,7 +10,7 @@ import { drawerZBase, useDrawerDepth } from '../Drawer/index.js';
|
|
|
10
10
|
import './index.scss';
|
|
11
11
|
const baseClass = 'confirmation-modal';
|
|
12
12
|
export function ConfirmationModal(props) {
|
|
13
|
-
const $ = _c(
|
|
13
|
+
const $ = _c(37);
|
|
14
14
|
const {
|
|
15
15
|
body,
|
|
16
16
|
cancelLabel,
|
|
@@ -83,24 +83,44 @@ export function ConfirmationModal(props) {
|
|
|
83
83
|
let t5;
|
|
84
84
|
if ($[12] !== body || $[13] !== cancelLabel || $[14] !== confirmLabel || $[15] !== confirming || $[16] !== confirmingLabel || $[17] !== heading || $[18] !== modalSlug || $[19] !== onCancel || $[20] !== onConfirm || $[21] !== t || $[22] !== t3 || $[23] !== t4) {
|
|
85
85
|
let t6;
|
|
86
|
-
if ($[25] !==
|
|
87
|
-
t6 =
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
$[
|
|
86
|
+
if ($[25] !== heading) {
|
|
87
|
+
t6 = typeof heading === "string" ? _jsx("h1", {
|
|
88
|
+
children: heading
|
|
89
|
+
}) : heading;
|
|
90
|
+
$[25] = heading;
|
|
91
|
+
$[26] = t6;
|
|
91
92
|
} else {
|
|
92
|
-
t6 = $[
|
|
93
|
+
t6 = $[26];
|
|
93
94
|
}
|
|
94
95
|
let t7;
|
|
95
|
-
if ($[
|
|
96
|
-
t7 =
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
$[
|
|
100
|
-
$[
|
|
101
|
-
$[32] = t7;
|
|
96
|
+
if ($[27] !== body) {
|
|
97
|
+
t7 = typeof body === "string" ? _jsx("p", {
|
|
98
|
+
children: body
|
|
99
|
+
}) : body;
|
|
100
|
+
$[27] = body;
|
|
101
|
+
$[28] = t7;
|
|
102
102
|
} else {
|
|
103
|
-
t7 = $[
|
|
103
|
+
t7 = $[28];
|
|
104
|
+
}
|
|
105
|
+
let t8;
|
|
106
|
+
if ($[29] !== cancelLabel || $[30] !== t) {
|
|
107
|
+
t8 = cancelLabel || t("general:cancel");
|
|
108
|
+
$[29] = cancelLabel;
|
|
109
|
+
$[30] = t;
|
|
110
|
+
$[31] = t8;
|
|
111
|
+
} else {
|
|
112
|
+
t8 = $[31];
|
|
113
|
+
}
|
|
114
|
+
let t9;
|
|
115
|
+
if ($[32] !== confirmLabel || $[33] !== confirming || $[34] !== confirmingLabel || $[35] !== t) {
|
|
116
|
+
t9 = confirming ? confirmingLabel || `${t("general:loading")}...` : confirmLabel || t("general:confirm");
|
|
117
|
+
$[32] = confirmLabel;
|
|
118
|
+
$[33] = confirming;
|
|
119
|
+
$[34] = confirmingLabel;
|
|
120
|
+
$[35] = t;
|
|
121
|
+
$[36] = t9;
|
|
122
|
+
} else {
|
|
123
|
+
t9 = $[36];
|
|
104
124
|
}
|
|
105
125
|
t5 = _jsx(Modal, {
|
|
106
126
|
className: t3,
|
|
@@ -112,11 +132,7 @@ export function ConfirmationModal(props) {
|
|
|
112
132
|
className: `${baseClass}__wrapper`,
|
|
113
133
|
children: [_jsxs("div", {
|
|
114
134
|
className: `${baseClass}__content`,
|
|
115
|
-
children: [
|
|
116
|
-
children: heading
|
|
117
|
-
}), _jsx("p", {
|
|
118
|
-
children: body
|
|
119
|
-
})]
|
|
135
|
+
children: [t6, t7]
|
|
120
136
|
}), _jsxs("div", {
|
|
121
137
|
className: `${baseClass}__controls`,
|
|
122
138
|
children: [_jsx(Button, {
|
|
@@ -126,12 +142,12 @@ export function ConfirmationModal(props) {
|
|
|
126
142
|
onClick: onCancel,
|
|
127
143
|
size: "large",
|
|
128
144
|
type: "button",
|
|
129
|
-
children:
|
|
145
|
+
children: t8
|
|
130
146
|
}), _jsx(Button, {
|
|
131
147
|
id: "confirm-action",
|
|
132
148
|
onClick: onConfirm,
|
|
133
149
|
size: "large",
|
|
134
|
-
children:
|
|
150
|
+
children: t9
|
|
135
151
|
})]
|
|
136
152
|
})]
|
|
137
153
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["c","_c","Modal","useModal","React","useCallback","useTranslation","Button","drawerZBase","useDrawerDepth","baseClass","ConfirmationModal","props","$","body","cancelLabel","className","confirmingLabel","confirmLabel","heading","modalSlug","onCancel","onCancelFromProps","onConfirm","onConfirmFromProps","editDepth","confirming","setConfirming","useState","closeModal","t","t0","t1","t2","filter","Boolean","t3","join","t4","t5","t6","t7","
|
|
1
|
+
{"version":3,"file":"index.js","names":["c","_c","Modal","useModal","React","useCallback","useTranslation","Button","drawerZBase","useDrawerDepth","baseClass","ConfirmationModal","props","$","body","cancelLabel","className","confirmingLabel","confirmLabel","heading","modalSlug","onCancel","onCancelFromProps","onConfirm","onConfirmFromProps","editDepth","confirming","setConfirming","useState","closeModal","t","t0","t1","t2","filter","Boolean","t3","join","t4","t5","t6","_jsx","children","t7","t8","t9","slug","style","zIndex","_jsxs","buttonStyle","disabled","id","onClick","size","type"],"sources":["../../../src/elements/ConfirmationModal/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport React, { useCallback } from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { drawerZBase, useDrawerDepth } from '../Drawer/index.js'\nimport './index.scss'\n\nconst baseClass = 'confirmation-modal'\n\nexport type OnCancel = () => void\n\nexport type ConfirmationModalProps = {\n body: React.ReactNode\n cancelLabel?: string\n className?: string\n confirmingLabel?: string\n confirmLabel?: string\n heading: React.ReactNode\n modalSlug: string\n onCancel?: OnCancel\n onConfirm: () => Promise<void> | void\n}\n\nexport function ConfirmationModal(props: ConfirmationModalProps) {\n const {\n body,\n cancelLabel,\n className,\n confirmingLabel,\n confirmLabel,\n heading,\n modalSlug,\n onCancel: onCancelFromProps,\n onConfirm: onConfirmFromProps,\n } = props\n\n const editDepth = useDrawerDepth()\n\n const [confirming, setConfirming] = React.useState(false)\n\n const { closeModal } = useModal()\n const { t } = useTranslation()\n\n const onConfirm = useCallback(async () => {\n if (!confirming) {\n setConfirming(true)\n\n if (typeof onConfirmFromProps === 'function') {\n await onConfirmFromProps()\n }\n\n setConfirming(false)\n closeModal(modalSlug)\n }\n }, [confirming, onConfirmFromProps, closeModal, modalSlug])\n\n const onCancel = useCallback(() => {\n if (!confirming) {\n closeModal(modalSlug)\n\n if (typeof onCancelFromProps === 'function') {\n onCancelFromProps()\n }\n }\n }, [confirming, onCancelFromProps, closeModal, modalSlug])\n\n return (\n <Modal\n className={[baseClass, className].filter(Boolean).join(' ')}\n slug={modalSlug}\n style={{\n zIndex: drawerZBase + editDepth,\n }}\n >\n <div className={`${baseClass}__wrapper`}>\n <div className={`${baseClass}__content`}>\n {typeof heading === 'string' ? <h1>{heading}</h1> : heading}\n {typeof body === 'string' ? <p>{body}</p> : body}\n </div>\n <div className={`${baseClass}__controls`}>\n <Button\n buttonStyle=\"secondary\"\n disabled={confirming}\n id=\"confirm-cancel\"\n onClick={onCancel}\n size=\"large\"\n type=\"button\"\n >\n {cancelLabel || t('general:cancel')}\n </Button>\n <Button id=\"confirm-action\" onClick={onConfirm} size=\"large\">\n {confirming\n ? confirmingLabel || `${t('general:loading')}...`\n : confirmLabel || t('general:confirm')}\n </Button>\n </div>\n </div>\n </Modal>\n )\n}\n"],"mappings":"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","ignoreList":[]}
|