@payloadcms/ui 3.68.0-internal-debug.185cc5f → 3.68.0-internal-debug.dafc24d

package/dist/elements/Collapsible/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useState } from 'react';
 import { ChevronIcon } from '../../icons/Chevron/index.js';
 import { DragHandleIcon } from '../../icons/DragHandle/index.js';
@@ -31,7 +31,7 @@ export { CollapsibleProvider, useCollapsible };
         onToggle,
         isCollapsed
     ]);
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             baseClass,
             className,
@@ -41,67 +41,123 @@ export { CollapsibleProvider, useCollapsible };
             hoveringToggle && !disableHeaderToggle && `${baseClass}--hovered`,
             `${baseClass}--style-${collapsibleStyle}`
         ].filter(Boolean).join(' '),
-        children: /*#__PURE__*/ _jsxs(CollapsibleProvider, {
+        children: /*#__PURE__*/ _jsxDEV(CollapsibleProvider, {
             isCollapsed: isCollapsed,
             toggle: toggleCollapsible,
             children: [
-                /*#__PURE__*/ _jsxs("div", {
+                /*#__PURE__*/ _jsxDEV("div", {
                     className: `${baseClass}__toggle-wrap${disableHeaderToggle ? ' toggle-disabled' : ''}`,
                     onMouseEnter: ()=>setHoveringToggle(true),
                     onMouseLeave: ()=>setHoveringToggle(false),
                     children: [
-                        !disableHeaderToggle && /*#__PURE__*/ _jsx("button", {
+                        !disableHeaderToggle && /*#__PURE__*/ _jsxDEV("button", {
                             className: [
                                 `${baseClass}__toggle`,
                                 `${baseClass}__toggle--${isCollapsed ? 'collapsed' : 'open'}`
                             ].filter(Boolean).join(' '),
                             onClick: toggleCollapsible,
                             type: "button",
-                            children: /*#__PURE__*/ _jsx("span", {
+                            children: /*#__PURE__*/ _jsxDEV("span", {
                                 children: t('fields:toggleBlock')
-                            })
-                        }),
-                        dragHandleProps && /*#__PURE__*/ _jsx("div", {
+                            }, void 0, false, {
+                                fileName: "src/elements/Collapsible/index.tsx",
+                                lineNumber: 101,
+                                columnNumber: 15
+                            }, this)
+                        }, void 0, false, {
+                            fileName: "src/elements/Collapsible/index.tsx",
+                            lineNumber: 91,
+                            columnNumber: 13
+                        }, this),
+                        dragHandleProps && /*#__PURE__*/ _jsxDEV("div", {
                             className: `${baseClass}__drag`,
                             ...dragHandleProps.attributes,
                             ...dragHandleProps.listeners,
-                            children: /*#__PURE__*/ _jsx(DragHandleIcon, {})
-                        }),
-                        header ? /*#__PURE__*/ _jsx("div", {
+                            children: /*#__PURE__*/ _jsxDEV(DragHandleIcon, {}, void 0, false, {
+                                fileName: "src/elements/Collapsible/index.tsx",
+                                lineNumber: 111,
+                                columnNumber: 15
+                            }, this)
+                        }, void 0, false, {
+                            fileName: "src/elements/Collapsible/index.tsx",
+                            lineNumber: 106,
+                            columnNumber: 13
+                        }, this),
+                        header ? /*#__PURE__*/ _jsxDEV("div", {
                             className: [
                                 `${baseClass}__header-wrap`,
                                 dragHandleProps && `${baseClass}__header-wrap--has-drag-handle`
                             ].filter(Boolean).join(' '),
                             children: header
-                        }) : null,
-                        /*#__PURE__*/ _jsxs("div", {
+                        }, void 0, false, {
+                            fileName: "src/elements/Collapsible/index.tsx",
+                            lineNumber: 115,
+                            columnNumber: 13
+                        }, this) : null,
+                        /*#__PURE__*/ _jsxDEV("div", {
                             className: `${baseClass}__actions-wrap`,
                             children: [
-                                actions ? /*#__PURE__*/ _jsx("div", {
+                                actions ? /*#__PURE__*/ _jsxDEV("div", {
                                     className: `${baseClass}__actions`,
                                     children: actions
-                                }) : null,
-                                !disableToggleIndicator && /*#__PURE__*/ _jsx("div", {
+                                }, void 0, false, {
+                                    fileName: "src/elements/Collapsible/index.tsx",
+                                    lineNumber: 127,
+                                    columnNumber: 24
+                                }, this) : null,
+                                !disableToggleIndicator && /*#__PURE__*/ _jsxDEV("div", {
                                     className: `${baseClass}__indicator`,
-                                    children: /*#__PURE__*/ _jsx(ChevronIcon, {
+                                    children: /*#__PURE__*/ _jsxDEV(ChevronIcon, {
                                         direction: !isCollapsed ? 'up' : undefined
-                                    })
-                                })
+                                    }, void 0, false, {
+                                        fileName: "src/elements/Collapsible/index.tsx",
+                                        lineNumber: 130,
+                                        columnNumber: 17
+                                    }, this)
+                                }, void 0, false, {
+                                    fileName: "src/elements/Collapsible/index.tsx",
+                                    lineNumber: 129,
+                                    columnNumber: 15
+                                }, this)
                             ]
-                        })
+                        }, void 0, true, {
+                            fileName: "src/elements/Collapsible/index.tsx",
+                            lineNumber: 126,
+                            columnNumber: 11
+                        }, this)
                     ]
-                }),
-                /*#__PURE__*/ _jsx(AnimateHeight, {
+                }, void 0, true, {
+                    fileName: "src/elements/Collapsible/index.tsx",
+                    lineNumber: 85,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV(AnimateHeight, {
                     height: isCollapsed ? 0 : 'auto',
-                    children: /*#__PURE__*/ _jsx("div", {
+                    children: /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__content`,
                         children: children
-                    })
-                }),
+                    }, void 0, false, {
+                        fileName: "src/elements/Collapsible/index.tsx",
+                        lineNumber: 136,
+                        columnNumber: 11
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/elements/Collapsible/index.tsx",
+                    lineNumber: 135,
+                    columnNumber: 9
+                }, this),
                 AfterCollapsible
             ]
-        })
-    });
+        }, void 0, true, {
+            fileName: "src/elements/Collapsible/index.tsx",
+            lineNumber: 84,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/Collapsible/index.tsx",
+        lineNumber: 71,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/Collapsible/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react'\n\nimport type { DragHandleProps } from '../DraggableSortable/DraggableSortableItem/types.js'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { DragHandleIcon } from '../../icons/DragHandle/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\nimport { AnimateHeight } from '../AnimateHeight/index.js'\nimport { CollapsibleProvider, useCollapsible } from './provider.js'\n\nconst baseClass = 'collapsible'\n\nexport { CollapsibleProvider, useCollapsible }\n\nexport type CollapsibleProps = {\n  actions?: React.ReactNode\n  /**\n   * Components that will be rendered within the collapsible provider but after the wrapper.\n   */\n  AfterCollapsible?: React.ReactNode\n  children: React.ReactNode\n  className?: string\n  collapsibleStyle?: 'default' | 'error'\n  /**\n   * If set to true, clicking on the collapsible header will not toggle the collapsible state.\n   * This is useful if the collapsible state is controlled externally (e.g. from a parent component or custom button).\n   */\n  disableHeaderToggle?: boolean\n  /**\n   * If set to true, the toggle indicator (chevron) on the right side of the header will be hidden.\n   */\n  disableToggleIndicator?: boolean\n  dragHandleProps?: DragHandleProps\n  header?: React.ReactNode\n  initCollapsed?: boolean\n  isCollapsed?: boolean\n  onToggle?: (collapsed: boolean) => Promise<void> | void\n}\n\nexport const Collapsible: React.FC<CollapsibleProps> = ({\n  actions,\n  AfterCollapsible,\n  children,\n  className,\n  collapsibleStyle = 'default',\n  disableHeaderToggle = false,\n  disableToggleIndicator = false,\n  dragHandleProps,\n  header,\n  initCollapsed,\n  isCollapsed: collapsedFromProps,\n  onToggle,\n}) => {\n  const [collapsedLocal, setCollapsedLocal] = useState(Boolean(initCollapsed))\n  const [hoveringToggle, setHoveringToggle] = useState(false)\n  const { isWithinCollapsible } = useCollapsible()\n  const { t } = useTranslation()\n\n  const isCollapsed = typeof collapsedFromProps === 'boolean' ? collapsedFromProps : collapsedLocal\n\n  const toggleCollapsible = React.useCallback(() => {\n    if (typeof onToggle === 'function') {\n      void onToggle(!isCollapsed)\n    }\n    setCollapsedLocal(!isCollapsed)\n  }, [onToggle, isCollapsed])\n\n  return (\n    <div\n      className={[\n        baseClass,\n        className,\n        dragHandleProps && `${baseClass}--has-drag-handle`,\n        isCollapsed && `${baseClass}--collapsed`,\n        isWithinCollapsible && `${baseClass}--nested`,\n        hoveringToggle && !disableHeaderToggle && `${baseClass}--hovered`,\n        `${baseClass}--style-${collapsibleStyle}`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <CollapsibleProvider isCollapsed={isCollapsed} toggle={toggleCollapsible}>\n        <div\n          className={`${baseClass}__toggle-wrap${disableHeaderToggle ? ' toggle-disabled' : ''}`}\n          onMouseEnter={() => setHoveringToggle(true)}\n          onMouseLeave={() => setHoveringToggle(false)}\n        >\n          {!disableHeaderToggle && (\n            <button\n              className={[\n                `${baseClass}__toggle`,\n                `${baseClass}__toggle--${isCollapsed ? 'collapsed' : 'open'}`,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              onClick={toggleCollapsible}\n              type=\"button\"\n            >\n              <span>{t('fields:toggleBlock')}</span>\n            </button>\n          )}\n\n          {dragHandleProps && (\n            <div\n              className={`${baseClass}__drag`}\n              {...dragHandleProps.attributes}\n              {...dragHandleProps.listeners}\n            >\n              <DragHandleIcon />\n            </div>\n          )}\n          {header ? (\n            <div\n              className={[\n                `${baseClass}__header-wrap`,\n                dragHandleProps && `${baseClass}__header-wrap--has-drag-handle`,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n            >\n              {header}\n            </div>\n          ) : null}\n          <div className={`${baseClass}__actions-wrap`}>\n            {actions ? <div className={`${baseClass}__actions`}>{actions}</div> : null}\n            {!disableToggleIndicator && (\n              <div className={`${baseClass}__indicator`}>\n                <ChevronIcon direction={!isCollapsed ? 'up' : undefined} />\n              </div>\n            )}\n          </div>\n        </div>\n        <AnimateHeight height={isCollapsed ? 0 : 'auto'}>\n          <div className={`${baseClass}__content`}>{children}</div>\n        </AnimateHeight>\n        {AfterCollapsible}\n      </CollapsibleProvider>\n    </div>\n  )\n}\n"],"names":["React","useState","ChevronIcon","DragHandleIcon","useTranslation","AnimateHeight","CollapsibleProvider","useCollapsible","baseClass","Collapsible","actions","AfterCollapsible","children","className","collapsibleStyle","disableHeaderToggle","disableToggleIndicator","dragHandleProps","header","initCollapsed","isCollapsed","collapsedFromProps","onToggle","collapsedLocal","setCollapsedLocal","Boolean","hoveringToggle","setHoveringToggle","isWithinCollapsible","t","toggleCollapsible","useCallback","div","filter","join","toggle","onMouseEnter","onMouseLeave","button","onClick","type","span","attributes","listeners","direction","undefined","height"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react'\n\nimport type { DragHandleProps } from '../DraggableSortable/DraggableSortableItem/types.js'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { DragHandleIcon } from '../../icons/DragHandle/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\nimport { AnimateHeight } from '../AnimateHeight/index.js'\nimport { CollapsibleProvider, useCollapsible } from './provider.js'\n\nconst baseClass = 'collapsible'\n\nexport { CollapsibleProvider, useCollapsible }\n\nexport type CollapsibleProps = {\n  actions?: React.ReactNode\n  /**\n   * Components that will be rendered within the collapsible provider but after the wrapper.\n   */\n  AfterCollapsible?: React.ReactNode\n  children: React.ReactNode\n  className?: string\n  collapsibleStyle?: 'default' | 'error'\n  /**\n   * If set to true, clicking on the collapsible header will not toggle the collapsible state.\n   * This is useful if the collapsible state is controlled externally (e.g. from a parent component or custom button).\n   */\n  disableHeaderToggle?: boolean\n  /**\n   * If set to true, the toggle indicator (chevron) on the right side of the header will be hidden.\n   */\n  disableToggleIndicator?: boolean\n  dragHandleProps?: DragHandleProps\n  header?: React.ReactNode\n  initCollapsed?: boolean\n  isCollapsed?: boolean\n  onToggle?: (collapsed: boolean) => Promise<void> | void\n}\n\nexport const Collapsible: React.FC<CollapsibleProps> = ({\n  actions,\n  AfterCollapsible,\n  children,\n  className,\n  collapsibleStyle = 'default',\n  disableHeaderToggle = false,\n  disableToggleIndicator = false,\n  dragHandleProps,\n  header,\n  initCollapsed,\n  isCollapsed: collapsedFromProps,\n  onToggle,\n}) => {\n  const [collapsedLocal, setCollapsedLocal] = useState(Boolean(initCollapsed))\n  const [hoveringToggle, setHoveringToggle] = useState(false)\n  const { isWithinCollapsible } = useCollapsible()\n  const { t } = useTranslation()\n\n  const isCollapsed = typeof collapsedFromProps === 'boolean' ? collapsedFromProps : collapsedLocal\n\n  const toggleCollapsible = React.useCallback(() => {\n    if (typeof onToggle === 'function') {\n      void onToggle(!isCollapsed)\n    }\n    setCollapsedLocal(!isCollapsed)\n  }, [onToggle, isCollapsed])\n\n  return (\n    <div\n      className={[\n        baseClass,\n        className,\n        dragHandleProps && `${baseClass}--has-drag-handle`,\n        isCollapsed && `${baseClass}--collapsed`,\n        isWithinCollapsible && `${baseClass}--nested`,\n        hoveringToggle && !disableHeaderToggle && `${baseClass}--hovered`,\n        `${baseClass}--style-${collapsibleStyle}`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <CollapsibleProvider isCollapsed={isCollapsed} toggle={toggleCollapsible}>\n        <div\n          className={`${baseClass}__toggle-wrap${disableHeaderToggle ? ' toggle-disabled' : ''}`}\n          onMouseEnter={() => setHoveringToggle(true)}\n          onMouseLeave={() => setHoveringToggle(false)}\n        >\n          {!disableHeaderToggle && (\n            <button\n              className={[\n                `${baseClass}__toggle`,\n                `${baseClass}__toggle--${isCollapsed ? 'collapsed' : 'open'}`,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              onClick={toggleCollapsible}\n              type=\"button\"\n            >\n              <span>{t('fields:toggleBlock')}</span>\n            </button>\n          )}\n\n          {dragHandleProps && (\n            <div\n              className={`${baseClass}__drag`}\n              {...dragHandleProps.attributes}\n              {...dragHandleProps.listeners}\n            >\n              <DragHandleIcon />\n            </div>\n          )}\n          {header ? (\n            <div\n              className={[\n                `${baseClass}__header-wrap`,\n                dragHandleProps && `${baseClass}__header-wrap--has-drag-handle`,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n            >\n              {header}\n            </div>\n          ) : null}\n          <div className={`${baseClass}__actions-wrap`}>\n            {actions ? <div className={`${baseClass}__actions`}>{actions}</div> : null}\n            {!disableToggleIndicator && (\n              <div className={`${baseClass}__indicator`}>\n                <ChevronIcon direction={!isCollapsed ? 'up' : undefined} />\n              </div>\n            )}\n          </div>\n        </div>\n        <AnimateHeight height={isCollapsed ? 0 : 'auto'}>\n          <div className={`${baseClass}__content`}>{children}</div>\n        </AnimateHeight>\n        {AfterCollapsible}\n      </CollapsibleProvider>\n    </div>\n  )\n}\n"],"names":["React","useState","ChevronIcon","DragHandleIcon","useTranslation","AnimateHeight","CollapsibleProvider","useCollapsible","baseClass","Collapsible","actions","AfterCollapsible","children","className","collapsibleStyle","disableHeaderToggle","disableToggleIndicator","dragHandleProps","header","initCollapsed","isCollapsed","collapsedFromProps","onToggle","collapsedLocal","setCollapsedLocal","Boolean","hoveringToggle","setHoveringToggle","isWithinCollapsible","t","toggleCollapsible","useCallback","div","filter","join","toggle","onMouseEnter","onMouseLeave","button","onClick","type","span","attributes","listeners","direction","undefined","height"],"mappings":"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"}

package/dist/elements/Collapsible/provider.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { createContext, use } from 'react';
 const Context = /*#__PURE__*/ createContext({
     isCollapsed: undefined,
@@ -23,10 +23,14 @@ export const CollapsibleProvider = ({ children, isCollapsed, isWithinCollapsible
         parentIsCollapsed,
         isVisible
     ]);
-    return /*#__PURE__*/ _jsx(Context, {
+    return /*#__PURE__*/ _jsxDEV(Context, {
         value: contextValue,
         children: children
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Collapsible/provider.tsx",
+        lineNumber: 35,
+        columnNumber: 10
+    }, this);
 };
 export const useCollapsible = ()=>use(Context);
 

package/dist/elements/Collapsible/provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Collapsible/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } from 'react'\n\ntype ContextType = {\n  isCollapsed: boolean\n  isVisible: boolean\n  isWithinCollapsible: boolean\n  toggle: () => void\n}\n\nconst Context = createContext({\n  isCollapsed: undefined,\n  isVisible: undefined,\n  isWithinCollapsible: undefined,\n  toggle: () => {},\n} as ContextType)\n\nexport const CollapsibleProvider: React.FC<{\n  children?: React.ReactNode\n  isCollapsed?: boolean\n  isWithinCollapsible?: boolean\n  toggle: () => void\n}> = ({ children, isCollapsed, isWithinCollapsible = true, toggle }) => {\n  const { isCollapsed: parentIsCollapsed, isVisible } = useCollapsible()\n\n  const contextValue = React.useMemo((): ContextType => {\n    return {\n      isCollapsed,\n      isVisible: isVisible && !parentIsCollapsed,\n      isWithinCollapsible,\n      toggle,\n    }\n  }, [isCollapsed, isWithinCollapsible, toggle, parentIsCollapsed, isVisible])\n\n  return <Context value={contextValue}>{children}</Context>\n}\n\nexport const useCollapsible = (): ContextType => use(Context)\n"],"names":["React","createContext","use","Context","isCollapsed","undefined","isVisible","isWithinCollapsible","toggle","CollapsibleProvider","children","parentIsCollapsed","useCollapsible","contextValue","useMemo","value"],"mappings":"AAAA;;AACA,OAAOA,SAASC,aAAa,EAAEC,GAAG,QAAQ,QAAO;AASjD,MAAMC,wBAAUF,cAAc;IAC5BG,aAAaC;IACbC,WAAWD;IACXE,qBAAqBF;IACrBG,QAAQ,KAAO;AACjB;AAEA,OAAO,MAAMC,sBAKR,CAAC,EAAEC,QAAQ,EAAEN,WAAW,EAAEG,sBAAsB,IAAI,EAAEC,MAAM,EAAE;IACjE,MAAM,EAAEJ,aAAaO,iBAAiB,EAAEL,SAAS,EAAE,GAAGM;IAEtD,MAAMC,eAAeb,MAAMc,OAAO,CAAC;QACjC,OAAO;YACLV;YACAE,WAAWA,aAAa,CAACK;YACzBJ;YACAC;QACF;IACF,GAAG;QAACJ;QAAaG;QAAqBC;QAAQG;QAAmBL;KAAU;IAE3E,qBAAO,KAACH;QAAQY,OAAOF;kBAAeH;;AACxC,EAAC;AAED,OAAO,MAAME,iBAAiB,IAAmBV,IAAIC,SAAQ"}
+{"version":3,"sources":["../../../src/elements/Collapsible/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } from 'react'\n\ntype ContextType = {\n  isCollapsed: boolean\n  isVisible: boolean\n  isWithinCollapsible: boolean\n  toggle: () => void\n}\n\nconst Context = createContext({\n  isCollapsed: undefined,\n  isVisible: undefined,\n  isWithinCollapsible: undefined,\n  toggle: () => {},\n} as ContextType)\n\nexport const CollapsibleProvider: React.FC<{\n  children?: React.ReactNode\n  isCollapsed?: boolean\n  isWithinCollapsible?: boolean\n  toggle: () => void\n}> = ({ children, isCollapsed, isWithinCollapsible = true, toggle }) => {\n  const { isCollapsed: parentIsCollapsed, isVisible } = useCollapsible()\n\n  const contextValue = React.useMemo((): ContextType => {\n    return {\n      isCollapsed,\n      isVisible: isVisible && !parentIsCollapsed,\n      isWithinCollapsible,\n      toggle,\n    }\n  }, [isCollapsed, isWithinCollapsible, toggle, parentIsCollapsed, isVisible])\n\n  return <Context value={contextValue}>{children}</Context>\n}\n\nexport const useCollapsible = (): ContextType => use(Context)\n"],"names":["React","createContext","use","Context","isCollapsed","undefined","isVisible","isWithinCollapsible","toggle","CollapsibleProvider","children","parentIsCollapsed","useCollapsible","contextValue","useMemo","value"],"mappings":"AAAA;;AACA,OAAOA,SAASC,aAAa,EAAEC,GAAG,QAAQ,QAAO;AASjD,MAAMC,wBAAUF,cAAc;IAC5BG,aAAaC;IACbC,WAAWD;IACXE,qBAAqBF;IACrBG,QAAQ,KAAO;AACjB;AAEA,OAAO,MAAMC,sBAKR,CAAC,EAAEC,QAAQ,EAAEN,WAAW,EAAEG,sBAAsB,IAAI,EAAEC,MAAM,EAAE;IACjE,MAAM,EAAEJ,aAAaO,iBAAiB,EAAEL,SAAS,EAAE,GAAGM;IAEtD,MAAMC,eAAeb,MAAMc,OAAO,CAAC;QACjC,OAAO;YACLV;YACAE,WAAWA,aAAa,CAACK;YACzBJ;YACAC;QACF;IACF,GAAG;QAACJ;QAAaG;QAAqBC;QAAQG;QAAmBL;KAAU;IAE3E,qBAAO,QAACH;QAAQY,OAAOF;kBAAeH;;;;;;AACxC,EAAC;AAED,OAAO,MAAME,iBAAiB,IAAmBV,IAAIC,SAAQ"}

package/dist/elements/ColumnSelector/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { fieldIsHiddenOrDisabled, fieldIsID } from 'payload/shared';
 import React, { useId, useMemo } from 'react';
 import { FieldLabel } from '../../fields/FieldLabel/index.js';
@@ -20,10 +20,14 @@ export const ColumnSelector = ({ collectionSlug })=>{
             return {
                 name: accessor,
                 key: `${collectionSlug}-${accessor}-${i}${editDepth ? `-${editDepth}-` : ''}${uuid}`,
-                Label: /*#__PURE__*/ _jsx(FieldLabel, {
+                Label: /*#__PURE__*/ _jsxDEV(FieldLabel, {
                     label: label,
                     unstyled: true
-                }),
+                }, void 0, false, {
+                    fileName: "src/elements/ColumnSelector/index.tsx",
+                    lineNumber: 49,
+                    columnNumber: 20
+                }, this),
                 selected: active
             };
         }) : null;
@@ -36,7 +40,7 @@ export const ColumnSelector = ({ collectionSlug })=>{
     if (!pills) {
         return null;
     }
-    return /*#__PURE__*/ _jsx(PillSelector, {
+    return /*#__PURE__*/ _jsxDEV(PillSelector, {
         draggable: {
             onDragEnd: ({ moveFromIndex, moveToIndex })=>{
                 void moveColumn({
@@ -49,7 +53,11 @@ export const ColumnSelector = ({ collectionSlug })=>{
             void toggleColumn(pill.name);
         },
         pills: pills
-    });
+    }, void 0, false, {
+        fileName: "src/elements/ColumnSelector/index.tsx",
+        lineNumber: 61,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/ColumnSelector/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ColumnSelector/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig, StaticLabel } from 'payload'\n\nimport { fieldIsHiddenOrDisabled, fieldIsID } from 'payload/shared'\nimport React, { useId, useMemo } from 'react'\n\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTableColumns } from '../../providers/TableColumns/index.js'\nimport { PillSelector, type SelectablePill } from '../PillSelector/index.js'\n\nexport type Props = {\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n}\n\nexport const ColumnSelector: React.FC<Props> = ({ collectionSlug }) => {\n  const { columns, moveColumn, toggleColumn } = useTableColumns()\n\n  const uuid = useId()\n  const editDepth = useEditDepth()\n\n  const filteredColumns = useMemo(\n    () =>\n      columns?.filter(\n        (col) =>\n          !(fieldIsHiddenOrDisabled(col.field) && !fieldIsID(col.field)) &&\n          !col?.field?.admin?.disableListColumn,\n      ),\n    [columns],\n  )\n\n  const pills: SelectablePill[] = useMemo(() => {\n    return filteredColumns\n      ? filteredColumns.map((col, i) => {\n          const { accessor, active, field } = col\n\n          const label =\n            'labelWithPrefix' in field && field.labelWithPrefix !== undefined\n              ? field.labelWithPrefix\n              : 'label' in field && field.label !== undefined\n                ? field.label\n                : 'name' in field && field.name !== undefined\n                  ? field.name\n                  : undefined\n\n          return {\n            name: accessor,\n            key: `${collectionSlug}-${accessor}-${i}${editDepth ? `-${editDepth}-` : ''}${uuid}`,\n            Label: <FieldLabel label={label as StaticLabel} unstyled />,\n            selected: active,\n          } as SelectablePill\n        })\n      : null\n  }, [collectionSlug, editDepth, filteredColumns, uuid])\n\n  if (!pills) {\n    return null\n  }\n\n  return (\n    <PillSelector\n      draggable={{\n        onDragEnd: ({ moveFromIndex, moveToIndex }) => {\n          void moveColumn({\n            fromIndex: moveFromIndex,\n            toIndex: moveToIndex,\n          })\n        },\n      }}\n      onClick={({ pill }) => {\n        void toggleColumn(pill.name)\n      }}\n      pills={pills}\n    />\n  )\n}\n"],"names":["fieldIsHiddenOrDisabled","fieldIsID","React","useId","useMemo","FieldLabel","useEditDepth","useTableColumns","PillSelector","ColumnSelector","collectionSlug","columns","moveColumn","toggleColumn","uuid","editDepth","filteredColumns","filter","col","field","admin","disableListColumn","pills","map","i","accessor","active","label","labelWithPrefix","undefined","name","key","Label","unstyled","selected","draggable","onDragEnd","moveFromIndex","moveToIndex","fromIndex","toIndex","onClick","pill"],"mappings":"AAAA;;AAGA,SAASA,uBAAuB,EAAEC,SAAS,QAAQ,iBAAgB;AACnE,OAAOC,SAASC,KAAK,EAAEC,OAAO,QAAQ,QAAO;AAE7C,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,YAAY,QAA6B,2BAA0B;AAM5E,OAAO,MAAMC,iBAAkC,CAAC,EAAEC,cAAc,EAAE;IAChE,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAEC,YAAY,EAAE,GAAGN;IAE9C,MAAMO,OAAOX;IACb,MAAMY,YAAYT;IAElB,MAAMU,kBAAkBZ,QACtB,IACEO,SAASM,OACP,CAACC,MACC,CAAElB,CAAAA,wBAAwBkB,IAAIC,KAAK,KAAK,CAAClB,UAAUiB,IAAIC,KAAK,CAAA,KAC5D,CAACD,KAAKC,OAAOC,OAAOC,oBAE1B;QAACV;KAAQ;IAGX,MAAMW,QAA0BlB,QAAQ;QACtC,OAAOY,kBACHA,gBAAgBO,GAAG,CAAC,CAACL,KAAKM;YACxB,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAEP,KAAK,EAAE,GAAGD;YAEpC,MAAMS,QACJ,qBAAqBR,SAASA,MAAMS,eAAe,KAAKC,YACpDV,MAAMS,eAAe,GACrB,WAAWT,SAASA,MAAMQ,KAAK,KAAKE,YAClCV,MAAMQ,KAAK,GACX,UAAUR,SAASA,MAAMW,IAAI,KAAKD,YAChCV,MAAMW,IAAI,GACVD;YAEV,OAAO;gBACLC,MAAML;gBACNM,KAAK,GAAGrB,eAAe,CAAC,EAAEe,SAAS,CAAC,EAAED,IAAIT,YAAY,CAAC,CAAC,EAAEA,UAAU,CAAC,CAAC,GAAG,KAAKD,MAAM;gBACpFkB,qBAAO,KAAC3B;oBAAWsB,OAAOA;oBAAsBM,QAAQ;;gBACxDC,UAAUR;YACZ;QACF,KACA;IACN,GAAG;QAAChB;QAAgBK;QAAWC;QAAiBF;KAAK;IAErD,IAAI,CAACQ,OAAO;QACV,OAAO;IACT;IAEA,qBACE,KAACd;QACC2B,WAAW;YACTC,WAAW,CAAC,EAAEC,aAAa,EAAEC,WAAW,EAAE;gBACxC,KAAK1B,WAAW;oBACd2B,WAAWF;oBACXG,SAASF;gBACX;YACF;QACF;QACAG,SAAS,CAAC,EAAEC,IAAI,EAAE;YAChB,KAAK7B,aAAa6B,KAAKZ,IAAI;QAC7B;QACAR,OAAOA;;AAGb,EAAC"}
+{"version":3,"sources":["../../../src/elements/ColumnSelector/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig, StaticLabel } from 'payload'\n\nimport { fieldIsHiddenOrDisabled, fieldIsID } from 'payload/shared'\nimport React, { useId, useMemo } from 'react'\n\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTableColumns } from '../../providers/TableColumns/index.js'\nimport { PillSelector, type SelectablePill } from '../PillSelector/index.js'\n\nexport type Props = {\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n}\n\nexport const ColumnSelector: React.FC<Props> = ({ collectionSlug }) => {\n  const { columns, moveColumn, toggleColumn } = useTableColumns()\n\n  const uuid = useId()\n  const editDepth = useEditDepth()\n\n  const filteredColumns = useMemo(\n    () =>\n      columns?.filter(\n        (col) =>\n          !(fieldIsHiddenOrDisabled(col.field) && !fieldIsID(col.field)) &&\n          !col?.field?.admin?.disableListColumn,\n      ),\n    [columns],\n  )\n\n  const pills: SelectablePill[] = useMemo(() => {\n    return filteredColumns\n      ? filteredColumns.map((col, i) => {\n          const { accessor, active, field } = col\n\n          const label =\n            'labelWithPrefix' in field && field.labelWithPrefix !== undefined\n              ? field.labelWithPrefix\n              : 'label' in field && field.label !== undefined\n                ? field.label\n                : 'name' in field && field.name !== undefined\n                  ? field.name\n                  : undefined\n\n          return {\n            name: accessor,\n            key: `${collectionSlug}-${accessor}-${i}${editDepth ? `-${editDepth}-` : ''}${uuid}`,\n            Label: <FieldLabel label={label as StaticLabel} unstyled />,\n            selected: active,\n          } as SelectablePill\n        })\n      : null\n  }, [collectionSlug, editDepth, filteredColumns, uuid])\n\n  if (!pills) {\n    return null\n  }\n\n  return (\n    <PillSelector\n      draggable={{\n        onDragEnd: ({ moveFromIndex, moveToIndex }) => {\n          void moveColumn({\n            fromIndex: moveFromIndex,\n            toIndex: moveToIndex,\n          })\n        },\n      }}\n      onClick={({ pill }) => {\n        void toggleColumn(pill.name)\n      }}\n      pills={pills}\n    />\n  )\n}\n"],"names":["fieldIsHiddenOrDisabled","fieldIsID","React","useId","useMemo","FieldLabel","useEditDepth","useTableColumns","PillSelector","ColumnSelector","collectionSlug","columns","moveColumn","toggleColumn","uuid","editDepth","filteredColumns","filter","col","field","admin","disableListColumn","pills","map","i","accessor","active","label","labelWithPrefix","undefined","name","key","Label","unstyled","selected","draggable","onDragEnd","moveFromIndex","moveToIndex","fromIndex","toIndex","onClick","pill"],"mappings":"AAAA;;AAGA,SAASA,uBAAuB,EAAEC,SAAS,QAAQ,iBAAgB;AACnE,OAAOC,SAASC,KAAK,EAAEC,OAAO,QAAQ,QAAO;AAE7C,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,YAAY,QAA6B,2BAA0B;AAM5E,OAAO,MAAMC,iBAAkC,CAAC,EAAEC,cAAc,EAAE;IAChE,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAEC,YAAY,EAAE,GAAGN;IAE9C,MAAMO,OAAOX;IACb,MAAMY,YAAYT;IAElB,MAAMU,kBAAkBZ,QACtB,IACEO,SAASM,OACP,CAACC,MACC,CAAElB,CAAAA,wBAAwBkB,IAAIC,KAAK,KAAK,CAAClB,UAAUiB,IAAIC,KAAK,CAAA,KAC5D,CAACD,KAAKC,OAAOC,OAAOC,oBAE1B;QAACV;KAAQ;IAGX,MAAMW,QAA0BlB,QAAQ;QACtC,OAAOY,kBACHA,gBAAgBO,GAAG,CAAC,CAACL,KAAKM;YACxB,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAEP,KAAK,EAAE,GAAGD;YAEpC,MAAMS,QACJ,qBAAqBR,SAASA,MAAMS,eAAe,KAAKC,YACpDV,MAAMS,eAAe,GACrB,WAAWT,SAASA,MAAMQ,KAAK,KAAKE,YAClCV,MAAMQ,KAAK,GACX,UAAUR,SAASA,MAAMW,IAAI,KAAKD,YAChCV,MAAMW,IAAI,GACVD;YAEV,OAAO;gBACLC,MAAML;gBACNM,KAAK,GAAGrB,eAAe,CAAC,EAAEe,SAAS,CAAC,EAAED,IAAIT,YAAY,CAAC,CAAC,EAAEA,UAAU,CAAC,CAAC,GAAG,KAAKD,MAAM;gBACpFkB,qBAAO,QAAC3B;oBAAWsB,OAAOA;oBAAsBM,QAAQ;;;;;;gBACxDC,UAAUR;YACZ;QACF,KACA;IACN,GAAG;QAAChB;QAAgBK;QAAWC;QAAiBF;KAAK;IAErD,IAAI,CAACQ,OAAO;QACV,OAAO;IACT;IAEA,qBACE,QAACd;QACC2B,WAAW;YACTC,WAAW,CAAC,EAAEC,aAAa,EAAEC,WAAW,EAAE;gBACxC,KAAK1B,WAAW;oBACd2B,WAAWF;oBACXG,SAASF;gBACX;YACF;QACF;QACAG,SAAS,CAAC,EAAEC,IAAI,EAAE;YAChB,KAAK7B,aAAa6B,KAAKZ,IAAI;QAC7B;QACAR,OAAOA;;;;;;AAGb,EAAC"}

package/dist/elements/Combobox/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useMemo, useRef, useState } from 'react';
 import { Popup, PopupList } from '../Popup/index.js';
 import './index.scss';
@@ -51,17 +51,17 @@ const baseClass = 'combobox';
     }, [
         onToggleClose
     ]);
-    return /*#__PURE__*/ _jsx(Popup, {
+    return /*#__PURE__*/ _jsxDEV(Popup, {
         ...popupProps,
         className: `${baseClass} ${popupProps.className || ''}`,
         onToggleClose: handleToggleClose,
         onToggleOpen: handleToggleOpen,
-        render: ({ close })=>/*#__PURE__*/ _jsxs("div", {
+        render: ({ close })=>/*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__content`,
                 children: [
-                    showSearch && /*#__PURE__*/ _jsx("div", {
+                    showSearch && /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__search-wrapper${!hasResults ? ` ${baseClass}__search-wrapper--no-results` : ''}`,
-                        children: /*#__PURE__*/ _jsx("input", {
+                        children: /*#__PURE__*/ _jsxDEV("input", {
                             "aria-label": searchPlaceholder,
                             className: `${baseClass}__search-input`,
                             onChange: (e)=>setSearchValue(e.target.value),
@@ -69,9 +69,17 @@ const baseClass = 'combobox';
                             ref: searchInputRef,
                             type: "text",
                             value: searchValue
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx(PopupList.ButtonGroup, {
+                        }, void 0, false, {
+                            fileName: "src/elements/Combobox/index.tsx",
+                            lineNumber: 94,
+                            columnNumber: 15
+                        }, void 0)
+                    }, void 0, false, {
+                        fileName: "src/elements/Combobox/index.tsx",
+                        lineNumber: 91,
+                        columnNumber: 13
+                    }, void 0),
+                    /*#__PURE__*/ _jsxDEV(PopupList.ButtonGroup, {
                         children: filteredEntries.map((entry, index)=>{
                             const handleClick = ()=>{
                                 if (onSelect) {
@@ -79,7 +87,7 @@ const baseClass = 'combobox';
                                 }
                                 close();
                             };
-                            return /*#__PURE__*/ _jsx("div", {
+                            return /*#__PURE__*/ _jsxDEV("div", {
                                 className: `${baseClass}__entry`,
                                 onClick: handleClick,
                                 onKeyDown: (e)=>{
@@ -91,12 +99,28 @@ const baseClass = 'combobox';
                                 role: "menuitem",
                                 tabIndex: 0,
                                 children: entry.Component
-                            }, `${entry.name}-${index}`);
+                            }, `${entry.name}-${index}`, false, {
+                                fileName: "src/elements/Combobox/index.tsx",
+                                lineNumber: 115,
+                                columnNumber: 17
+                            }, void 0);
                         })
-                    })
+                    }, void 0, false, {
+                        fileName: "src/elements/Combobox/index.tsx",
+                        lineNumber: 105,
+                        columnNumber: 11
+                    }, void 0)
                 ]
-            })
-    });
+            }, void 0, true, {
+                fileName: "src/elements/Combobox/index.tsx",
+                lineNumber: 89,
+                columnNumber: 9
+            }, void 0)
+    }, void 0, false, {
+        fileName: "src/elements/Combobox/index.tsx",
+        lineNumber: 83,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/Combobox/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Combobox/index.tsx"],"sourcesContent":["'use client'\nimport React, { useMemo, useRef, useState } from 'react'\n\nimport type { PopupProps } from '../Popup/index.js'\n\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'combobox'\n\n/**\n * @internal\n * @experimental\n */\nexport type ComboboxEntry = {\n  Component: React.ReactNode\n  name: string\n}\n\n/**\n * @internal\n * @experimental\n */\nexport type ComboboxProps = {\n  entries: ComboboxEntry[]\n  /** Minimum number of entries required to show search */\n  minEntriesForSearch?: number\n  onSelect?: (entry: ComboboxEntry) => void\n  searchPlaceholder?: string\n} & Omit<PopupProps, 'children' | 'render'>\n\n/**\n * A wrapper on top of Popup + PopupList.ButtonGroup that adds search functionality.\n *\n * @internal - this component may be removed or receive breaking changes in minor releases.\n * @experimental\n */\nexport const Combobox: React.FC<ComboboxProps> = (props) => {\n  const {\n    entries,\n    minEntriesForSearch = 8,\n    onSelect,\n    onToggleClose,\n    onToggleOpen,\n    searchPlaceholder = 'Search...',\n    ...popupProps\n  } = props\n  const [searchValue, setSearchValue] = useState('')\n  const isOpenRef = useRef(false)\n  const searchInputRef = useRef<HTMLInputElement>(null)\n\n  const filteredEntries = useMemo(() => {\n    if (!searchValue) {\n      return entries\n    }\n    const search = searchValue.toLowerCase()\n    return entries.filter((entry) => entry.name.toLowerCase().includes(search))\n  }, [entries, searchValue])\n\n  const showSearch = entries.length >= minEntriesForSearch\n  const hasResults = filteredEntries.length > 0\n\n  const handleToggleOpen = React.useCallback(\n    (active: boolean) => {\n      isOpenRef.current = active\n      if (active && showSearch) {\n        setTimeout(() => {\n          searchInputRef.current?.focus()\n        }, 100)\n      }\n      onToggleOpen?.(active)\n    },\n    [showSearch, onToggleOpen],\n  )\n\n  const handleToggleClose = React.useCallback(() => {\n    isOpenRef.current = false\n    setSearchValue('')\n    onToggleClose?.()\n  }, [onToggleClose])\n\n  return (\n    <Popup\n      {...popupProps}\n      className={`${baseClass} ${popupProps.className || ''}`}\n      onToggleClose={handleToggleClose}\n      onToggleOpen={handleToggleOpen}\n      render={({ close }) => (\n        <div className={`${baseClass}__content`}>\n          {showSearch && (\n            <div\n              className={`${baseClass}__search-wrapper${!hasResults ? ` ${baseClass}__search-wrapper--no-results` : ''}`}\n            >\n              <input\n                aria-label={searchPlaceholder}\n                className={`${baseClass}__search-input`}\n                onChange={(e) => setSearchValue(e.target.value)}\n                placeholder={searchPlaceholder}\n                ref={searchInputRef}\n                type=\"text\"\n                value={searchValue}\n              />\n            </div>\n          )}\n          <PopupList.ButtonGroup>\n            {filteredEntries.map((entry, index) => {\n              const handleClick = () => {\n                if (onSelect) {\n                  onSelect(entry)\n                }\n                close()\n              }\n\n              return (\n                <div\n                  className={`${baseClass}__entry`}\n                  key={`${entry.name}-${index}`}\n                  onClick={handleClick}\n                  onKeyDown={(e) => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                      e.preventDefault()\n                      handleClick()\n                    }\n                  }}\n                  role=\"menuitem\"\n                  tabIndex={0}\n                >\n                  {entry.Component}\n                </div>\n              )\n            })}\n          </PopupList.ButtonGroup>\n        </div>\n      )}\n    />\n  )\n}\n"],"names":["React","useMemo","useRef","useState","Popup","PopupList","baseClass","Combobox","props","entries","minEntriesForSearch","onSelect","onToggleClose","onToggleOpen","searchPlaceholder","popupProps","searchValue","setSearchValue","isOpenRef","searchInputRef","filteredEntries","search","toLowerCase","filter","entry","name","includes","showSearch","length","hasResults","handleToggleOpen","useCallback","active","current","setTimeout","focus","handleToggleClose","className","render","close","div","input","aria-label","onChange","e","target","value","placeholder","ref","type","ButtonGroup","map","index","handleClick","onClick","onKeyDown","key","preventDefault","role","tabIndex","Component"],"mappings":"AAAA;;AACA,OAAOA,SAASC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAIxD,SAASC,KAAK,EAAEC,SAAS,QAAQ,oBAAmB;AACpD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB;;;CAGC,GAMD;;;CAGC,GAGC,sDAAsD,GAMxD;;;;;CAKC,GACD,OAAO,MAAMC,WAAoC,CAACC;IAChD,MAAM,EACJC,OAAO,EACPC,sBAAsB,CAAC,EACvBC,QAAQ,EACRC,aAAa,EACbC,YAAY,EACZC,oBAAoB,WAAW,EAC/B,GAAGC,YACJ,GAAGP;IACJ,MAAM,CAACQ,aAAaC,eAAe,GAAGd,SAAS;IAC/C,MAAMe,YAAYhB,OAAO;IACzB,MAAMiB,iBAAiBjB,OAAyB;IAEhD,MAAMkB,kBAAkBnB,QAAQ;QAC9B,IAAI,CAACe,aAAa;YAChB,OAAOP;QACT;QACA,MAAMY,SAASL,YAAYM,WAAW;QACtC,OAAOb,QAAQc,MAAM,CAAC,CAACC,QAAUA,MAAMC,IAAI,CAACH,WAAW,GAAGI,QAAQ,CAACL;IACrE,GAAG;QAACZ;QAASO;KAAY;IAEzB,MAAMW,aAAalB,QAAQmB,MAAM,IAAIlB;IACrC,MAAMmB,aAAaT,gBAAgBQ,MAAM,GAAG;IAE5C,MAAME,mBAAmB9B,MAAM+B,WAAW,CACxC,CAACC;QACCd,UAAUe,OAAO,GAAGD;QACpB,IAAIA,UAAUL,YAAY;YACxBO,WAAW;gBACTf,eAAec,OAAO,EAAEE;YAC1B,GAAG;QACL;QACAtB,eAAemB;IACjB,GACA;QAACL;QAAYd;KAAa;IAG5B,MAAMuB,oBAAoBpC,MAAM+B,WAAW,CAAC;QAC1Cb,UAAUe,OAAO,GAAG;QACpBhB,eAAe;QACfL;IACF,GAAG;QAACA;KAAc;IAElB,qBACE,KAACR;QACE,GAAGW,UAAU;QACdsB,WAAW,GAAG/B,UAAU,CAAC,EAAES,WAAWsB,SAAS,IAAI,IAAI;QACvDzB,eAAewB;QACfvB,cAAciB;QACdQ,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,MAACC;gBAAIH,WAAW,GAAG/B,UAAU,SAAS,CAAC;;oBACpCqB,4BACC,KAACa;wBACCH,WAAW,GAAG/B,UAAU,gBAAgB,EAAE,CAACuB,aAAa,CAAC,CAAC,EAAEvB,UAAU,4BAA4B,CAAC,GAAG,IAAI;kCAE1G,cAAA,KAACmC;4BACCC,cAAY5B;4BACZuB,WAAW,GAAG/B,UAAU,cAAc,CAAC;4BACvCqC,UAAU,CAACC,IAAM3B,eAAe2B,EAAEC,MAAM,CAACC,KAAK;4BAC9CC,aAAajC;4BACbkC,KAAK7B;4BACL8B,MAAK;4BACLH,OAAO9B;;;kCAIb,KAACX,UAAU6C,WAAW;kCACnB9B,gBAAgB+B,GAAG,CAAC,CAAC3B,OAAO4B;4BAC3B,MAAMC,cAAc;gCAClB,IAAI1C,UAAU;oCACZA,SAASa;gCACX;gCACAe;4BACF;4BAEA,qBACE,KAACC;gCACCH,WAAW,GAAG/B,UAAU,OAAO,CAAC;gCAEhCgD,SAASD;gCACTE,WAAW,CAACX;oCACV,IAAIA,EAAEY,GAAG,KAAK,WAAWZ,EAAEY,GAAG,KAAK,KAAK;wCACtCZ,EAAEa,cAAc;wCAChBJ;oCACF;gCACF;gCACAK,MAAK;gCACLC,UAAU;0CAETnC,MAAMoC,SAAS;+BAXX,GAAGpC,MAAMC,IAAI,CAAC,CAAC,EAAE2B,OAAO;wBAcnC;;;;;AAMZ,EAAC"}
+{"version":3,"sources":["../../../src/elements/Combobox/index.tsx"],"sourcesContent":["'use client'\nimport React, { useMemo, useRef, useState } from 'react'\n\nimport type { PopupProps } from '../Popup/index.js'\n\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'combobox'\n\n/**\n * @internal\n * @experimental\n */\nexport type ComboboxEntry = {\n  Component: React.ReactNode\n  name: string\n}\n\n/**\n * @internal\n * @experimental\n */\nexport type ComboboxProps = {\n  entries: ComboboxEntry[]\n  /** Minimum number of entries required to show search */\n  minEntriesForSearch?: number\n  onSelect?: (entry: ComboboxEntry) => void\n  searchPlaceholder?: string\n} & Omit<PopupProps, 'children' | 'render'>\n\n/**\n * A wrapper on top of Popup + PopupList.ButtonGroup that adds search functionality.\n *\n * @internal - this component may be removed or receive breaking changes in minor releases.\n * @experimental\n */\nexport const Combobox: React.FC<ComboboxProps> = (props) => {\n  const {\n    entries,\n    minEntriesForSearch = 8,\n    onSelect,\n    onToggleClose,\n    onToggleOpen,\n    searchPlaceholder = 'Search...',\n    ...popupProps\n  } = props\n  const [searchValue, setSearchValue] = useState('')\n  const isOpenRef = useRef(false)\n  const searchInputRef = useRef<HTMLInputElement>(null)\n\n  const filteredEntries = useMemo(() => {\n    if (!searchValue) {\n      return entries\n    }\n    const search = searchValue.toLowerCase()\n    return entries.filter((entry) => entry.name.toLowerCase().includes(search))\n  }, [entries, searchValue])\n\n  const showSearch = entries.length >= minEntriesForSearch\n  const hasResults = filteredEntries.length > 0\n\n  const handleToggleOpen = React.useCallback(\n    (active: boolean) => {\n      isOpenRef.current = active\n      if (active && showSearch) {\n        setTimeout(() => {\n          searchInputRef.current?.focus()\n        }, 100)\n      }\n      onToggleOpen?.(active)\n    },\n    [showSearch, onToggleOpen],\n  )\n\n  const handleToggleClose = React.useCallback(() => {\n    isOpenRef.current = false\n    setSearchValue('')\n    onToggleClose?.()\n  }, [onToggleClose])\n\n  return (\n    <Popup\n      {...popupProps}\n      className={`${baseClass} ${popupProps.className || ''}`}\n      onToggleClose={handleToggleClose}\n      onToggleOpen={handleToggleOpen}\n      render={({ close }) => (\n        <div className={`${baseClass}__content`}>\n          {showSearch && (\n            <div\n              className={`${baseClass}__search-wrapper${!hasResults ? ` ${baseClass}__search-wrapper--no-results` : ''}`}\n            >\n              <input\n                aria-label={searchPlaceholder}\n                className={`${baseClass}__search-input`}\n                onChange={(e) => setSearchValue(e.target.value)}\n                placeholder={searchPlaceholder}\n                ref={searchInputRef}\n                type=\"text\"\n                value={searchValue}\n              />\n            </div>\n          )}\n          <PopupList.ButtonGroup>\n            {filteredEntries.map((entry, index) => {\n              const handleClick = () => {\n                if (onSelect) {\n                  onSelect(entry)\n                }\n                close()\n              }\n\n              return (\n                <div\n                  className={`${baseClass}__entry`}\n                  key={`${entry.name}-${index}`}\n                  onClick={handleClick}\n                  onKeyDown={(e) => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                      e.preventDefault()\n                      handleClick()\n                    }\n                  }}\n                  role=\"menuitem\"\n                  tabIndex={0}\n                >\n                  {entry.Component}\n                </div>\n              )\n            })}\n          </PopupList.ButtonGroup>\n        </div>\n      )}\n    />\n  )\n}\n"],"names":["React","useMemo","useRef","useState","Popup","PopupList","baseClass","Combobox","props","entries","minEntriesForSearch","onSelect","onToggleClose","onToggleOpen","searchPlaceholder","popupProps","searchValue","setSearchValue","isOpenRef","searchInputRef","filteredEntries","search","toLowerCase","filter","entry","name","includes","showSearch","length","hasResults","handleToggleOpen","useCallback","active","current","setTimeout","focus","handleToggleClose","className","render","close","div","input","aria-label","onChange","e","target","value","placeholder","ref","type","ButtonGroup","map","index","handleClick","onClick","onKeyDown","key","preventDefault","role","tabIndex","Component"],"mappings":"AAAA;;AACA,OAAOA,SAASC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAIxD,SAASC,KAAK,EAAEC,SAAS,QAAQ,oBAAmB;AACpD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB;;;CAGC,GAMD;;;CAGC,GAGC,sDAAsD,GAMxD;;;;;CAKC,GACD,OAAO,MAAMC,WAAoC,CAACC;IAChD,MAAM,EACJC,OAAO,EACPC,sBAAsB,CAAC,EACvBC,QAAQ,EACRC,aAAa,EACbC,YAAY,EACZC,oBAAoB,WAAW,EAC/B,GAAGC,YACJ,GAAGP;IACJ,MAAM,CAACQ,aAAaC,eAAe,GAAGd,SAAS;IAC/C,MAAMe,YAAYhB,OAAO;IACzB,MAAMiB,iBAAiBjB,OAAyB;IAEhD,MAAMkB,kBAAkBnB,QAAQ;QAC9B,IAAI,CAACe,aAAa;YAChB,OAAOP;QACT;QACA,MAAMY,SAASL,YAAYM,WAAW;QACtC,OAAOb,QAAQc,MAAM,CAAC,CAACC,QAAUA,MAAMC,IAAI,CAACH,WAAW,GAAGI,QAAQ,CAACL;IACrE,GAAG;QAACZ;QAASO;KAAY;IAEzB,MAAMW,aAAalB,QAAQmB,MAAM,IAAIlB;IACrC,MAAMmB,aAAaT,gBAAgBQ,MAAM,GAAG;IAE5C,MAAME,mBAAmB9B,MAAM+B,WAAW,CACxC,CAACC;QACCd,UAAUe,OAAO,GAAGD;QACpB,IAAIA,UAAUL,YAAY;YACxBO,WAAW;gBACTf,eAAec,OAAO,EAAEE;YAC1B,GAAG;QACL;QACAtB,eAAemB;IACjB,GACA;QAACL;QAAYd;KAAa;IAG5B,MAAMuB,oBAAoBpC,MAAM+B,WAAW,CAAC;QAC1Cb,UAAUe,OAAO,GAAG;QACpBhB,eAAe;QACfL;IACF,GAAG;QAACA;KAAc;IAElB,qBACE,QAACR;QACE,GAAGW,UAAU;QACdsB,WAAW,GAAG/B,UAAU,CAAC,EAAES,WAAWsB,SAAS,IAAI,IAAI;QACvDzB,eAAewB;QACfvB,cAAciB;QACdQ,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,QAACC;gBAAIH,WAAW,GAAG/B,UAAU,SAAS,CAAC;;oBACpCqB,4BACC,QAACa;wBACCH,WAAW,GAAG/B,UAAU,gBAAgB,EAAE,CAACuB,aAAa,CAAC,CAAC,EAAEvB,UAAU,4BAA4B,CAAC,GAAG,IAAI;kCAE1G,cAAA,QAACmC;4BACCC,cAAY5B;4BACZuB,WAAW,GAAG/B,UAAU,cAAc,CAAC;4BACvCqC,UAAU,CAACC,IAAM3B,eAAe2B,EAAEC,MAAM,CAACC,KAAK;4BAC9CC,aAAajC;4BACbkC,KAAK7B;4BACL8B,MAAK;4BACLH,OAAO9B;;;;;;;;;;;kCAIb,QAACX,UAAU6C,WAAW;kCACnB9B,gBAAgB+B,GAAG,CAAC,CAAC3B,OAAO4B;4BAC3B,MAAMC,cAAc;gCAClB,IAAI1C,UAAU;oCACZA,SAASa;gCACX;gCACAe;4BACF;4BAEA,qBACE,QAACC;gCACCH,WAAW,GAAG/B,UAAU,OAAO,CAAC;gCAEhCgD,SAASD;gCACTE,WAAW,CAACX;oCACV,IAAIA,EAAEY,GAAG,KAAK,WAAWZ,EAAEY,GAAG,KAAK,KAAK;wCACtCZ,EAAEa,cAAc;wCAChBJ;oCACF;gCACF;gCACAK,MAAK;gCACLC,UAAU;0CAETnC,MAAMoC,SAAS;+BAXX,GAAGpC,MAAMC,IAAI,CAAC,CAAC,EAAE2B,OAAO;;;;;wBAcnC;;;;;;;;;;;;;;;;;AAMZ,EAAC"}

package/dist/elements/ConfirmationModal/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { Modal, useModal } from '@faceless-ui/modal';
 import React, { useCallback } from 'react';
 import { useTranslation } from '../../providers/Translation/index.js';
@@ -44,7 +44,7 @@ export function ConfirmationModal(props) {
     if (!isModalOpen(modalSlug)) {
         return null;
     }
-    return /*#__PURE__*/ _jsx(Modal, {
+    return /*#__PURE__*/ _jsxDEV(Modal, {
         className: [
             baseClass,
             className
@@ -55,24 +55,36 @@ export function ConfirmationModal(props) {
         style: {
             zIndex: drawerZBase + editDepth
         },
-        children: /*#__PURE__*/ _jsxs("div", {
+        children: /*#__PURE__*/ _jsxDEV("div", {
             className: `${baseClass}__wrapper`,
             children: [
-                /*#__PURE__*/ _jsxs("div", {
+                /*#__PURE__*/ _jsxDEV("div", {
                     className: `${baseClass}__content`,
                     children: [
-                        typeof heading === 'string' ? /*#__PURE__*/ _jsx("h1", {
+                        typeof heading === 'string' ? /*#__PURE__*/ _jsxDEV("h1", {
                             children: heading
-                        }) : heading,
-                        typeof body === 'string' ? /*#__PURE__*/ _jsx("p", {
+                        }, void 0, false, {
+                            fileName: "src/elements/ConfirmationModal/index.tsx",
+                            lineNumber: 85,
+                            columnNumber: 42
+                        }, this) : heading,
+                        typeof body === 'string' ? /*#__PURE__*/ _jsxDEV("p", {
                             children: body
-                        }) : body
+                        }, void 0, false, {
+                            fileName: "src/elements/ConfirmationModal/index.tsx",
+                            lineNumber: 86,
+                            columnNumber: 39
+                        }, this) : body
                     ]
-                }),
-                /*#__PURE__*/ _jsxs("div", {
+                }, void 0, true, {
+                    fileName: "src/elements/ConfirmationModal/index.tsx",
+                    lineNumber: 84,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV("div", {
                     className: `${baseClass}__controls`,
                     children: [
-                        /*#__PURE__*/ _jsx(Button, {
+                        /*#__PURE__*/ _jsxDEV(Button, {
                             buttonStyle: "secondary",
                             disabled: confirming,
                             id: "confirm-cancel",
@@ -80,18 +92,38 @@ export function ConfirmationModal(props) {
                             size: "large",
                             type: "button",
                             children: cancelLabel || t('general:cancel')
-                        }),
-                        /*#__PURE__*/ _jsx(Button, {
+                        }, void 0, false, {
+                            fileName: "src/elements/ConfirmationModal/index.tsx",
+                            lineNumber: 89,
+                            columnNumber: 11
+                        }, this),
+                        /*#__PURE__*/ _jsxDEV(Button, {
                             id: "confirm-action",
                             onClick: onConfirm,
                             size: "large",
                             children: confirming ? confirmingLabel || `${t('general:loading')}...` : confirmLabel || t('general:confirm')
-                        })
+                        }, void 0, false, {
+                            fileName: "src/elements/ConfirmationModal/index.tsx",
+                            lineNumber: 99,
+                            columnNumber: 11
+                        }, this)
                     ]
-                })
+                }, void 0, true, {
+                    fileName: "src/elements/ConfirmationModal/index.tsx",
+                    lineNumber: 88,
+                    columnNumber: 9
+                }, this)
             ]
-        })
-    });
+        }, void 0, true, {
+            fileName: "src/elements/ConfirmationModal/index.tsx",
+            lineNumber: 83,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/ConfirmationModal/index.tsx",
+        lineNumber: 74,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

package/dist/elements/ConfirmationModal/index.js.map

@@ -1 +1 @@
-{"version":3,"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, isModalOpen } = 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  if (!isModalOpen(modalSlug)) {\n    return null\n  }\n\n  return (\n    <Modal\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      // Fixes https://github.com/payloadcms/payload/issues/13778\n      closeOnBlur={false}\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"],"names":["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","isModalOpen","t","filter","Boolean","join","closeOnBlur","slug","style","zIndex","div","h1","p","buttonStyle","disabled","id","onClick","size","type"],"mappings":"AAAA;;AACA,SAASA,KAAK,EAAEC,QAAQ,QAAQ,qBAAoB;AACpD,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAE1C,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,WAAW,EAAEC,cAAc,QAAQ,qBAAoB;AAChE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAgBlB,OAAO,SAASC,kBAAkBC,KAA6B;IAC7D,MAAM,EACJC,IAAI,EACJC,WAAW,EACXC,SAAS,EACTC,eAAe,EACfC,YAAY,EACZC,OAAO,EACPC,SAAS,EACTC,UAAUC,iBAAiB,EAC3BC,WAAWC,kBAAkB,EAC9B,GAAGX;IAEJ,MAAMY,YAAYf;IAElB,MAAM,CAACgB,YAAYC,cAAc,GAAGtB,MAAMuB,QAAQ,CAAC;IAEnD,MAAM,EAAEC,UAAU,EAAEC,WAAW,EAAE,GAAG1B;IACpC,MAAM,EAAE2B,CAAC,EAAE,GAAGxB;IAEd,MAAMgB,YAAYjB,YAAY;QAC5B,IAAI,CAACoB,YAAY;YACfC,cAAc;YAEd,IAAI,OAAOH,uBAAuB,YAAY;gBAC5C,MAAMA;YACR;YAEAG,cAAc;YACdE,WAAWT;QACb;IACF,GAAG;QAACM;QAAYF;QAAoBK;QAAYT;KAAU;IAE1D,MAAMC,WAAWf,YAAY;QAC3B,IAAI,CAACoB,YAAY;YACfG,WAAWT;YAEX,IAAI,OAAOE,sBAAsB,YAAY;gBAC3CA;YACF;QACF;IACF,GAAG;QAACI;QAAYJ;QAAmBO;QAAYT;KAAU;IAEzD,IAAI,CAACU,YAAYV,YAAY;QAC3B,OAAO;IACT;IAEA,qBACE,KAACjB;QACCa,WAAW;YAACL;YAAWK;SAAU,CAACgB,MAAM,CAACC,SAASC,IAAI,CAAC;QACvD,2DAA2D;QAC3DC,aAAa;QACbC,MAAMhB;QACNiB,OAAO;YACLC,QAAQ7B,cAAcgB;QACxB;kBAEA,cAAA,MAACc;YAAIvB,WAAW,GAAGL,UAAU,SAAS,CAAC;;8BACrC,MAAC4B;oBAAIvB,WAAW,GAAGL,UAAU,SAAS,CAAC;;wBACpC,OAAOQ,YAAY,yBAAW,KAACqB;sCAAIrB;6BAAgBA;wBACnD,OAAOL,SAAS,yBAAW,KAAC2B;sCAAG3B;6BAAYA;;;8BAE9C,MAACyB;oBAAIvB,WAAW,GAAGL,UAAU,UAAU,CAAC;;sCACtC,KAACH;4BACCkC,aAAY;4BACZC,UAAUjB;4BACVkB,IAAG;4BACHC,SAASxB;4BACTyB,MAAK;4BACLC,MAAK;sCAEJhC,eAAegB,EAAE;;sCAEpB,KAACvB;4BAAOoC,IAAG;4BAAiBC,SAAStB;4BAAWuB,MAAK;sCAClDpB,aACGT,mBAAmB,GAAGc,EAAE,mBAAmB,GAAG,CAAC,GAC/Cb,gBAAgBa,EAAE;;;;;;;AAMlC"}
+{"version":3,"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, isModalOpen } = 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  if (!isModalOpen(modalSlug)) {\n    return null\n  }\n\n  return (\n    <Modal\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      // Fixes https://github.com/payloadcms/payload/issues/13778\n      closeOnBlur={false}\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"],"names":["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","isModalOpen","t","filter","Boolean","join","closeOnBlur","slug","style","zIndex","div","h1","p","buttonStyle","disabled","id","onClick","size","type"],"mappings":"AAAA;;AACA,SAASA,KAAK,EAAEC,QAAQ,QAAQ,qBAAoB;AACpD,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAE1C,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,WAAW,EAAEC,cAAc,QAAQ,qBAAoB;AAChE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAgBlB,OAAO,SAASC,kBAAkBC,KAA6B;IAC7D,MAAM,EACJC,IAAI,EACJC,WAAW,EACXC,SAAS,EACTC,eAAe,EACfC,YAAY,EACZC,OAAO,EACPC,SAAS,EACTC,UAAUC,iBAAiB,EAC3BC,WAAWC,kBAAkB,EAC9B,GAAGX;IAEJ,MAAMY,YAAYf;IAElB,MAAM,CAACgB,YAAYC,cAAc,GAAGtB,MAAMuB,QAAQ,CAAC;IAEnD,MAAM,EAAEC,UAAU,EAAEC,WAAW,EAAE,GAAG1B;IACpC,MAAM,EAAE2B,CAAC,EAAE,GAAGxB;IAEd,MAAMgB,YAAYjB,YAAY;QAC5B,IAAI,CAACoB,YAAY;YACfC,cAAc;YAEd,IAAI,OAAOH,uBAAuB,YAAY;gBAC5C,MAAMA;YACR;YAEAG,cAAc;YACdE,WAAWT;QACb;IACF,GAAG;QAACM;QAAYF;QAAoBK;QAAYT;KAAU;IAE1D,MAAMC,WAAWf,YAAY;QAC3B,IAAI,CAACoB,YAAY;YACfG,WAAWT;YAEX,IAAI,OAAOE,sBAAsB,YAAY;gBAC3CA;YACF;QACF;IACF,GAAG;QAACI;QAAYJ;QAAmBO;QAAYT;KAAU;IAEzD,IAAI,CAACU,YAAYV,YAAY;QAC3B,OAAO;IACT;IAEA,qBACE,QAACjB;QACCa,WAAW;YAACL;YAAWK;SAAU,CAACgB,MAAM,CAACC,SAASC,IAAI,CAAC;QACvD,2DAA2D;QAC3DC,aAAa;QACbC,MAAMhB;QACNiB,OAAO;YACLC,QAAQ7B,cAAcgB;QACxB;kBAEA,cAAA,QAACc;YAAIvB,WAAW,GAAGL,UAAU,SAAS,CAAC;;8BACrC,QAAC4B;oBAAIvB,WAAW,GAAGL,UAAU,SAAS,CAAC;;wBACpC,OAAOQ,YAAY,yBAAW,QAACqB;sCAAIrB;;;;;mCAAgBA;wBACnD,OAAOL,SAAS,yBAAW,QAAC2B;sCAAG3B;;;;;mCAAYA;;;;;;;8BAE9C,QAACyB;oBAAIvB,WAAW,GAAGL,UAAU,UAAU,CAAC;;sCACtC,QAACH;4BACCkC,aAAY;4BACZC,UAAUjB;4BACVkB,IAAG;4BACHC,SAASxB;4BACTyB,MAAK;4BACLC,MAAK;sCAEJhC,eAAegB,EAAE;;;;;;sCAEpB,QAACvB;4BAAOoC,IAAG;4BAAiBC,SAAStB;4BAAWuB,MAAK;sCAClDpB,aACGT,mBAAmB,GAAGc,EAAE,mBAAmB,GAAG,CAAC,GAC/Cb,gBAAgBa,EAAE;;;;;;;;;;;;;;;;;;;;;;;AAMlC"}