@payloadcms/ui 3.71.0-internal-debug.e053082 → 3.71.0-internal.49c4f67

package/dist/elements/FolderView/ToggleViewButtons/index.js

@@ -1,54 +1,31 @@
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { GridViewIcon } from '../../../icons/GridView/index.js';
 import { ListViewIcon } from '../../../icons/ListView/index.js';
 import { Button } from '../../Button/index.js';
 import './index.scss';
 const baseClass = 'folder-view-toggle-button';
-export function ToggleViewButtons({ activeView, setActiveView }) {
-    return /*#__PURE__*/ _jsxDEV(_Fragment, {
-        children: [
-            /*#__PURE__*/ _jsxDEV(Button, {
-                buttonStyle: "pill",
-                className: [
-                    baseClass,
-                    activeView === 'grid' && `${baseClass}--active`
-                ].filter(Boolean).join(' '),
-                icon: /*#__PURE__*/ _jsxDEV(GridViewIcon, {}, void 0, false, {
-                    fileName: "src/elements/FolderView/ToggleViewButtons/index.tsx",
-                    lineNumber: 20,
-                    columnNumber: 15
-                }, void 0),
-                margin: false,
-                onClick: ()=>{
-                    setActiveView('grid');
-                }
-            }, void 0, false, {
-                fileName: "src/elements/FolderView/ToggleViewButtons/index.tsx",
-                lineNumber: 15,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(Button, {
-                buttonStyle: "pill",
-                className: [
-                    baseClass,
-                    activeView === 'list' && `${baseClass}--active`
-                ].filter(Boolean).join(' '),
-                icon: /*#__PURE__*/ _jsxDEV(ListViewIcon, {}, void 0, false, {
-                    fileName: "src/elements/FolderView/ToggleViewButtons/index.tsx",
-                    lineNumber: 31,
-                    columnNumber: 15
-                }, void 0),
-                margin: false,
-                onClick: ()=>{
-                    setActiveView('list');
-                }
-            }, void 0, false, {
-                fileName: "src/elements/FolderView/ToggleViewButtons/index.tsx",
-                lineNumber: 26,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true);
+export function ToggleViewButtons({
+  activeView,
+  setActiveView
+}) {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Button, {
+      buttonStyle: "pill",
+      className: [baseClass, activeView === 'grid' && `${baseClass}--active`].filter(Boolean).join(' '),
+      icon: /*#__PURE__*/_jsx(GridViewIcon, {}),
+      margin: false,
+      onClick: () => {
+        setActiveView('grid');
+      }
+    }), /*#__PURE__*/_jsx(Button, {
+      buttonStyle: "pill",
+      className: [baseClass, activeView === 'list' && `${baseClass}--active`].filter(Boolean).join(' '),
+      icon: /*#__PURE__*/_jsx(ListViewIcon, {}),
+      margin: false,
+      onClick: () => {
+        setActiveView('list');
+      }
+    })]
+  });
 }
-
 //# sourceMappingURL=index.js.map

package/dist/elements/FolderView/ToggleViewButtons/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/ToggleViewButtons/index.tsx"],"sourcesContent":["import { GridViewIcon } from '../../../icons/GridView/index.js'\nimport { ListViewIcon } from '../../../icons/ListView/index.js'\nimport { Button } from '../../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'folder-view-toggle-button'\n\ntype Props = {\n  activeView: 'grid' | 'list'\n  setActiveView: (view: 'grid' | 'list') => void\n}\nexport function ToggleViewButtons({ activeView, setActiveView }: Props) {\n  return (\n    <>\n      <Button\n        buttonStyle=\"pill\"\n        className={[baseClass, activeView === 'grid' && `${baseClass}--active`]\n          .filter(Boolean)\n          .join(' ')}\n        icon={<GridViewIcon />}\n        margin={false}\n        onClick={() => {\n          setActiveView('grid')\n        }}\n      />\n      <Button\n        buttonStyle=\"pill\"\n        className={[baseClass, activeView === 'list' && `${baseClass}--active`]\n          .filter(Boolean)\n          .join(' ')}\n        icon={<ListViewIcon />}\n        margin={false}\n        onClick={() => {\n          setActiveView('list')\n        }}\n      />\n    </>\n  )\n}\n"],"names":["GridViewIcon","ListViewIcon","Button","baseClass","ToggleViewButtons","activeView","setActiveView","buttonStyle","className","filter","Boolean","join","icon","margin","onClick"],"mappings":";AAAA,SAASA,YAAY,QAAQ,mCAAkC;AAC/D,SAASC,YAAY,QAAQ,mCAAkC;AAC/D,SAASC,MAAM,QAAQ,wBAAuB;AAC9C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAMlB,OAAO,SAASC,kBAAkB,EAAEC,UAAU,EAAEC,aAAa,EAAS;IACpE,qBACE;;0BACE,QAACJ;gBACCK,aAAY;gBACZC,WAAW;oBAACL;oBAAWE,eAAe,UAAU,GAAGF,UAAU,QAAQ,CAAC;iBAAC,CACpEM,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRC,oBAAM,QAACZ;;;;;gBACPa,QAAQ;gBACRC,SAAS;oBACPR,cAAc;gBAChB;;;;;;0BAEF,QAACJ;gBACCK,aAAY;gBACZC,WAAW;oBAACL;oBAAWE,eAAe,UAAU,GAAGF,UAAU,QAAQ,CAAC;iBAAC,CACpEM,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRC,oBAAM,QAACX;;;;;gBACPY,QAAQ;gBACRC,SAAS;oBACPR,cAAc;gBAChB;;;;;;;;AAIR"}
+{"version":3,"file":"index.js","names":["GridViewIcon","ListViewIcon","Button","baseClass","ToggleViewButtons","activeView","setActiveView","_jsxs","_Fragment","_jsx","buttonStyle","className","filter","Boolean","join","icon","margin","onClick"],"sources":["../../../../src/elements/FolderView/ToggleViewButtons/index.tsx"],"sourcesContent":["import { GridViewIcon } from '../../../icons/GridView/index.js'\nimport { ListViewIcon } from '../../../icons/ListView/index.js'\nimport { Button } from '../../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'folder-view-toggle-button'\n\ntype Props = {\n  activeView: 'grid' | 'list'\n  setActiveView: (view: 'grid' | 'list') => void\n}\nexport function ToggleViewButtons({ activeView, setActiveView }: Props) {\n  return (\n    <>\n      <Button\n        buttonStyle=\"pill\"\n        className={[baseClass, activeView === 'grid' && `${baseClass}--active`]\n          .filter(Boolean)\n          .join(' ')}\n        icon={<GridViewIcon />}\n        margin={false}\n        onClick={() => {\n          setActiveView('grid')\n        }}\n      />\n      <Button\n        buttonStyle=\"pill\"\n        className={[baseClass, activeView === 'list' && `${baseClass}--active`]\n          .filter(Boolean)\n          .join(' ')}\n        icon={<ListViewIcon />}\n        margin={false}\n        onClick={() => {\n          setActiveView('list')\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";AAAA,SAASA,YAAY,QAAQ;AAC7B,SAASC,YAAY,QAAQ;AAC7B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAMlB,OAAO,SAASC,kBAAkB;EAAEC,UAAU;EAAEC;AAAa,CAAS;EACpE,oBACEC,KAAA,CAAAC,SAAA;4BACEC,IAAA,CAACP,MAAA;MACCQ,WAAA,EAAY;MACZC,SAAA,EAAW,CAACR,SAAA,EAAWE,UAAA,KAAe,UAAU,GAAGF,SAAA,UAAmB,CAAC,CACpES,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;MACRC,IAAA,eAAMN,IAAA,CAACT,YAAA;MACPgB,MAAA,EAAQ;MACRC,OAAA,EAASA,CAAA;QACPX,aAAA,CAAc;MAChB;qBAEFG,IAAA,CAACP,MAAA;MACCQ,WAAA,EAAY;MACZC,SAAA,EAAW,CAACR,SAAA,EAAWE,UAAA,KAAe,UAAU,GAAGF,SAAA,UAAmB,CAAC,CACpES,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;MACRC,IAAA,eAAMN,IAAA,CAACR,YAAA;MACPe,MAAA,EAAQ;MACRC,OAAA,EAASA,CAAA;QACPX,aAAA,CAAc;MAChB;;;AAIR","ignoreList":[]}

package/dist/elements/FullscreenModal/index.js

@@ -1,23 +1,29 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Modal } from '@faceless-ui/modal';
 import React from 'react';
 import { useEditDepth } from '../../providers/EditDepth/index.js';
 export function FullscreenModal(props) {
-    const currentDepth = useEditDepth();
-    return /*#__PURE__*/ _jsxDEV(Modal, {
-        // Fixes https://github.com/payloadcms/payload/issues/13778
-        closeOnBlur: false,
-        ...props,
-        style: {
-            ...props.style || {},
-            zIndex: `calc(100 + ${currentDepth || 0} + 1)`
-        }
-    }, void 0, false, {
-        fileName: "src/elements/FullscreenModal/index.tsx",
-        lineNumber: 13,
-        columnNumber: 5
-    }, this);
+  const $ = _c(3);
+  const currentDepth = useEditDepth();
+  let t0;
+  if ($[0] !== currentDepth || $[1] !== props) {
+    t0 = _jsx(Modal, {
+      closeOnBlur: false,
+      ...props,
+      style: {
+        ...(props.style || {}),
+        zIndex: `calc(100 + ${currentDepth || 0} + 1)`
+      }
+    });
+    $[0] = currentDepth;
+    $[1] = props;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
 }
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/FullscreenModal/index.tsx"],"sourcesContent":["'use client'\nimport type { Modal as ModalType } from '@faceless-ui/modal'\n\nimport { Modal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\n\nexport function FullscreenModal(props: Parameters<typeof ModalType>[0]) {\n  const currentDepth = useEditDepth()\n\n  return (\n    <Modal\n      // Fixes https://github.com/payloadcms/payload/issues/13778\n      closeOnBlur={false}\n      {...props}\n      style={{\n        ...(props.style || {}),\n        zIndex: `calc(100 + ${currentDepth || 0} + 1)`,\n      }}\n    />\n  )\n}\n"],"names":["Modal","React","useEditDepth","FullscreenModal","props","currentDepth","closeOnBlur","style","zIndex"],"mappings":"AAAA;;AAGA,SAASA,KAAK,QAAQ,qBAAoB;AAC1C,OAAOC,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,qCAAoC;AAEjE,OAAO,SAASC,gBAAgBC,KAAsC;IACpE,MAAMC,eAAeH;IAErB,qBACE,QAACF;QACC,2DAA2D;QAC3DM,aAAa;QACZ,GAAGF,KAAK;QACTG,OAAO;YACL,GAAIH,MAAMG,KAAK,IAAI,CAAC,CAAC;YACrBC,QAAQ,CAAC,WAAW,EAAEH,gBAAgB,EAAE,KAAK,CAAC;QAChD;;;;;;AAGN"}
+{"version":3,"file":"index.js","names":["c","_c","Modal","React","useEditDepth","FullscreenModal","props","$","currentDepth","t0","_jsx","closeOnBlur","style","zIndex"],"sources":["../../../src/elements/FullscreenModal/index.tsx"],"sourcesContent":["'use client'\nimport type { Modal as ModalType } from '@faceless-ui/modal'\n\nimport { Modal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\n\nexport function FullscreenModal(props: Parameters<typeof ModalType>[0]) {\n  const currentDepth = useEditDepth()\n\n  return (\n    <Modal\n      // Fixes https://github.com/payloadcms/payload/issues/13778\n      closeOnBlur={false}\n      {...props}\n      style={{\n        ...(props.style || {}),\n        zIndex: `calc(100 + ${currentDepth || 0} + 1)`,\n      }}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,KAAK,QAAQ;AACtB,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAE7B,OAAO,SAAAC,gBAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EACL,MAAAO,YAAA,GAAqBJ,YAAA;EAAA,IAAAK,EAAA;EAAA,IAAAF,CAAA,QAAAC,YAAA,IAAAD,CAAA,QAAAD,KAAA;IAGnBG,EAAA,GAAAC,IAAA,CAAAR,KAAA;MAAAS,WAAA;MAAA,GAGML,KAAK;MAAAM,KAAA;QAAA,IAEHN,KAAA,CAAAM,KAAA,MAAiB;QAAAC,MAAA,EACb,cAAcL,YAAA,KAAgB;MAAQ;IAAA,C;;;;;;;SANlDC,E","ignoreList":[]}

package/dist/elements/GenerateConfirmation/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 { useModal } from '@faceless-ui/modal';
 import React, { useCallback } from 'react';
 import { toast } from 'sonner';
@@ -9,67 +11,85 @@ import { Button } from '../Button/index.js';
 import { ConfirmationModal } from '../ConfirmationModal/index.js';
 import { Translation } from '../Translation/index.js';
 export function GenerateConfirmation(props) {
-    const { highlightField, setKey } = props;
-    const { id } = useDocumentInfo();
-    const { toggleModal } = useModal();
-    const { t } = useTranslation();
-    const modalSlug = `generate-confirmation-${id}`;
-    const handleGenerate = useCallback(()=>{
-        setKey();
-        toast.success(t('authentication:newAPIKeyGenerated'));
-        highlightField(true);
-    }, [
-        highlightField,
-        setKey,
-        t
-    ]);
-    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
-        children: [
-            /*#__PURE__*/ _jsxDEV(Button, {
-                buttonStyle: "secondary",
-                onClick: ()=>{
-                    toggleModal(modalSlug);
-                },
-                size: "small",
-                children: t('authentication:generateNewAPIKey')
-            }, void 0, false, {
-                fileName: "src/elements/GenerateConfirmation/index.tsx",
-                lineNumber: 34,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
-                body: /*#__PURE__*/ _jsxDEV(Translation, {
-                    elements: {
-                        1: ({ children })=>/*#__PURE__*/ _jsxDEV("strong", {
-                                children: children
-                            }, void 0, false, {
-                                fileName: "src/elements/GenerateConfirmation/index.tsx",
-                                lineNumber: 47,
-                                columnNumber: 36
-                            }, void 0)
-                    },
-                    i18nKey: "authentication:generatingNewAPIKeyWillInvalidate",
-                    t: t
-                }, void 0, false, {
-                    fileName: "src/elements/GenerateConfirmation/index.tsx",
-                    lineNumber: 45,
-                    columnNumber: 11
-                }, void 0),
-                confirmLabel: t('authentication:generate'),
-                heading: t('authentication:confirmGeneration'),
-                modalSlug: modalSlug,
-                onConfirm: handleGenerate
-            }, void 0, false, {
-                fileName: "src/elements/GenerateConfirmation/index.tsx",
-                lineNumber: 43,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/GenerateConfirmation/index.tsx",
-        lineNumber: 33,
-        columnNumber: 5
-    }, this);
+  const $ = _c(12);
+  const {
+    highlightField,
+    setKey
+  } = props;
+  const {
+    id
+  } = useDocumentInfo();
+  const {
+    toggleModal
+  } = useModal();
+  const {
+    t
+  } = useTranslation();
+  const modalSlug = `generate-confirmation-${id}`;
+  let t0;
+  if ($[0] !== highlightField || $[1] !== setKey || $[2] !== t) {
+    t0 = () => {
+      setKey();
+      toast.success(t("authentication:newAPIKeyGenerated"));
+      highlightField(true);
+    };
+    $[0] = highlightField;
+    $[1] = setKey;
+    $[2] = t;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  const handleGenerate = t0;
+  let t1;
+  if ($[4] !== modalSlug || $[5] !== toggleModal) {
+    t1 = () => {
+      toggleModal(modalSlug);
+    };
+    $[4] = modalSlug;
+    $[5] = toggleModal;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== handleGenerate || $[8] !== modalSlug || $[9] !== t || $[10] !== t1) {
+    t2 = _jsxs(React.Fragment, {
+      children: [_jsx(Button, {
+        buttonStyle: "secondary",
+        onClick: t1,
+        size: "small",
+        children: t("authentication:generateNewAPIKey")
+      }), _jsx(ConfirmationModal, {
+        body: _jsx(Translation, {
+          elements: {
+            1: _temp
+          },
+          i18nKey: "authentication:generatingNewAPIKeyWillInvalidate",
+          t
+        }),
+        confirmLabel: t("authentication:generate"),
+        heading: t("authentication:confirmGeneration"),
+        modalSlug,
+        onConfirm: handleGenerate
+      })]
+    });
+    $[7] = handleGenerate;
+    $[8] = modalSlug;
+    $[9] = t;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function _temp(t0) {
+  const {
+    children
+  } = t0;
+  return _jsx("strong", {
+    children
+  });
 }
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/GenerateConfirmation/index.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { Translation } from '../Translation/index.js'\n\nexport type GenerateConfirmationProps = {\n  highlightField: (Boolean) => void\n  setKey: () => void\n}\n\nexport function GenerateConfirmation(props: GenerateConfirmationProps) {\n  const { highlightField, setKey } = props\n\n  const { id } = useDocumentInfo()\n  const { toggleModal } = useModal()\n  const { t } = useTranslation()\n\n  const modalSlug = `generate-confirmation-${id}`\n\n  const handleGenerate = useCallback(() => {\n    setKey()\n    toast.success(t('authentication:newAPIKeyGenerated'))\n    highlightField(true)\n  }, [highlightField, setKey, t])\n\n  return (\n    <React.Fragment>\n      <Button\n        buttonStyle=\"secondary\"\n        onClick={() => {\n          toggleModal(modalSlug)\n        }}\n        size=\"small\"\n      >\n        {t('authentication:generateNewAPIKey')}\n      </Button>\n      <ConfirmationModal\n        body={\n          <Translation\n            elements={{\n              1: ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"authentication:generatingNewAPIKeyWillInvalidate\"\n            t={t}\n          />\n        }\n        confirmLabel={t('authentication:generate')}\n        heading={t('authentication:confirmGeneration')}\n        modalSlug={modalSlug}\n        onConfirm={handleGenerate}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["useModal","React","useCallback","toast","useDocumentInfo","useTranslation","Button","ConfirmationModal","Translation","GenerateConfirmation","props","highlightField","setKey","id","toggleModal","t","modalSlug","handleGenerate","success","Fragment","buttonStyle","onClick","size","body","elements","children","strong","i18nKey","confirmLabel","heading","onConfirm"],"mappings":"AAAA;;AACA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAC1C,SAASC,KAAK,QAAQ,SAAQ;AAE9B,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,gCAA+B;AACjE,SAASC,WAAW,QAAQ,0BAAyB;AAOrD,OAAO,SAASC,qBAAqBC,KAAgC;IACnE,MAAM,EAAEC,cAAc,EAAEC,MAAM,EAAE,GAAGF;IAEnC,MAAM,EAAEG,EAAE,EAAE,GAAGT;IACf,MAAM,EAAEU,WAAW,EAAE,GAAGd;IACxB,MAAM,EAAEe,CAAC,EAAE,GAAGV;IAEd,MAAMW,YAAY,CAAC,sBAAsB,EAAEH,IAAI;IAE/C,MAAMI,iBAAiBf,YAAY;QACjCU;QACAT,MAAMe,OAAO,CAACH,EAAE;QAChBJ,eAAe;IACjB,GAAG;QAACA;QAAgBC;QAAQG;KAAE;IAE9B,qBACE,QAACd,MAAMkB,QAAQ;;0BACb,QAACb;gBACCc,aAAY;gBACZC,SAAS;oBACPP,YAAYE;gBACd;gBACAM,MAAK;0BAEJP,EAAE;;;;;;0BAEL,QAACR;gBACCgB,oBACE,QAACf;oBACCgB,UAAU;wBACR,GAAG,CAAC,EAAEC,QAAQ,EAAE,iBAAK,QAACC;0CAAQD;;;;;;oBAChC;oBACAE,SAAQ;oBACRZ,GAAGA;;;;;;gBAGPa,cAAcb,EAAE;gBAChBc,SAASd,EAAE;gBACXC,WAAWA;gBACXc,WAAWb;;;;;;;;;;;;AAInB"}
+{"version":3,"file":"index.js","names":["c","_c","useModal","React","useCallback","toast","useDocumentInfo","useTranslation","Button","ConfirmationModal","Translation","GenerateConfirmation","props","$","highlightField","setKey","id","toggleModal","t","modalSlug","t0","success","handleGenerate","t1","t2","_jsxs","Fragment","children","_jsx","buttonStyle","onClick","size","body","elements","1","_temp","i18nKey","heading","onConfirm"],"sources":["../../../src/elements/GenerateConfirmation/index.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { Translation } from '../Translation/index.js'\n\nexport type GenerateConfirmationProps = {\n  highlightField: (Boolean) => void\n  setKey: () => void\n}\n\nexport function GenerateConfirmation(props: GenerateConfirmationProps) {\n  const { highlightField, setKey } = props\n\n  const { id } = useDocumentInfo()\n  const { toggleModal } = useModal()\n  const { t } = useTranslation()\n\n  const modalSlug = `generate-confirmation-${id}`\n\n  const handleGenerate = useCallback(() => {\n    setKey()\n    toast.success(t('authentication:newAPIKeyGenerated'))\n    highlightField(true)\n  }, [highlightField, setKey, t])\n\n  return (\n    <React.Fragment>\n      <Button\n        buttonStyle=\"secondary\"\n        onClick={() => {\n          toggleModal(modalSlug)\n        }}\n        size=\"small\"\n      >\n        {t('authentication:generateNewAPIKey')}\n      </Button>\n      <ConfirmationModal\n        body={\n          <Translation\n            elements={{\n              1: ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"authentication:generatingNewAPIKeyWillInvalidate\"\n            t={t}\n          />\n        }\n        confirmLabel={t('authentication:generate')}\n        heading={t('authentication:confirmGeneration')}\n        modalSlug={modalSlug}\n        onConfirm={handleGenerate}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,IAASC,WAAW,QAAQ;AACnC,SAASC,KAAK,QAAQ;AAEtB,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,WAAW,QAAQ;AAO5B,OAAO,SAAAC,qBAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EACL;IAAAa,cAAA;IAAAC;EAAA,IAAmCH,KAAA;EAEnC;IAAAI;EAAA,IAAeV,eAAA;EACf;IAAAW;EAAA,IAAwBf,QAAA;EACxB;IAAAgB;EAAA,IAAcX,cAAA;EAEd,MAAAY,SAAA,GAAkB,yBAAyBH,EAAA,EAAI;EAAA,IAAAI,EAAA;EAAA,IAAAP,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAK,CAAA;IAEZE,EAAA,GAAAA,CAAA;MACjCL,MAAA;MACAV,KAAA,CAAAgB,OAAA,CAAcH,CAAA,CAAE;MAChBJ,cAAA,KAAe;IAAA;IACjBD,CAAA,MAAAC,cAAA;IAAAD,CAAA,MAAAE,MAAA;IAAAF,CAAA,MAAAK,CAAA;IAAAL,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAJA,MAAAS,cAAA,GAAuBF,EAIO;EAAA,IAAAG,EAAA;EAAA,IAAAV,CAAA,QAAAM,SAAA,IAAAN,CAAA,QAAAI,WAAA;IAMfM,EAAA,GAAAA,CAAA;MACPN,WAAA,CAAYE,SAAA;IAAA;IACdN,CAAA,MAAAM,SAAA;IAAAN,CAAA,MAAAI,WAAA;IAAAJ,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAAA,IAAAW,EAAA;EAAA,IAAAX,CAAA,QAAAS,cAAA,IAAAT,CAAA,QAAAM,SAAA,IAAAN,CAAA,QAAAK,CAAA,IAAAL,CAAA,SAAAU,EAAA;IALJC,EAAA,GAAAC,KAAA,CAAAtB,KAAA,CAAAuB,QAAA;MAAAC,QAAA,GACEC,IAAA,CAAApB,MAAA;QAAAqB,WAAA,EACc;QAAAC,OAAA,EACHP,EAET;QAAAQ,IAAA,EACK;QAAAJ,QAAA,EAEJT,CAAA,CAAE;MAAA,C,GAELU,IAAA,CAAAnB,iBAAA;QAAAuB,IAAA,EAEIJ,IAAA,CAAAlB,WAAA;UAAAuB,QAAA;YAAAC,CAAA,EAAAC;UAAA;UAAAC,OAAA,EAIU;UAAAlB;QAAA,C;sBAIEA,CAAA,CAAE;QAAAmB,OAAA,EACPnB,CAAA,CAAE;QAAAC,SAAA;QAAAmB,SAAA,EAEAhB;MAAA,C;;;;;;;;;;SAvBfE,E;;AAhBG,SAAAW,MAAAf,EAAA;EA8BW;IAAAO;EAAA,IAAAP,EAAY;EAAA,OAAKQ,IAAA,CAAC;IAAAD;EAAA,C","ignoreList":[]}

package/dist/elements/GroupByBuilder/index.js

@@ -1,5 +1,6 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import './index.scss';
 import React, { useMemo } from 'react';
 import { SelectInput } from '../../fields/Select/Input.js';
@@ -15,146 +16,103 @@ const baseClass = 'group-by-builder';
  * - fields that don't affect data, i.e. `row`, `collapsible`, `ui`, etc.
  * So we don't technically need to omit them here, but do anyway.
  * But some remaining fields still need an additional check, e.g. `richText`, etc.
- */ const supportedFieldTypes = [
-    'text',
-    'textarea',
-    'number',
-    'select',
-    'relationship',
-    'date',
-    'checkbox',
-    'radio',
-    'email',
-    'number',
-    'upload'
-];
-export const GroupByBuilder = ({ collectionSlug, fields })=>{
-    const { i18n, t } = useTranslation();
-    const { permissions } = useAuth();
-    const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields;
-    const reducedFields = useMemo(()=>reduceFieldsToOptions({
-            fieldPermissions,
-            fields,
-            i18n
-        }), [
-        fields,
-        fieldPermissions,
-        i18n
-    ]);
-    const { query, refineListData } = useListQuery();
-    const groupByFieldName = query.groupBy?.replace(/^-/, '');
-    const groupByField = reducedFields.find((field)=>field.value === groupByFieldName);
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: baseClass,
-        children: [
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__header`,
-                children: [
-                    /*#__PURE__*/ _jsxDEV("p", {
-                        children: t('general:groupByLabel', {
-                            label: ''
-                        })
-                    }, void 0, false, {
-                        fileName: "src/elements/GroupByBuilder/index.tsx",
-                        lineNumber: 68,
-                        columnNumber: 9
-                    }, this),
-                    query.groupBy && /*#__PURE__*/ _jsxDEV("button", {
-                        className: `${baseClass}__clear-button`,
-                        id: "group-by--reset",
-                        onClick: async ()=>{
-                            await refineListData({
-                                groupBy: ''
-                            });
-                        },
-                        type: "button",
-                        children: t('general:clear')
-                    }, void 0, false, {
-                        fileName: "src/elements/GroupByBuilder/index.tsx",
-                        lineNumber: 74,
-                        columnNumber: 11
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/elements/GroupByBuilder/index.tsx",
-                lineNumber: 67,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__inputs`,
-                children: [
-                    /*#__PURE__*/ _jsxDEV(ReactSelect, {
-                        filterOption: (option, inputValue)=>(option?.data?.plainTextLabel || option.label).toLowerCase().includes(inputValue.toLowerCase()),
-                        id: "group-by--field-select",
-                        isClearable: true,
-                        isMulti: false,
-                        onChange: async (v)=>{
-                            const value = v === null ? undefined : v.value;
-                            // value is being cleared
-                            if (v === null) {
-                                await refineListData({
-                                    groupBy: '',
-                                    page: 1
-                                });
-                            }
-                            await refineListData({
-                                groupBy: value ? query.groupBy?.startsWith('-') ? `-${value}` : value : undefined,
-                                page: 1
-                            });
-                        },
-                        options: reducedFields.filter((field)=>!field.field.admin.disableGroupBy && field.value !== 'id' && supportedFieldTypes.includes(field.field.type)),
-                        value: {
-                            label: groupByField?.label || t('general:selectValue'),
-                            value: groupByFieldName || ''
-                        }
-                    }, void 0, false, {
-                        fileName: "src/elements/GroupByBuilder/index.tsx",
-                        lineNumber: 89,
-                        columnNumber: 9
-                    }, this),
-                    /*#__PURE__*/ _jsxDEV(SelectInput, {
-                        id: "group-by--sort",
-                        isClearable: false,
-                        name: "direction",
-                        onChange: async ({ value })=>{
-                            if (!groupByFieldName) {
-                                return;
-                            }
-                            await refineListData({
-                                groupBy: value === 'asc' ? groupByFieldName : `-${groupByFieldName}`,
-                                page: 1
-                            });
-                        },
-                        options: [
-                            {
-                                label: t('general:ascending'),
-                                value: 'asc'
-                            },
-                            {
-                                label: t('general:descending'),
-                                value: 'desc'
-                            }
-                        ],
-                        path: "direction",
-                        readOnly: !groupByFieldName,
-                        value: !query.groupBy ? 'asc' : typeof query.groupBy === 'string' ? `${query.groupBy.startsWith('-') ? 'desc' : 'asc'}` : ''
-                    }, void 0, false, {
-                        fileName: "src/elements/GroupByBuilder/index.tsx",
-                        lineNumber: 125,
-                        columnNumber: 9
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/elements/GroupByBuilder/index.tsx",
-                lineNumber: 88,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/GroupByBuilder/index.tsx",
-        lineNumber: 66,
-        columnNumber: 5
-    }, this);
+ */
+const supportedFieldTypes = ['text', 'textarea', 'number', 'select', 'relationship', 'date', 'checkbox', 'radio', 'email', 'number', 'upload'];
+export const GroupByBuilder = ({
+  collectionSlug,
+  fields
+}) => {
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    permissions
+  } = useAuth();
+  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields;
+  const reducedFields = useMemo(() => reduceFieldsToOptions({
+    fieldPermissions,
+    fields,
+    i18n
+  }), [fields, fieldPermissions, i18n]);
+  const {
+    query,
+    refineListData
+  } = useListQuery();
+  const groupByFieldName = query.groupBy?.replace(/^-/, '');
+  const groupByField = reducedFields.find(field => field.value === groupByFieldName);
+  return /*#__PURE__*/_jsxs("div", {
+    className: baseClass,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__header`,
+      children: [/*#__PURE__*/_jsx("p", {
+        children: t('general:groupByLabel', {
+          label: ''
+        })
+      }), query.groupBy && /*#__PURE__*/_jsx("button", {
+        className: `${baseClass}__clear-button`,
+        id: "group-by--reset",
+        onClick: async () => {
+          await refineListData({
+            groupBy: ''
+          });
+        },
+        type: "button",
+        children: t('general:clear')
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__inputs`,
+      children: [/*#__PURE__*/_jsx(ReactSelect, {
+        filterOption: (option, inputValue) => (option?.data?.plainTextLabel || option.label).toLowerCase().includes(inputValue.toLowerCase()),
+        id: "group-by--field-select",
+        isClearable: true,
+        isMulti: false,
+        onChange: async v => {
+          const value = v === null ? undefined : v.value;
+          // value is being cleared
+          if (v === null) {
+            await refineListData({
+              groupBy: '',
+              page: 1
+            });
+          }
+          await refineListData({
+            groupBy: value ? query.groupBy?.startsWith('-') ? `-${value}` : value : undefined,
+            page: 1
+          });
+        },
+        options: reducedFields.filter(field_0 => !field_0.field.admin.disableGroupBy && field_0.value !== 'id' && supportedFieldTypes.includes(field_0.field.type)),
+        value: {
+          label: groupByField?.label || t('general:selectValue'),
+          value: groupByFieldName || ''
+        }
+      }), /*#__PURE__*/_jsx(SelectInput, {
+        id: "group-by--sort",
+        isClearable: false,
+        name: "direction",
+        onChange: async ({
+          value: value_0
+        }) => {
+          if (!groupByFieldName) {
+            return;
+          }
+          await refineListData({
+            groupBy: value_0 === 'asc' ? groupByFieldName : `-${groupByFieldName}`,
+            page: 1
+          });
+        },
+        options: [{
+          label: t('general:ascending'),
+          value: 'asc'
+        }, {
+          label: t('general:descending'),
+          value: 'desc'
+        }],
+        path: "direction",
+        readOnly: !groupByFieldName,
+        value: !query.groupBy ? 'asc' : typeof query.groupBy === 'string' ? `${query.groupBy.startsWith('-') ? 'desc' : 'asc'}` : ''
+      })]
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map