@payloadcms/ui 4.0.0-beta.2 → 4.0.0-beta.4

package/dist/views/Account/ToggleTheme/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useMemo } from 'react';
 import { ReactSelect } from '../../../elements/ReactSelect/index.js';
@@ -7,6 +8,7 @@ import { FieldLabel } from '../../../fields/FieldLabel/index.js';
 import { useTheme } from '../../../providers/Theme/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 export const ToggleTheme = () => {
+  const $ = _c(23);
   const {
     autoMode,
     setTheme,
@@ -15,32 +17,109 @@ export const ToggleTheme = () => {
   const {
     t
   } = useTranslation();
-  const options = useMemo(() => [{
-    label: t('general:automatic'),
-    value: 'auto'
-  }, {
-    label: t('general:light'),
-    value: 'light'
-  }, {
-    label: t('general:dark'),
-    value: 'dark'
-  }], [t]);
-  const activeValue = autoMode ? 'auto' : theme;
-  const onChange = useCallback(option => {
-    setTheme(option.value);
-  }, [setTheme]);
-  return /*#__PURE__*/_jsxs("div", {
-    className: "payload-settings__theme",
-    children: [/*#__PURE__*/_jsx(FieldLabel, {
-      htmlFor: "theme-select",
-      label: t('general:theme')
-    }), /*#__PURE__*/_jsx(ReactSelect, {
-      inputId: "theme-select",
-      isClearable: false,
-      onChange: onChange,
-      options: options,
-      value: options.find(o => o.value === activeValue)
-    })]
-  });
+  let t0;
+  if ($[0] !== t) {
+    t0 = t("general:automatic");
+    $[0] = t;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] !== t0) {
+    t1 = {
+      label: t0,
+      value: "auto"
+    };
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== t) {
+    t2 = t("general:light");
+    $[4] = t;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== t2) {
+    t3 = {
+      label: t2,
+      value: "light"
+    };
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  let t4;
+  if ($[8] !== t) {
+    t4 = t("general:dark");
+    $[8] = t;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  let t5;
+  if ($[10] !== t4) {
+    t5 = {
+      label: t4,
+      value: "dark"
+    };
+    $[10] = t4;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  let t6;
+  if ($[12] !== t1 || $[13] !== t3 || $[14] !== t5) {
+    t6 = [t1, t3, t5];
+    $[12] = t1;
+    $[13] = t3;
+    $[14] = t5;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  const options = t6;
+  const activeValue = autoMode ? "auto" : theme;
+  let t7;
+  if ($[16] !== setTheme) {
+    t7 = option => {
+      setTheme(option.value);
+    };
+    $[16] = setTheme;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  const onChange = t7;
+  let t8;
+  if ($[18] !== activeValue || $[19] !== onChange || $[20] !== options || $[21] !== t) {
+    t8 = _jsxs("div", {
+      className: "payload-settings__theme",
+      children: [_jsx(FieldLabel, {
+        htmlFor: "theme-select",
+        label: t("general:theme")
+      }), _jsx(ReactSelect, {
+        inputId: "theme-select",
+        isClearable: false,
+        onChange,
+        options,
+        value: options.find(o => o.value === activeValue)
+      })]
+    });
+    $[18] = activeValue;
+    $[19] = onChange;
+    $[20] = options;
+    $[21] = t;
+    $[22] = t8;
+  } else {
+    t8 = $[22];
+  }
+  return t8;
 };
 //# sourceMappingURL=index.js.map

package/dist/views/Account/ToggleTheme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","ReactSelect","FieldLabel","useTheme","useTranslation","ToggleTheme","autoMode","setTheme","theme","t","options","label","value","activeValue","onChange","option","_jsxs","className","_jsx","htmlFor","inputId","isClearable","find","o"],"sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { Option as ReactSelectOption } from '../../../elements/ReactSelect/index.js'\n\nimport { ReactSelect } from '../../../elements/ReactSelect/index.js'\nimport { FieldLabel } from '../../../fields/FieldLabel/index.js'\nimport { useTheme } from '../../../providers/Theme/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nexport const ToggleTheme: React.FC = () => {\n  const { autoMode, setTheme, theme } = useTheme()\n  const { t } = useTranslation()\n\n  const options = useMemo(\n    () => [\n      { label: t('general:automatic'), value: 'auto' },\n      { label: t('general:light'), value: 'light' },\n      { label: t('general:dark'), value: 'dark' },\n    ],\n    [t],\n  )\n\n  const activeValue = autoMode ? 'auto' : theme\n\n  const onChange = useCallback(\n    (option: ReactSelectOption) => {\n      setTheme(option.value as 'auto' | 'dark' | 'light')\n    },\n    [setTheme],\n  )\n\n  return (\n    <div className=\"payload-settings__theme\">\n      <FieldLabel htmlFor=\"theme-select\" label={t('general:theme')} />\n      <ReactSelect\n        inputId=\"theme-select\"\n        isClearable={false}\n        onChange={onChange}\n        options={options}\n        value={options.find((o) => o.value === activeValue)}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,IAASC,WAAW,EAAEC,OAAO,QAAQ;AAI5C,SAASC,WAAW,QAAQ;AAC5B,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,WAAA,GAAwBA,CAAA;EACnC,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAK,CAAE,GAAGL,QAAA;EACtC,MAAM;IAAEM;EAAC,CAAE,GAAGL,cAAA;EAEd,MAAMM,OAAA,GAAUV,OAAA,CACd,MAAM,CACJ;IAAEW,KAAA,EAAOF,CAAA,CAAE;IAAsBG,KAAA,EAAO;EAAO,GAC/C;IAAED,KAAA,EAAOF,CAAA,CAAE;IAAkBG,KAAA,EAAO;EAAQ,GAC5C;IAAED,KAAA,EAAOF,CAAA,CAAE;IAAiBG,KAAA,EAAO;EAAO,EAC3C,EACD,CAACH,CAAA,CAAE;EAGL,MAAMI,WAAA,GAAcP,QAAA,GAAW,SAASE,KAAA;EAExC,MAAMM,QAAA,GAAWf,WAAA,CACdgB,MAAA;IACCR,QAAA,CAASQ,MAAA,CAAOH,KAAK;EACvB,GACA,CAACL,QAAA,CAAS;EAGZ,oBACES,KAAA,CAAC;IAAIC,SAAA,EAAU;4BACbC,IAAA,CAAChB,UAAA;MAAWiB,OAAA,EAAQ;MAAeR,KAAA,EAAOF,CAAA,CAAE;qBAC5CS,IAAA,CAACjB,WAAA;MACCmB,OAAA,EAAQ;MACRC,WAAA,EAAa;MACbP,QAAA,EAAUA,QAAA;MACVJ,OAAA,EAASA,OAAA;MACTE,KAAA,EAAOF,OAAA,CAAQY,IAAI,CAAEC,CAAA,IAAMA,CAAA,CAAEX,KAAK,KAAKC,WAAA;;;AAI/C","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useMemo","ReactSelect","FieldLabel","useTheme","useTranslation","ToggleTheme","$","autoMode","setTheme","theme","t","t0","t1","label","value","t2","t3","t4","t5","t6","options","activeValue","t7","option","onChange","t8","_jsxs","className","children","_jsx","htmlFor","inputId","isClearable","find","o"],"sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { Option as ReactSelectOption } from '../../../elements/ReactSelect/index.js'\n\nimport { ReactSelect } from '../../../elements/ReactSelect/index.js'\nimport { FieldLabel } from '../../../fields/FieldLabel/index.js'\nimport { useTheme } from '../../../providers/Theme/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nexport const ToggleTheme: React.FC = () => {\n  const { autoMode, setTheme, theme } = useTheme()\n  const { t } = useTranslation()\n\n  const options = useMemo(\n    () => [\n      { label: t('general:automatic'), value: 'auto' },\n      { label: t('general:light'), value: 'light' },\n      { label: t('general:dark'), value: 'dark' },\n    ],\n    [t],\n  )\n\n  const activeValue = autoMode ? 'auto' : theme\n\n  const onChange = useCallback(\n    (option: ReactSelectOption) => {\n      setTheme(option.value as 'auto' | 'dark' | 'light')\n    },\n    [setTheme],\n  )\n\n  return (\n    <div className=\"payload-settings__theme\">\n      <FieldLabel htmlFor=\"theme-select\" label={t('general:theme')} />\n      <ReactSelect\n        inputId=\"theme-select\"\n        isClearable={false}\n        onChange={onChange}\n        options={options}\n        value={options.find((o) => o.value === activeValue)}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Account/index.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.js","names":["c","_c","React","useStepNav","useTranslation","AccountClient","$","setStepNav","t","t0","t1","nav","push","label","url","useEffect"],"sources":["../../../src/views/Account/index.client.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { StepNavItem } from '../../elements/StepNav/types.js'\n\nimport { useStepNav } from '../../elements/StepNav/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport const AccountClient: React.FC = () => {\n  const { setStepNav } = useStepNav()\n  const { t } = useTranslation()\n\n  React.useEffect(() => {\n    const nav: StepNavItem[] = []\n\n    nav.push({\n      label: t('authentication:account'),\n      url: '/account',\n    })\n\n    setStepNav(nav)\n  }, [setStepNav, t])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,OAAOC,KAAA,MAAW;AAIlB,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,aAAA,GAA0BA,CAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACrC;IAAAM;EAAA,IAAuBJ,UAAA;EACvB;IAAAK;EAAA,IAAcJ,cAAA;EAAA,IAAAK,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAE,CAAA;IAEEC,EAAA,GAAAA,CAAA;MACd,MAAAE,GAAA;MAEAA,GAAA,CAAAC,IAAA;QAAAC,KAAA,EACSL,CAAA,CAAE;QAAAM,GAAA,EACJ;MAAA,CACP;MAEAP,UAAA,CAAWI,GAAA;IAAA;IACVD,EAAA,IAACH,UAAA,EAAYC,CAAA;IAAEF,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAE,CAAA;IAAAF,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EATlBJ,KAAA,CAAAa,SAAA,CAAgBN,EAShB,EAAGC,EAAe;EAAA;AAAA,CAGpB","ignoreList":[]}
+{"version":3,"file":"index.client.js","names":["c","_c","React","useStepNav","useTranslation","AccountClient","$","setStepNav","t","t0","t1","nav","push","label","url","useEffect"],"sources":["../../../src/views/Account/index.client.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { StepNavItem } from '../../elements/StepNav/types.js'\n\nimport { useStepNav } from '../../elements/StepNav/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport const AccountClient: React.FC = () => {\n  const { setStepNav } = useStepNav()\n  const { t } = useTranslation()\n\n  React.useEffect(() => {\n    const nav: StepNavItem[] = []\n\n    nav.push({\n      label: t('authentication:account'),\n      url: '/account',\n    })\n\n    setStepNav(nav)\n  }, [setStepNav, t])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,OAAOC,KAAA,MAAW;AAIlB,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,aAAA,GAA0BA,CAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACrC;IAAAM;EAAA,IAAuBJ,UAAA;EACvB;IAAAK;EAAA,IAAcJ,cAAA;EAAA,IAAAK,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAE,CAAA;IAEEC,EAAA,GAAAA,CAAA;MACd,MAAAE,GAAA,GAA2B,EAAE;MAE7BA,GAAA,CAAAC,IAAQ,CAAC;QAAAC,KAAA,EACAL,CAAA,CAAE;QAAAM,GAAA,EACJ;MACP;MAEAP,UAAA,CAAWI,GAAA;IAAA,CACb;IAAGD,EAAA,IAACH,UAAA,EAAYC,CAAA,CAAE;IAAAF,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAE,CAAA;IAAAF,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EATlBJ,KAAA,CAAAa,SAAe,CAACN,EAShB,EAAGC,EAAe;EAAA,OAEX;AAAA,CACT","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/DashboardStepNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardStepNav.js","names":["c","_c","useEffect","useId","useRef","Button","DrawerToggler","ItemsDrawer","Popup","PopupList","useStepNav","ChevronIcon","useEmbed","useTranslation","DashboardStepNav","t0","$","addWidget","cancel","isEditing","resetLayout","saveLayout","setIsEditing","widgets","t","setStepNav","isEmbedded","uuid","drawerSlug","t1","t2","label","_jsx","children","DashboardBreadcrumbDropdown","onCancel","onEditClick","onResetLayout","onSaveChanges","widgetsDrawerSlug","t3","_Fragment","items","onItemClick","widget","slug","searchPlaceholder","title","props","addButtonRef","current","focus","_jsxs","className","buttonStyle","extraButtonProps","ref","onClick","size","horizontalAlign","popupType","render","close","ButtonGroup","renderButton","active","onKeyDown","ariaProps","selected","direction"],"sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/DashboardStepNav.tsx"],"sourcesContent":["'use client'\nimport type { ClientWidget } from 'payload'\n\nimport { useEffect, useId, useRef } from 'react'\n\nimport { Button } from '../../../../elements/Button/index.js'\nimport { DrawerToggler } from '../../../../elements/Drawer/index.js'\nimport { ItemsDrawer } from '../../../../elements/ItemsDrawer/index.js'\nimport { Popup } from '../../../../elements/Popup/index.js'\nimport * as PopupList from '../../../../elements/Popup/PopupButtonList/index.js'\nimport { useStepNav } from '../../../../elements/StepNav/index.js'\nimport { ChevronIcon } from '../../../../icons/Chevron/index.js'\nimport { useEmbed } from '../../../../providers/Embed/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\n\nexport function DashboardStepNav({\n  addWidget,\n  cancel,\n  isEditing,\n  resetLayout,\n  saveLayout,\n  setIsEditing,\n  widgets,\n}: {\n  addWidget: (slug: string) => void\n  cancel: () => void\n  isEditing: boolean\n  resetLayout: () => Promise<void>\n  saveLayout: () => Promise<void>\n  setIsEditing: (isEditing: boolean) => void\n  widgets: ClientWidget[]\n}) {\n  const { t } = useTranslation()\n  const { setStepNav } = useStepNav()\n  const { isEmbedded } = useEmbed()\n  const uuid = useId()\n  const drawerSlug = `widgets-drawer-${uuid}`\n\n  useEffect(() => {\n    setStepNav([\n      {\n        label: isEmbedded ? (\n          <span>{t('general:dashboard')}</span>\n        ) : (\n          <DashboardBreadcrumbDropdown\n            isEditing={isEditing}\n            onCancel={cancel}\n            onEditClick={() => setIsEditing(true)}\n            onResetLayout={resetLayout}\n            onSaveChanges={saveLayout}\n            widgetsDrawerSlug={drawerSlug}\n          />\n        ),\n      },\n    ])\n  }, [\n    isEditing,\n    isEmbedded,\n    drawerSlug,\n    cancel,\n    resetLayout,\n    saveLayout,\n    setIsEditing,\n    setStepNav,\n    t,\n  ])\n\n  return (\n    <>\n      {!isEmbedded && isEditing && (\n        <ItemsDrawer\n          drawerSlug={drawerSlug}\n          items={widgets}\n          onItemClick={(widget) => addWidget(widget.slug)}\n          searchPlaceholder={t('dashboard:searchWidgets')}\n          title={t('dashboard:addWidget')}\n        />\n      )}\n    </>\n  )\n}\n\nexport function DashboardBreadcrumbDropdown(props: {\n  isEditing: boolean\n  onCancel: () => void\n  onEditClick: () => void\n  onResetLayout: () => void\n  onSaveChanges: () => void\n  widgetsDrawerSlug: string\n}) {\n  const { isEditing, onCancel, onEditClick, onResetLayout, onSaveChanges, widgetsDrawerSlug } =\n    props\n  const { t } = useTranslation()\n\n  const addButtonRef = useRef<HTMLButtonElement>(null)\n\n  useEffect(() => {\n    if (isEditing) {\n      addButtonRef.current?.focus()\n    }\n  }, [isEditing])\n\n  if (isEditing) {\n    return (\n      <div className=\"dashboard-breadcrumb-dropdown__editing\">\n        <span>{t('dashboard:editingDashboard')}</span>\n        <div className=\"dashboard-breadcrumb-dropdown__actions\">\n          <DrawerToggler\n            aria-label={`${t('dashboard:addButton')}: ${t('dashboard:addWidget')}`}\n            buttonStyle=\"primary\"\n            extraButtonProps={{ ref: addButtonRef }}\n            slug={widgetsDrawerSlug}\n          >\n            {t('dashboard:addButton')}\n          </DrawerToggler>\n          <Button buttonStyle=\"pill\" onClick={onSaveChanges} size=\"medium\">\n            {t('fields:saveChanges')}\n          </Button>\n          <Button buttonStyle=\"pill\" onClick={onCancel} size=\"medium\">\n            {t('general:cancel')}\n          </Button>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <Popup\n      className=\"dashboard-breadcrumb-dropdown\"\n      horizontalAlign=\"left\"\n      popupType=\"menu\"\n      render={({ close }) => (\n        <PopupList.ButtonGroup>\n          <PopupList.Button\n            onClick={() => {\n              close()\n              onEditClick()\n            }}\n          >\n            {t('dashboard:editDashboard')}\n          </PopupList.Button>\n          <PopupList.Button\n            onClick={() => {\n              close()\n              onResetLayout()\n            }}\n          >\n            {t('dashboard:resetLayout')}\n          </PopupList.Button>\n        </PopupList.ButtonGroup>\n      )}\n      renderButton={({ active, onClick, onKeyDown, ...ariaProps }) => (\n        <Button\n          aria-label={t('general:dashboard')}\n          buttonStyle=\"ghost\"\n          extraButtonProps={{ onKeyDown }}\n          onClick={onClick}\n          selected={active}\n          {...ariaProps}\n        >\n          <span className=\"dashboard-breadcrumb-dropdown__label\">\n            {t('general:dashboard')}\n            <ChevronIcon direction=\"down\" size={16} />\n          </span>\n        </Button>\n      )}\n      size=\"fit-content\"\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,SAAS,EAAEC,KAAK,EAAEC,MAAM,QAAQ;AAEzC,SAASC,MAAM,QAAQ;AACvB,SAASC,aAAa,QAAQ;AAC9B,SAASC,WAAW,QAAQ;AAC5B,SAASC,KAAK,QAAQ;AACtB,YAAYC,SAAA,MAAe;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,WAAW,QAAQ;AAC5B,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAE/B,OAAO,SAAAC,iBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAf,EAAA;EAA0B;IAAAgB,SAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC,WAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAR,EAgBhC;EACC;IAAAS;EAAA,IAAcX,cAAA;EACd;IAAAY;EAAA,IAAuBf,UAAA;EACvB;IAAAgB;EAAA,IAAuBd,QAAA;EACvB,MAAAe,IAAA,GAAaxB,KAAA;EACb,MAAAyB,UAAA,GAAmB,kBAAkBD,IAAA,EAAM;EAAA,IAAAE,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAd,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAY,UAAA,IAAAZ,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAU,UAAA,IAAAV,CAAA,QAAAI,WAAA,IAAAJ,CAAA,QAAAK,UAAA,IAAAL,CAAA,QAAAM,YAAA,IAAAN,CAAA,QAAAS,UAAA,IAAAT,CAAA,QAAAQ,CAAA;IAEjCK,EAAA,GAAAA,CAAA;MACRJ,UAAA;QAAAM,KAAA,EAEWL,UAAA,GACLM,IAAA,CAAC;UAAAC,QAAA,EAAMT,CAAA,CAAE;QAAA,C,IAETQ,IAAA,CAAAE,2BAAA;UAAAf,SAAA;UAAAgB,QAAA,EAEYjB,MAAA;UAAAkB,WAAA,EAAAA,CAAA,KACSd,YAAA,KAAa;UAAAe,aAAA,EACjBjB,WAAA;UAAAkB,aAAA,EACAjB,UAAA;UAAAkB,iBAAA,EACIX;QAAA,C;QAI1B;IAAA;IACAE,EAAA,IACDX,SAAA,EACAO,UAAA,EACAE,UAAA,EACAV,MAAA,EACAE,WAAA,EACAC,UAAA,EACAC,YAAA,EACAG,UAAA,EACAD,CAAA;IACDR,CAAA,MAAAE,MAAA;IAAAF,CAAA,MAAAY,UAAA;IAAAZ,CAAA,MAAAG,SAAA;IAAAH,CAAA,MAAAU,UAAA;IAAAV,CAAA,MAAAI,WAAA;IAAAJ,CAAA,MAAAK,UAAA;IAAAL,CAAA,MAAAM,YAAA;IAAAN,CAAA,MAAAS,UAAA;IAAAT,CAAA,MAAAQ,CAAA;IAAAR,CAAA,MAAAa,EAAA;IAAAb,CAAA,OAAAc,EAAA;EAAA;IAAAD,EAAA,GAAAb,CAAA;IAAAc,EAAA,GAAAd,CAAA;EAAA;EA3BDd,SAAA,CAAU2B,EAiBV,EAAGC,EAUF;EAAA,IAAAU,EAAA;EAAA,IAAAxB,CAAA,SAAAC,SAAA,IAAAD,CAAA,SAAAY,UAAA,IAAAZ,CAAA,SAAAG,SAAA,IAAAH,CAAA,SAAAU,UAAA,IAAAV,CAAA,SAAAQ,CAAA,IAAAR,CAAA,SAAAO,OAAA;IAGCiB,EAAA,GAAAR,IAAA,CAAAS,SAAA;MAAAR,QAAA,EACG,CAACP,UAAA,IAAcP,SAAA,IACda,IAAA,CAAAzB,WAAA;QAAAqB,UAAA;QAAAc,KAAA,EAESnB,OAAA;QAAAoB,WAAA,EAAAC,MAAA,IACkB3B,SAAA,CAAU2B,MAAA,CAAAC,IAAW;QAAAC,iBAAA,EAC3BtB,CAAA,CAAE;QAAAuB,KAAA,EACdvB,CAAA,CAAE;MAAA,C;;;;;;;;;;;;SAPfgB,E;;AAcJ,OAAO,SAASN,4BAA4Bc,KAO3C;EACC,MAAM;IAAE7B,SAAS;IAAEgB,QAAQ;IAAEC,WAAW;IAAEC,aAAa;IAAEC,aAAa;IAAEC;EAAiB,CAAE,GACzFS,KAAA;EACF,MAAM;IAAExB;EAAC,CAAE,GAAGX,cAAA;EAEd,MAAMoC,YAAA,GAAe7C,MAAA,CAA0B;EAE/CF,SAAA,CAAU;IACR,IAAIiB,SAAA,EAAW;MACb8B,YAAA,CAAaC,OAAO,EAAEC,KAAA;IACxB;EACF,GAAG,CAAChC,SAAA,CAAU;EAEd,IAAIA,SAAA,EAAW;IACb,oBACEiC,KAAA,CAAC;MAAIC,SAAA,EAAU;8BACbrB,IAAA,CAAC;kBAAMR,CAAA,CAAE;uBACT4B,KAAA,CAAC;QAAIC,SAAA,EAAU;gCACbrB,IAAA,CAAC1B,aAAA;UACC,cAAY,GAAGkB,CAAA,CAAE,2BAA2BA,CAAA,CAAE,wBAAwB;UACtE8B,WAAA,EAAY;UACZC,gBAAA,EAAkB;YAAEC,GAAA,EAAKP;UAAa;UACtCJ,IAAA,EAAMN,iBAAA;oBAELf,CAAA,CAAE;yBAELQ,IAAA,CAAC3B,MAAA;UAAOiD,WAAA,EAAY;UAAOG,OAAA,EAASnB,aAAA;UAAeoB,IAAA,EAAK;oBACrDlC,CAAA,CAAE;yBAELQ,IAAA,CAAC3B,MAAA;UAAOiD,WAAA,EAAY;UAAOG,OAAA,EAAStB,QAAA;UAAUuB,IAAA,EAAK;oBAChDlC,CAAA,CAAE;;;;EAKb;EAEA,oBACEQ,IAAA,CAACxB,KAAA;IACC6C,SAAA,EAAU;IACVM,eAAA,EAAgB;IAChBC,SAAA,EAAU;IACVC,MAAA,EAAQA,CAAC;MAAEC;IAAK,CAAE,kBAChBV,KAAA,CAAC3C,SAAA,CAAUsD,WAAW;8BACpB/B,IAAA,CAACvB,SAAA,CAAUJ,MAAM;QACfoD,OAAA,EAASA,CAAA;UACPK,KAAA;UACA1B,WAAA;QACF;kBAECZ,CAAA,CAAE;uBAELQ,IAAA,CAACvB,SAAA,CAAUJ,MAAM;QACfoD,OAAA,EAASA,CAAA;UACPK,KAAA;UACAzB,aAAA;QACF;kBAECb,CAAA,CAAE;;;IAITwC,YAAA,EAAcA,CAAC;MAAEC,MAAM;MAAER,OAAO;MAAES,SAAS;MAAE,GAAGC;IAAA,CAAW,kBACzDnC,IAAA,CAAC3B,MAAA;MACC,cAAYmB,CAAA,CAAE;MACd8B,WAAA,EAAY;MACZC,gBAAA,EAAkB;QAAEW;MAAU;MAC9BT,OAAA,EAASA,OAAA;MACTW,QAAA,EAAUH,MAAA;MACT,GAAGE,SAAS;gBAEb,aAAAf,KAAA,CAAC;QAAKC,SAAA,EAAU;mBACb7B,CAAA,CAAE,sB,aACHQ,IAAA,CAACrB,WAAA;UAAY0D,SAAA,EAAU;UAAOX,IAAA,EAAM;;;;IAI1CA,IAAA,EAAK;;AAGX","ignoreList":[]}
+{"version":3,"file":"DashboardStepNav.js","names":["c","_c","useEffect","useId","useRef","Button","DrawerToggler","ItemsDrawer","Popup","PopupList","useStepNav","ChevronIcon","useEmbed","useTranslation","DashboardStepNav","t0","$","addWidget","cancel","isEditing","resetLayout","saveLayout","setIsEditing","widgets","t","setStepNav","isEmbedded","uuid","drawerSlug","t1","t2","label","_jsx","children","DashboardBreadcrumbDropdown","onCancel","onEditClick","onResetLayout","onSaveChanges","widgetsDrawerSlug","t3","_Fragment","items","onItemClick","widget","slug","searchPlaceholder","title","props","addButtonRef","current","focus","_jsxs","className","buttonStyle","extraButtonProps","ref","onClick","size","horizontalAlign","popupType","render","close","ButtonGroup","renderButton","active","onKeyDown","ariaProps","selected","direction"],"sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/DashboardStepNav.tsx"],"sourcesContent":["'use client'\nimport type { ClientWidget } from 'payload'\n\nimport { useEffect, useId, useRef } from 'react'\n\nimport { Button } from '../../../../elements/Button/index.js'\nimport { DrawerToggler } from '../../../../elements/Drawer/index.js'\nimport { ItemsDrawer } from '../../../../elements/ItemsDrawer/index.js'\nimport { Popup } from '../../../../elements/Popup/index.js'\nimport * as PopupList from '../../../../elements/Popup/PopupButtonList/index.js'\nimport { useStepNav } from '../../../../elements/StepNav/index.js'\nimport { ChevronIcon } from '../../../../icons/Chevron/index.js'\nimport { useEmbed } from '../../../../providers/Embed/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\n\nexport function DashboardStepNav({\n  addWidget,\n  cancel,\n  isEditing,\n  resetLayout,\n  saveLayout,\n  setIsEditing,\n  widgets,\n}: {\n  addWidget: (slug: string) => void\n  cancel: () => void\n  isEditing: boolean\n  resetLayout: () => Promise<void>\n  saveLayout: () => Promise<void>\n  setIsEditing: (isEditing: boolean) => void\n  widgets: ClientWidget[]\n}) {\n  const { t } = useTranslation()\n  const { setStepNav } = useStepNav()\n  const { isEmbedded } = useEmbed()\n  const uuid = useId()\n  const drawerSlug = `widgets-drawer-${uuid}`\n\n  useEffect(() => {\n    setStepNav([\n      {\n        label: isEmbedded ? (\n          <span>{t('general:dashboard')}</span>\n        ) : (\n          <DashboardBreadcrumbDropdown\n            isEditing={isEditing}\n            onCancel={cancel}\n            onEditClick={() => setIsEditing(true)}\n            onResetLayout={resetLayout}\n            onSaveChanges={saveLayout}\n            widgetsDrawerSlug={drawerSlug}\n          />\n        ),\n      },\n    ])\n  }, [\n    isEditing,\n    isEmbedded,\n    drawerSlug,\n    cancel,\n    resetLayout,\n    saveLayout,\n    setIsEditing,\n    setStepNav,\n    t,\n  ])\n\n  return (\n    <>\n      {!isEmbedded && isEditing && (\n        <ItemsDrawer\n          drawerSlug={drawerSlug}\n          items={widgets}\n          onItemClick={(widget) => addWidget(widget.slug)}\n          searchPlaceholder={t('dashboard:searchWidgets')}\n          title={t('dashboard:addWidget')}\n        />\n      )}\n    </>\n  )\n}\n\nexport function DashboardBreadcrumbDropdown(props: {\n  isEditing: boolean\n  onCancel: () => void\n  onEditClick: () => void\n  onResetLayout: () => void\n  onSaveChanges: () => void\n  widgetsDrawerSlug: string\n}) {\n  const { isEditing, onCancel, onEditClick, onResetLayout, onSaveChanges, widgetsDrawerSlug } =\n    props\n  const { t } = useTranslation()\n\n  const addButtonRef = useRef<HTMLButtonElement>(null)\n\n  useEffect(() => {\n    if (isEditing) {\n      addButtonRef.current?.focus()\n    }\n  }, [isEditing])\n\n  if (isEditing) {\n    return (\n      <div className=\"dashboard-breadcrumb-dropdown__editing\">\n        <span>{t('dashboard:editingDashboard')}</span>\n        <div className=\"dashboard-breadcrumb-dropdown__actions\">\n          <DrawerToggler\n            aria-label={`${t('dashboard:addButton')}: ${t('dashboard:addWidget')}`}\n            buttonStyle=\"primary\"\n            extraButtonProps={{ ref: addButtonRef }}\n            slug={widgetsDrawerSlug}\n          >\n            {t('dashboard:addButton')}\n          </DrawerToggler>\n          <Button buttonStyle=\"pill\" onClick={onSaveChanges} size=\"medium\">\n            {t('fields:saveChanges')}\n          </Button>\n          <Button buttonStyle=\"pill\" onClick={onCancel} size=\"medium\">\n            {t('general:cancel')}\n          </Button>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <Popup\n      className=\"dashboard-breadcrumb-dropdown\"\n      horizontalAlign=\"left\"\n      popupType=\"menu\"\n      render={({ close }) => (\n        <PopupList.ButtonGroup>\n          <PopupList.Button\n            onClick={() => {\n              close()\n              onEditClick()\n            }}\n          >\n            {t('dashboard:editDashboard')}\n          </PopupList.Button>\n          <PopupList.Button\n            onClick={() => {\n              close()\n              onResetLayout()\n            }}\n          >\n            {t('dashboard:resetLayout')}\n          </PopupList.Button>\n        </PopupList.ButtonGroup>\n      )}\n      renderButton={({ active, onClick, onKeyDown, ...ariaProps }) => (\n        <Button\n          aria-label={t('general:dashboard')}\n          buttonStyle=\"ghost\"\n          extraButtonProps={{ onKeyDown }}\n          onClick={onClick}\n          selected={active}\n          {...ariaProps}\n        >\n          <span className=\"dashboard-breadcrumb-dropdown__label\">\n            {t('general:dashboard')}\n            <ChevronIcon direction=\"down\" size={16} />\n          </span>\n        </Button>\n      )}\n      size=\"fit-content\"\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,SAAS,EAAEC,KAAK,EAAEC,MAAM,QAAQ;AAEzC,SAASC,MAAM,QAAQ;AACvB,SAASC,aAAa,QAAQ;AAC9B,SAASC,WAAW,QAAQ;AAC5B,SAASC,KAAK,QAAQ;AACtB,YAAYC,SAAA,MAAe;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,WAAW,QAAQ;AAC5B,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAE/B,OAAO,SAAAC,iBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAf,EAAA;EAA0B;IAAAgB,SAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC,WAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAR,EAgBhC;EACC;IAAAS;EAAA,IAAcX,cAAA;EACd;IAAAY;EAAA,IAAuBf,UAAA;EACvB;IAAAgB;EAAA,IAAuBd,QAAA;EACvB,MAAAe,IAAA,GAAaxB,KAAA;EACb,MAAAyB,UAAA,GAAmB,kBAAkBD,IAAA,EAAM;EAAA,IAAAE,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAd,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAY,UAAA,IAAAZ,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAU,UAAA,IAAAV,CAAA,QAAAI,WAAA,IAAAJ,CAAA,QAAAK,UAAA,IAAAL,CAAA,QAAAM,YAAA,IAAAN,CAAA,QAAAS,UAAA,IAAAT,CAAA,QAAAQ,CAAA;IAEjCK,EAAA,GAAAA,CAAA;MACRJ,UAAA,CAAW,CACT;QAAAM,KAAA,EACSL,UAAA,GACLM,IAAA,CAAC;UAAAC,QAAA,EAAMT,CAAA,CAAE;aAETQ,IAAA,CAACE,2BAAA;UAAAf,SAAA;UAAAgB,QAAA,EAEWjB,MAAA;UAAAkB,WAAA,EACGA,CAAA,KAAMd,YAAA,CAAa;UAAAe,aAAA,EACjBjB,WAAA;UAAAkB,aAAA,EACAjB,UAAA;UAAAkB,iBAAA,EACIX;;MAGzB,EACD;IAAA,CACH;IAAGE,EAAA,IACDX,SAAA,EACAO,UAAA,EACAE,UAAA,EACAV,MAAA,EACAE,WAAA,EACAC,UAAA,EACAC,YAAA,EACAG,UAAA,EACAD,CAAA,CACD;IAAAR,CAAA,MAAAE,MAAA;IAAAF,CAAA,MAAAY,UAAA;IAAAZ,CAAA,MAAAG,SAAA;IAAAH,CAAA,MAAAU,UAAA;IAAAV,CAAA,MAAAI,WAAA;IAAAJ,CAAA,MAAAK,UAAA;IAAAL,CAAA,MAAAM,YAAA;IAAAN,CAAA,MAAAS,UAAA;IAAAT,CAAA,MAAAQ,CAAA;IAAAR,CAAA,MAAAa,EAAA;IAAAb,CAAA,OAAAc,EAAA;EAAA;IAAAD,EAAA,GAAAb,CAAA;IAAAc,EAAA,GAAAd,CAAA;EAAA;EA3BDd,SAAA,CAAU2B,EAiBV,EAAGC,EAUF;EAAA,IAAAU,EAAA;EAAA,IAAAxB,CAAA,SAAAC,SAAA,IAAAD,CAAA,SAAAY,UAAA,IAAAZ,CAAA,SAAAG,SAAA,IAAAH,CAAA,SAAAU,UAAA,IAAAV,CAAA,SAAAQ,CAAA,IAAAR,CAAA,SAAAO,OAAA;IAGCiB,EAAA,GAAAR,IAAA,CAAAS,SAAA;MAAAR,QAAA,EACG,CAACP,UAAc,IAAfP,S,IACCa,IAAA,CAACzB,WAAA;QAAAqB,UAAA;QAAAc,KAAA,EAEQnB,OAAA;QAAAoB,WAAA,EACMC,MAAA,IAAY3B,SAAA,CAAU2B,MAAA,CAAAC,IAAW;QAAAC,iBAAA,EAC3BtB,CAAA,CAAE;QAAAuB,KAAA,EACdvB,CAAA,CAAE;;;;;;;;;;;;;SAPfgB,E;;AAcJ,OAAO,SAASN,4BAA4Bc,KAO3C;EACC,MAAM;IAAE7B,SAAS;IAAEgB,QAAQ;IAAEC,WAAW;IAAEC,aAAa;IAAEC,aAAa;IAAEC;EAAiB,CAAE,GACzFS,KAAA;EACF,MAAM;IAAExB;EAAC,CAAE,GAAGX,cAAA;EAEd,MAAMoC,YAAA,GAAe7C,MAAA,CAA0B;EAE/CF,SAAA,CAAU;IACR,IAAIiB,SAAA,EAAW;MACb8B,YAAA,CAAaC,OAAO,EAAEC,KAAA;IACxB;EACF,GAAG,CAAChC,SAAA,CAAU;EAEd,IAAIA,SAAA,EAAW;IACb,oBACEiC,KAAA,CAAC;MAAIC,SAAA,EAAU;8BACbrB,IAAA,CAAC;kBAAMR,CAAA,CAAE;uBACT4B,KAAA,CAAC;QAAIC,SAAA,EAAU;gCACbrB,IAAA,CAAC1B,aAAA;UACC,cAAY,GAAGkB,CAAA,CAAE,2BAA2BA,CAAA,CAAE,wBAAwB;UACtE8B,WAAA,EAAY;UACZC,gBAAA,EAAkB;YAAEC,GAAA,EAAKP;UAAa;UACtCJ,IAAA,EAAMN,iBAAA;oBAELf,CAAA,CAAE;yBAELQ,IAAA,CAAC3B,MAAA;UAAOiD,WAAA,EAAY;UAAOG,OAAA,EAASnB,aAAA;UAAeoB,IAAA,EAAK;oBACrDlC,CAAA,CAAE;yBAELQ,IAAA,CAAC3B,MAAA;UAAOiD,WAAA,EAAY;UAAOG,OAAA,EAAStB,QAAA;UAAUuB,IAAA,EAAK;oBAChDlC,CAAA,CAAE;;;;EAKb;EAEA,oBACEQ,IAAA,CAACxB,KAAA;IACC6C,SAAA,EAAU;IACVM,eAAA,EAAgB;IAChBC,SAAA,EAAU;IACVC,MAAA,EAAQA,CAAC;MAAEC;IAAK,CAAE,kBAChBV,KAAA,CAAC3C,SAAA,CAAUsD,WAAW;8BACpB/B,IAAA,CAACvB,SAAA,CAAUJ,MAAM;QACfoD,OAAA,EAASA,CAAA;UACPK,KAAA;UACA1B,WAAA;QACF;kBAECZ,CAAA,CAAE;uBAELQ,IAAA,CAACvB,SAAA,CAAUJ,MAAM;QACfoD,OAAA,EAASA,CAAA;UACPK,KAAA;UACAzB,aAAA;QACF;kBAECb,CAAA,CAAE;;;IAITwC,YAAA,EAAcA,CAAC;MAAEC,MAAM;MAAER,OAAO;MAAES,SAAS;MAAE,GAAGC;IAAA,CAAW,kBACzDnC,IAAA,CAAC3B,MAAA;MACC,cAAYmB,CAAA,CAAE;MACd8B,WAAA,EAAY;MACZC,gBAAA,EAAkB;QAAEW;MAAU;MAC9BT,OAAA,EAASA,OAAA;MACTW,QAAA,EAAUH,MAAA;MACT,GAAGE,SAAS;gBAEb,aAAAf,KAAA,CAAC;QAAKC,SAAA,EAAU;mBACb7B,CAAA,CAAE,sB,aACHQ,IAAA,CAACrB,WAAA;UAAY0D,SAAA,EAAU;UAAOX,IAAA,EAAM;;;;IAI1CA,IAAA,EAAK;;AAGX","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/WidgetEditControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetEditControl.js","names":["c","_c","React","useId","Button","useModal","EditIcon","useConfig","useTranslation","WidgetConfigDrawer","getWidgetSlugFromID","widgetID","slice","lastIndexOf","WidgetEditControl","t0","$","onSave","widgetData","widgetLabel","t","openModal","widgets","t1","config","admin","dashboard","configWidgets","undefined","t2","widgetSlug","t3","widget","slug","widgetConfig","find","hasEditableFields","Boolean","fields","length","drawerID","drawerSlug","t4","_jsxs","_Fragment","children","_jsx","label","buttonStyle","className","extraButtonProps","tabIndex","icon","margin","onClick"],"sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/WidgetEditControl.tsx"],"sourcesContent":["'use client'\n\nimport type { Data } from 'payload'\n\nimport React, { useId } from 'react'\n\nimport { Button } from '../../../../elements/Button/index.js'\nimport { useModal } from '../../../../elements/Modal/index.js'\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { WidgetConfigDrawer } from './WidgetConfigDrawer.js'\n\nconst getWidgetSlugFromID = (widgetID: string): string =>\n  widgetID.slice(0, widgetID.lastIndexOf('-'))\n\nexport function WidgetEditControl({\n  onSave,\n  widgetData,\n  widgetID,\n  widgetLabel,\n}: {\n  onSave: (data: Data) => void\n  widgetData?: Record<string, unknown>\n  widgetID: string\n  widgetLabel: string\n}) {\n  const { t } = useTranslation()\n  const { openModal } = useModal()\n  const { widgets: configWidgets = [] } = useConfig().config.admin.dashboard ?? {}\n\n  const widgetSlug = getWidgetSlugFromID(widgetID)\n  const widgetConfig = configWidgets.find((widget) => widget.slug === widgetSlug)\n  const hasEditableFields = Boolean(widgetConfig?.fields?.length)\n\n  const drawerID = useId()\n  const drawerSlug = `widget-editor-${drawerID}`\n\n  if (!hasEditableFields) {\n    return null\n  }\n\n  return (\n    <>\n      <Button\n        aria-label={t('general:editLabel', { label: widgetLabel })}\n        buttonStyle=\"secondary\"\n        className=\"widget-wrapper__edit-btn\"\n        extraButtonProps={{ tabIndex: 0 }}\n        icon={<EditIcon />}\n        margin={false}\n        onClick={() => {\n          openModal(drawerSlug)\n        }}\n      />\n      <WidgetConfigDrawer\n        drawerSlug={drawerSlug}\n        onSave={onSave}\n        widget={widgetConfig}\n        widgetData={widgetData}\n      />\n    </>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,IAASC,KAAK,QAAQ;AAE7B,SAASC,MAAM,QAAQ;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AAEnC,MAAMC,mBAAA,GAAuBC,QAAA,IAC3BA,QAAA,CAASC,KAAK,CAAC,GAAGD,QAAA,CAASE,WAAW,CAAC;AAEzC,OAAO,SAAAC,kBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAf,EAAA;EAA2B;IAAAgB,MAAA;IAAAC,UAAA;IAAAP,QAAA;IAAAQ;EAAA,IAAAJ,EAUjC;EACC;IAAAK;EAAA,IAAcZ,cAAA;EACd;IAAAa;EAAA,IAAsBhB,QAAA;EACtB;IAAAiB,OAAA,EAAAC;EAAA,IAAwChB,SAAA,GAAAiB,MAAA,CAAAC,KAAA,CAAAC,SAAA,MAAuC;EAA9D,MAAAC,aAAA,GAAAJ,EAAkB,KAAAK,SAAA,QAAlBL,EAAkB;EAAA,IAAAM,EAAA;EAAA,IAAAb,CAAA,QAAAL,QAAA;IAEhBkB,EAAA,GAAAnB,mBAAA,CAAoBC,QAAA;IAAAK,CAAA,MAAAL,QAAA;IAAAK,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAAvC,MAAAc,UAAA,GAAmBD,EAAoB;EAAA,IAAAE,EAAA;EAAA,IAAAf,CAAA,QAAAc,UAAA;IACCC,EAAA,GAAAC,MAAA,IAAYA,MAAA,CAAAC,IAAA,KAAgBH,UAAA;IAAAd,CAAA,MAAAc,UAAA;IAAAd,CAAA,MAAAe,EAAA;EAAA;IAAAA,EAAA,GAAAf,CAAA;EAAA;EAApE,MAAAkB,YAAA,GAAqBP,aAAA,CAAAQ,IAAA,CAAmBJ,EAA4B;EACpE,MAAAK,iBAAA,GAA0BC,OAAA,CAAQH,YAAA,EAAAI,MAAA,EAAAC,MAAsB;EAExD,MAAAC,QAAA,GAAiBrC,KAAA;EACjB,MAAAsC,UAAA,GAAmB,iBAAiBD,QAAA,EAAU;EAAA,KAEzCJ,iBAAA;IAAA;EAAA;EAAA,IAAAM,EAAA;EAAA,IAAA1B,CAAA,QAAAyB,UAAA,IAAAzB,CAAA,QAAAK,SAAA;IAaUqB,EAAA,GAAAA,CAAA;MACPrB,SAAA,CAAUoB,UAAA;IAAA;IACZzB,CAAA,MAAAyB,UAAA;IAAAzB,CAAA,MAAAK,SAAA;IAAAL,CAAA,MAAA0B,EAAA;EAAA;IAAAA,EAAA,GAAA1B,CAAA;EAAA;EAAA,OAVJ2B,KAAA,CAAAC,SAAA;IAAAC,QAAA,GACEC,IAAA,CAAA1C,MAAA;MAAA,cACcgB,CAAA,CAAE;QAAA2B,KAAA,EAA8B5B;MAAA,CAAY;MAAA6B,WAAA,EAC5C;MAAAC,SAAA,EACF;MAAAC,gBAAA;QAAAC,QAAA;MAAA;MAAAC,IAAA,EAEJN,IAAA,CAAAxC,QAAA,IAAC;MAAA+C,MAAA;MAAAC,OAAA,EAEEZ;IAET,C,GAEFI,IAAA,CAAArC,kBAAA;MAAAgC,UAAA;MAAAxB,MAAA;MAAAe,MAAA,EAGUE,YAAA;MAAAhB;IAAA,C","ignoreList":[]}
+{"version":3,"file":"WidgetEditControl.js","names":["c","_c","React","useId","Button","useModal","EditIcon","useConfig","useTranslation","WidgetConfigDrawer","getWidgetSlugFromID","widgetID","slice","lastIndexOf","WidgetEditControl","t0","$","onSave","widgetData","widgetLabel","t","openModal","widgets","t1","config","admin","dashboard","configWidgets","undefined","t2","widgetSlug","t3","widget","slug","widgetConfig","find","hasEditableFields","Boolean","fields","length","drawerID","drawerSlug","t4","_jsxs","_Fragment","children","_jsx","label","buttonStyle","className","extraButtonProps","tabIndex","icon","margin","onClick"],"sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/WidgetEditControl.tsx"],"sourcesContent":["'use client'\n\nimport type { Data } from 'payload'\n\nimport React, { useId } from 'react'\n\nimport { Button } from '../../../../elements/Button/index.js'\nimport { useModal } from '../../../../elements/Modal/index.js'\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { WidgetConfigDrawer } from './WidgetConfigDrawer.js'\n\nconst getWidgetSlugFromID = (widgetID: string): string =>\n  widgetID.slice(0, widgetID.lastIndexOf('-'))\n\nexport function WidgetEditControl({\n  onSave,\n  widgetData,\n  widgetID,\n  widgetLabel,\n}: {\n  onSave: (data: Data) => void\n  widgetData?: Record<string, unknown>\n  widgetID: string\n  widgetLabel: string\n}) {\n  const { t } = useTranslation()\n  const { openModal } = useModal()\n  const { widgets: configWidgets = [] } = useConfig().config.admin.dashboard ?? {}\n\n  const widgetSlug = getWidgetSlugFromID(widgetID)\n  const widgetConfig = configWidgets.find((widget) => widget.slug === widgetSlug)\n  const hasEditableFields = Boolean(widgetConfig?.fields?.length)\n\n  const drawerID = useId()\n  const drawerSlug = `widget-editor-${drawerID}`\n\n  if (!hasEditableFields) {\n    return null\n  }\n\n  return (\n    <>\n      <Button\n        aria-label={t('general:editLabel', { label: widgetLabel })}\n        buttonStyle=\"secondary\"\n        className=\"widget-wrapper__edit-btn\"\n        extraButtonProps={{ tabIndex: 0 }}\n        icon={<EditIcon />}\n        margin={false}\n        onClick={() => {\n          openModal(drawerSlug)\n        }}\n      />\n      <WidgetConfigDrawer\n        drawerSlug={drawerSlug}\n        onSave={onSave}\n        widget={widgetConfig}\n        widgetData={widgetData}\n      />\n    </>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,IAASC,KAAK,QAAQ;AAE7B,SAASC,MAAM,QAAQ;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AAEnC,MAAMC,mBAAA,GAAuBC,QAAA,IAC3BA,QAAA,CAASC,KAAK,CAAC,GAAGD,QAAA,CAASE,WAAW,CAAC;AAEzC,OAAO,SAAAC,kBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAf,EAAA;EAA2B;IAAAgB,MAAA;IAAAC,UAAA;IAAAP,QAAA;IAAAQ;EAAA,IAAAJ,EAUjC;EACC;IAAAK;EAAA,IAAcZ,cAAA;EACd;IAAAa;EAAA,IAAsBhB,QAAA;EACtB;IAAAiB,OAAA,EAAAC;EAAA,IAAwChB,SAAA,GAAAiB,MAAkB,CAAAC,KAAM,CAAAC,SAAe,IAAvC,CAAuC;EAA9D,MAAAC,aAAA,GAAAJ,EAAkB,KAAlBK,SAAkB,GAAlB,EAAkB,GAAlBL,EAAkB;EAAA,IAAAM,EAAA;EAAA,IAAAb,CAAA,QAAAL,QAAA;IAEhBkB,EAAA,GAAAnB,mBAAA,CAAoBC,QAAA;IAAAK,CAAA,MAAAL,QAAA;IAAAK,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAAvC,MAAAc,UAAA,GAAmBD,EAAoB;EAAA,IAAAE,EAAA;EAAA,IAAAf,CAAA,QAAAc,UAAA;IACCC,EAAA,GAAAC,MAAA,IAAYA,MAAA,CAAAC,IAAW,KAAKH,UAAA;IAAAd,CAAA,MAAAc,UAAA;IAAAd,CAAA,MAAAe,EAAA;EAAA;IAAAA,EAAA,GAAAf,CAAA;EAAA;EAApE,MAAAkB,YAAA,GAAqBP,aAAA,CAAAQ,IAAkB,CAACJ,EAA4B;EACpE,MAAAK,iBAAA,GAA0BC,OAAA,CAAQH,YAAA,EAAAI,MAAsB,EAAAC,MAAA;EAExD,MAAAC,QAAA,GAAiBrC,KAAA;EACjB,MAAAsC,UAAA,GAAmB,iBAAiBD,QAAA,EAAU;EAE9C,IAAI,CAACJ,iBAAA;IAAA,OACI;EAAA;EACT,IAAAM,EAAA;EAAA,IAAA1B,CAAA,QAAAyB,UAAA,IAAAzB,CAAA,QAAAK,SAAA;IAWeqB,EAAA,GAAAA,CAAA;MACPrB,SAAA,CAAUoB,UAAA;IAAA,CACZ;IAAAzB,CAAA,MAAAyB,UAAA;IAAAzB,CAAA,MAAAK,SAAA;IAAAL,CAAA,MAAA0B,EAAA;EAAA;IAAAA,EAAA,GAAA1B,CAAA;EAAA;EAAA,OAVJ2B,KAAA,CAAAC,SAAA;IAAAC,QAAA,E,CACEC,IAAA,CAAC1C,MAAA;MAAA,cACagB,CAAA,CAAE,qBAAqB;QAAA2B,KAAA,EAAS5B;MAAY;MAAA6B,WAAA,EAC5C;MAAAC,SAAA,EACF;MAAAC,gBAAA,EACQ;QAAAC,QAAA,EAAY;MAAE;MAAAC,IAAA,EAC1BN,IAAA,CAACxC,QAAA;MAAA+C,MAAA,EACC;MAAAC,OAAA,EACCZ;QAIXI,IAAA,CAACrC,kBAAA;MAAAgC,UAAA;MAAAxB,MAAA;MAAAe,MAAA,EAGSE,YAAA;MAAAhB","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/index.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/index.client.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAMxD,OAAO,KAAuC,MAAM,OAAO,CAAA;AA8B3D,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,WAAW,CAAA;IACrB,QAAQ,EAAE,WAAW,CAAA;IACrB,KAAK,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,EAAE,UAAU,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC5B,MAAM,EAAE,oBAAoB,CAAA;CAC7B,GAAG,IAAI,CAAA;AAYR,wBAAgB,sBAAsB,CAAC,EACrC,YAAY,EAAE,aAAa,EAC3B,OAAO,GACR,EAAE;IACD,YAAY,EAAE,oBAAoB,EAAE,CAAA;IACpC,OAAO,EAAE,YAAY,EAAE,CAAA;CACxB,qBA6MA"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/index.client.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAMxD,OAAO,KAAuC,MAAM,OAAO,CAAA;AA8B3D,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,WAAW,CAAA;IACrB,QAAQ,EAAE,WAAW,CAAA;IACrB,KAAK,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,EAAE,UAAU,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC5B,MAAM,EAAE,oBAAoB,CAAA;CAC7B,GAAG,IAAI,CAAA;AAYR,wBAAgB,sBAAsB,CAAC,EACrC,YAAY,EAAE,aAAa,EAC3B,OAAO,GACR,EAAE;IACD,YAAY,EAAE,oBAAoB,EAAE,CAAA;IACpC,OAAO,EAAE,YAAY,EAAE,CAAA;CACxB,qBA2PA"}