@payloadcms/ui 4.0.0-internal.d28e9fb → 4.0.0-internal.d7d662c

package/dist/elements/DatePicker/useDatePickerKeyboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDatePickerKeyboard.d.ts","sourceRoot":"","sources":["../../../src/elements/DatePicker/useDatePickerKeyboard.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,kBAAkB,CAAA;AAGnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAMvC,eAAO,MAAM,qBAAqB,kBAAmB,KAAK;;;;;+BAqB9C,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC;;;;;;;;CAiH9C,CAAA"}

package/dist/elements/DatePicker/useDatePickerKeyboard.js

@@ -0,0 +1,212 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+export const useDatePickerKeyboard = t0 => {
+  const $ = _c(27);
+  const {
+    overrides
+  } = t0;
+  const datePickerRef = React.useRef(null);
+  const calendarRef = React.useRef(null);
+  const hasTypedInput = React.useRef(false);
+  const shouldFocusCalendar = React.useRef(false);
+  const calendarFocusFrame = React.useRef(null);
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = event => {
+      event.stopPropagation();
+      if (!event.defaultPrevented) {
+        event.preventDefault();
+        datePickerRef.current?.setOpen(false, true);
+        datePickerRef.current?.sendFocusBackToInput();
+      }
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const onEscape = t1;
+  const onOverrideKeyDownRef = React.useRef(overrides?.onKeyDown);
+  let t2;
+  if ($[1] !== overrides?.onKeyDown) {
+    t2 = () => {
+      onOverrideKeyDownRef.current = overrides?.onKeyDown;
+    };
+    $[1] = overrides?.onKeyDown;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const t3 = overrides?.onKeyDown;
+  let t4;
+  if ($[3] !== t3) {
+    t4 = [t3];
+    $[3] = t3;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  React.useLayoutEffect(t2, t4);
+  let t5;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = event_0 => {
+      if (event_0.key === "Escape") {
+        if (!event_0.defaultPrevented) {
+          onOverrideKeyDownRef.current?.(event_0);
+        }
+        onEscape(event_0);
+      }
+    };
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  const onCalendarKeyDown = t5;
+  let t6;
+  let t7;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = () => () => {
+      if (calendarFocusFrame.current !== null) {
+        cancelAnimationFrame(calendarFocusFrame.current);
+      }
+    };
+    t7 = [];
+    $[6] = t6;
+    $[7] = t7;
+  } else {
+    t6 = $[6];
+    t7 = $[7];
+  }
+  React.useEffect(t6, t7);
+  let t8;
+  if ($[8] !== overrides) {
+    t8 = event_1 => {
+      hasTypedInput.current = false;
+      overrides?.onBlur?.(event_1);
+    };
+    $[8] = overrides;
+    $[9] = t8;
+  } else {
+    t8 = $[9];
+  }
+  const onBlur = t8;
+  let t9;
+  if ($[10] !== overrides) {
+    t9 = (event_2, selectionMeta) => {
+      overrides?.onChangeRaw?.(event_2, selectionMeta);
+      if (event_2 && !event_2.defaultPrevented && event_2.target === datePickerRef.current?.input) {
+        hasTypedInput.current = true;
+      }
+    };
+    $[10] = overrides;
+    $[11] = t9;
+  } else {
+    t9 = $[11];
+  }
+  const onChangeRaw = t9;
+  let t10;
+  if ($[12] !== overrides) {
+    t10 = () => {
+      hasTypedInput.current = false;
+      shouldFocusCalendar.current = false;
+      if (calendarFocusFrame.current !== null) {
+        cancelAnimationFrame(calendarFocusFrame.current);
+        calendarFocusFrame.current = null;
+      }
+      overrides?.onCalendarClose?.();
+    };
+    $[12] = overrides;
+    $[13] = t10;
+  } else {
+    t10 = $[13];
+  }
+  const onCalendarClose = t10;
+  let t11;
+  if ($[14] !== overrides) {
+    t11 = () => {
+      if (shouldFocusCalendar.current) {
+        calendarFocusFrame.current = requestAnimationFrame(() => {
+          calendarFocusFrame.current = null;
+          shouldFocusCalendar.current = false;
+          if (!datePickerRef.current?.isCalendarOpen()) {
+            return;
+          }
+          const calendar = calendarRef.current;
+          const focusTarget = calendar?.querySelector("[tabindex=\"0\"]") || calendar?.querySelector("button:not(:disabled), select:not(:disabled)");
+          focusTarget?.focus();
+        });
+      }
+      overrides?.onCalendarOpen?.();
+    };
+    $[14] = overrides;
+    $[15] = t11;
+  } else {
+    t11 = $[15];
+  }
+  const onCalendarOpen = t11;
+  let t12;
+  if ($[16] !== overrides) {
+    t12 = event_3 => {
+      overrides?.onKeyDown?.(event_3);
+      if (event_3.key === "Escape" && datePickerRef.current?.isCalendarOpen()) {
+        onEscape(event_3);
+      }
+      if (!event_3.defaultPrevented && event_3.target === datePickerRef.current?.input && !datePickerRef.current.isCalendarOpen() && ["ArrowDown", "ArrowUp", "Enter"].includes(event_3.key)) {
+        event_3.preventDefault();
+        if (event_3.key === "Enter" && hasTypedInput.current) {
+          hasTypedInput.current = false;
+          datePickerRef.current.setOpen(false);
+          return;
+        }
+        shouldFocusCalendar.current = true;
+        datePickerRef.current?.setOpen(true);
+      }
+    };
+    $[16] = overrides;
+    $[17] = t12;
+  } else {
+    t12 = $[17];
+  }
+  const onKeyDown = t12;
+  let t13;
+  if ($[18] !== overrides) {
+    t13 = event_4 => {
+      const isCalendarCell = event_4.target instanceof HTMLElement && event_4.target.matches(".react-datepicker__day, .react-datepicker__week-number, .react-datepicker__month-text, .react-datepicker__year-text");
+      if (event_4.key === "Escape" && (event_4.target === datePickerRef.current?.input || isCalendarCell) && datePickerRef.current?.isCalendarOpen()) {
+        overrides?.onKeyDown?.(event_4);
+        onEscape(event_4);
+      }
+    };
+    $[18] = overrides;
+    $[19] = t13;
+  } else {
+    t13 = $[19];
+  }
+  const onKeyDownCapture = t13;
+  let t14;
+  if ($[20] !== onBlur || $[21] !== onCalendarClose || $[22] !== onCalendarOpen || $[23] !== onChangeRaw || $[24] !== onKeyDown || $[25] !== onKeyDownCapture) {
+    t14 = {
+      calendarRef,
+      datePickerRef,
+      onBlur,
+      onCalendarClose,
+      onCalendarKeyDown,
+      onCalendarOpen,
+      onChangeRaw,
+      onKeyDown,
+      onKeyDownCapture
+    };
+    $[20] = onBlur;
+    $[21] = onCalendarClose;
+    $[22] = onCalendarOpen;
+    $[23] = onChangeRaw;
+    $[24] = onKeyDown;
+    $[25] = onKeyDownCapture;
+    $[26] = t14;
+  } else {
+    t14 = $[26];
+  }
+  return t14;
+};
+//# sourceMappingURL=useDatePickerKeyboard.js.map

package/dist/elements/DatePicker/useDatePickerKeyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDatePickerKeyboard.js","names":["c","_c","React","useDatePickerKeyboard","t0","$","overrides","datePickerRef","useRef","calendarRef","hasTypedInput","shouldFocusCalendar","calendarFocusFrame","t1","Symbol","for","event","stopPropagation","defaultPrevented","preventDefault","current","setOpen","sendFocusBackToInput","onEscape","onOverrideKeyDownRef","onKeyDown","t2","t3","t4","useLayoutEffect","t5","event_0","key","onCalendarKeyDown","t6","t7","cancelAnimationFrame","useEffect","t8","event_1","onBlur","t9","event_2","selectionMeta","onChangeRaw","target","input","t10","onCalendarClose","t11","requestAnimationFrame","isCalendarOpen","calendar","focusTarget","querySelector","focus","onCalendarOpen","t12","event_3","includes","t13","event_4","isCalendarCell","HTMLElement","matches","onKeyDownCapture","t14"],"sources":["../../../src/elements/DatePicker/useDatePickerKeyboard.ts"],"sourcesContent":["'use client'\n\nimport type ReactDatePicker from 'react-datepicker'\nimport type { DatePickerProps } from 'react-datepicker'\n\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\ntype DatePickerComponent = typeof ReactDatePicker extends { default: infer Component }\n  ? Component\n  : typeof ReactDatePicker\n\nexport const useDatePickerKeyboard = ({ overrides }: Props) => {\n  const datePickerRef = React.useRef<React.ComponentRef<DatePickerComponent>>(null)\n  const calendarRef = React.useRef<HTMLDivElement>(null)\n  const hasTypedInput = React.useRef(false)\n  const shouldFocusCalendar = React.useRef(false)\n  const calendarFocusFrame = React.useRef<null | number>(null)\n  const onEscape = React.useCallback((event: React.KeyboardEvent) => {\n    event.stopPropagation()\n    if (!event.defaultPrevented) {\n      event.preventDefault()\n      datePickerRef.current?.setOpen(false, true)\n      datePickerRef.current?.sendFocusBackToInput()\n    }\n  }, [])\n  const onOverrideKeyDownRef = React.useRef(overrides?.onKeyDown)\n\n  React.useLayoutEffect(() => {\n    onOverrideKeyDownRef.current = overrides?.onKeyDown\n  }, [overrides?.onKeyDown])\n\n  const onCalendarKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === 'Escape') {\n        if (!event.defaultPrevented) {\n          onOverrideKeyDownRef.current?.(event)\n        }\n        onEscape(event)\n      }\n    },\n    [onEscape],\n  )\n\n  React.useEffect(\n    () => () => {\n      if (calendarFocusFrame.current !== null) {\n        cancelAnimationFrame(calendarFocusFrame.current)\n      }\n    },\n    [],\n  )\n\n  const onBlur: NonNullable<DatePickerProps['onBlur']> = (event) => {\n    hasTypedInput.current = false\n    overrides?.onBlur?.(event)\n  }\n  const onChangeRaw: NonNullable<DatePickerProps['onChangeRaw']> = (event, selectionMeta) => {\n    overrides?.onChangeRaw?.(event, selectionMeta)\n\n    if (event && !event.defaultPrevented && event.target === datePickerRef.current?.input) {\n      hasTypedInput.current = true\n    }\n  }\n  const onCalendarClose = () => {\n    hasTypedInput.current = false\n    shouldFocusCalendar.current = false\n    if (calendarFocusFrame.current !== null) {\n      cancelAnimationFrame(calendarFocusFrame.current)\n      calendarFocusFrame.current = null\n    }\n    overrides?.onCalendarClose?.()\n  }\n  const onCalendarOpen = () => {\n    if (shouldFocusCalendar.current) {\n      calendarFocusFrame.current = requestAnimationFrame(() => {\n        calendarFocusFrame.current = null\n        shouldFocusCalendar.current = false\n        if (!datePickerRef.current?.isCalendarOpen()) {\n          return\n        }\n        const calendar = calendarRef.current\n        const focusTarget =\n          calendar?.querySelector<HTMLElement>('[tabindex=\"0\"]') ||\n          calendar?.querySelector<HTMLElement>('button:not(:disabled), select:not(:disabled)')\n\n        focusTarget?.focus()\n      })\n    }\n    overrides?.onCalendarOpen?.()\n  }\n  const onKeyDown: NonNullable<DatePickerProps['onKeyDown']> = (event) => {\n    overrides?.onKeyDown?.(event)\n\n    if (event.key === 'Escape' && datePickerRef.current?.isCalendarOpen()) {\n      onEscape(event)\n    }\n\n    if (\n      !event.defaultPrevented &&\n      event.target === datePickerRef.current?.input &&\n      !datePickerRef.current.isCalendarOpen() &&\n      ['ArrowDown', 'ArrowUp', 'Enter'].includes(event.key)\n    ) {\n      event.preventDefault()\n      // Enter confirms typed input instead of opening the calendar over nearby controls.\n      if (event.key === 'Enter' && hasTypedInput.current) {\n        hasTypedInput.current = false\n        datePickerRef.current.setOpen(false)\n        return\n      }\n      shouldFocusCalendar.current = true\n      datePickerRef.current?.setOpen(true)\n    }\n  }\n\n  const onKeyDownCapture: React.KeyboardEventHandler<HTMLDivElement> = (event) => {\n    // Cells handle Escape themselves, which can blur the input after we restore focus.\n    // Intercept only the cell itself so nested controls can consume Escape.\n    const isCalendarCell =\n      event.target instanceof HTMLElement &&\n      event.target.matches(\n        '.react-datepicker__day, .react-datepicker__week-number, .react-datepicker__month-text, .react-datepicker__year-text',\n      )\n\n    if (\n      event.key === 'Escape' &&\n      (event.target === datePickerRef.current?.input || isCalendarCell) &&\n      datePickerRef.current?.isCalendarOpen()\n    ) {\n      overrides?.onKeyDown?.(event)\n      onEscape(event)\n    }\n  }\n\n  return {\n    calendarRef,\n    datePickerRef,\n    onBlur,\n    onCalendarClose,\n    onCalendarKeyDown,\n    onCalendarOpen,\n    onChangeRaw,\n    onKeyDown,\n    onKeyDownCapture,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DefaultListViewTabs/index.css

@@ -0,0 +1,27 @@
+@layer payload-default {
+  .default-list-view-tabs {
+    display: flex;
+    gap: var(--spacer-2);
+  }
+
+  .default-list-view-tabs__button {
+    color: var(--color-text-secondary);
+  }
+
+  .default-list-view-tabs__button:hover {
+    color: var(--color-text);
+  }
+
+  .default-list-view-tabs__button--active {
+    color: var(--color-text);
+
+    html[data-enhanced-contrast] & {
+      border-color: var(--color-border-control);
+    }
+  }
+
+  .default-list-view-tabs__button--active:disabled {
+    color: var(--color-text);
+    cursor: default;
+  }
+}

package/dist/elements/DefaultListViewTabs/index.d.ts

@@ -1,6 +1,6 @@
 import type { ClientCollectionConfig, ClientConfig, ViewTypes } from 'payload';
 import React from 'react';
-import './index.scss';
+import './index.css';
 type DefaultListViewTabsProps = {
     collectionConfig: ClientCollectionConfig;
     config: ClientConfig;

package/dist/elements/DefaultListViewTabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DefaultListViewTabs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAK9E,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAIrB,KAAK,wBAAwB,GAAG;IAC9B,gBAAgB,EAAE,sBAAsB,CAAA;IACxC,MAAM,EAAE,YAAY,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAsGlE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DefaultListViewTabs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EACtB,YAAY,EAEZ,SAAS,EACV,MAAM,SAAS,CAAA;AAIhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,aAAa,CAAA;AAIpB,KAAK,wBAAwB,GAAG;IAC9B,gBAAgB,EAAE,sBAAsB,CAAA;IACxC,MAAM,EAAE,YAAY,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA4GlE,CAAA"}

package/dist/elements/DefaultListViewTabs/index.js

@@ -3,16 +3,16 @@
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { useRouter } from 'next/navigation.js';
 import { formatAdminURL } from 'payload/shared';
 import React from 'react';
 import { usePreferences } from '../../providers/Preferences/index.js';
+import { useRouter } from '../../providers/RouterAdapter/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Button } from '../Button/index.js';
-import './index.scss';
+import './index.css';
 const baseClass = 'default-list-view-tabs';
 export const DefaultListViewTabs = t0 => {
-  const $ = _c(24);
+  const $ = _c(27);
   const {
     collectionConfig,
     config,
@@ -39,16 +39,18 @@ export const DefaultListViewTabs = t0 => {
         onChange(newViewType);
       }
       if (newViewType === "list" || newViewType === "hierarchy") {
-        await setPreference(`collection-${collectionConfig.slug}`, {
-          listViewType: newViewType
-        });
+        const listViewType = newViewType;
+        await setPreference(`collection-${collectionConfig.slug}`, preferences => ({
+          ...(preferences ?? {}),
+          listViewType
+        }));
       }
-      let path = `/collections/${collectionConfig.slug}`;
-      bb17: switch (newViewType) {
+      let path = `/collections/${collectionConfig.slug}?view=all`;
+      bb23: switch (newViewType) {
         case "hierarchy":
           {
-            path = `/collections/${collectionConfig.slug}/hierarchy`;
-            break bb17;
+            path = `/collections/${collectionConfig.slug}?view=hierarchy`;
+            break bb23;
           }
         case "trash":
           {
@@ -82,46 +84,56 @@ export const DefaultListViewTabs = t0 => {
     t3 = $[8];
   }
   const collectionLabel = t3;
-  const allButtonLabel = `${t("general:all")} ${collectionLabel}`;
   let t4;
-  if ($[9] !== allButtonLabel || $[10] !== collectionConfig.labels?.singular || $[11] !== collectionLabel || $[12] !== handleViewChange || $[13] !== i18n || $[14] !== isHierarchyEnabled || $[15] !== isTrashEnabled || $[16] !== t || $[17] !== viewType) {
-    let t5;
-    if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
-      t5 = /\s+/g;
-      $[19] = t5;
-    } else {
-      t5 = $[19];
-    }
-    const allButtonId = allButtonLabel.toLowerCase().replace(t5, "-");
+  if ($[9] !== t) {
+    t4 = t("general:all");
+    $[9] = t;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  const allButtonLabel = `${t4} ${collectionLabel}`;
+  let t5;
+  if ($[11] !== allButtonLabel || $[12] !== collectionConfig.labels?.singular || $[13] !== collectionLabel || $[14] !== handleViewChange || $[15] !== i18n || $[16] !== isHierarchyEnabled || $[17] !== isTrashEnabled || $[18] !== t || $[19] !== viewType) {
+    const allButtonId = allButtonLabel.toLowerCase().replace(/\s+/g, "-");
     const t6 = viewType === "list" && `${baseClass}__button--active`;
     let t7;
-    if ($[20] !== t6) {
+    if ($[21] !== t6) {
       t7 = [`${baseClass}__button`, t6].filter(Boolean);
-      $[20] = t6;
-      $[21] = t7;
+      $[21] = t6;
+      $[22] = t7;
+    } else {
+      t7 = $[22];
+    }
+    const t8 = t7.join(" ");
+    let t9;
+    if ($[23] !== handleViewChange) {
+      t9 = () => handleViewChange("list");
+      $[23] = handleViewChange;
+      $[24] = t9;
     } else {
-      t7 = $[21];
+      t9 = $[24];
     }
-    let t8;
-    if ($[22] !== handleViewChange) {
-      t8 = () => handleViewChange("list");
-      $[22] = handleViewChange;
-      $[23] = t8;
+    let t10;
+    if ($[25] !== t) {
+      t10 = t("general:all");
+      $[25] = t;
+      $[26] = t10;
     } else {
-      t8 = $[23];
+      t10 = $[26];
     }
-    t4 = _jsxs("div", {
+    t5 = _jsxs("div", {
       className: baseClass,
       children: [_jsx(Button, {
-        buttonStyle: "tab",
-        className: t7.join(" "),
+        buttonStyle: viewType === "list" ? "pill" : "ghost",
+        className: t8,
         disabled: viewType === "list",
         el: "button",
         id: allButtonId,
-        onClick: t8,
-        children: `${t("general:all")} ${collectionLabel}`
+        onClick: t9,
+        children: `${t10} ${collectionLabel}`
       }), isHierarchyEnabled && _jsx(Button, {
-        buttonStyle: "tab",
+        buttonStyle: viewType === "hierarchy" ? "pill" : "ghost",
         className: [`${baseClass}__button`, viewType === "hierarchy" && `${baseClass}__button--active`].filter(Boolean).join(" "),
         disabled: viewType === "hierarchy",
         el: "button",
@@ -129,7 +141,7 @@ export const DefaultListViewTabs = t0 => {
         onClick: () => handleViewChange("hierarchy"),
         children: `${t("general:by")} ${getTranslation(collectionConfig?.labels?.singular, i18n)}`
       }), isTrashEnabled && _jsx(Button, {
-        buttonStyle: "tab",
+        buttonStyle: viewType === "trash" ? "pill" : "ghost",
         className: [`${baseClass}__button`, viewType === "trash" && `${baseClass}__button--active`].filter(Boolean).join(" "),
         disabled: viewType === "trash",
         el: "button",
@@ -138,19 +150,19 @@ export const DefaultListViewTabs = t0 => {
         children: t("general:trash")
       })]
     });
-    $[9] = allButtonLabel;
-    $[10] = collectionConfig.labels?.singular;
-    $[11] = collectionLabel;
-    $[12] = handleViewChange;
-    $[13] = i18n;
-    $[14] = isHierarchyEnabled;
-    $[15] = isTrashEnabled;
-    $[16] = t;
-    $[17] = viewType;
-    $[18] = t4;
+    $[11] = allButtonLabel;
+    $[12] = collectionConfig.labels?.singular;
+    $[13] = collectionLabel;
+    $[14] = handleViewChange;
+    $[15] = i18n;
+    $[16] = isHierarchyEnabled;
+    $[17] = isTrashEnabled;
+    $[18] = t;
+    $[19] = viewType;
+    $[20] = t5;
   } else {
-    t4 = $[18];
+    t5 = $[20];
   }
-  return t4;
+  return t5;
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","useRouter","formatAdminURL","React","usePreferences","useTranslation","Button","baseClass","DefaultListViewTabs","t0","$","collectionConfig","config","onChange","viewType","i18n","t","setPreference","router","isTrashEnabled","trash","isHierarchyEnabled","Boolean","hierarchy","t1","slug","newViewType","listViewType","path","bb17","url","adminRoute","routes","admin","push","handleViewChange","t2","labels","plural","t3","collectionLabel","allButtonLabel","t4","singular","t5","Symbol","for","allButtonId","toLowerCase","replace","t6","t7","filter","t8","_jsxs","className","children","_jsx","buttonStyle","join","disabled","el","id","onClick"],"sources":["../../../src/elements/DefaultListViewTabs/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, ClientConfig, ViewTypes } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'default-list-view-tabs'\n\ntype DefaultListViewTabsProps = {\n  collectionConfig: ClientCollectionConfig\n  config: ClientConfig\n  onChange?: (viewType: ViewTypes) => void\n  viewType?: ViewTypes\n}\n\nexport const DefaultListViewTabs: React.FC<DefaultListViewTabsProps> = ({\n  collectionConfig,\n  config,\n  onChange,\n  viewType,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { setPreference } = usePreferences()\n  const router = useRouter()\n  const isTrashEnabled = collectionConfig.trash\n  const isHierarchyEnabled = Boolean(collectionConfig.hierarchy)\n\n  if (!isTrashEnabled && !isHierarchyEnabled) {\n    return null\n  }\n\n  const handleViewChange = async (newViewType: ViewTypes) => {\n    if (onChange) {\n      onChange(newViewType)\n    }\n\n    // Save preference for list vs hierarchy (not trash)\n    if (newViewType === 'list' || newViewType === 'hierarchy') {\n      await setPreference(`collection-${collectionConfig.slug}`, {\n        listViewType: newViewType,\n      })\n    }\n\n    let path: `/${string}` = `/collections/${collectionConfig.slug}`\n    switch (newViewType) {\n      case 'hierarchy':\n        path = `/collections/${collectionConfig.slug}/hierarchy`\n        break\n      case 'trash':\n        path = `/collections/${collectionConfig.slug}/trash`\n        break\n    }\n\n    const url = formatAdminURL({\n      adminRoute: config.routes.admin,\n      path,\n    })\n\n    router.push(url)\n  }\n\n  const collectionLabel = getTranslation(collectionConfig?.labels?.plural, i18n)\n  const allButtonLabel = `${t('general:all')} ${collectionLabel}`\n  const allButtonId = allButtonLabel.toLowerCase().replace(/\\s+/g, '-')\n\n  return (\n    <div className={baseClass}>\n      <Button\n        buttonStyle=\"tab\"\n        className={[`${baseClass}__button`, viewType === 'list' && `${baseClass}__button--active`]\n          .filter(Boolean)\n          .join(' ')}\n        disabled={viewType === 'list'}\n        el=\"button\"\n        id={allButtonId}\n        onClick={() => handleViewChange('list')}\n      >\n        {`${t('general:all')} ${collectionLabel}`}\n      </Button>\n\n      {isHierarchyEnabled && (\n        <Button\n          buttonStyle=\"tab\"\n          className={[\n            `${baseClass}__button`,\n            viewType === 'hierarchy' && `${baseClass}__button--active`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          disabled={viewType === 'hierarchy'}\n          el=\"button\"\n          id=\"hierarchy-view-pill\"\n          onClick={() => handleViewChange('hierarchy')}\n        >\n          {`${t('general:by')} ${getTranslation(collectionConfig?.labels?.singular, i18n)}`}\n        </Button>\n      )}\n\n      {isTrashEnabled && (\n        <Button\n          buttonStyle=\"tab\"\n          className={[\n            `${baseClass}__button`,\n            viewType === 'trash' && `${baseClass}__button--active`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          disabled={viewType === 'trash'}\n          el=\"button\"\n          id=\"trash-view-pill\"\n          onClick={() => handleViewChange('trash')}\n        >\n          {t('general:trash')}\n        </Button>\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,cAAc,QAAQ;AAC/B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AASlB,OAAO,MAAMC,mBAAA,GAA0DC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY,gBAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAL,EAKvE;EACC;IAAAM,IAAA;IAAAC;EAAA,IAAoBX,cAAA;EACpB;IAAAY;EAAA,IAA0Bb,cAAA;EAC1B,MAAAc,MAAA,GAAejB,SAAA;EACf,MAAAkB,cAAA,GAAuBR,gBAAA,CAAAS,KAAA;EACvB,MAAAC,kBAAA,GAA2BC,OAAA,CAAQX,gBAAA,CAAAY,SAA0B;EAAA,IAEzD,CAACJ,cAAA,KAAmBE,kBAAA;IAAA;EAAA;EAAA,IAAAG,EAAA;EAAA,IAAAd,CAAA,QAAAC,gBAAA,CAAAc,IAAA,IAAAf,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAG,QAAA,IAAAH,CAAA,QAAAQ,MAAA,IAAAR,CAAA,QAAAO,aAAA;IAICO,EAAA,SAAAE,WAAA;MAAA,IACnBb,QAAA;QACFA,QAAA,CAASa,WAAA;MAAA;MAAA,IAIPA,WAAA,KAAgB,UAAUA,WAAA,KAAgB;QAAA,MACtCT,aAAA,CAAc,cAAcN,gBAAA,CAAAc,IAAA,EAAuB;UAAAE,YAAA,EACzCD;QAAA,CAChB;MAAA;MAGF,IAAAE,IAAA,GAAyB,gBAAgBjB,gBAAA,CAAAc,IAAA,EAAuB;MAAAI,IAAA,UACxDH,WAAA;QAAA,KACD;UAAA;YACHE,IAAA,CAAAA,CAAA,CAAOA,gBAAgBjB,gBAAA,CAAAc,IAAA,YAAiC;YAAxD,MAAAI,IAAA;UAAA;QAAA,KAEG;UAAA;YACHD,IAAA,CAAAA,CAAA,CAAOA,gBAAgBjB,gBAAA,CAAAc,IAAA,QAA6B;UAApD;MAAA;MAIJ,MAAAK,GAAA,GAAY5B,cAAA;QAAA6B,UAAA,EACEnB,MAAA,CAAAoB,MAAA,CAAAC,KAAA;QAAAL;MAAA,CAEd;MAEAV,MAAA,CAAAgB,IAAA,CAAYJ,GAAA;IAAA;IACdpB,CAAA,MAAAC,gBAAA,CAAAc,IAAA;IAAAf,CAAA,MAAAE,MAAA;IAAAF,CAAA,MAAAG,QAAA;IAAAH,CAAA,MAAAQ,MAAA;IAAAR,CAAA,MAAAO,aAAA;IAAAP,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EA5BA,MAAAyB,gBAAA,GAAyBX,EA4BzB;EAEuC,MAAAY,EAAA,GAAAzB,gBAAA,EAAA0B,MAAA,EAAAC,MAAA;EAA0B,IAAAC,EAAA;EAAA,IAAA7B,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAA0B,EAAA;IAAzCG,EAAA,GAAAvC,cAAA,CAAeoC,EAA0B,EAAQrB,IAAA;IAAAL,CAAA,MAAAK,IAAA;IAAAL,CAAA,MAAA0B,EAAA;IAAA1B,CAAA,MAAA6B,EAAA;EAAA;IAAAA,EAAA,GAAA7B,CAAA;EAAA;EAAzE,MAAA8B,eAAA,GAAwBD,EAAiD;EACzE,MAAAE,cAAA,GAAuB,GAAGzB,CAAA,CAAE,kBAAkBwB,eAAA,EAAiB;EAAA,IAAAE,EAAA;EAAA,IAAAhC,CAAA,QAAA+B,cAAA,IAAA/B,CAAA,SAAAC,gBAAA,CAAA0B,MAAA,EAAAM,QAAA,IAAAjC,CAAA,SAAA8B,eAAA,IAAA9B,CAAA,SAAAyB,gBAAA,IAAAzB,CAAA,SAAAK,IAAA,IAAAL,CAAA,SAAAW,kBAAA,IAAAX,CAAA,SAAAS,cAAA,IAAAT,CAAA,SAAAM,CAAA,IAAAN,CAAA,SAAAI,QAAA;IAAA,IAAA8B,EAAA;IAAA,IAAAlC,CAAA,SAAAmC,MAAA,CAAAC,GAAA;MACNF,EAAA;MAAAlC,CAAA,OAAAkC,EAAA;IAAA;MAAAA,EAAA,GAAAlC,CAAA;IAAA;IAAzD,MAAAqC,WAAA,GAAoBN,cAAA,CAAAO,WAAA,CAA0B,EAAAC,OAAA,CAAWL,EAAA,EAAQ;IAMvB,MAAAM,EAAA,GAAApC,QAAA,KAAa,UAAU,GAAAP,SAAA,kBAA8B;IAAA,IAAA4C,EAAA;IAAA,IAAAzC,CAAA,SAAAwC,EAAA;MAA9EC,EAAA,IAAC,GAAA5C,SAAA,UAAsB,EAAE2C,EAAqD,EAAAE,MAAA,CAAA9B,OAC/E;MAAAZ,CAAA,OAAAwC,EAAA;MAAAxC,CAAA,OAAAyC,EAAA;IAAA;MAAAA,EAAA,GAAAzC,CAAA;IAAA;IAAA,IAAA2C,EAAA;IAAA,IAAA3C,CAAA,SAAAyB,gBAAA;MAKDkB,EAAA,GAAAA,CAAA,KAAMlB,gBAAA,CAAiB;MAAAzB,CAAA,OAAAyB,gBAAA;MAAAzB,CAAA,OAAA2C,EAAA;IAAA;MAAAA,EAAA,GAAA3C,CAAA;IAAA;IATpCgC,EAAA,GAAAY,KAAA,CAAC;MAAAC,SAAA,EAAAhD,SAAA;MAAAiD,QAAA,GACCC,IAAA,CAAAnD,MAAA;QAAAoD,WAAA,EACc;QAAAH,SAAA,EACDJ,EACD,CAAAQ,IAAA,CACF;QAAAC,QAAA,EACE9C,QAAA,KAAa;QAAA+C,EAAA,EACpB;QAAAC,EAAA,EACCf,WAAA;QAAAgB,OAAA,EACKV,EAAuB;QAAAG,QAAA,EAE/B,GAAGxC,CAAA,CAAE,kBAAkBwB,eAAA;MAAiB,C,GAG1CnB,kBAAA,IACCoC,IAAA,CAAAnD,MAAA;QAAAoD,WAAA,EACc;QAAAH,SAAA,EACD,CACT,GAAAhD,SAAA,UAAsB,EACtBO,QAAA,KAAa,eAAe,GAAAP,SAAA,kBAA8B,EAAA6C,MAAA,CAAA9B,OAElD,EAAAqC,IAAA,CACF;QAAAC,QAAA,EACE9C,QAAA,KAAa;QAAA+C,EAAA,EACpB;QAAAC,EAAA,EACA;QAAAC,OAAA,EAAAA,CAAA,KACY5B,gBAAA,CAAiB;QAAAqB,QAAA,EAE/B,GAAGxC,CAAA,CAAE,iBAAiBhB,cAAA,CAAeW,gBAAA,EAAA0B,MAAA,EAAAM,QAAA,EAAoC5B,IAAA;MAAO,C,GAIpFI,cAAA,IACCsC,IAAA,CAAAnD,MAAA;QAAAoD,WAAA,EACc;QAAAH,SAAA,EACD,CACT,GAAAhD,SAAA,UAAsB,EACtBO,QAAA,KAAa,WAAW,GAAAP,SAAA,kBAA8B,EAAA6C,MAAA,CAAA9B,OAE9C,EAAAqC,IAAA,CACF;QAAAC,QAAA,EACE9C,QAAA,KAAa;QAAA+C,EAAA,EACpB;QAAAC,EAAA,EACA;QAAAC,OAAA,EAAAA,CAAA,KACY5B,gBAAA,CAAiB;QAAAqB,QAAA,EAE/BxC,CAAA,CAAE;MAAA,C;;;;;;;;;;;;;;;SA9CT0B,E;CAmDJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","formatAdminURL","React","usePreferences","useRouter","useTranslation","Button","baseClass","DefaultListViewTabs","t0","$","collectionConfig","config","onChange","viewType","i18n","t","setPreference","router","isTrashEnabled","trash","isHierarchyEnabled","Boolean","hierarchy","t1","slug","newViewType","listViewType","preferences","path","bb23","url","adminRoute","routes","admin","push","handleViewChange","t2","labels","plural","t3","collectionLabel","t4","allButtonLabel","t5","singular","allButtonId","toLowerCase","replace","t6","t7","filter","t8","join","t9","t10","_jsxs","className","children","_jsx","buttonStyle","disabled","el","id","onClick"],"sources":["../../../src/elements/DefaultListViewTabs/index.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  ClientCollectionConfig,\n  ClientConfig,\n  CollectionPreferences,\n  ViewTypes,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.css'\n\nconst baseClass = 'default-list-view-tabs'\n\ntype DefaultListViewTabsProps = {\n  collectionConfig: ClientCollectionConfig\n  config: ClientConfig\n  onChange?: (viewType: ViewTypes) => void\n  viewType?: ViewTypes\n}\n\nexport const DefaultListViewTabs: React.FC<DefaultListViewTabsProps> = ({\n  collectionConfig,\n  config,\n  onChange,\n  viewType,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { setPreference } = usePreferences()\n  const router = useRouter()\n  const isTrashEnabled = collectionConfig.trash\n  const isHierarchyEnabled = Boolean(collectionConfig.hierarchy)\n\n  if (!isTrashEnabled && !isHierarchyEnabled) {\n    return null\n  }\n\n  const handleViewChange = async (newViewType: ViewTypes) => {\n    if (onChange) {\n      onChange(newViewType)\n    }\n\n    // Save preference for list vs hierarchy (not trash)\n    if (newViewType === 'list' || newViewType === 'hierarchy') {\n      const listViewType = newViewType as 'hierarchy' | 'list'\n\n      await setPreference<CollectionPreferences>(\n        `collection-${collectionConfig.slug}`,\n        (preferences) => ({\n          ...(preferences ?? {}),\n          listViewType,\n        }),\n      )\n    }\n\n    let path: `/${string}` = `/collections/${collectionConfig.slug}?view=all`\n    switch (newViewType) {\n      case 'hierarchy':\n        path = `/collections/${collectionConfig.slug}?view=hierarchy`\n        break\n      case 'trash':\n        path = `/collections/${collectionConfig.slug}/trash`\n        break\n    }\n\n    const url = formatAdminURL({\n      adminRoute: config.routes.admin,\n      path,\n    })\n\n    router.push(url)\n  }\n\n  const collectionLabel = getTranslation(collectionConfig?.labels?.plural, i18n)\n  const allButtonLabel = `${t('general:all')} ${collectionLabel}`\n  const allButtonId = allButtonLabel.toLowerCase().replace(/\\s+/g, '-')\n\n  return (\n    <div className={baseClass}>\n      <Button\n        buttonStyle={viewType === 'list' ? 'pill' : 'ghost'}\n        className={[`${baseClass}__button`, viewType === 'list' && `${baseClass}__button--active`]\n          .filter(Boolean)\n          .join(' ')}\n        disabled={viewType === 'list'}\n        el=\"button\"\n        id={allButtonId}\n        onClick={() => handleViewChange('list')}\n      >\n        {`${t('general:all')} ${collectionLabel}`}\n      </Button>\n\n      {isHierarchyEnabled && (\n        <Button\n          buttonStyle={viewType === 'hierarchy' ? 'pill' : 'ghost'}\n          className={[\n            `${baseClass}__button`,\n            viewType === 'hierarchy' && `${baseClass}__button--active`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          disabled={viewType === 'hierarchy'}\n          el=\"button\"\n          id=\"hierarchy-view-pill\"\n          onClick={() => handleViewChange('hierarchy')}\n        >\n          {`${t('general:by')} ${getTranslation(collectionConfig?.labels?.singular, i18n)}`}\n        </Button>\n      )}\n\n      {isTrashEnabled && (\n        <Button\n          buttonStyle={viewType === 'trash' ? 'pill' : 'ghost'}\n          className={[\n            `${baseClass}__button`,\n            viewType === 'trash' && `${baseClass}__button--active`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          disabled={viewType === 'trash'}\n          el=\"button\"\n          id=\"trash-view-pill\"\n          onClick={() => handleViewChange('trash')}\n        >\n          {t('general:trash')}\n        </Button>\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AASA,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AASlB,OAAO,MAAMC,mBAAA,GAA0DC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY,gBAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAL,EAKvE;EACC;IAAAM,IAAA;IAAAC;EAAA,IAAoBX,cAAA;EACpB;IAAAY;EAAA,IAA0Bd,cAAA;EAC1B,MAAAe,MAAA,GAAed,SAAA;EACf,MAAAe,cAAA,GAAuBR,gBAAA,CAAAS,KAAsB;EAC7C,MAAAC,kBAAA,GAA2BC,OAAA,CAAQX,gBAAA,CAAAY,SAA0B;EAE7D,IAAI,CAACJ,cAAmB,IAApB,CAAoBE,kBAAA;IAAA,OACf;EAAA;EACT,IAAAG,EAAA;EAAA,IAAAd,CAAA,QAAAC,gBAAA,CAAAc,IAAA,IAAAf,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAG,QAAA,IAAAH,CAAA,QAAAQ,MAAA,IAAAR,CAAA,QAAAO,aAAA;IAEyBO,EAAA,SAAAE,WAAA;MACvB,IAAIb,QAAA;QACFA,QAAA,CAASa,WAAA;MAAA;MAIX,IAAIA,WAAA,KAAgB,MAA0B,IAAhBA,WAAA,KAAgB;QAC5C,MAAAC,YAAA,GAAqBD,WAAA;QAErB,MAAMT,aAAA,CACJ,cAAcN,gBAAA,CAAAc,IAAqB,EAAE,EACrCG,WAAA,KAAkB;UAAA,IACZA,WAAiB,IAAjB,CAAgB,CAAC;UAAAD;QAEvB;MAAA;MAIJ,IAAAE,IAAA,GAAyB,gBAAgBlB,gBAAA,CAAAc,IAAqB,WAAW;MAAAK,IAAA,EACzE,QAAQJ,WAAA;QAAA,KACD;UAAA;YACHG,IAAA,CAAAA,CAAA,CAAOA,gBAAgBlB,gBAAA,CAAAc,IAAqB,iBAAiB;YAC7D,MAAAK,IAAA;UAAA;QAAA,KACG;UAAA;YACHD,IAAA,CAAAA,CAAA,CAAOA,gBAAgBlB,gBAAA,CAAAc,IAAqB,QAAQ;UAApD;MAEJ;MAEA,MAAAM,GAAA,GAAY9B,cAAA,CAAe;QAAA+B,UAAA,EACbpB,MAAA,CAAAqB,MAAa,CAAAC,KAAM;QAAAL;MAEjC;MAEAX,MAAA,CAAAiB,IAAW,CAACJ,GAAA;IAAA,CACd;IAAArB,CAAA,MAAAC,gBAAA,CAAAc,IAAA;IAAAf,CAAA,MAAAE,MAAA;IAAAF,CAAA,MAAAG,QAAA;IAAAH,CAAA,MAAAQ,MAAA;IAAAR,CAAA,MAAAO,aAAA;IAAAP,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EAlCA,MAAA0B,gBAAA,GAAyBZ,EAkCzB;EAEuC,MAAAa,EAAA,GAAA1B,gBAAA,EAAA2B,MAA0B,EAAAC,MAAA;EAAA,IAAAC,EAAA;EAAA,IAAA9B,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAA2B,EAAA;IAAzCG,EAAA,GAAAxC,cAAA,CAAeqC,EAA0B,EAAQtB,IAAA;IAAAL,CAAA,MAAAK,IAAA;IAAAL,CAAA,MAAA2B,EAAA;IAAA3B,CAAA,MAAA8B,EAAA;EAAA;IAAAA,EAAA,GAAA9B,CAAA;EAAA;EAAzE,MAAA+B,eAAA,GAAwBD,EAAiD;EAAA,IAAAE,EAAA;EAAA,IAAAhC,CAAA,QAAAM,CAAA;IAC/C0B,EAAA,GAAA1B,CAAA,CAAE;IAAAN,CAAA,MAAAM,CAAA;IAAAN,CAAA,OAAAgC,EAAA;EAAA;IAAAA,EAAA,GAAAhC,CAAA;EAAA;EAA5B,MAAAiC,cAAA,GAAuB,GAAGD,EAAE,IAAkBD,eAAA,EAAiB;EAAA,IAAAG,EAAA;EAAA,IAAAlC,CAAA,SAAAiC,cAAA,IAAAjC,CAAA,SAAAC,gBAAA,CAAA2B,MAAA,EAAAO,QAAA,IAAAnC,CAAA,SAAA+B,eAAA,IAAA/B,CAAA,SAAA0B,gBAAA,IAAA1B,CAAA,SAAAK,IAAA,IAAAL,CAAA,SAAAW,kBAAA,IAAAX,CAAA,SAAAS,cAAA,IAAAT,CAAA,SAAAM,CAAA,IAAAN,CAAA,SAAAI,QAAA;IAC/D,MAAAgC,WAAA,GAAoBH,cAAA,CAAAI,WAA0B,GAAAC,OAAU,CAAC,QAAQ;IAMvB,MAAAC,EAAA,GAAAnC,QAAA,KAAa,MAAwC,IAArD,GAA0BP,SAAA,kBAA2B;IAAA,IAAA2C,EAAA;IAAA,IAAAxC,CAAA,SAAAuC,EAAA;MAA9EC,EAAA,IAAC,GAAG3C,SAAA,UAAmB,EAAE0C,EAAqD,CAAC,CAAAE,MACjF,CAAC7B,OAAA;MAAAZ,CAAA,OAAAuC,EAAA;MAAAvC,CAAA,OAAAwC,EAAA;IAAA;MAAAA,EAAA,GAAAxC,CAAA;IAAA;IADC,MAAA0C,EAAA,GAAAF,EACD,CAAAG,IACH,CAAC;IAAA,IAAAC,EAAA;IAAA,IAAA5C,CAAA,SAAA0B,gBAAA;MAICkB,EAAA,GAAAA,CAAA,KAAMlB,gBAAA,CAAiB;MAAA1B,CAAA,OAAA0B,gBAAA;MAAA1B,CAAA,OAAA4C,EAAA;IAAA;MAAAA,EAAA,GAAA5C,CAAA;IAAA;IAAA,IAAA6C,GAAA;IAAA,IAAA7C,CAAA,SAAAM,CAAA;MAE5BuC,GAAA,GAAAvC,CAAA,CAAE;MAAAN,CAAA,OAAAM,CAAA;MAAAN,CAAA,OAAA6C,GAAA;IAAA;MAAAA,GAAA,GAAA7C,CAAA;IAAA;IAXVkC,EAAA,GAAAY,KAAA,CAAC;MAAAC,SAAA,EAAelD,SAAA;MAAAmD,QAAA,E,CACdC,IAAA,CAACrD,MAAA;QAAAsD,WAAA,EACc9C,QAAA,KAAa,MAAkB,GAA/B,MAA+B,GAA/B,OAA+B;QAAA2C,SAAA,EACjCL,EAEH;QAAAS,QAAA,EACE/C,QAAA,KAAa;QAAAgD,EAAA,EACpB;QAAAC,EAAA,EACCjB,WAAA;QAAAkB,OAAA,EACKV,EAAuB;QAAAI,QAAA,EAE/B,GAAGH,GAAE,IAAkBd,eAAA;UAGzBpB,kB,IACCsC,IAAA,CAACrD,MAAA;QAAAsD,WAAA,EACc9C,QAAA,KAAa,WAAuB,GAApC,MAAoC,GAApC,OAAoC;QAAA2C,SAAA,EACtC,CACT,GAAGlD,SAAA,UAAmB,EACtBO,QAAA,KAAa,WAA6C,IAA1D,GAA+BP,SAAA,kBAA2B,CAC3D,CAAA4C,MACQ,CAAC7B,OAAA,EAAA+B,IACH,CAAC;QAAAQ,QAAA,EACE/C,QAAA,KAAa;QAAAgD,EAAA,EACpB;QAAAC,EAAA,EACA;QAAAC,OAAA,EACMA,CAAA,KAAM5B,gBAAA,CAAiB;QAAAsB,QAAA,EAE/B,GAAG1C,CAAA,CAAE,iBAAiBhB,cAAA,CAAeW,gBAAA,EAAA2B,MAA0B,EAAAO,QAAA,EAAU9B,IAAA;UAI7EI,c,IACCwC,IAAA,CAACrD,MAAA;QAAAsD,WAAA,EACc9C,QAAA,KAAa,OAAmB,GAAhC,MAAgC,GAAhC,OAAgC;QAAA2C,SAAA,EAClC,CACT,GAAGlD,SAAA,UAAmB,EACtBO,QAAA,KAAa,OAAyC,IAAtD,GAA2BP,SAAA,kBAA2B,CACvD,CAAA4C,MACQ,CAAC7B,OAAA,EAAA+B,IACH,CAAC;QAAAQ,QAAA,EACE/C,QAAA,KAAa;QAAAgD,EAAA,EACpB;QAAAC,EAAA,EACA;QAAAC,OAAA,EACMA,CAAA,KAAM5B,gBAAA,CAAiB;QAAAsB,QAAA,EAE/B1C,CAAA,CAAE;;;;;;;;;;;;;;;;SA9CT4B,E;CAmDJ","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useState","Spinner","DelayedSpinner","t0","$","baseClass","delay","t1","isLoading","spinnerProps","undefined","showLoading","setShowLoading","t2","t3","timer","setTimeout","clearTimeout","className","t4","t5","_jsx","children"],"sources":["../../../src/elements/DelayedSpinner/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useEffect, useState } from 'react'\n\nimport { Spinner } from '../Spinner/index.js'\n\nexport type DelayedSpinnerProps = {\n  /**\n   * Base CSS class name for the wrapper\n   */\n  baseClass?: string\n  /**\n   * Delay in milliseconds before showing the spinner\n   * @default 200\n   */\n  delay?: number\n  /**\n   * Whether loading is in progress\n   */\n  isLoading: boolean\n  /**\n   * Custom spinner props to pass through\n   */\n  spinnerProps?: React.ComponentProps<typeof Spinner>\n}\n\nexport const DelayedSpinner: React.FC<DelayedSpinnerProps> = ({\n  baseClass,\n  delay = 200,\n  isLoading,\n  spinnerProps,\n}) => {\n  const [showLoading, setShowLoading] = useState(false)\n\n  useEffect(() => {\n    if (isLoading) {\n      const timer = setTimeout(() => {\n        setShowLoading(true)\n      }, delay)\n      return () => clearTimeout(timer)\n    } else {\n      setShowLoading(false)\n    }\n  }, [delay, isLoading])\n\n  if (!showLoading) {\n    return null\n  }\n\n  const className = baseClass || 'delayed-spinner'\n\n  return (\n    <div className={`${className}__loading`}>\n      <Spinner {...spinnerProps} />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,SAAS,EAAEC,QAAQ,QAAQ;AAE3C,SAASC,OAAO,QAAQ;AAsBxB,OAAO,MAAMC,cAAA,GAAgDC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,SAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAN,EAK7D;EAHC,MAAAG,KAAA,GAAAC,EAAW,KAAAG,SAAA,SAAXH,EAAW;EAIX,OAAAI,WAAA,EAAAC,cAAA,IAAsCZ,QAAA,MAAS;EAAA,IAAAa,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAE,KAAA,IAAAF,CAAA,QAAAI,SAAA;IAErCK,EAAA,GAAAA,CAAA;MAAA,IACJL,SAAA;QACF,MAAAO,KAAA,GAAcC,UAAA;UACZJ,cAAA,KAAe;QAAA,GACdN,KAAA;QAAA,aACUW,YAAA,CAAaF,KAAA;MAAA;QAE1BH,cAAA,MAAe;MAAA;IAAA;IAEhBE,EAAA,IAACR,KAAA,EAAOE,SAAA;IAAUJ,CAAA,MAAAE,KAAA;IAAAF,CAAA,MAAAI,SAAA;IAAAJ,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAD,EAAA,GAAAT,CAAA;IAAAU,EAAA,GAAAV,CAAA;EAAA;EATrBL,SAAA,CAAUc,EASV,EAAGC,EAAkB;EAAA,KAEhBH,WAAA;IAAA;EAAA;EAIL,MAAAO,SAAA,GAAkBb,SAAA,IAAa;EAGb,MAAAc,EAAA,MAAGD,SAAA,WAAoB;EAAA,IAAAE,EAAA;EAAA,IAAAhB,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAe,EAAA;IAAvCC,EAAA,GAAAC,IAAA,CAAC;MAAAH,SAAA,EAAeC,EAAuB;MAAAG,QAAA,EACrCD,IAAA,CAAApB,OAAA;QAAA,GAAaQ;MAAY,C;;;;;;;;SAD3BW,E;CAIJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useState","Spinner","DelayedSpinner","t0","$","baseClass","delay","t1","isLoading","spinnerProps","undefined","showLoading","setShowLoading","t2","t3","timer","setTimeout","clearTimeout","className","t4","t5","_jsx","children"],"sources":["../../../src/elements/DelayedSpinner/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useEffect, useState } from 'react'\n\nimport { Spinner } from '../Spinner/index.js'\n\nexport type DelayedSpinnerProps = {\n  /**\n   * Base CSS class name for the wrapper\n   */\n  baseClass?: string\n  /**\n   * Delay in milliseconds before showing the spinner\n   * @default 200\n   */\n  delay?: number\n  /**\n   * Whether loading is in progress\n   */\n  isLoading: boolean\n  /**\n   * Custom spinner props to pass through\n   */\n  spinnerProps?: React.ComponentProps<typeof Spinner>\n}\n\nexport const DelayedSpinner: React.FC<DelayedSpinnerProps> = ({\n  baseClass,\n  delay = 200,\n  isLoading,\n  spinnerProps,\n}) => {\n  const [showLoading, setShowLoading] = useState(false)\n\n  useEffect(() => {\n    if (isLoading) {\n      const timer = setTimeout(() => {\n        setShowLoading(true)\n      }, delay)\n      return () => clearTimeout(timer)\n    } else {\n      setShowLoading(false)\n    }\n  }, [delay, isLoading])\n\n  if (!showLoading) {\n    return null\n  }\n\n  const className = baseClass || 'delayed-spinner'\n\n  return (\n    <div className={`${className}__loading`}>\n      <Spinner {...spinnerProps} />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,SAAS,EAAEC,QAAQ,QAAQ;AAE3C,SAASC,OAAO,QAAQ;AAsBxB,OAAO,MAAMC,cAAA,GAAgDC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,SAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAN,EAK7D;EAHC,MAAAG,KAAA,GAAAC,EAAW,KAAXG,SAAW,GAAX,GAAW,GAAXH,EAAW;EAIX,OAAAI,WAAA,EAAAC,cAAA,IAAsCZ,QAAA,CAAS;EAAA,IAAAa,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAE,KAAA,IAAAF,CAAA,QAAAI,SAAA;IAErCK,EAAA,GAAAA,CAAA;MACR,IAAIL,SAAA;QACF,MAAAO,KAAA,GAAcC,UAAA,CAAW;UACvBJ,cAAA,CAAe;QAAA,CACjB,EAAGN,KAAA;QAAA,OACI,MAAMW,YAAA,CAAaF,KAAA;MAAA;QAE1BH,cAAA,CAAe;MAAA;IACjB,CACF;IAAGE,EAAA,IAACR,KAAA,EAAOE,SAAA,CAAU;IAAAJ,CAAA,MAAAE,KAAA;IAAAF,CAAA,MAAAI,SAAA;IAAAJ,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAD,EAAA,GAAAT,CAAA;IAAAU,EAAA,GAAAV,CAAA;EAAA;EATrBL,SAAA,CAAUc,EASV,EAAGC,EAAkB;EAErB,IAAI,CAACH,WAAA;IAAA,OACI;EAAA;EAGT,MAAAO,SAAA,GAAkBb,SAAa,IAAb,iBAAa;EAGb,MAAAc,EAAA,MAAGD,SAAA,WAAoB;EAAA,IAAAE,EAAA;EAAA,IAAAhB,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAe,EAAA;IAAvCC,EAAA,GAAAC,IAAA,CAAC;MAAAH,SAAA,EAAeC,EAAuB;MAAAG,QAAA,EACrCD,IAAA,CAACpB,OAAA;QAAA,GAAYQ;;;;;;;;;SADfW,E;CAIJ","ignoreList":[]}

package/dist/elements/DeleteDocument/index.d.ts

@@ -1,7 +1,6 @@
 import type { SanitizedCollectionConfig } from 'payload';
 import React from 'react';
 import type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js';
-import './index.scss';
 export type Props = {
     readonly buttonId?: string;
     readonly collectionSlug: SanitizedCollectionConfig['slug'];

package/dist/elements/DeleteDocument/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DeleteDocument/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAMxD,OAAO,KAA0C,MAAM,OAAO,CAAA;AAG9D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAA;AAc9E,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAC1D,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,QAAQ,CAAC,EAAE,yBAAyB,CAAC,UAAU,CAAC,CAAA;IACzD,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,aAAa,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAA;IACvE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,UAAU,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;CACtE,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8K1C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DeleteDocument/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAKxD,OAAO,KAA0C,MAAM,OAAO,CAAA;AAG9D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAA;AAmB9E,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAC1D,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,QAAQ,CAAC,EAAE,yBAAyB,CAAC,UAAU,CAAC,CAAA;IACzD,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,aAAa,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAA;IACvE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,UAAU,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;CACtE,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuL1C,CAAA"}

package/dist/elements/DeleteDocument/index.js

@@ -3,15 +3,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
-import { useRouter } from 'next/navigation.js';
 import { formatAdminURL } from 'payload/shared';
 import React, { Fragment, useCallback, useState } from 'react';
 import { toast } from 'sonner';
 import { CheckboxInput } from '../../fields/Checkbox/Input.js';
 import { useForm } from '../../forms/Form/context.js';
 import { useConfig } from '../../providers/Config/index.js';
+import { useDocumentEvents } from '../../providers/DocumentEvents/index.js';
 import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
 import { useDocumentTitle } from '../../providers/DocumentTitle/index.js';
+import { useRouter } from '../../providers/RouterAdapter/index.js';
 import { useRouteTransition } from '../../providers/RouteTransition/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { requests } from '../../utilities/api.js';
@@ -19,7 +20,6 @@ import { shouldPermanentlyDelete } from '../../utilities/shouldPermanentlyDelete
 import { ConfirmationModal } from '../ConfirmationModal/index.js';
 import { PopupList } from '../Popup/index.js';
 import { Translation } from '../Translation/index.js';
-import './index.scss';
 const baseClass = 'delete-document';
 export const DeleteDocument = props => {
   const {
@@ -64,6 +64,9 @@ export const DeleteDocument = props => {
   const {
     openModal
   } = useModal();
+  const {
+    reportUpdate
+  } = useDocumentEvents();
   const modalSlug = `delete-${id}`;
   const [deletePermanently, setDeletePermanently] = useState(false);
   const addDefaultError = useCallback(() => {
@@ -103,7 +106,17 @@ export const DeleteDocument = props => {
           label: getTranslation(singularLabel, i18n),
           title
         }) || json.message);
+        // A trashed document also disappears from default queries, so both permanent
+        // deletes and trashing report as a `delete` event.
+        const deleteEvent = {
+          id,
+          entitySlug: collectionSlug,
+          operation: 'delete',
+          updatedAt: new Date().toISOString()
+        };
         if (redirectAfterDelete) {
+          // Navigating away tears this surface down, so just notify other surfaces.
+          reportUpdate(deleteEvent);
           return startRouteTransition(() => router.push(formatAdminURL({
             adminRoute,
             path: `/collections/${collectionSlug}`
@@ -115,6 +128,7 @@ export const DeleteDocument = props => {
             collectionConfig
           });
         }
+        reportUpdate(deleteEvent);
         return;
       }
       if (json.errors) {
@@ -126,14 +140,12 @@ export const DeleteDocument = props => {
     } catch (_err) {
       return addDefaultError();
     }
-  }, [deletePermanently, setModified, hasDeletePermission, hasTrashPermission, api, collectionSlug, id, t, singularLabel, addDefaultError, i18n, title, router, adminRoute, redirectAfterDelete, onDelete, collectionConfig, startRouteTransition]);
+  }, [deletePermanently, setModified, hasDeletePermission, hasTrashPermission, api, collectionSlug, id, t, singularLabel, addDefaultError, i18n, title, router, adminRoute, redirectAfterDelete, onDelete, collectionConfig, startRouteTransition, reportUpdate]);
   if (id) {
     return /*#__PURE__*/_jsxs(Fragment, {
       children: [/*#__PURE__*/_jsx(PopupList.Button, {
         id: buttonId,
-        onClick: () => {
-          openModal(modalSlug);
-        },
+        onClick: () => openModal(modalSlug),
         children: t('general:delete')
       }), /*#__PURE__*/_jsx(ConfirmationModal, {
         body: /*#__PURE__*/_jsxs(Fragment, {
@@ -151,15 +163,12 @@ export const DeleteDocument = props => {
               label: getTranslation(singularLabel, i18n),
               title: titleFromProps || title || id
             }
-          }), collectionConfig.trash && hasTrashPermission && hasDeletePermission && /*#__PURE__*/_jsx("div", {
-            className: `${baseClass}__checkbox`,
-            children: /*#__PURE__*/_jsx(CheckboxInput, {
-              checked: deletePermanently,
-              id: "delete-forever",
-              label: t('general:deletePermanently'),
-              name: "delete-forever",
-              onToggle: e => setDeletePermanently(e.target.checked)
-            })
+          }), collectionConfig.trash && hasTrashPermission && hasDeletePermission && /*#__PURE__*/_jsx(CheckboxInput, {
+            checked: deletePermanently,
+            id: "delete-forever",
+            label: t('general:deletePermanently'),
+            name: "delete-forever",
+            onToggle: e => setDeletePermanently(e.target.checked)
           })]
         }),
         className: baseClass,