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

package/dist/elements/DatePicker/index.js

@@ -6,7 +6,7 @@ import { ShimmerEffect } from '../ShimmerEffect/index.js';
 const DatePicker = /*#__PURE__*/lazy(() => import('./DatePicker.js'));
 export const DatePickerField = props => /*#__PURE__*/_jsx(Suspense, {
   fallback: /*#__PURE__*/_jsx(ShimmerEffect, {
-    height: 50
+    height: "var(--field-min-height-large)"
   }),
   children: /*#__PURE__*/_jsx(DatePicker, {
     ...props

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","lazy","Suspense","ShimmerEffect","DatePicker","DatePickerField","props","_jsx","fallback","height"],"sources":["../../../src/elements/DatePicker/index.tsx"],"sourcesContent":["'use client'\nimport React, { lazy, Suspense } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\n\nconst DatePicker = lazy(() => import('./DatePicker.js'))\n\nexport const DatePickerField: React.FC<Props> = (props) => (\n  <Suspense fallback={<ShimmerEffect height={50} />}>\n    <DatePicker {...props} />\n  </Suspense>\n)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,IAAI,EAAEC,QAAQ,QAAQ;AAItC,SAASC,aAAa,QAAQ;AAE9B,MAAMC,UAAA,gBAAaH,IAAA,CAAK,MAAM,MAAM,CAAC;AAErC,OAAO,MAAMI,eAAA,GAAoCC,KAAA,iBAC/CC,IAAA,CAACL,QAAA;EAASM,QAAA,eAAUD,IAAA,CAACJ,aAAA;IAAcM,MAAA,EAAQ;;YACzC,aAAAF,IAAA,CAACH,UAAA;IAAY,GAAGE","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","lazy","Suspense","ShimmerEffect","DatePicker","DatePickerField","props","_jsx","fallback","height"],"sources":["../../../src/elements/DatePicker/index.tsx"],"sourcesContent":["'use client'\nimport React, { lazy, Suspense } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\n\nconst DatePicker = lazy(() => import('./DatePicker.js'))\n\nexport const DatePickerField: React.FC<Props> = (props) => (\n  <Suspense fallback={<ShimmerEffect height=\"var(--field-min-height-large)\" />}>\n    <DatePicker {...props} />\n  </Suspense>\n)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,IAAI,EAAEC,QAAQ,QAAQ;AAItC,SAASC,aAAa,QAAQ;AAE9B,MAAMC,UAAA,gBAAaH,IAAA,CAAK,MAAM,MAAM,CAAC;AAErC,OAAO,MAAMI,eAAA,GAAoCC,KAAA,iBAC/CC,IAAA,CAACL,QAAA;EAASM,QAAA,eAAUD,IAAA,CAACJ,aAAA;IAAcM,MAAA,EAAO;;YACxC,aAAAF,IAAA,CAACH,UAAA;IAAY,GAAGE","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+import type ReactDatePicker from 'react-datepicker';
+import React from 'react';
+import type { Props } from './types.js';
+export declare const useDatePickerKeyboard: ({ overrides }: Props) => {
+    calendarRef: React.RefObject<HTMLDivElement>;
+    datePickerRef: React.RefObject<ReactDatePicker.DatePicker>;
+    onBlur: React.FocusEventHandler<HTMLElement>;
+    onCalendarClose: () => void;
+    onCalendarKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
+    onCalendarOpen: () => void;
+    onChangeRaw: (event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, selectionMeta?: {
+        date: Date;
+        formattedDate: string;
+    }) => void;
+    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
+    onKeyDownCapture: React.KeyboardEventHandler<HTMLDivElement>;
+};
+//# sourceMappingURL=useDatePickerKeyboard.d.ts.map

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,23 @@
+@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);
+  }
+
+  .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,13 +3,13 @@
 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);
@@ -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":
           {
@@ -113,7 +115,7 @@ export const DefaultListViewTabs = t0 => {
     t4 = _jsxs("div", {
       className: baseClass,
       children: [_jsx(Button, {
-        buttonStyle: "tab",
+        buttonStyle: viewType === "list" ? "pill" : "ghost",
         className: t7.join(" "),
         disabled: viewType === "list",
         el: "button",
@@ -121,7 +123,7 @@ export const DefaultListViewTabs = t0 => {
         onClick: t8,
         children: `${t("general:all")} ${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 +131,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",

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":"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","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","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 {\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,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;QAC5C,MAAAC,YAAA,GAAqBD,WAAA;QAAA,MAEfT,aAAA,CACJ,cAAcN,gBAAA,CAAAc,IAAA,EAAuB,EAAAG,WAAA;UAAA,IAE/BA,WAAA,MAAiB;UAAAD;QAAA,EAEvB;MAAA;MAIJ,IAAAE,IAAA,GAAyB,gBAAgBlB,gBAAA,CAAAc,IAAA,WAAgC;MAAAK,IAAA,UACjEJ,WAAA;QAAA,KACD;UAAA;YACHG,IAAA,CAAAA,CAAA,CAAOA,gBAAgBlB,gBAAA,CAAAc,IAAA,iBAAsC;YAA7D,MAAAK,IAAA;UAAA;QAAA,KAEG;UAAA;YACHD,IAAA,CAAAA,CAAA,CAAOA,gBAAgBlB,gBAAA,CAAAc,IAAA,QAA6B;UAApD;MAAA;MAIJ,MAAAM,GAAA,GAAY9B,cAAA;QAAA+B,UAAA,EACEpB,MAAA,CAAAqB,MAAA,CAAAC,KAAA;QAAAL;MAAA,CAEd;MAEAX,MAAA,CAAAiB,IAAA,CAAYJ,GAAA;IAAA;IACdrB,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,MAAA,EAAAC,MAAA;EAA0B,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;EACzE,MAAAE,cAAA,GAAuB,GAAG1B,CAAA,CAAE,kBAAkByB,eAAA,EAAiB;EAAA,IAAAE,EAAA;EAAA,IAAAjC,CAAA,QAAAgC,cAAA,IAAAhC,CAAA,SAAAC,gBAAA,CAAA2B,MAAA,EAAAM,QAAA,IAAAlC,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;IAAA,IAAA+B,EAAA;IAAA,IAAAnC,CAAA,SAAAoC,MAAA,CAAAC,GAAA;MACNF,EAAA;MAAAnC,CAAA,OAAAmC,EAAA;IAAA;MAAAA,EAAA,GAAAnC,CAAA;IAAA;IAAzD,MAAAsC,WAAA,GAAoBN,cAAA,CAAAO,WAAA,CAA0B,EAAAC,OAAA,CAAWL,EAAA,EAAQ;IAMvB,MAAAM,EAAA,GAAArC,QAAA,KAAa,UAAU,GAAAP,SAAA,kBAA8B;IAAA,IAAA6C,EAAA;IAAA,IAAA1C,CAAA,SAAAyC,EAAA;MAA9EC,EAAA,IAAC,GAAA7C,SAAA,UAAsB,EAAE4C,EAAqD,EAAAE,MAAA,CAAA/B,OAC/E;MAAAZ,CAAA,OAAAyC,EAAA;MAAAzC,CAAA,OAAA0C,EAAA;IAAA;MAAAA,EAAA,GAAA1C,CAAA;IAAA;IAAA,IAAA4C,EAAA;IAAA,IAAA5C,CAAA,SAAA0B,gBAAA;MAKDkB,EAAA,GAAAA,CAAA,KAAMlB,gBAAA,CAAiB;MAAA1B,CAAA,OAAA0B,gBAAA;MAAA1B,CAAA,OAAA4C,EAAA;IAAA;MAAAA,EAAA,GAAA5C,CAAA;IAAA;IATpCiC,EAAA,GAAAY,KAAA,CAAC;MAAAC,SAAA,EAAAjD,SAAA;MAAAkD,QAAA,GACCC,IAAA,CAAApD,MAAA;QAAAqD,WAAA,EACe7C,QAAA,KAAa,SAAS,SAAS;QAAA0C,SAAA,EACjCJ,EACD,CAAAQ,IAAA,CACF;QAAAC,QAAA,EACE/C,QAAA,KAAa;QAAAgD,EAAA,EACpB;QAAAC,EAAA,EACCf,WAAA;QAAAgB,OAAA,EACKV,EAAuB;QAAAG,QAAA,EAE/B,GAAGzC,CAAA,CAAE,kBAAkByB,eAAA;MAAiB,C,GAG1CpB,kBAAA,IACCqC,IAAA,CAAApD,MAAA;QAAAqD,WAAA,EACe7C,QAAA,KAAa,cAAc,SAAS;QAAA0C,SAAA,EACtC,CACT,GAAAjD,SAAA,UAAsB,EACtBO,QAAA,KAAa,eAAe,GAAAP,SAAA,kBAA8B,EAAA8C,MAAA,CAAA/B,OAElD,EAAAsC,IAAA,CACF;QAAAC,QAAA,EACE/C,QAAA,KAAa;QAAAgD,EAAA,EACpB;QAAAC,EAAA,EACA;QAAAC,OAAA,EAAAA,CAAA,KACY5B,gBAAA,CAAiB;QAAAqB,QAAA,EAE/B,GAAGzC,CAAA,CAAE,iBAAiBhB,cAAA,CAAeW,gBAAA,EAAA2B,MAAA,EAAAM,QAAA,EAAoC7B,IAAA;MAAO,C,GAIpFI,cAAA,IACCuC,IAAA,CAAApD,MAAA;QAAAqD,WAAA,EACe7C,QAAA,KAAa,UAAU,SAAS;QAAA0C,SAAA,EAClC,CACT,GAAAjD,SAAA,UAAsB,EACtBO,QAAA,KAAa,WAAW,GAAAP,SAAA,kBAA8B,EAAA8C,MAAA,CAAA/B,OAE9C,EAAAsC,IAAA,CACF;QAAAC,QAAA,EACE/C,QAAA,KAAa;QAAAgD,EAAA,EACpB;QAAAC,EAAA,EACA;QAAAC,OAAA,EAAAA,CAAA,KACY5B,gBAAA,CAAiB;QAAAqB,QAAA,EAE/BzC,CAAA,CAAE;MAAA,C;;;;;;;;;;;;;;;SA9CT2B,E;CAmDJ","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,CA4L1C,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,7 +140,7 @@ 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, {
@@ -151,15 +165,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,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useModal","getTranslation","useRouter","formatAdminURL","React","Fragment","useCallback","useState","toast","CheckboxInput","useForm","useConfig","useDocumentInfo","useDocumentTitle","useRouteTransition","useTranslation","requests","shouldPermanentlyDelete","ConfirmationModal","PopupList","Translation","baseClass","DeleteDocument","props","id","buttonId","collectionSlug","onDelete","redirectAfterDelete","singularLabel","title","titleFromProps","config","routes","admin","adminRoute","api","getEntityConfig","collectionConfig","hasDeletePermission","hasTrashPermission","setModified","router","i18n","t","startRouteTransition","openModal","modalSlug","deletePermanently","setDeletePermanently","addDefaultError","error","handleDelete","permanentlyDelete","url","apiRoute","path","res","delete","headers","language","patch","body","JSON","stringify","deletedAt","Date","toISOString","json","status","success","label","message","push","errors","forEach","_err","_jsxs","_jsx","Button","onClick","elements","1","children","i18nKey","trash","variables","className","checked","name","onToggle","e","target","confirmingLabel","heading","onConfirm"],"sources":["../../../src/elements/DeleteDocument/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { Fragment, useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { useForm } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useDocumentTitle } from '../../providers/DocumentTitle/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { shouldPermanentlyDelete } from '../../utilities/shouldPermanentlyDelete.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport { Translation } from '../Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'delete-document'\n\nexport type Props = {\n  readonly buttonId?: string\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly id?: string\n  readonly onDelete?: DocumentDrawerContextType['onDelete']\n  readonly redirectAfterDelete?: boolean\n  readonly singularLabel: SanitizedCollectionConfig['labels']['singular']\n  readonly title?: string\n  readonly useAsTitle: SanitizedCollectionConfig['admin']['useAsTitle']\n}\n\nexport const DeleteDocument: React.FC<Props> = (props) => {\n  const {\n    id,\n    buttonId,\n    collectionSlug,\n    onDelete,\n    redirectAfterDelete = true,\n    singularLabel,\n    title: titleFromProps,\n  } = props\n\n  const {\n    config: {\n      routes: { admin: adminRoute, api },\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { hasDeletePermission, hasTrashPermission } = useDocumentInfo()\n  const { setModified } = useForm()\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const { title } = useDocumentTitle()\n  const { startRouteTransition } = useRouteTransition()\n  const { openModal } = useModal()\n\n  const modalSlug = `delete-${id}`\n\n  const [deletePermanently, setDeletePermanently] = useState(false)\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:deletingTitle', { title }))\n  }, [t, title])\n\n  const handleDelete = useCallback(async () => {\n    setModified(false)\n\n    const permanentlyDelete = shouldPermanentlyDelete({\n      deletePermanently,\n      hasDeletePermission,\n      hasTrashPermission,\n    })\n\n    try {\n      const url = formatAdminURL({\n        apiRoute: api,\n        path: `/${collectionSlug}/${id}`,\n      })\n      const res = permanentlyDelete\n        ? await requests.delete(url, {\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/json',\n            },\n          })\n        : await requests.patch(url, {\n            body: JSON.stringify({\n              deletedAt: new Date().toISOString(),\n            }),\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/json',\n            },\n          })\n\n      const json = await res.json()\n\n      if (res.status < 400) {\n        toast.success(\n          t(permanentlyDelete ? 'general:titleDeleted' : 'general:titleTrashed', {\n            label: getTranslation(singularLabel, i18n),\n            title,\n          }) || json.message,\n        )\n\n        if (redirectAfterDelete) {\n          return startRouteTransition(() =>\n            router.push(formatAdminURL({ adminRoute, path: `/collections/${collectionSlug}` })),\n          )\n        }\n\n        if (typeof onDelete === 'function') {\n          await onDelete({ id, collectionConfig })\n        }\n\n        return\n      }\n\n      if (json.errors) {\n        json.errors.forEach((error) => toast.error(error.message))\n      } else {\n        addDefaultError()\n      }\n\n      return\n    } catch (_err) {\n      return addDefaultError()\n    }\n  }, [\n    deletePermanently,\n    setModified,\n    hasDeletePermission,\n    hasTrashPermission,\n    api,\n    collectionSlug,\n    id,\n    t,\n    singularLabel,\n    addDefaultError,\n    i18n,\n    title,\n    router,\n    adminRoute,\n    redirectAfterDelete,\n    onDelete,\n    collectionConfig,\n    startRouteTransition,\n  ])\n\n  if (id) {\n    return (\n      <Fragment>\n        <PopupList.Button\n          id={buttonId}\n          onClick={() => {\n            openModal(modalSlug)\n          }}\n        >\n          {t('general:delete')}\n        </PopupList.Button>\n        <ConfirmationModal\n          body={\n            <Fragment>\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey={\n                  collectionConfig.trash && hasTrashPermission\n                    ? 'general:aboutToTrash'\n                    : 'general:aboutToDelete'\n                }\n                t={t}\n                variables={{\n                  label: getTranslation(singularLabel, i18n),\n                  title: titleFromProps || title || id,\n                }}\n              />\n              {collectionConfig.trash && hasTrashPermission && hasDeletePermission && (\n                <div className={`${baseClass}__checkbox`}>\n                  <CheckboxInput\n                    checked={deletePermanently}\n                    id=\"delete-forever\"\n                    label={t('general:deletePermanently')}\n                    name=\"delete-forever\"\n                    onToggle={(e) => setDeletePermanently(e.target.checked)}\n                  />\n                </div>\n              )}\n            </Fragment>\n          }\n          className={baseClass}\n          confirmingLabel={t('general:deleting')}\n          heading={t('general:confirmDeletion')}\n          modalSlug={modalSlug}\n          onConfirm={handleDelete}\n        />\n      </Fragment>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useModal","getTranslation","formatAdminURL","React","Fragment","useCallback","useState","toast","CheckboxInput","useForm","useConfig","useDocumentEvents","useDocumentInfo","useDocumentTitle","useRouter","useRouteTransition","useTranslation","requests","shouldPermanentlyDelete","ConfirmationModal","PopupList","Translation","baseClass","DeleteDocument","props","id","buttonId","collectionSlug","onDelete","redirectAfterDelete","singularLabel","title","titleFromProps","config","routes","admin","adminRoute","api","getEntityConfig","collectionConfig","hasDeletePermission","hasTrashPermission","setModified","router","i18n","t","startRouteTransition","openModal","reportUpdate","modalSlug","deletePermanently","setDeletePermanently","addDefaultError","error","handleDelete","permanentlyDelete","url","apiRoute","path","res","delete","headers","language","patch","body","JSON","stringify","deletedAt","Date","toISOString","json","status","success","label","message","deleteEvent","entitySlug","operation","updatedAt","push","errors","forEach","_err","_jsxs","_jsx","Button","onClick","elements","1","children","i18nKey","trash","variables","checked","name","onToggle","e","target","className","confirmingLabel","heading","onConfirm"],"sources":["../../../src/elements/DeleteDocument/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { Fragment, useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { useForm } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentEvents } from '../../providers/DocumentEvents/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useDocumentTitle } from '../../providers/DocumentTitle/index.js'\nimport { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { shouldPermanentlyDelete } from '../../utilities/shouldPermanentlyDelete.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport { Translation } from '../Translation/index.js'\n\nconst baseClass = 'delete-document'\n\nexport type Props = {\n  readonly buttonId?: string\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly id?: string\n  readonly onDelete?: DocumentDrawerContextType['onDelete']\n  readonly redirectAfterDelete?: boolean\n  readonly singularLabel: SanitizedCollectionConfig['labels']['singular']\n  readonly title?: string\n  readonly useAsTitle: SanitizedCollectionConfig['admin']['useAsTitle']\n}\n\nexport const DeleteDocument: React.FC<Props> = (props) => {\n  const {\n    id,\n    buttonId,\n    collectionSlug,\n    onDelete,\n    redirectAfterDelete = true,\n    singularLabel,\n    title: titleFromProps,\n  } = props\n\n  const {\n    config: {\n      routes: { admin: adminRoute, api },\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { hasDeletePermission, hasTrashPermission } = useDocumentInfo()\n  const { setModified } = useForm()\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const { title } = useDocumentTitle()\n  const { startRouteTransition } = useRouteTransition()\n  const { openModal } = useModal()\n  const { reportUpdate } = useDocumentEvents()\n\n  const modalSlug = `delete-${id}`\n\n  const [deletePermanently, setDeletePermanently] = useState(false)\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:deletingTitle', { title }))\n  }, [t, title])\n\n  const handleDelete = useCallback(async () => {\n    setModified(false)\n\n    const permanentlyDelete = shouldPermanentlyDelete({\n      deletePermanently,\n      hasDeletePermission,\n      hasTrashPermission,\n    })\n\n    try {\n      const url = formatAdminURL({\n        apiRoute: api,\n        path: `/${collectionSlug}/${id}`,\n      })\n      const res = permanentlyDelete\n        ? await requests.delete(url, {\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/json',\n            },\n          })\n        : await requests.patch(url, {\n            body: JSON.stringify({\n              deletedAt: new Date().toISOString(),\n            }),\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/json',\n            },\n          })\n\n      const json = await res.json()\n\n      if (res.status < 400) {\n        toast.success(\n          t(permanentlyDelete ? 'general:titleDeleted' : 'general:titleTrashed', {\n            label: getTranslation(singularLabel, i18n),\n            title,\n          }) || json.message,\n        )\n\n        // A trashed document also disappears from default queries, so both permanent\n        // deletes and trashing report as a `delete` event.\n        const deleteEvent = {\n          id,\n          entitySlug: collectionSlug,\n          operation: 'delete' as const,\n          updatedAt: new Date().toISOString(),\n        }\n\n        if (redirectAfterDelete) {\n          // Navigating away tears this surface down, so just notify other surfaces.\n          reportUpdate(deleteEvent)\n\n          return startRouteTransition(() =>\n            router.push(formatAdminURL({ adminRoute, path: `/collections/${collectionSlug}` })),\n          )\n        }\n\n        if (typeof onDelete === 'function') {\n          await onDelete({ id, collectionConfig })\n        }\n\n        reportUpdate(deleteEvent)\n\n        return\n      }\n\n      if (json.errors) {\n        json.errors.forEach((error) => toast.error(error.message))\n      } else {\n        addDefaultError()\n      }\n\n      return\n    } catch (_err) {\n      return addDefaultError()\n    }\n  }, [\n    deletePermanently,\n    setModified,\n    hasDeletePermission,\n    hasTrashPermission,\n    api,\n    collectionSlug,\n    id,\n    t,\n    singularLabel,\n    addDefaultError,\n    i18n,\n    title,\n    router,\n    adminRoute,\n    redirectAfterDelete,\n    onDelete,\n    collectionConfig,\n    startRouteTransition,\n    reportUpdate,\n  ])\n\n  if (id) {\n    return (\n      <Fragment>\n        <PopupList.Button\n          id={buttonId}\n          onClick={() => {\n            openModal(modalSlug)\n          }}\n        >\n          {t('general:delete')}\n        </PopupList.Button>\n        <ConfirmationModal\n          body={\n            <Fragment>\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey={\n                  collectionConfig.trash && hasTrashPermission\n                    ? 'general:aboutToTrash'\n                    : 'general:aboutToDelete'\n                }\n                t={t}\n                variables={{\n                  label: getTranslation(singularLabel, i18n),\n                  title: titleFromProps || title || id,\n                }}\n              />\n              {collectionConfig.trash && hasTrashPermission && hasDeletePermission && (\n                <CheckboxInput\n                  checked={deletePermanently}\n                  id=\"delete-forever\"\n                  label={t('general:deletePermanently')}\n                  name=\"delete-forever\"\n                  onToggle={(e) => setDeletePermanently(e.target.checked)}\n                />\n              )}\n            </Fragment>\n          }\n          className={baseClass}\n          confirmingLabel={t('general:deleting')}\n          heading={t('general:confirmDeletion')}\n          modalSlug={modalSlug}\n          onConfirm={handleDelete}\n        />\n      </Fragment>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}