@payloadcms/ui 3.55.0-canary.3 → 3.55.0-internal.d44d1d3
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/elements/BulkUpload/EditForm/index.js +18 -4
- package/dist/elements/BulkUpload/EditForm/index.js.map +1 -1
- package/dist/elements/ClipboardAction/index.js +74 -173
- package/dist/elements/ClipboardAction/index.js.map +1 -1
- package/dist/elements/CodeEditor/CodeEditor.js +67 -155
- package/dist/elements/CodeEditor/CodeEditor.js.map +1 -1
- package/dist/elements/Collapsible/index.js +7 -15
- package/dist/elements/Collapsible/index.js.map +1 -1
- package/dist/elements/ConfirmationModal/index.js +8 -44
- package/dist/elements/ConfirmationModal/index.js.map +1 -1
- package/dist/elements/CopyLocaleData/index.js +89 -97
- package/dist/elements/CopyLocaleData/index.js.map +1 -1
- package/dist/elements/CopyToClipboard/index.js +2 -22
- package/dist/elements/CopyToClipboard/index.js.map +1 -1
- package/dist/elements/DeleteMany/index.js +47 -83
- package/dist/elements/DeleteMany/index.js.map +1 -1
- package/dist/elements/DocumentControls/index.js +27 -55
- package/dist/elements/DocumentControls/index.js.map +1 -1
- package/dist/elements/DocumentDrawer/DrawerHeader/index.js +2 -10
- package/dist/elements/DocumentDrawer/DrawerHeader/index.js.map +1 -1
- package/dist/elements/DocumentDrawer/index.js +47 -99
- package/dist/elements/DocumentDrawer/index.js.map +1 -1
- package/dist/elements/Drawer/index.js +23 -57
- package/dist/elements/Drawer/index.js.map +1 -1
- package/dist/elements/DrawerActionHeader/index.js +3 -21
- package/dist/elements/DrawerActionHeader/index.js.map +1 -1
- package/dist/elements/FolderView/Drawers/MoveToFolder/index.js +149 -225
- package/dist/elements/FolderView/Drawers/MoveToFolder/index.js.map +1 -1
- package/dist/elements/FolderView/FolderFileCard/index.js +19 -27
- package/dist/elements/FolderView/FolderFileCard/index.js.map +1 -1
- package/dist/elements/FolderView/MoveDocToFolder/index.js +12 -23
- package/dist/elements/FolderView/MoveDocToFolder/index.js.map +1 -1
- package/dist/elements/FullscreenModal/index.js +10 -20
- package/dist/elements/FullscreenModal/index.js.map +1 -1
- package/dist/elements/ListDrawer/index.js +18 -24
- package/dist/elements/ListDrawer/index.js.map +1 -1
- package/dist/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.js +19 -32
- package/dist/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.js.map +1 -1
- package/dist/elements/ListHeaderTabs/DefaultListPill.js +15 -8
- package/dist/elements/ListHeaderTabs/DefaultListPill.js.map +1 -1
- package/dist/elements/ListSelection/index.js +11 -27
- package/dist/elements/ListSelection/index.js.map +1 -1
- package/dist/elements/LivePreview/Window/index.js +68 -139
- package/dist/elements/LivePreview/Window/index.js.map +1 -1
- package/dist/elements/Loading/index.js +2 -11
- package/dist/elements/Loading/index.js.map +1 -1
- package/dist/elements/LoadingOverlay/index.js +46 -102
- package/dist/elements/LoadingOverlay/index.js.map +1 -1
- package/dist/elements/Localizer/LocalizerLabel/index.js +23 -36
- package/dist/elements/Localizer/LocalizerLabel/index.js.map +1 -1
- package/dist/elements/QueryPresets/QueryPresetToggler/index.js +41 -139
- package/dist/elements/QueryPresets/QueryPresetToggler/index.js.map +1 -1
- package/dist/elements/RenderIfInViewport/index.d.ts +2 -2
- package/dist/elements/RenderIfInViewport/index.d.ts.map +1 -1
- package/dist/elements/RenderIfInViewport/index.js.map +1 -1
- package/dist/elements/SelectRow/index.js +39 -40
- package/dist/elements/SelectRow/index.js.map +1 -1
- package/dist/elements/ShimmerEffect/index.js +20 -12
- package/dist/elements/ShimmerEffect/index.js.map +1 -1
- package/dist/elements/SortColumn/index.js +21 -30
- package/dist/elements/SortColumn/index.js.map +1 -1
- package/dist/elements/Table/DefaultCell/fields/Date/index.js +9 -37
- package/dist/elements/Table/DefaultCell/fields/Date/index.js.map +1 -1
- package/dist/elements/Table/DefaultCell/fields/Relationship/index.js +35 -37
- package/dist/elements/Table/DefaultCell/fields/Relationship/index.js.map +1 -1
- package/dist/elements/Table/DefaultCell/fields/Select/index.js +12 -27
- package/dist/elements/Table/DefaultCell/fields/Select/index.js.map +1 -1
- package/dist/elements/Thumbnail/index.js +35 -75
- package/dist/elements/Thumbnail/index.js.map +1 -1
- package/dist/elements/ThumbnailCard/index.js +17 -26
- package/dist/elements/ThumbnailCard/index.js.map +1 -1
- package/dist/elements/Tooltip/index.js +51 -127
- package/dist/elements/Tooltip/index.js.map +1 -1
- package/dist/elements/Upload/index.js +2 -10
- package/dist/elements/Upload/index.js.map +1 -1
- package/dist/elements/WhereBuilder/Condition/Select/index.js +31 -44
- package/dist/elements/WhereBuilder/Condition/Select/index.js.map +1 -1
- package/dist/exports/client/{CodeEditor-MIIBUJZ4.js → CodeEditor-O6BWJHD2.js} +2 -2
- package/dist/exports/client/{DatePicker-NMDEHPWL.js → DatePicker-F432AIH3.js} +2 -2
- package/dist/exports/client/{chunk-7RGKTZG2.js → chunk-AZDI6MW4.js} +1 -1
- package/dist/exports/client/{chunk-7RGKTZG2.js.map → chunk-AZDI6MW4.js.map} +1 -1
- package/dist/exports/client/{chunk-Z6O2JA43.js → chunk-FXAFULZQ.js} +6 -6
- package/dist/exports/client/{chunk-Z6O2JA43.js.map → chunk-FXAFULZQ.js.map} +3 -3
- package/dist/exports/client/index.d.ts +3 -2
- package/dist/exports/client/index.d.ts.map +1 -1
- package/dist/exports/client/index.js +12 -12
- package/dist/exports/client/index.js.map +4 -4
- package/dist/fields/Array/ArrayRow.d.ts +2 -3
- package/dist/fields/Array/ArrayRow.d.ts.map +1 -1
- package/dist/fields/Array/ArrayRow.js +13 -23
- package/dist/fields/Array/ArrayRow.js.map +1 -1
- package/dist/fields/Array/index.js +273 -477
- package/dist/fields/Array/index.js.map +1 -1
- package/dist/fields/Checkbox/Input.js +2 -19
- package/dist/fields/Checkbox/Input.js.map +1 -1
- package/dist/fields/FieldError/index.js +30 -29
- package/dist/fields/FieldError/index.js.map +1 -1
- package/dist/fields/FieldLabel/index.js +12 -64
- package/dist/fields/FieldLabel/index.js.map +1 -1
- package/dist/fields/Relationship/select-components/MultiValueLabel/index.js +45 -103
- package/dist/fields/Relationship/select-components/MultiValueLabel/index.js.map +1 -1
- package/dist/fields/Relationship/select-components/SingleValue/index.js +29 -44
- package/dist/fields/Relationship/select-components/SingleValue/index.js.map +1 -1
- package/dist/fields/Row/index.d.ts +1 -3
- package/dist/fields/Row/index.d.ts.map +1 -1
- package/dist/fields/Select/Input.js +18 -31
- package/dist/fields/Select/Input.js.map +1 -1
- package/dist/fields/Tabs/Tab/index.js +2 -11
- package/dist/fields/Tabs/Tab/index.js.map +1 -1
- package/dist/fields/Tabs/index.d.ts +2 -1
- package/dist/fields/Tabs/index.d.ts.map +1 -1
- package/dist/fields/Tabs/index.js +185 -225
- package/dist/fields/Tabs/index.js.map +1 -1
- package/dist/fields/Upload/RelationshipContent/index.js +79 -127
- package/dist/fields/Upload/RelationshipContent/index.js.map +1 -1
- package/dist/forms/RenderFields/RenderField.js +245 -237
- package/dist/forms/RenderFields/RenderField.js.map +1 -1
- package/dist/forms/RenderFields/types.d.ts +2 -10
- package/dist/forms/RenderFields/types.d.ts.map +1 -1
- package/dist/forms/RenderFields/types.js.map +1 -1
- package/dist/forms/useField/index.d.ts +5 -0
- package/dist/forms/useField/index.d.ts.map +1 -1
- package/dist/forms/useField/index.js +74 -45
- package/dist/forms/useField/index.js.map +1 -1
- package/dist/hooks/useIntersect.js +35 -53
- package/dist/hooks/useIntersect.js.map +1 -1
- package/dist/hooks/usePayloadAPI.js +36 -44
- package/dist/hooks/usePayloadAPI.js.map +1 -1
- package/dist/providers/ServerFunctions/index.d.ts +1 -1
- package/dist/providers/ServerFunctions/index.d.ts.map +1 -1
- package/dist/providers/ServerFunctions/index.js.map +1 -1
- package/dist/views/BrowseByFolder/index.js +37 -55
- package/dist/views/BrowseByFolder/index.js.map +1 -1
- package/dist/views/CollectionFolder/index.js +13 -40
- package/dist/views/CollectionFolder/index.js.map +1 -1
- package/dist/views/Edit/Auth/index.js +93 -105
- package/dist/views/Edit/Auth/index.js.map +1 -1
- package/package.json +8 -8
- /package/dist/exports/client/{CodeEditor-MIIBUJZ4.js.map → CodeEditor-O6BWJHD2.js.map} +0 -0
- /package/dist/exports/client/{DatePicker-NMDEHPWL.js.map → DatePicker-F432AIH3.js.map} +0 -0
|
@@ -10,7 +10,7 @@ import { useTranslation } from '../../providers/Translation/index.js';
|
|
|
10
10
|
import './index.scss';
|
|
11
11
|
const baseClass = 'loading-overlay';
|
|
12
12
|
export const LoadingOverlay = t0 => {
|
|
13
|
-
const $ = _c(
|
|
13
|
+
const $ = _c(8);
|
|
14
14
|
const {
|
|
15
15
|
animationDuration,
|
|
16
16
|
loadingText,
|
|
@@ -36,15 +36,6 @@ export const LoadingOverlay = t0 => {
|
|
|
36
36
|
const t6 = animationDuration || "500ms";
|
|
37
37
|
let t7;
|
|
38
38
|
if ($[3] !== loadingText || $[4] !== t || $[5] !== t5 || $[6] !== t6) {
|
|
39
|
-
let t8;
|
|
40
|
-
if ($[8] !== loadingText || $[9] !== t) {
|
|
41
|
-
t8 = loadingText || t("general:loading");
|
|
42
|
-
$[8] = loadingText;
|
|
43
|
-
$[9] = t;
|
|
44
|
-
$[10] = t8;
|
|
45
|
-
} else {
|
|
46
|
-
t8 = $[10];
|
|
47
|
-
}
|
|
48
39
|
t7 = _jsxs("div", {
|
|
49
40
|
className: t5,
|
|
50
41
|
style: {
|
|
@@ -65,7 +56,7 @@ export const LoadingOverlay = t0 => {
|
|
|
65
56
|
})]
|
|
66
57
|
}), _jsx("span", {
|
|
67
58
|
className: `${baseClass}__text`,
|
|
68
|
-
children:
|
|
59
|
+
children: loadingText || t("general:loading")
|
|
69
60
|
})]
|
|
70
61
|
});
|
|
71
62
|
$[3] = loadingText;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useLoadingOverlay","useFormProcessing","useTranslation","baseClass","LoadingOverlay","t0","$","animationDuration","loadingText","overlayType","show","t1","undefined","t","t2","t3","t4","filter","Boolean","t5","join","t6","t7","
|
|
1
|
+
{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useLoadingOverlay","useFormProcessing","useTranslation","baseClass","LoadingOverlay","t0","$","animationDuration","loadingText","overlayType","show","t1","undefined","t","t2","t3","t4","filter","Boolean","t5","join","t6","t7","_jsxs","className","style","children","_jsx","LoadingOverlayToggle","name","key","type","toggleLoadingOverlay","isLoading","useEffect","FormLoadingOverlayToggle","action","formIsLoading","loadingSuffix","isProcessing","i18n","labels","create","loading","update","trim"],"sources":["../../../src/elements/Loading/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { LoadingOverlayTypes } from '../../elements/LoadingOverlay/types.js'\n\nimport { useLoadingOverlay } from '../../elements/LoadingOverlay/index.js'\nimport { useFormProcessing } from '../../forms/Form/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'loading-overlay'\n\ntype LoadingOverlayProps = {\n animationDuration?: string\n loadingText?: string\n overlayType?: string\n show?: boolean\n}\n\nexport const LoadingOverlay: React.FC<LoadingOverlayProps> = ({\n animationDuration,\n loadingText,\n overlayType,\n show = true,\n}) => {\n const { t } = useTranslation()\n\n return (\n <div\n className={[\n baseClass,\n show ? `${baseClass}--entering` : `${baseClass}--exiting`,\n overlayType ? `${baseClass}--${overlayType}` : '',\n ]\n .filter(Boolean)\n .join(' ')}\n style={{\n animationDuration: animationDuration || '500ms',\n }}\n >\n <div className={`${baseClass}__bars`}>\n <div className={`${baseClass}__bar`} />\n <div className={`${baseClass}__bar`} />\n <div className={`${baseClass}__bar`} />\n <div className={`${baseClass}__bar`} />\n <div className={`${baseClass}__bar`} />\n </div>\n\n <span className={`${baseClass}__text`}>{loadingText || t('general:loading')}</span>\n </div>\n )\n}\n\nexport type UseLoadingOverlayToggleProps = {\n loadingText?: string\n name: string\n show: boolean\n type?: LoadingOverlayTypes\n}\nexport const LoadingOverlayToggle: React.FC<UseLoadingOverlayToggleProps> = ({\n name: key,\n type = 'fullscreen',\n loadingText,\n show,\n}) => {\n const { toggleLoadingOverlay } = useLoadingOverlay()\n\n React.useEffect(() => {\n toggleLoadingOverlay({\n type,\n isLoading: show,\n key,\n loadingText: loadingText || undefined,\n })\n\n return () => {\n toggleLoadingOverlay({\n type,\n isLoading: false,\n key,\n })\n }\n }, [show, toggleLoadingOverlay, key, type, loadingText])\n\n return null\n}\n\nexport type FormLoadingOverlayToggleProps = {\n action: 'create' | 'loading' | 'update'\n formIsLoading?: boolean\n loadingSuffix?: string\n name: string\n type?: LoadingOverlayTypes\n}\n\nexport const FormLoadingOverlayToggle: React.FC<FormLoadingOverlayToggleProps> = ({\n name,\n type = 'fullscreen',\n action,\n formIsLoading = false,\n loadingSuffix,\n}) => {\n const isProcessing = useFormProcessing()\n const { i18n, t } = useTranslation()\n\n const labels = {\n create: t('general:creating'),\n loading: t('general:loading'),\n update: t('general:updating'),\n }\n\n return (\n <LoadingOverlayToggle\n loadingText={`${labels[action]} ${\n loadingSuffix ? getTranslation(loadingSuffix, i18n) : ''\n }`.trim()}\n name={name}\n show={formIsLoading || isProcessing}\n type={type}\n />\n )\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import { c as _c } from "react/compiler-runtime";
|
|
4
3
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
4
|
import React, { createContext } from 'react';
|
|
6
5
|
import { LoadingOverlay } from '../../elements/Loading/index.js';
|
|
@@ -12,118 +11,63 @@ const Context = /*#__PURE__*/createContext({
|
|
|
12
11
|
isOnScreen: false,
|
|
13
12
|
toggleLoadingOverlay: undefined
|
|
14
13
|
});
|
|
15
|
-
export const LoadingOverlayProvider =
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
children
|
|
19
|
-
} = t0;
|
|
14
|
+
export const LoadingOverlayProvider = ({
|
|
15
|
+
children
|
|
16
|
+
}) => {
|
|
20
17
|
const {
|
|
21
18
|
t
|
|
22
19
|
} = useTranslation();
|
|
23
|
-
|
|
24
|
-
if ($[0] !== t) {
|
|
25
|
-
t1 = t("general:loading");
|
|
26
|
-
$[0] = t;
|
|
27
|
-
$[1] = t1;
|
|
28
|
-
} else {
|
|
29
|
-
t1 = $[1];
|
|
30
|
-
}
|
|
31
|
-
const fallbackText = t1;
|
|
20
|
+
const fallbackText = t('general:loading');
|
|
32
21
|
const [overlays, dispatchOverlay] = React.useReducer(reducer, defaultLoadingOverlayState);
|
|
33
|
-
let t2;
|
|
34
|
-
if ($[2] !== overlays.isLoading) {
|
|
35
|
-
t2 = {
|
|
36
|
-
delayBeforeShow: 1000,
|
|
37
|
-
inTimeout: animatedDuration,
|
|
38
|
-
minShowTime: 500,
|
|
39
|
-
outTimeout: animatedDuration,
|
|
40
|
-
show: overlays.isLoading
|
|
41
|
-
};
|
|
42
|
-
$[2] = overlays.isLoading;
|
|
43
|
-
$[3] = t2;
|
|
44
|
-
} else {
|
|
45
|
-
t2 = $[3];
|
|
46
|
-
}
|
|
47
22
|
const {
|
|
48
23
|
isMounted,
|
|
49
24
|
isUnmounting,
|
|
50
25
|
triggerDelayedRender
|
|
51
|
-
} = useDelayedRender(
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
dispatchOverlay({
|
|
74
|
-
type: "remove",
|
|
75
|
-
payload: {
|
|
76
|
-
type,
|
|
77
|
-
key
|
|
78
|
-
}
|
|
79
|
-
});
|
|
80
|
-
}
|
|
81
|
-
};
|
|
82
|
-
$[4] = fallbackText;
|
|
83
|
-
$[5] = triggerDelayedRender;
|
|
84
|
-
$[6] = t3;
|
|
85
|
-
} else {
|
|
86
|
-
t3 = $[6];
|
|
87
|
-
}
|
|
88
|
-
const toggleLoadingOverlay = t3;
|
|
89
|
-
let t4;
|
|
90
|
-
if ($[7] !== children || $[8] !== fallbackText || $[9] !== isMounted || $[10] !== isUnmounting || $[11] !== overlays.loadingText || $[12] !== overlays.overlayType || $[13] !== toggleLoadingOverlay) {
|
|
91
|
-
let t5;
|
|
92
|
-
if ($[15] !== fallbackText || $[16] !== isMounted || $[17] !== isUnmounting || $[18] !== overlays.loadingText || $[19] !== overlays.overlayType) {
|
|
93
|
-
t5 = isMounted && _jsx(LoadingOverlay, {
|
|
94
|
-
animationDuration: `${animatedDuration}ms`,
|
|
95
|
-
loadingText: overlays.loadingText || fallbackText,
|
|
96
|
-
overlayType: overlays.overlayType,
|
|
97
|
-
show: !isUnmounting
|
|
26
|
+
} = useDelayedRender({
|
|
27
|
+
delayBeforeShow: 1000,
|
|
28
|
+
inTimeout: animatedDuration,
|
|
29
|
+
minShowTime: 500,
|
|
30
|
+
outTimeout: animatedDuration,
|
|
31
|
+
show: overlays.isLoading
|
|
32
|
+
});
|
|
33
|
+
const toggleLoadingOverlay = React.useCallback(({
|
|
34
|
+
type,
|
|
35
|
+
isLoading,
|
|
36
|
+
key,
|
|
37
|
+
loadingText = fallbackText
|
|
38
|
+
}) => {
|
|
39
|
+
if (isLoading) {
|
|
40
|
+
triggerDelayedRender();
|
|
41
|
+
dispatchOverlay({
|
|
42
|
+
type: 'add',
|
|
43
|
+
payload: {
|
|
44
|
+
type,
|
|
45
|
+
key,
|
|
46
|
+
loadingText
|
|
47
|
+
}
|
|
98
48
|
});
|
|
99
|
-
$[15] = fallbackText;
|
|
100
|
-
$[16] = isMounted;
|
|
101
|
-
$[17] = isUnmounting;
|
|
102
|
-
$[18] = overlays.loadingText;
|
|
103
|
-
$[19] = overlays.overlayType;
|
|
104
|
-
$[20] = t5;
|
|
105
49
|
} else {
|
|
106
|
-
|
|
50
|
+
dispatchOverlay({
|
|
51
|
+
type: 'remove',
|
|
52
|
+
payload: {
|
|
53
|
+
type,
|
|
54
|
+
key
|
|
55
|
+
}
|
|
56
|
+
});
|
|
107
57
|
}
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
$[13] = toggleLoadingOverlay;
|
|
122
|
-
$[14] = t4;
|
|
123
|
-
} else {
|
|
124
|
-
t4 = $[14];
|
|
125
|
-
}
|
|
126
|
-
return t4;
|
|
58
|
+
}, [triggerDelayedRender, fallbackText]);
|
|
59
|
+
return /*#__PURE__*/_jsxs(Context, {
|
|
60
|
+
value: {
|
|
61
|
+
isOnScreen: isMounted,
|
|
62
|
+
toggleLoadingOverlay
|
|
63
|
+
},
|
|
64
|
+
children: [isMounted && /*#__PURE__*/_jsx(LoadingOverlay, {
|
|
65
|
+
animationDuration: `${animatedDuration}ms`,
|
|
66
|
+
loadingText: overlays.loadingText || fallbackText,
|
|
67
|
+
overlayType: overlays.overlayType,
|
|
68
|
+
show: !isUnmounting
|
|
69
|
+
}), children]
|
|
70
|
+
});
|
|
127
71
|
};
|
|
128
72
|
export const useLoadingOverlay = () => {
|
|
129
73
|
const contextHook = React.use(Context);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","createContext","LoadingOverlay","useDelayedRender","useTranslation","defaultLoadingOverlayState","reducer","animatedDuration","Context","isOnScreen","toggleLoadingOverlay","undefined","LoadingOverlayProvider","children","t","fallbackText","overlays","dispatchOverlay","useReducer","isMounted","isUnmounting","triggerDelayedRender","delayBeforeShow","inTimeout","minShowTime","outTimeout","show","isLoading","useCallback","type","key","loadingText","payload","_jsxs","value","_jsx","animationDuration","overlayType","useLoadingOverlay","contextHook","use","Error"],"sources":["../../../src/elements/LoadingOverlay/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext } from 'react'\n\nimport type { LoadingOverlayContext, ToggleLoadingOverlay } from './types.js'\n\nimport { LoadingOverlay } from '../../elements/Loading/index.js'\nimport { useDelayedRender } from '../../hooks/useDelayedRender.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { defaultLoadingOverlayState, reducer } from './reducer.js'\n\nconst animatedDuration = 250\n\nconst Context = createContext({\n isOnScreen: false,\n toggleLoadingOverlay: undefined,\n})\n\nexport const LoadingOverlayProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n const { t } = useTranslation()\n const fallbackText = t('general:loading')\n const [overlays, dispatchOverlay] = React.useReducer(reducer, defaultLoadingOverlayState)\n\n const { isMounted, isUnmounting, triggerDelayedRender } = useDelayedRender({\n delayBeforeShow: 1000,\n inTimeout: animatedDuration,\n minShowTime: 500,\n outTimeout: animatedDuration,\n show: overlays.isLoading,\n })\n\n const toggleLoadingOverlay = React.useCallback<ToggleLoadingOverlay>(\n ({ type, isLoading, key, loadingText = fallbackText }) => {\n if (isLoading) {\n triggerDelayedRender()\n dispatchOverlay({\n type: 'add',\n payload: {\n type,\n key,\n loadingText,\n },\n })\n } else {\n dispatchOverlay({\n type: 'remove',\n payload: {\n type,\n key,\n },\n })\n }\n },\n [triggerDelayedRender, fallbackText],\n )\n\n return (\n <Context\n value={{\n isOnScreen: isMounted,\n toggleLoadingOverlay,\n }}\n >\n {isMounted && (\n <LoadingOverlay\n animationDuration={`${animatedDuration}ms`}\n loadingText={overlays.loadingText || fallbackText}\n overlayType={overlays.overlayType}\n show={!isUnmounting}\n />\n )}\n {children}\n </Context>\n )\n}\n\nexport const useLoadingOverlay = (): LoadingOverlayContext => {\n const contextHook = React.use(Context)\n if (contextHook === undefined) {\n throw new Error('useLoadingOverlay must be used within a LoadingOverlayProvider')\n }\n\n return contextHook\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,aAAa,QAAQ;AAIrC,SAASC,cAAc,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,cAAc,QAAQ;AAC/B,SAASC,0BAA0B,EAAEC,OAAO,QAAQ;AAEpD,MAAMC,gBAAA,GAAmB;AAEzB,MAAMC,OAAA,gBAAUP,aAAA,CAAc;EAC5BQ,UAAA,EAAY;EACZC,oBAAA,EAAsBC;AACxB;AAEA,OAAO,MAAMC,sBAAA,GAAmEA,CAAC;EAAEC;AAAQ,CAAE;EAC3F,MAAM;IAAEC;EAAC,CAAE,GAAGV,cAAA;EACd,MAAMW,YAAA,GAAeD,CAAA,CAAE;EACvB,MAAM,CAACE,QAAA,EAAUC,eAAA,CAAgB,GAAGjB,KAAA,CAAMkB,UAAU,CAACZ,OAAA,EAASD,0BAAA;EAE9D,MAAM;IAAEc,SAAS;IAAEC,YAAY;IAAEC;EAAoB,CAAE,GAAGlB,gBAAA,CAAiB;IACzEmB,eAAA,EAAiB;IACjBC,SAAA,EAAWhB,gBAAA;IACXiB,WAAA,EAAa;IACbC,UAAA,EAAYlB,gBAAA;IACZmB,IAAA,EAAMV,QAAA,CAASW;EACjB;EAEA,MAAMjB,oBAAA,GAAuBV,KAAA,CAAM4B,WAAW,CAC5C,CAAC;IAAEC,IAAI;IAAEF,SAAS;IAAEG,GAAG;IAAEC,WAAA,GAAchB;EAAY,CAAE;IACnD,IAAIY,SAAA,EAAW;MACbN,oBAAA;MACAJ,eAAA,CAAgB;QACdY,IAAA,EAAM;QACNG,OAAA,EAAS;UACPH,IAAA;UACAC,GAAA;UACAC;QACF;MACF;IACF,OAAO;MACLd,eAAA,CAAgB;QACdY,IAAA,EAAM;QACNG,OAAA,EAAS;UACPH,IAAA;UACAC;QACF;MACF;IACF;EACF,GACA,CAACT,oBAAA,EAAsBN,YAAA,CAAa;EAGtC,oBACEkB,KAAA,CAACzB,OAAA;IACC0B,KAAA,EAAO;MACLzB,UAAA,EAAYU,SAAA;MACZT;IACF;eAECS,SAAA,iBACCgB,IAAA,CAACjC,cAAA;MACCkC,iBAAA,EAAmB,GAAG7B,gBAAA,IAAoB;MAC1CwB,WAAA,EAAaf,QAAA,CAASe,WAAW,IAAIhB,YAAA;MACrCsB,WAAA,EAAarB,QAAA,CAASqB,WAAW;MACjCX,IAAA,EAAM,CAACN;QAGVP,QAAA;;AAGP;AAEA,OAAO,MAAMyB,iBAAA,GAAoBA,CAAA;EAC/B,MAAMC,WAAA,GAAcvC,KAAA,CAAMwC,GAAG,CAAChC,OAAA;EAC9B,IAAI+B,WAAA,KAAgB5B,SAAA,EAAW;IAC7B,MAAM,IAAI8B,KAAA,CAAM;EAClB;EAEA,OAAOF,WAAA;AACT","ignoreList":[]}
|
|
@@ -10,7 +10,7 @@ import { useTranslation } from '../../../providers/Translation/index.js';
|
|
|
10
10
|
import './index.scss';
|
|
11
11
|
const baseClass = 'localizer-button';
|
|
12
12
|
export const LocalizerLabel = props => {
|
|
13
|
-
const $ = _c(
|
|
13
|
+
const $ = _c(8);
|
|
14
14
|
const {
|
|
15
15
|
ariaLabel,
|
|
16
16
|
className
|
|
@@ -21,34 +21,22 @@ export const LocalizerLabel = props => {
|
|
|
21
21
|
t
|
|
22
22
|
} = useTranslation();
|
|
23
23
|
let t0;
|
|
24
|
-
if ($[0] !== ariaLabel || $[1] !== t) {
|
|
25
|
-
|
|
26
|
-
$[
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
} else {
|
|
38
|
-
t1 = $[4];
|
|
39
|
-
}
|
|
40
|
-
const t2 = t1.join(" ");
|
|
41
|
-
const t3 = locale ? locale.code : undefined;
|
|
42
|
-
const t4 = `${t("general:locale")}:`;
|
|
43
|
-
let t5;
|
|
44
|
-
if ($[5] !== i18n || $[6] !== locale.label || $[7] !== t0 || $[8] !== t2 || $[9] !== t3 || $[10] !== t4) {
|
|
45
|
-
t5 = _jsxs("div", {
|
|
46
|
-
"aria-label": t0,
|
|
47
|
-
className: t2,
|
|
48
|
-
"data-locale": t3,
|
|
24
|
+
if ($[0] !== ariaLabel || $[1] !== className || $[2] !== i18n || $[3] !== locale || $[4] !== t) {
|
|
25
|
+
let t1;
|
|
26
|
+
if ($[6] !== className) {
|
|
27
|
+
t1 = [baseClass, className].filter(Boolean);
|
|
28
|
+
$[6] = className;
|
|
29
|
+
$[7] = t1;
|
|
30
|
+
} else {
|
|
31
|
+
t1 = $[7];
|
|
32
|
+
}
|
|
33
|
+
t0 = _jsxs("div", {
|
|
34
|
+
"aria-label": ariaLabel || t("general:locale"),
|
|
35
|
+
className: t1.join(" "),
|
|
36
|
+
"data-locale": locale ? locale.code : undefined,
|
|
49
37
|
children: [_jsxs("div", {
|
|
50
38
|
className: `${baseClass}__label`,
|
|
51
|
-
children: [
|
|
39
|
+
children: [`${t("general:locale")}:`, "\xA0"]
|
|
52
40
|
}), _jsxs("div", {
|
|
53
41
|
className: `${baseClass}__current`,
|
|
54
42
|
children: [_jsx("span", {
|
|
@@ -59,16 +47,15 @@ export const LocalizerLabel = props => {
|
|
|
59
47
|
})]
|
|
60
48
|
})]
|
|
61
49
|
});
|
|
62
|
-
$[
|
|
63
|
-
$[
|
|
64
|
-
$[
|
|
65
|
-
$[
|
|
66
|
-
$[
|
|
67
|
-
$[
|
|
68
|
-
$[11] = t5;
|
|
50
|
+
$[0] = ariaLabel;
|
|
51
|
+
$[1] = className;
|
|
52
|
+
$[2] = i18n;
|
|
53
|
+
$[3] = locale;
|
|
54
|
+
$[4] = t;
|
|
55
|
+
$[5] = t0;
|
|
69
56
|
} else {
|
|
70
|
-
|
|
57
|
+
t0 = $[5];
|
|
71
58
|
}
|
|
72
|
-
return
|
|
59
|
+
return t0;
|
|
73
60
|
};
|
|
74
61
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","ChevronIcon","useLocale","useTranslation","baseClass","LocalizerLabel","props","$","ariaLabel","className","locale","i18n","t","t0","t1","filter","Boolean","
|
|
1
|
+
{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","ChevronIcon","useLocale","useTranslation","baseClass","LocalizerLabel","props","$","ariaLabel","className","locale","i18n","t","t0","t1","filter","Boolean","_jsxs","join","code","undefined","children","_jsx","label"],"sources":["../../../../src/elements/Localizer/LocalizerLabel/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'localizer-button'\n\nexport const LocalizerLabel: React.FC<{\n ariaLabel?: string\n className?: string\n}> = (props) => {\n const { ariaLabel, className } = props\n const locale = useLocale()\n const { i18n, t } = useTranslation()\n\n return (\n <div\n aria-label={ariaLabel || t('general:locale')}\n className={[baseClass, className].filter(Boolean).join(' ')}\n data-locale={locale ? locale.code : undefined}\n >\n <div className={`${baseClass}__label`}>{`${t('general:locale')}:`} </div>\n <div className={`${baseClass}__current`}>\n <span className={`${baseClass}__current-label`}>\n {`${getTranslation(locale.label, i18n)}`}\n </span>\n <ChevronIcon className={`${baseClass}__chevron`} />\n </div>\n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,cAAA,GAGRC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACH;IAAAU,SAAA;IAAAC;EAAA,IAAiCH,KAAA;EACjC,MAAAI,MAAA,GAAeR,SAAA;EACf;IAAAS,IAAA;IAAAC;EAAA,IAAoBT,cAAA;EAAA,IAAAU,EAAA;EAAA,IAAAN,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAK,CAAA;IAAA,IAAAE,EAAA;IAAA,IAAAP,CAAA,QAAAE,SAAA;MAKLK,EAAA,IAAAV,SAAA,EAAYK,SAAA,EAAAM,MAAA,CAAAC,OAAkB;MAAAT,CAAA,MAAAE,SAAA;MAAAF,CAAA,MAAAO,EAAA;IAAA;MAAAA,EAAA,GAAAP,CAAA;IAAA;IAF3CM,EAAA,GAAAI,KAAA,CAAC;MAAA,cACaT,SAAA,IAAaI,CAAA,CAAE;MAAAH,SAAA,EAChBK,EAA8B,CAAAI,IAAA,CAAc;MAAA,eAC1CR,MAAA,GAASA,MAAA,CAAAS,IAAA,GAAAC,SAAc;MAAAC,QAAA,GAEpCJ,KAAA,CAAC;QAAAR,SAAA,EAAe,GAAAL,SAAA,SAAqB;QAAAiB,QAAA,GAAG,GAAGT,CAAA,CAAE,oBAAoB,EAAC;MAAA,C,GAClEK,KAAA,CAAC;QAAAR,SAAA,EAAe,GAAAL,SAAA,WAAuB;QAAAiB,QAAA,GACrCC,IAAA,CAAC;UAAAb,SAAA,EAAgB,GAAAL,SAAA,iBAA6B;UAAAiB,QAAA,EAC3C,GAAGtB,cAAA,CAAeW,MAAA,CAAAa,KAAA,EAAcZ,IAAA;QAAO,C,GAE1CW,IAAA,CAAArB,WAAA;UAAAQ,SAAA,EAAwB,GAAAL,SAAA;QAAuB,C;;;;;;;;;;;;SAVnDS,E;CAcJ","ignoreList":[]}
|
|
@@ -11,7 +11,7 @@ import { Pill } from '../../Pill/index.js';
|
|
|
11
11
|
import './index.scss';
|
|
12
12
|
const baseClass = 'active-query-preset';
|
|
13
13
|
export function QueryPresetToggler(t0) {
|
|
14
|
-
const $ = _c(
|
|
14
|
+
const $ = _c(11);
|
|
15
15
|
const {
|
|
16
16
|
activePreset,
|
|
17
17
|
openPresetListDrawer,
|
|
@@ -25,130 +25,46 @@ export function QueryPresetToggler(t0) {
|
|
|
25
25
|
getEntityConfig
|
|
26
26
|
} = useConfig();
|
|
27
27
|
let t1;
|
|
28
|
-
|
|
29
|
-
let t11;
|
|
30
|
-
let t12;
|
|
31
|
-
let t13;
|
|
32
|
-
let t14;
|
|
33
|
-
let t15;
|
|
34
|
-
let t16;
|
|
35
|
-
let t17;
|
|
36
|
-
let t18;
|
|
37
|
-
let t2;
|
|
38
|
-
let t3;
|
|
39
|
-
let t4;
|
|
40
|
-
let t5;
|
|
41
|
-
let t6;
|
|
42
|
-
let t7;
|
|
43
|
-
let t8;
|
|
44
|
-
let t9;
|
|
45
|
-
if ($[0] !== activePreset || $[1] !== getEntityConfig || $[2] !== i18n || $[3] !== openPresetListDrawer || $[4] !== t) {
|
|
28
|
+
if ($[0] !== activePreset || $[1] !== getEntityConfig || $[2] !== i18n || $[3] !== openPresetListDrawer || $[4] !== resetPreset || $[5] !== t) {
|
|
46
29
|
const presetsConfig = getEntityConfig({
|
|
47
30
|
collectionSlug: "payload-query-presets"
|
|
48
31
|
});
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
$[23] = t19;
|
|
56
|
-
$[24] = t20;
|
|
32
|
+
const t2 = activePreset && `${baseClass}--active`;
|
|
33
|
+
let t3;
|
|
34
|
+
if ($[7] !== t2) {
|
|
35
|
+
t3 = [baseClass, t2].filter(Boolean);
|
|
36
|
+
$[7] = t2;
|
|
37
|
+
$[8] = t3;
|
|
57
38
|
} else {
|
|
58
|
-
|
|
39
|
+
t3 = $[8];
|
|
59
40
|
}
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
t14 = () => {
|
|
41
|
+
let t4;
|
|
42
|
+
if ($[9] !== openPresetListDrawer) {
|
|
43
|
+
t4 = () => {
|
|
64
44
|
openPresetListDrawer();
|
|
65
45
|
};
|
|
66
|
-
$[
|
|
67
|
-
$[
|
|
46
|
+
$[9] = openPresetListDrawer;
|
|
47
|
+
$[10] = t4;
|
|
68
48
|
} else {
|
|
69
|
-
|
|
49
|
+
t4 = $[10];
|
|
70
50
|
}
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
className: `${baseClass}
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
t3 = _jsx;
|
|
89
|
-
t4 = "div";
|
|
90
|
-
t1 = `${baseClass}__label-text`;
|
|
91
|
-
t2 = activePreset?.title || t("general:selectLabel", {
|
|
92
|
-
label: getTranslation(presetsConfig.labels.singular, i18n)
|
|
93
|
-
});
|
|
94
|
-
$[0] = activePreset;
|
|
95
|
-
$[1] = getEntityConfig;
|
|
96
|
-
$[2] = i18n;
|
|
97
|
-
$[3] = openPresetListDrawer;
|
|
98
|
-
$[4] = t;
|
|
99
|
-
$[5] = t1;
|
|
100
|
-
$[6] = t10;
|
|
101
|
-
$[7] = t11;
|
|
102
|
-
$[8] = t12;
|
|
103
|
-
$[9] = t13;
|
|
104
|
-
$[10] = t14;
|
|
105
|
-
$[11] = t15;
|
|
106
|
-
$[12] = t16;
|
|
107
|
-
$[13] = t17;
|
|
108
|
-
$[14] = t18;
|
|
109
|
-
$[15] = t2;
|
|
110
|
-
$[16] = t3;
|
|
111
|
-
$[17] = t4;
|
|
112
|
-
$[18] = t5;
|
|
113
|
-
$[19] = t6;
|
|
114
|
-
$[20] = t7;
|
|
115
|
-
$[21] = t8;
|
|
116
|
-
$[22] = t9;
|
|
117
|
-
} else {
|
|
118
|
-
t1 = $[5];
|
|
119
|
-
t10 = $[6];
|
|
120
|
-
t11 = $[7];
|
|
121
|
-
t12 = $[8];
|
|
122
|
-
t13 = $[9];
|
|
123
|
-
t14 = $[10];
|
|
124
|
-
t15 = $[11];
|
|
125
|
-
t16 = $[12];
|
|
126
|
-
t17 = $[13];
|
|
127
|
-
t18 = $[14];
|
|
128
|
-
t2 = $[15];
|
|
129
|
-
t3 = $[16];
|
|
130
|
-
t4 = $[17];
|
|
131
|
-
t5 = $[18];
|
|
132
|
-
t6 = $[19];
|
|
133
|
-
t7 = $[20];
|
|
134
|
-
t8 = $[21];
|
|
135
|
-
t9 = $[22];
|
|
136
|
-
}
|
|
137
|
-
let t19;
|
|
138
|
-
if ($[29] !== activePreset || $[30] !== resetPreset || $[31] !== t1 || $[32] !== t10 || $[33] !== t11 || $[34] !== t12 || $[35] !== t13 || $[36] !== t14 || $[37] !== t15 || $[38] !== t16 || $[39] !== t17 || $[40] !== t18 || $[41] !== t2 || $[42] !== t3 || $[43] !== t4 || $[44] !== t5 || $[45] !== t6 || $[46] !== t7 || $[47] !== t8 || $[48] !== t9) {
|
|
139
|
-
t19 = t17(t18, {
|
|
140
|
-
className: t12,
|
|
141
|
-
id: t13,
|
|
142
|
-
onClick: t14,
|
|
143
|
-
pillStyle: t15,
|
|
144
|
-
size: t16,
|
|
145
|
-
children: t10(t11, {
|
|
146
|
-
className: t9,
|
|
147
|
-
children: [t8, t6(t7, {
|
|
148
|
-
className: t5,
|
|
149
|
-
children: t3(t4, {
|
|
150
|
-
className: t1,
|
|
151
|
-
children: t2
|
|
51
|
+
t1 = _jsx(Pill, {
|
|
52
|
+
className: t3.join(" "),
|
|
53
|
+
id: "select-preset",
|
|
54
|
+
onClick: t4,
|
|
55
|
+
pillStyle: "light",
|
|
56
|
+
size: "small",
|
|
57
|
+
children: _jsxs("div", {
|
|
58
|
+
className: `${baseClass}__label`,
|
|
59
|
+
children: [activePreset?.isShared && _jsx(PeopleIcon, {
|
|
60
|
+
className: `${baseClass}__shared`
|
|
61
|
+
}), _jsx("div", {
|
|
62
|
+
className: `${baseClass}__label-text-max-width`,
|
|
63
|
+
children: _jsx("div", {
|
|
64
|
+
className: `${baseClass}__label-text`,
|
|
65
|
+
children: activePreset?.title || t("general:selectLabel", {
|
|
66
|
+
label: getTranslation(presetsConfig.labels.singular, i18n)
|
|
67
|
+
})
|
|
152
68
|
})
|
|
153
69
|
}), activePreset ? _jsx("div", {
|
|
154
70
|
className: `${baseClass}__clear`,
|
|
@@ -169,30 +85,16 @@ export function QueryPresetToggler(t0) {
|
|
|
169
85
|
}) : null]
|
|
170
86
|
})
|
|
171
87
|
});
|
|
172
|
-
$[
|
|
173
|
-
$[
|
|
174
|
-
$[
|
|
175
|
-
$[
|
|
176
|
-
$[
|
|
177
|
-
$[
|
|
178
|
-
$[
|
|
179
|
-
$[36] = t14;
|
|
180
|
-
$[37] = t15;
|
|
181
|
-
$[38] = t16;
|
|
182
|
-
$[39] = t17;
|
|
183
|
-
$[40] = t18;
|
|
184
|
-
$[41] = t2;
|
|
185
|
-
$[42] = t3;
|
|
186
|
-
$[43] = t4;
|
|
187
|
-
$[44] = t5;
|
|
188
|
-
$[45] = t6;
|
|
189
|
-
$[46] = t7;
|
|
190
|
-
$[47] = t8;
|
|
191
|
-
$[48] = t9;
|
|
192
|
-
$[49] = t19;
|
|
88
|
+
$[0] = activePreset;
|
|
89
|
+
$[1] = getEntityConfig;
|
|
90
|
+
$[2] = i18n;
|
|
91
|
+
$[3] = openPresetListDrawer;
|
|
92
|
+
$[4] = resetPreset;
|
|
93
|
+
$[5] = t;
|
|
94
|
+
$[6] = t1;
|
|
193
95
|
} else {
|
|
194
|
-
|
|
96
|
+
t1 = $[6];
|
|
195
97
|
}
|
|
196
|
-
return
|
|
98
|
+
return t1;
|
|
197
99
|
}
|
|
198
100
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["c","_c","getTranslation","PeopleIcon","XIcon","useConfig","useTranslation","Pill","baseClass","QueryPresetToggler","t0","$","activePreset","openPresetListDrawer","resetPreset","i18n","t","getEntityConfig","t1","
|
|
1
|
+
{"version":3,"file":"index.js","names":["c","_c","getTranslation","PeopleIcon","XIcon","useConfig","useTranslation","Pill","baseClass","QueryPresetToggler","t0","$","activePreset","openPresetListDrawer","resetPreset","i18n","t","getEntityConfig","t1","presetsConfig","collectionSlug","t2","t3","filter","Boolean","t4","_jsx","className","join","id","onClick","pillStyle","size","children","_jsxs","isShared","title","label","labels","singular","e","stopPropagation","onKeyDown","e_0","key","role","tabIndex"],"sources":["../../../../src/elements/QueryPresets/QueryPresetToggler/index.tsx"],"sourcesContent":["'use client'\nimport type { QueryPreset } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport { PeopleIcon } from '../../../icons/People/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Pill } from '../../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'active-query-preset'\n\nexport function QueryPresetToggler({\n activePreset,\n openPresetListDrawer,\n resetPreset,\n}: {\n activePreset: QueryPreset\n openPresetListDrawer: () => void\n resetPreset: () => Promise<void>\n}) {\n const { i18n, t } = useTranslation()\n const { getEntityConfig } = useConfig()\n\n const presetsConfig = getEntityConfig({\n collectionSlug: 'payload-query-presets',\n })\n\n return (\n <Pill\n className={[baseClass, activePreset && `${baseClass}--active`].filter(Boolean).join(' ')}\n id=\"select-preset\"\n onClick={() => {\n openPresetListDrawer()\n }}\n pillStyle=\"light\"\n size=\"small\"\n >\n <div className={`${baseClass}__label`}>\n {activePreset?.isShared && <PeopleIcon className={`${baseClass}__shared`} />}\n <div className={`${baseClass}__label-text-max-width`}>\n <div className={`${baseClass}__label-text`}>\n {activePreset?.title ||\n t('general:selectLabel', {\n label: getTranslation(presetsConfig.labels.singular, i18n),\n })}\n </div>\n </div>\n {activePreset ? (\n <div\n className={`${baseClass}__clear`}\n id=\"clear-preset\"\n onClick={async (e) => {\n e.stopPropagation()\n await resetPreset()\n }}\n onKeyDown={async (e) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.stopPropagation()\n await resetPreset()\n }\n }}\n role=\"button\"\n tabIndex={0}\n >\n <XIcon />\n </div>\n ) : null}\n </div>\n </Pill>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAE/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,KAAK,QAAQ;AACtB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,IAAI,QAAQ;AACrB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,SAAAC,mBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAA4B;IAAAW,YAAA;IAAAC,oBAAA;IAAAC;EAAA,IAAAJ,EAQlC;EACC;IAAAK,IAAA;IAAAC;EAAA,IAAoBV,cAAA;EACpB;IAAAW;EAAA,IAA4BZ,SAAA;EAAA,IAAAa,EAAA;EAAA,IAAAP,CAAA,QAAAC,YAAA,IAAAD,CAAA,QAAAM,eAAA,IAAAN,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAE,oBAAA,IAAAF,CAAA,QAAAG,WAAA,IAAAH,CAAA,QAAAK,CAAA;IAE5B,MAAAG,aAAA,GAAsBF,eAAA;MAAAG,cAAA,EACJ;IAAA,CAClB;IAI2B,MAAAC,EAAA,GAAAT,YAAA,IAAgB,GAAAJ,SAAA,UAAsB;IAAA,IAAAc,EAAA;IAAA,IAAAX,CAAA,QAAAU,EAAA;MAAlDC,EAAA,IAAAd,SAAA,EAAYa,EAAsC,EAAAE,MAAA,CAAAC,OAAS;MAAAb,CAAA,MAAAU,EAAA;MAAAV,CAAA,MAAAW,EAAA;IAAA;MAAAA,EAAA,GAAAX,CAAA;IAAA;IAAA,IAAAc,EAAA;IAAA,IAAAd,CAAA,QAAAE,oBAAA;MAE7DY,EAAA,GAAAA,CAAA;QACPZ,oBAAA;MAAA;MACFF,CAAA,MAAAE,oBAAA;MAAAF,CAAA,OAAAc,EAAA;IAAA;MAAAA,EAAA,GAAAd,CAAA;IAAA;IALFO,EAAA,GAAAQ,IAAA,CAAAnB,IAAA;MAAAoB,SAAA,EACaL,EAA2D,CAAAM,IAAA,CAAc;MAAAC,EAAA,EACjF;MAAAC,OAAA,EACML,EAET;MAAAM,SAAA,EACU;MAAAC,IAAA,EACL;MAAAC,QAAA,EAELC,KAAA,CAAC;QAAAP,SAAA,EAAe,GAAAnB,SAAA,SAAqB;QAAAyB,QAAA,GAClCrB,YAAA,EAAAuB,QAAA,IAA0BT,IAAA,CAAAvB,UAAA;UAAAwB,SAAA,EAAuB,GAAAnB,SAAA;QAAsB,C,GACxEkB,IAAA,CAAC;UAAAC,SAAA,EAAe,GAAAnB,SAAA,wBAAoC;UAAAyB,QAAA,EAClDP,IAAA,CAAC;YAAAC,SAAA,EAAe,GAAAnB,SAAA,cAA0B;YAAAyB,QAAA,EACvCrB,YAAA,EAAAwB,KAAA,IACCpB,CAAA,CAAE;cAAAqB,KAAA,EACOnC,cAAA,CAAeiB,aAAA,CAAAmB,MAAA,CAAAC,QAAA,EAA+BxB,IAAA;YAAA,CACvD;UAAA,C;YAGLH,YAAA,GACCc,IAAA,CAAC;UAAAC,SAAA,EACY,GAAAnB,SAAA,SAAqB;UAAAqB,EAAA,EAC7B;UAAAC,OAAA,QAAAU,CAAA;YAEDA,CAAA,CAAAC,eAAA,CAAiB;YAAA,MACX3B,WAAA;UAAA;UAAA4B,SAAA,QAAAC,GAAA;YAAA,IAGFH,GAAA,CAAAI,GAAA,KAAU,WAAWJ,GAAA,CAAAI,GAAA,KAAU;cACjCJ,GAAA,CAAAC,eAAA,CAAiB;cAAA,MACX3B,WAAA;YAAA;UAAA;UAAA+B,IAAA,EAGL;UAAAC,QAAA;UAAAb,QAAA,EAGLP,IAAA,CAAAtB,KAAA,IAAC;QAAA,C,QAED;MAAA,C;;;;;;;;;;;;SAtCRc,E","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
+
import type { ClientComponentProps } from 'payload';
|
|
1
2
|
import React from 'react';
|
|
2
3
|
export declare const RenderIfInViewport: React.FC<{
|
|
3
4
|
children: React.ReactNode;
|
|
4
5
|
className?: string;
|
|
5
|
-
|
|
6
|
-
}>;
|
|
6
|
+
} & Pick<ClientComponentProps, 'forceRender'>>;
|
|
7
7
|
//# sourceMappingURL=index.d.ts.map
|