@payloadcms/ui 3.80.0-internal-debug.7019cc9 → 3.80.0-internal.0311fce

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,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"}
+{"version":3,"file":"index.js","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","_jsx","unstyled","selected","draggable","onDragEnd","moveFromIndex","moveToIndex","fromIndex","toIndex","onClick","pill"],"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"],"mappings":"AAAA;;;AAGA,SAASA,uBAAuB,EAAEC,SAAS,QAAQ;AACnD,OAAOC,KAAA,IAASC,KAAK,EAAEC,OAAO,QAAQ;AAEtC,SAASC,UAAU,QAAQ;AAC3B,SAASC,YAAY,QAAQ;AAC7B,SAASC,eAAe,QAAQ;AAChC,SAASC,YAAY,QAA6B;AAMlD,OAAO,MAAMC,cAAA,GAAkCA,CAAC;EAAEC;AAAc,CAAE;EAChE,MAAM;IAAEC,OAAO;IAAEC,UAAU;IAAEC;EAAY,CAAE,GAAGN,eAAA;EAE9C,MAAMO,IAAA,GAAOX,KAAA;EACb,MAAMY,SAAA,GAAYT,YAAA;EAElB,MAAMU,eAAA,GAAkBZ,OAAA,CACtB,MACEO,OAAA,EAASM,MAAA,CACNC,GAAA,IACC,EAAElB,uBAAA,CAAwBkB,GAAA,CAAIC,KAAK,KAAK,CAAClB,SAAA,CAAUiB,GAAA,CAAIC,KAAK,MAC5D,CAACD,GAAA,EAAKC,KAAA,EAAOC,KAAA,EAAOC,iBAAA,GAE1B,CAACV,OAAA,CAAQ;EAGX,MAAMW,KAAA,GAA0BlB,OAAA,CAAQ;IACtC,OAAOY,eAAA,GACHA,eAAA,CAAgBO,GAAG,CAAC,CAACL,KAAA,EAAKM,CAAA;MACxB,MAAM;QAAEC,QAAQ;QAAEC,MAAM;QAAEP;MAAK,CAAE,GAAGD,KAAA;MAEpC,MAAMS,KAAA,GACJ,qBAAqBR,KAAA,IAASA,KAAA,CAAMS,eAAe,KAAKC,SAAA,GACpDV,KAAA,CAAMS,eAAe,GACrB,WAAWT,KAAA,IAASA,KAAA,CAAMQ,KAAK,KAAKE,SAAA,GAClCV,KAAA,CAAMQ,KAAK,GACX,UAAUR,KAAA,IAASA,KAAA,CAAMW,IAAI,KAAKD,SAAA,GAChCV,KAAA,CAAMW,IAAI,GACVD,SAAA;MAEV,OAAO;QACLC,IAAA,EAAML,QAAA;QACNM,GAAA,EAAK,GAAGrB,cAAA,IAAkBe,QAAA,IAAYD,CAAA,GAAIT,SAAA,GAAY,IAAIA,SAAA,GAAY,GAAG,KAAKD,IAAA,EAAM;QACpFkB,KAAA,eAAOC,IAAA,CAAC5B,UAAA;UAAWsB,KAAA,EAAOA,KAAA;UAAsBO,QAAQ;;QACxDC,QAAA,EAAUT;MACZ;IACF,KACA;EACN,GAAG,CAAChB,cAAA,EAAgBK,SAAA,EAAWC,eAAA,EAAiBF,IAAA,CAAK;EAErD,IAAI,CAACQ,KAAA,EAAO;IACV,OAAO;EACT;EAEA,oBACEW,IAAA,CAACzB,YAAA;IACC4B,SAAA,EAAW;MACTC,SAAA,EAAWA,CAAC;QAAEC,aAAa;QAAEC;MAAW,CAAE;QACxC,KAAK3B,UAAA,CAAW;UACd4B,SAAA,EAAWF,aAAA;UACXG,OAAA,EAASF;QACX;MACF;IACF;IACAG,OAAA,EAASA,CAAC;MAAEC;IAAI,CAAE;MAChB,KAAK9B,YAAA,CAAa8B,IAAA,CAAKb,IAAI;IAC7B;IACAR,KAAA,EAAOA;;AAGb","ignoreList":[]}

package/dist/elements/Combobox/index.js

@@ -1,127 +1,97 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useMemo, useRef, useState } from 'react';
 import { Popup, PopupList } from '../Popup/index.js';
 import './index.scss';
 const baseClass = 'combobox';
 /**
- * @internal
- * @experimental
- */ /**
- * @internal
- * @experimental
- */ /** Minimum number of entries required to show search */ /**
  * A wrapper on top of Popup + PopupList.ButtonGroup that adds search functionality.
  *
  * @internal - this component may be removed or receive breaking changes in minor releases.
  * @experimental
- */ export const Combobox = (props)=>{
-    const { entries, minEntriesForSearch = 8, onSelect, onToggleClose, onToggleOpen, searchPlaceholder = 'Search...', ...popupProps } = props;
-    const [searchValue, setSearchValue] = useState('');
-    const isOpenRef = useRef(false);
-    const searchInputRef = useRef(null);
-    const filteredEntries = useMemo(()=>{
-        if (!searchValue) {
-            return entries;
-        }
-        const search = searchValue.toLowerCase();
-        return entries.filter((entry)=>entry.name.toLowerCase().includes(search));
-    }, [
-        entries,
-        searchValue
-    ]);
-    const showSearch = entries.length >= minEntriesForSearch;
-    const hasResults = filteredEntries.length > 0;
-    const handleToggleOpen = React.useCallback((active)=>{
-        isOpenRef.current = active;
-        if (active && showSearch) {
-            setTimeout(()=>{
-                searchInputRef.current?.focus();
-            }, 100);
-        }
-        onToggleOpen?.(active);
-    }, [
-        showSearch,
-        onToggleOpen
-    ]);
-    const handleToggleClose = React.useCallback(()=>{
-        isOpenRef.current = false;
-        setSearchValue('');
-        onToggleClose?.();
-    }, [
-        onToggleClose
-    ]);
-    return /*#__PURE__*/ _jsxDEV(Popup, {
-        ...popupProps,
-        className: `${baseClass} ${popupProps.className || ''}`,
-        onToggleClose: handleToggleClose,
-        onToggleOpen: handleToggleOpen,
-        render: ({ close })=>/*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__content`,
-                children: [
-                    showSearch && /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__search-wrapper${!hasResults ? ` ${baseClass}__search-wrapper--no-results` : ''}`,
-                        children: /*#__PURE__*/ _jsxDEV("input", {
-                            "aria-label": searchPlaceholder,
-                            className: `${baseClass}__search-input`,
-                            onChange: (e)=>setSearchValue(e.target.value),
-                            placeholder: searchPlaceholder,
-                            ref: searchInputRef,
-                            type: "text",
-                            value: searchValue
-                        }, 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) {
-                                    onSelect(entry);
-                                }
-                                close();
-                            };
-                            return /*#__PURE__*/ _jsxDEV("div", {
-                                className: `${baseClass}__entry`,
-                                "data-popup-prevent-close": true,
-                                onClick: handleClick,
-                                onKeyDown: (e)=>{
-                                    if (e.key === 'Enter' || e.key === ' ') {
-                                        e.preventDefault();
-                                        handleClick();
-                                    }
-                                },
-                                role: "menuitem",
-                                tabIndex: 0,
-                                children: entry.Component
-                            }, `${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);
+ */
+export const Combobox = props => {
+  const {
+    entries,
+    minEntriesForSearch = 8,
+    onSelect,
+    onToggleClose,
+    onToggleOpen,
+    searchPlaceholder = 'Search...',
+    ...popupProps
+  } = props;
+  const [searchValue, setSearchValue] = useState('');
+  const isOpenRef = useRef(false);
+  const searchInputRef = useRef(null);
+  const filteredEntries = useMemo(() => {
+    if (!searchValue) {
+      return entries;
+    }
+    const search = searchValue.toLowerCase();
+    return entries.filter(entry => entry.name.toLowerCase().includes(search));
+  }, [entries, searchValue]);
+  const showSearch = entries.length >= minEntriesForSearch;
+  const hasResults = filteredEntries.length > 0;
+  const handleToggleOpen = React.useCallback(active => {
+    isOpenRef.current = active;
+    if (active && showSearch) {
+      setTimeout(() => {
+        searchInputRef.current?.focus();
+      }, 100);
+    }
+    onToggleOpen?.(active);
+  }, [showSearch, onToggleOpen]);
+  const handleToggleClose = React.useCallback(() => {
+    isOpenRef.current = false;
+    setSearchValue('');
+    onToggleClose?.();
+  }, [onToggleClose]);
+  return /*#__PURE__*/_jsx(Popup, {
+    ...popupProps,
+    className: `${baseClass} ${popupProps.className || ''}`,
+    onToggleClose: handleToggleClose,
+    onToggleOpen: handleToggleOpen,
+    render: ({
+      close
+    }) => /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__content`,
+      children: [showSearch && /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__search-wrapper${!hasResults ? ` ${baseClass}__search-wrapper--no-results` : ''}`,
+        children: /*#__PURE__*/_jsx("input", {
+          "aria-label": searchPlaceholder,
+          className: `${baseClass}__search-input`,
+          onChange: e => setSearchValue(e.target.value),
+          placeholder: searchPlaceholder,
+          ref: searchInputRef,
+          type: "text",
+          value: searchValue
+        })
+      }), /*#__PURE__*/_jsx(PopupList.ButtonGroup, {
+        children: filteredEntries.map((entry_0, index) => {
+          const handleClick = () => {
+            if (onSelect) {
+              onSelect(entry_0);
+            }
+            close();
+          };
+          return /*#__PURE__*/_jsx("div", {
+            className: `${baseClass}__entry`,
+            "data-popup-prevent-close": true,
+            onClick: handleClick,
+            onKeyDown: e_0 => {
+              if (e_0.key === 'Enter' || e_0.key === ' ') {
+                e_0.preventDefault();
+                handleClick();
+              }
+            },
+            role: "menuitem",
+            tabIndex: 0,
+            children: entry_0.Component
+          }, `${entry_0.name}-${index}`);
+        })
+      })]
+    })
+  });
 };
-
 //# 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                  data-popup-prevent-close\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","data-popup-prevent-close","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;gCAChCgD,0BAAwB;gCAExBC,SAASF;gCACTG,WAAW,CAACZ;oCACV,IAAIA,EAAEa,GAAG,KAAK,WAAWb,EAAEa,GAAG,KAAK,KAAK;wCACtCb,EAAEc,cAAc;wCAChBL;oCACF;gCACF;gCACAM,MAAK;gCACLC,UAAU;0CAETpC,MAAMqC,SAAS;+BAXX,GAAGrC,MAAMC,IAAI,CAAC,CAAC,EAAE2B,OAAO;;;;;wBAcnC;;;;;;;;;;;;;;;;;AAMZ,EAAC"}
+{"version":3,"file":"index.js","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","_jsx","className","render","close","_jsxs","onChange","e","target","value","placeholder","ref","type","ButtonGroup","map","index","handleClick","onClick","onKeyDown","key","preventDefault","role","tabIndex","Component"],"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                  data-popup-prevent-close\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"],"mappings":"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","ignoreList":[]}

package/dist/elements/ConfirmationModal/index.js

@@ -1,5 +1,7 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Modal, useModal } from '@faceless-ui/modal';
 import React, { useCallback } from 'react';
 import { useTranslation } from '../../providers/Translation/index.js';
@@ -8,122 +10,133 @@ import { drawerZBase, useDrawerDepth } from '../Drawer/index.js';
 import './index.scss';
 const baseClass = 'confirmation-modal';
 export function ConfirmationModal(props) {
-    const { body, cancelLabel, className, confirmingLabel, confirmLabel, heading, modalSlug, onCancel: onCancelFromProps, onConfirm: onConfirmFromProps } = props;
-    const editDepth = useDrawerDepth();
-    const [confirming, setConfirming] = React.useState(false);
-    const { closeModal, isModalOpen } = useModal();
-    const { t } = useTranslation();
-    const onConfirm = useCallback(async ()=>{
-        if (!confirming) {
-            setConfirming(true);
-            if (typeof onConfirmFromProps === 'function') {
-                await onConfirmFromProps();
-            }
-            setConfirming(false);
-            closeModal(modalSlug);
+  const $ = _c(25);
+  const {
+    body,
+    cancelLabel,
+    className,
+    confirmingLabel,
+    confirmLabel,
+    heading,
+    modalSlug,
+    onCancel: onCancelFromProps,
+    onConfirm: onConfirmFromProps
+  } = props;
+  const editDepth = useDrawerDepth();
+  const [confirming, setConfirming] = React.useState(false);
+  const {
+    closeModal,
+    isModalOpen
+  } = useModal();
+  const {
+    t
+  } = useTranslation();
+  let t0;
+  if ($[0] !== closeModal || $[1] !== confirming || $[2] !== modalSlug || $[3] !== onConfirmFromProps) {
+    t0 = async () => {
+      if (!confirming) {
+        setConfirming(true);
+        if (typeof onConfirmFromProps === "function") {
+          await onConfirmFromProps();
         }
-    }, [
-        confirming,
-        onConfirmFromProps,
-        closeModal,
-        modalSlug
-    ]);
-    const onCancel = useCallback(()=>{
-        if (!confirming) {
-            closeModal(modalSlug);
-            if (typeof onCancelFromProps === 'function') {
-                onCancelFromProps();
-            }
+        setConfirming(false);
+        closeModal(modalSlug);
+      }
+    };
+    $[0] = closeModal;
+    $[1] = confirming;
+    $[2] = modalSlug;
+    $[3] = onConfirmFromProps;
+    $[4] = t0;
+  } else {
+    t0 = $[4];
+  }
+  const onConfirm = t0;
+  let t1;
+  if ($[5] !== closeModal || $[6] !== confirming || $[7] !== modalSlug || $[8] !== onCancelFromProps) {
+    t1 = () => {
+      if (!confirming) {
+        closeModal(modalSlug);
+        if (typeof onCancelFromProps === "function") {
+          onCancelFromProps();
         }
-    }, [
-        confirming,
-        onCancelFromProps,
-        closeModal,
-        modalSlug
-    ]);
-    if (!isModalOpen(modalSlug)) {
-        return null;
-    }
-    return /*#__PURE__*/ _jsxDEV(Modal, {
-        className: [
-            baseClass,
-            className
-        ].filter(Boolean).join(' '),
-        // Fixes https://github.com/payloadcms/payload/issues/13778
-        closeOnBlur: false,
-        slug: modalSlug,
-        style: {
-            zIndex: drawerZBase + editDepth
-        },
-        children: /*#__PURE__*/ _jsxDEV("div", {
-            className: `${baseClass}__wrapper`,
-            children: [
-                /*#__PURE__*/ _jsxDEV("div", {
-                    className: `${baseClass}__content`,
-                    children: [
-                        typeof heading === 'string' ? /*#__PURE__*/ _jsxDEV("h1", {
-                            children: heading
-                        }, void 0, false, {
-                            fileName: "src/elements/ConfirmationModal/index.tsx",
-                            lineNumber: 85,
-                            columnNumber: 42
-                        }, this) : heading,
-                        typeof body === 'string' ? /*#__PURE__*/ _jsxDEV("p", {
-                            children: body
-                        }, void 0, false, {
-                            fileName: "src/elements/ConfirmationModal/index.tsx",
-                            lineNumber: 86,
-                            columnNumber: 39
-                        }, this) : body
-                    ]
-                }, void 0, true, {
-                    fileName: "src/elements/ConfirmationModal/index.tsx",
-                    lineNumber: 84,
-                    columnNumber: 9
-                }, this),
-                /*#__PURE__*/ _jsxDEV("div", {
-                    className: `${baseClass}__controls`,
-                    children: [
-                        /*#__PURE__*/ _jsxDEV(Button, {
-                            buttonStyle: "secondary",
-                            disabled: confirming,
-                            id: "confirm-cancel",
-                            onClick: onCancel,
-                            size: "large",
-                            type: "button",
-                            children: cancelLabel || t('general:cancel')
-                        }, 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);
+      }
+    };
+    $[5] = closeModal;
+    $[6] = confirming;
+    $[7] = modalSlug;
+    $[8] = onCancelFromProps;
+    $[9] = t1;
+  } else {
+    t1 = $[9];
+  }
+  const onCancel = t1;
+  if (!isModalOpen(modalSlug)) {
+    return null;
+  }
+  let t2;
+  if ($[10] !== className) {
+    t2 = [baseClass, className].filter(Boolean);
+    $[10] = className;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  const t3 = t2.join(" ");
+  const t4 = drawerZBase + editDepth;
+  let t5;
+  if ($[12] !== body || $[13] !== cancelLabel || $[14] !== confirmLabel || $[15] !== confirming || $[16] !== confirmingLabel || $[17] !== heading || $[18] !== modalSlug || $[19] !== onCancel || $[20] !== onConfirm || $[21] !== t || $[22] !== t3 || $[23] !== t4) {
+    t5 = _jsx(Modal, {
+      className: t3,
+      closeOnBlur: false,
+      slug: modalSlug,
+      style: {
+        zIndex: t4
+      },
+      children: _jsxs("div", {
+        className: `${baseClass}__wrapper`,
+        children: [_jsxs("div", {
+          className: `${baseClass}__content`,
+          children: [typeof heading === "string" ? _jsx("h1", {
+            children: heading
+          }) : heading, typeof body === "string" ? _jsx("p", {
+            children: body
+          }) : body]
+        }), _jsxs("div", {
+          className: `${baseClass}__controls`,
+          children: [_jsx(Button, {
+            buttonStyle: "secondary",
+            disabled: confirming,
+            id: "confirm-cancel",
+            onClick: onCancel,
+            size: "large",
+            type: "button",
+            children: cancelLabel || t("general:cancel")
+          }), _jsx(Button, {
+            id: "confirm-action",
+            onClick: onConfirm,
+            size: "large",
+            children: confirming ? confirmingLabel || `${t("general:loading")}...` : confirmLabel || t("general:confirm")
+          })]
+        })]
+      })
+    });
+    $[12] = body;
+    $[13] = cancelLabel;
+    $[14] = confirmLabel;
+    $[15] = confirming;
+    $[16] = confirmingLabel;
+    $[17] = heading;
+    $[18] = modalSlug;
+    $[19] = onCancel;
+    $[20] = onConfirm;
+    $[21] = t;
+    $[22] = t3;
+    $[23] = t4;
+    $[24] = t5;
+  } else {
+    t5 = $[24];
+  }
+  return t5;
 }
-
 //# 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,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"}
+{"version":3,"file":"index.js","names":["c","_c","Modal","useModal","React","useCallback","useTranslation","Button","drawerZBase","useDrawerDepth","baseClass","ConfirmationModal","props","$","body","cancelLabel","className","confirmingLabel","confirmLabel","heading","modalSlug","onCancel","onCancelFromProps","onConfirm","onConfirmFromProps","editDepth","confirming","setConfirming","useState","closeModal","isModalOpen","t","t0","t1","t2","filter","Boolean","t3","join","t4","t5","_jsx","closeOnBlur","slug","style","zIndex","children","_jsxs","buttonStyle","disabled","id","onClick","size","type"],"sources":["../../../src/elements/ConfirmationModal/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport React, { useCallback } from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { drawerZBase, useDrawerDepth } from '../Drawer/index.js'\nimport './index.scss'\n\nconst baseClass = 'confirmation-modal'\n\nexport type OnCancel = () => void\n\nexport type ConfirmationModalProps = {\n  body: React.ReactNode\n  cancelLabel?: string\n  className?: string\n  confirmingLabel?: string\n  confirmLabel?: string\n  heading: React.ReactNode\n  modalSlug: string\n  onCancel?: OnCancel\n  onConfirm: () => Promise<void> | void\n}\n\nexport function ConfirmationModal(props: ConfirmationModalProps) {\n  const {\n    body,\n    cancelLabel,\n    className,\n    confirmingLabel,\n    confirmLabel,\n    heading,\n    modalSlug,\n    onCancel: onCancelFromProps,\n    onConfirm: onConfirmFromProps,\n  } = props\n\n  const editDepth = useDrawerDepth()\n\n  const [confirming, setConfirming] = React.useState(false)\n\n  const { closeModal, 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"],"mappings":"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","ignoreList":[]}