@payloadcms/ui 3.70.0 → 3.71.0-internal-debug.80dab4c

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

@@ -1,31 +1,54 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-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__*/_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');
-      }
-    })]
-  });
+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);
 }
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"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"}

package/dist/elements/FullscreenModal/index.js

@@ -1,29 +1,23 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { Modal } from '@faceless-ui/modal';
 import React from 'react';
 import { useEditDepth } from '../../providers/EditDepth/index.js';
 export function FullscreenModal(props) {
-  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;
+    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);
 }
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"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"}

package/dist/elements/GenerateConfirmation/index.js

@@ -1,7 +1,5 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import React, { useCallback } from 'react';
 import { toast } from 'sonner';
@@ -11,85 +9,67 @@ import { Button } from '../Button/index.js';
 import { ConfirmationModal } from '../ConfirmationModal/index.js';
 import { Translation } from '../Translation/index.js';
 export function GenerateConfirmation(props) {
-  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
-  });
+    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);
 }
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"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"}

package/dist/elements/GroupByBuilder/index.js

@@ -1,6 +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 './index.scss';
 import React, { useMemo } from 'react';
 import { SelectInput } from '../../fields/Select/Input.js';
@@ -16,103 +15,146 @@ 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__*/_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'}` : ''
-      })]
-    })]
-  });
+ */ 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);
 };
+
 //# sourceMappingURL=index.js.map