@payloadcms/ui 4.0.0-internal.4804abd → 4.0.0-internal.4a6b4c3

package/dist/elements/LLMInstructionsCell/index.css

@@ -0,0 +1,11 @@
+@layer payload-default {
+  .llm-instructions-cell {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    max-inline-size: calc(var(--spacer-6) * 8);
+    min-inline-size: calc(var(--spacer-6) * 4);
+    overflow: hidden;
+    white-space: pre-line;
+  }
+}

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

@@ -0,0 +1,5 @@
+import type { DefaultServerCellComponentProps } from 'payload';
+import React from 'react';
+import './index.css';
+export declare const LLMInstructionsCell: ({ cellData, field, link, linkURL, }: DefaultServerCellComponentProps) => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/LLMInstructionsCell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAA;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,mBAAmB,wCAK7B,+BAA+B,sBAUjC,CAAA"}

package/dist/elements/LLMInstructionsCell/index.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component needs the client boundary for Link.
+import { Link } from '../../exports/client/index.js';
+import './index.css';
+export const LLMInstructionsCell = ({
+  cellData,
+  field,
+  link,
+  linkURL
+}) => {
+  const text = typeof cellData === 'string' ? cellData : cellData && field.type === 'richText' && typeof field.editor !== 'function' ? field.editor?.converters?.toMarkdown?.({
+    data: cellData
+  }) ?? '' : '';
+  const preview = /*#__PURE__*/_jsx("span", {
+    className: "llm-instructions-cell",
+    children: text
+  });
+  return link && linkURL ? /*#__PURE__*/_jsx(Link, {
+    href: linkURL,
+    children: preview
+  }) : preview;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","Link","LLMInstructionsCell","cellData","field","link","linkURL","text","type","editor","converters","toMarkdown","data","preview","_jsx","className","href"],"sources":["../../../src/elements/LLMInstructionsCell/index.tsx"],"sourcesContent":["import type { DefaultServerCellComponentProps } from 'payload'\n\nimport React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component needs the client boundary for Link.\nimport { Link } from '../../exports/client/index.js'\nimport './index.css'\n\nexport const LLMInstructionsCell = ({\n  cellData,\n  field,\n  link,\n  linkURL,\n}: DefaultServerCellComponentProps) => {\n  const text =\n    typeof cellData === 'string'\n      ? cellData\n      : cellData && field.type === 'richText' && typeof field.editor !== 'function'\n        ? (field.editor?.converters?.toMarkdown?.({ data: cellData }) ?? '')\n        : ''\n  const preview = <span className=\"llm-instructions-cell\">{text}</span>\n\n  return link && linkURL ? <Link href={linkURL}>{preview}</Link> : preview\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAElB;AACA,SAASC,IAAI,QAAQ;AACrB,OAAO;AAEP,OAAO,MAAMC,mBAAA,GAAsBA,CAAC;EAClCC,QAAQ;EACRC,KAAK;EACLC,IAAI;EACJC;AAAO,CACyB;EAChC,MAAMC,IAAA,GACJ,OAAOJ,QAAA,KAAa,WAChBA,QAAA,GACAA,QAAA,IAAYC,KAAA,CAAMI,IAAI,KAAK,cAAc,OAAOJ,KAAA,CAAMK,MAAM,KAAK,aAC9DL,KAAA,CAAMK,MAAM,EAAEC,UAAA,EAAYC,UAAA,GAAa;IAAEC,IAAA,EAAMT;EAAS,MAAM,KAC/D;EACR,MAAMU,OAAA,gBAAUC,IAAA,CAAC;IAAKC,SAAA,EAAU;cAAyBR;;EAEzD,OAAOF,IAAA,IAAQC,OAAA,gBAAUQ,IAAA,CAACb,IAAA;IAAKe,IAAA,EAAMV,OAAA;cAAUO;OAAkBA,OAAA;AACnE","ignoreList":[]}

package/dist/elements/LLMInstructionsDescription/index.css

@@ -0,0 +1,79 @@
+@layer payload-default {
+  .llm-instructions.tabs-field {
+    margin-block-start: var(--spacer-0);
+  }
+
+  .llm-instructions .tabs-field__tabs {
+    display: flex;
+    flex-wrap: wrap;
+    padding-inline: var(--gutter-h) calc(var(--gutter-h) + var(--spacer-5));
+
+    &::before,
+    &::after {
+      display: none;
+    }
+  }
+
+  .llm-instructions .tabs-field__tab-button {
+    flex-shrink: 1;
+    max-inline-size: 100%;
+    min-inline-size: 0;
+    font-size: var(--text-body-large-font-size);
+    line-height: var(--text-body-large-line-height);
+    text-align: start;
+    white-space: normal;
+
+    &[aria-selected='false'] {
+      color: var(--color-text);
+    }
+  }
+
+  .llm-instructions__description {
+    color: var(--color-text);
+    font-size: var(--text-body-medium-font-size);
+    line-height: var(--text-body-medium-line-height);
+    margin-block: var(--spacer-0) var(--spacer-3);
+  }
+
+  .llm-instructions__editor {
+    .rich-text-lexical__label-row {
+      display: none;
+    }
+
+    .editor {
+      --content-editable-padding-block-start: var(--spacer-4);
+      --content-editable-padding-inline-start: var(--spacer-5);
+    }
+
+    .ContentEditable__root {
+      min-block-size: calc(var(--spacer-6) * 8);
+    }
+
+    .LexicalEditorTheme {
+      --lexical-h2-font-size: var(--text-heading-medium-font-size);
+      --lexical-h2-line-height: var(--text-heading-medium-line-height);
+      --lexical-h3-font-size: var(--text-heading-small-font-size);
+      --lexical-h4-font-size: var(--text-heading-small-font-size);
+
+      font-size: var(--text-body-large-font-size);
+      line-height: var(--text-body-large-line-height);
+    }
+
+    .LexicalEditorTheme__h2,
+    .LexicalEditorTheme__h3,
+    .LexicalEditorTheme__h4 {
+      margin-block: var(--spacer-2-5);
+    }
+  }
+
+  .llm-instructions__editor--system .LexicalEditorTheme {
+    color: var(--color-text);
+  }
+
+  .llm-instructions__editor--system .editor-container .editor {
+    animation: none;
+    background-color: var(--color-bg-secondary);
+    color: var(--color-text);
+    border-radius: var(--radius-medium);
+  }
+}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import './index.css';
+export declare const LLMInstructionsDescription: ({ isSystem }: {
+    isSystem?: boolean;
+}) => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/LLMInstructionsDescription/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,0BAA0B,iBAA0B;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,sBAuBtF,CAAA"}

package/dist/elements/LLMInstructionsDescription/index.js

@@ -0,0 +1,40 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import './index.css';
+export const LLMInstructionsDescription = t0 => {
+  const $ = _c(5);
+  const {
+    isSystem: t1
+  } = t0;
+  const isSystem = t1 === undefined ? false : t1;
+  const {
+    data
+  } = useDocumentInfo();
+  const {
+    t
+  } = useTranslation();
+  const isGlobal = data?.entityType === "global";
+  let t2;
+  if ($[0] !== data?.title || $[1] !== isGlobal || $[2] !== isSystem || $[3] !== t) {
+    t2 = _jsx("p", {
+      className: "llm-instructions__description",
+      children: isSystem ? t(isGlobal ? "llmInstructions:globalSystemDescription" : "llmInstructions:collectionSystemDescription") : t(isGlobal ? "llmInstructions:globalDescription" : "llmInstructions:collectionDescription", {
+        label: data?.title || ""
+      })
+    });
+    $[0] = data?.title;
+    $[1] = isGlobal;
+    $[2] = isSystem;
+    $[3] = t;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useDocumentInfo","useTranslation","LLMInstructionsDescription","t0","$","isSystem","t1","undefined","data","t","isGlobal","entityType","t2","title","_jsx","className","children","label"],"sources":["../../../src/elements/LLMInstructionsDescription/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.css'\n\nexport const LLMInstructionsDescription = ({ isSystem = false }: { isSystem?: boolean }) => {\n  const { data } = useDocumentInfo()\n  const { t } = useTranslation()\n  const isGlobal = data?.entityType === 'global'\n\n  return (\n    <p className=\"llm-instructions__description\">\n      {isSystem\n        ? t(\n            isGlobal\n              ? 'llmInstructions:globalSystemDescription'\n              : 'llmInstructions:collectionSystemDescription',\n          )\n        : t(\n            isGlobal\n              ? 'llmInstructions:globalDescription'\n              : 'llmInstructions:collectionDescription',\n            {\n              label: data?.title || '',\n            },\n          )}\n    </p>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,OAAO,MAAMC,0BAAA,GAA6BC,EAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAAC;IAAAO,QAAA,EAAAC;EAAA,IAAAH,EAA4C;EAA1C,MAAAE,QAAA,GAAAA,EAAgB,KAAAE,SAAA,WAAhBF,EAAgB;EAC3D;IAAAG;EAAA,IAAiBR,eAAA;EACjB;IAAAS;EAAA,IAAcR,cAAA;EACd,MAAAS,QAAA,GAAiBF,IAAA,EAAAG,UAAA,KAAqB;EAAA,IAAAC,EAAA;EAAA,IAAAR,CAAA,QAAAI,IAAA,EAAAK,KAAA,IAAAT,CAAA,QAAAM,QAAA,IAAAN,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAK,CAAA;IAGpCG,EAAA,GAAAE,IAAA,CAAC;MAAAC,SAAA,EAAY;MAAAC,QAAA,EACVX,QAAA,GACGI,CAAA,CACEC,QAAA,GACI,4CACA,iDAEND,CAAA,CACEC,QAAA,GACI,sCACA;QAAAO,KAAA,EAEKT,IAAA,EAAAK,KAAA,IAAe;MAAA,CACxB;IAAA,C;;;;;;;;;SAbRD,E;CAiBJ","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const LLMInstructionsMenuItem: ({ collectionSlug }: {
+    collectionSlug?: string;
+}) => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/LLMInstructionsMenuItem/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,eAAO,MAAM,uBAAuB,uBAAwB;IAAE,cAAc,CAAC,EAAE,MAAM,CAAA;CAAE,sBAmBtF,CAAA"}

package/dist/elements/LLMInstructionsMenuItem/index.js

@@ -0,0 +1,46 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatAdminURL, instructionsCollectionSlug } from 'payload/shared';
+import React from 'react';
+import { useConfig } from '../../providers/Config/index.js';
+import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import * as PopupList from '../Popup/PopupButtonList/index.js';
+export const LLMInstructionsMenuItem = t0 => {
+  const $ = _c(4);
+  const {
+    collectionSlug
+  } = t0;
+  const {
+    config
+  } = useConfig();
+  const {
+    globalSlug
+  } = useDocumentInfo();
+  const {
+    t
+  } = useTranslation();
+  const id = collectionSlug ? `collection-${collectionSlug}` : `global-${globalSlug}`;
+  let t1;
+  if ($[0] !== config.routes.admin || $[1] !== id || $[2] !== t) {
+    t1 = _jsxs(React.Fragment, {
+      children: [_jsx(PopupList.Divider, {}), _jsx(PopupList.Button, {
+        href: formatAdminURL({
+          adminRoute: config.routes.admin,
+          path: `/collections/${instructionsCollectionSlug}/${encodeURIComponent(id)}`
+        }),
+        children: t("llmInstructions:editInstructions")
+      })]
+    });
+    $[0] = config.routes.admin;
+    $[1] = id;
+    $[2] = t;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","formatAdminURL","instructionsCollectionSlug","React","useConfig","useDocumentInfo","useTranslation","PopupList","LLMInstructionsMenuItem","t0","$","collectionSlug","config","globalSlug","t","id","t1","routes","admin","_jsxs","Fragment","children","_jsx","Divider","Button","href","adminRoute","path","encodeURIComponent"],"sources":["../../../src/elements/LLMInstructionsMenuItem/index.tsx"],"sourcesContent":["'use client'\n\nimport { formatAdminURL, instructionsCollectionSlug } from 'payload/shared'\nimport React from 'react'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport * as PopupList from '../Popup/PopupButtonList/index.js'\n\nexport const LLMInstructionsMenuItem = ({ collectionSlug }: { collectionSlug?: string }) => {\n  const { config } = useConfig()\n  const { globalSlug } = useDocumentInfo()\n  const { t } = useTranslation()\n  const id = collectionSlug ? `collection-${collectionSlug}` : `global-${globalSlug}`\n\n  return (\n    <React.Fragment>\n      <PopupList.Divider />\n      <PopupList.Button\n        href={formatAdminURL({\n          adminRoute: config.routes.admin,\n          path: `/collections/${instructionsCollectionSlug}/${encodeURIComponent(id)}`,\n        })}\n      >\n        {t('llmInstructions:editInstructions')}\n      </PopupList.Button>\n    </React.Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,cAAc,EAAEC,0BAA0B,QAAQ;AAC3D,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,YAAYC,SAAA,MAAe;AAE3B,OAAO,MAAMC,uBAAA,GAA0BC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW;EAAA,IAAAF,EAA+C;EACrF;IAAAG;EAAA,IAAmBR,SAAA;EACnB;IAAAS;EAAA,IAAuBR,eAAA;EACvB;IAAAS;EAAA,IAAcR,cAAA;EACd,MAAAS,EAAA,GAAWJ,cAAA,GAAiB,cAAcA,cAAA,EAAgB,GAAG,UAAUE,UAAA,EAAY;EAAA,IAAAG,EAAA;EAAA,IAAAN,CAAA,QAAAE,MAAA,CAAAK,MAAA,CAAAC,KAAA,IAAAR,CAAA,QAAAK,EAAA,IAAAL,CAAA,QAAAI,CAAA;IAGjFE,EAAA,GAAAG,KAAA,CAAAhB,KAAA,CAAAiB,QAAA;MAAAC,QAAA,GACEC,IAAA,CAAAf,SAAA,CAAAgB,OAAA,IAAkB,GAClBD,IAAA,CAAAf,SAAA,CAAAiB,MAAA;QAAAC,IAAA,EACQxB,cAAA;UAAAyB,UAAA,EACQd,MAAA,CAAAK,MAAA,CAAAC,KAAA;UAAAS,IAAA,EACN,gBAAAzB,0BAAA,IAA8C0B,kBAAA,CAAmBb,EAAA;QAAK,CAC9E;QAAAM,QAAA,EAECP,CAAA,CAAE;MAAA,C;;;;;;;;;SARPE,E;CAYJ","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export type DocumentLayout = 'grid' | 'table';
+export type LayoutToggleProps = {
+    layout: DocumentLayout;
+    onChange: (layout: DocumentLayout) => void;
+};
+export declare const LayoutToggle: React.FC<LayoutToggleProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/LayoutToggle/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,CAAA;AAC7C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,cAAc,CAAA;IACtB,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqBpD,CAAA"}

package/dist/elements/LayoutToggle/index.js

@@ -0,0 +1,56 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { GridViewIcon } from '../../icons/GridView/index.js';
+import { TableIcon } from '../../icons/Table/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { SegmentedControl } from '../SegmentedControl/index.js';
+export const LayoutToggle = t0 => {
+  const $ = _c(6);
+  const {
+    layout,
+    onChange
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== layout || $[1] !== onChange || $[2] !== t) {
+    let t2;
+    if ($[4] !== onChange) {
+      t2 = value => onChange(value);
+      $[4] = onChange;
+      $[5] = t2;
+    } else {
+      t2 = $[5];
+    }
+    t1 = _jsxs(SegmentedControl.Root, {
+      legend: t("general:layout"),
+      onChange: t2,
+      value: layout,
+      children: [_jsx(SegmentedControl.Option, {
+        "aria-label": t("general:tableLayout"),
+        icon: _jsx(TableIcon, {
+          size: 24
+        }),
+        value: "table"
+      }), _jsx(SegmentedControl.Option, {
+        "aria-label": t("general:gridLayout"),
+        icon: _jsx(GridViewIcon, {
+          size: 24
+        }),
+        value: "grid"
+      })]
+    });
+    $[0] = layout;
+    $[1] = onChange;
+    $[2] = t;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","GridViewIcon","TableIcon","useTranslation","SegmentedControl","LayoutToggle","t0","$","layout","onChange","t","t1","t2","value","_jsxs","Root","legend","children","_jsx","Option","icon","size"],"sources":["../../../src/elements/LayoutToggle/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { GridViewIcon } from '../../icons/GridView/index.js'\nimport { TableIcon } from '../../icons/Table/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { SegmentedControl } from '../SegmentedControl/index.js'\n\nexport type DocumentLayout = 'grid' | 'table'\nexport type LayoutToggleProps = {\n  layout: DocumentLayout\n  onChange: (layout: DocumentLayout) => void\n}\n\nexport const LayoutToggle: React.FC<LayoutToggleProps> = ({ layout, onChange }) => {\n  const { t } = useTranslation()\n\n  return (\n    <SegmentedControl.Root\n      legend={t('general:layout')}\n      onChange={(value) => onChange(value as DocumentLayout)}\n      value={layout}\n    >\n      <SegmentedControl.Option\n        aria-label={t('general:tableLayout')}\n        icon={<TableIcon size={24} />}\n        value=\"table\"\n      />\n      <SegmentedControl.Option\n        aria-label={t('general:gridLayout')}\n        icon={<GridViewIcon size={24} />}\n        value=\"grid\"\n      />\n    </SegmentedControl.Root>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAC7B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ;AAQjC,OAAO,MAAMC,YAAA,GAA4CC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,MAAA;IAAAC;EAAA,IAAAH,EAAoB;EAC5E;IAAAI;EAAA,IAAcP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAJ,CAAA,QAAAC,MAAA,IAAAD,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAG,CAAA;IAAA,IAAAE,EAAA;IAAA,IAAAL,CAAA,QAAAE,QAAA;MAKAG,EAAA,GAAAC,KAAA,IAAWJ,QAAA,CAASI,KAAA;MAAAN,CAAA,MAAAE,QAAA;MAAAF,CAAA,MAAAK,EAAA;IAAA;MAAAA,EAAA,GAAAL,CAAA;IAAA;IAFhCI,EAAA,GAAAG,KAAA,CAAAV,gBAAA,CAAAW,IAAA;MAAAC,MAAA,EACUN,CAAA,CAAE;MAAAD,QAAA,EACAG,EAAoB;MAAAC,KAAA,EACvBL,MAAA;MAAAS,QAAA,GAEPC,IAAA,CAAAd,gBAAA,CAAAe,MAAA;QAAA,cACcT,CAAA,CAAE;QAAAU,IAAA,EACRF,IAAA,CAAAhB,SAAA;UAAAmB,IAAA;QAAA,C;eACA;MAAA,C,GAERH,IAAA,CAAAd,gBAAA,CAAAe,MAAA;QAAA,cACcT,CAAA,CAAE;QAAAU,IAAA,EACRF,IAAA,CAAAjB,YAAA;UAAAoB,IAAA;QAAA,C;eACA;MAAA,C;;;;;;;;;SAbVV,E;CAiBJ","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/LeaveWithoutSaving/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AAS7D,KAAK,uBAAuB,GAAG;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IACtC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAA;CAC9C,CAAA;AAID,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAgDhE,CAAA;AAED,eAAO,MAAM,uBAAuB,GAAI,qCAIrC;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CACtC,sBAcA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/LeaveWithoutSaving/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AAS7D,KAAK,uBAAuB,GAAG;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IACtC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAA;CAC9C,CAAA;AAID,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAgDhE,CAAA;AAED,eAAO,MAAM,uBAAuB,wCAIjC;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CACtC,sBAcA,CAAA"}

package/dist/elements/LeaveWithoutSaving/usePreventLeave.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePreventLeave.d.ts","sourceRoot":"","sources":["../../../src/elements/LeaveWithoutSaving/usePreventLeave.tsx"],"names":[],"mappings":"AA4BA,eAAO,MAAM,eAAe,GAAI,UAAS,CAAC,MAAM,OAAO,CAAC,GAAG,OAAc,EAAE,UAAU,MAAM,SA6B1F,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,yDAM7B;IACD,WAAW,EAAE,OAAO,CAAA;IAEpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAErB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,OAAO,EAAE,OAAO,CAAA;CACjB,SA8FA,CAAA"}
+{"version":3,"file":"usePreventLeave.d.ts","sourceRoot":"","sources":["../../../src/elements/LeaveWithoutSaving/usePreventLeave.tsx"],"names":[],"mappings":"AA4BA,eAAO,MAAM,eAAe,aAAa,CAAC,MAAM,OAAO,CAAC,GAAG,OAAO,YAAmB,MAAM,SA6B1F,CAAA;AAED,eAAO,MAAM,eAAe,4DAMzB;IACD,WAAW,EAAE,OAAO,CAAA;IAEpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAErB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,OAAO,EAAE,OAAO,CAAA;CACjB,SA8FA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Link/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAA;AAkBzB,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,GAAG,gBAAgB,CAAA;AAE7D,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqDhC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Link/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAA;AAkBzB,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,GAAG,gBAAgB,CAAA;AAE7D,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyDhC,CAAA"}

package/dist/elements/Link/index.js

@@ -33,6 +33,9 @@ export const Link = ({
       if (onClick) {
         onClick(e);
       }
+      if (e.defaultPrevented) {
+        return;
+      }
       if (preventDefault) {
         e.preventDefault();
       }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PayloadLink","useRouter","useRouteTransition","isModifiedEvent","event","eventTarget","currentTarget","target","getAttribute","metaKey","ctrlKey","shiftKey","altKey","nativeEvent","which","Link","children","forceReload","href","onClick","preventDefault","ref","replace","scroll","rest","router","startRouteTransition","_jsx","e","url","window","location","navigate","push"],"sources":["../../../src/elements/Link/index.tsx"],"sourcesContent":["'use client'\nimport type { LinkAdapterProps } from 'payload'\n\nimport React from 'react'\n\nimport { PayloadLink, useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\n\nfunction isModifiedEvent(event: React.MouseEvent): boolean {\n  const eventTarget = event.currentTarget as HTMLAnchorElement | SVGAElement\n  const target = eventTarget.getAttribute('target')\n  return (\n    (target && target !== '_self') ||\n    event.metaKey ||\n    event.ctrlKey ||\n    event.shiftKey ||\n    event.altKey ||\n    (event.nativeEvent && event.nativeEvent.which === 2)\n  )\n}\n\ntype Props = {\n  /**\n   * Force a hard navigation using window.location instead of client-side routing\n   */\n  forceReload?: boolean\n  /**\n   * Disable the e.preventDefault() call on click if you want to handle it yourself via onClick\n   *\n   * @default true\n   */\n  preventDefault?: boolean\n} & { ref?: React.Ref<HTMLAnchorElement> } & LinkAdapterProps\n\nexport const Link: React.FC<Props> = ({\n  children,\n  forceReload = false,\n  href,\n  onClick,\n  preventDefault = true,\n  ref,\n  replace,\n  scroll,\n  ...rest\n}) => {\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n\n  return (\n    <PayloadLink\n      href={href}\n      onClick={(e) => {\n        if (isModifiedEvent(e)) {\n          return\n        }\n\n        if (onClick) {\n          onClick(e)\n        }\n\n        if (preventDefault) {\n          e.preventDefault()\n        }\n\n        const url = href\n\n        if (forceReload) {\n          window.location.href = url\n          return\n        }\n\n        const navigate = () => {\n          if (replace) {\n            void router.replace(url, { scroll })\n          } else {\n            void router.push(url, { scroll })\n          }\n        }\n\n        startRouteTransition(navigate)\n      }}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </PayloadLink>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,SAASC,WAAW,EAAEC,SAAS,QAAQ;AACvC,SAASC,kBAAkB,QAAQ;AAEnC,SAASC,gBAAgBC,KAAuB;EAC9C,MAAMC,WAAA,GAAcD,KAAA,CAAME,aAAa;EACvC,MAAMC,MAAA,GAASF,WAAA,CAAYG,YAAY,CAAC;EACxC,OACED,MAAC,IAAUA,MAAA,KAAW,WACtBH,KAAA,CAAMK,OAAO,IACbL,KAAA,CAAMM,OAAO,IACbN,KAAA,CAAMO,QAAQ,IACdP,KAAA,CAAMQ,MAAM,IACXR,KAAA,CAAMS,WAAW,IAAIT,KAAA,CAAMS,WAAW,CAACC,KAAK,KAAK;AAEtD;AAeA,OAAO,MAAMC,IAAA,GAAwBA,CAAC;EACpCC,QAAQ;EACRC,WAAA,GAAc,KAAK;EACnBC,IAAI;EACJC,OAAO;EACPC,cAAA,GAAiB,IAAI;EACrBC,GAAG;EACHC,OAAO;EACPC,MAAM;EACN,GAAGC;AAAA,CACJ;EACC,MAAMC,MAAA,GAASxB,SAAA;EACf,MAAM;IAAEyB;EAAoB,CAAE,GAAGxB,kBAAA;EAEjC,oBACEyB,IAAA,CAAC3B,WAAA;IACCkB,IAAA,EAAMA,IAAA;IACNC,OAAA,EAAUS,CAAA;MACR,IAAIzB,eAAA,CAAgByB,CAAA,GAAI;QACtB;MACF;MAEA,IAAIT,OAAA,EAAS;QACXA,OAAA,CAAQS,CAAA;MACV;MAEA,IAAIR,cAAA,EAAgB;QAClBQ,CAAA,CAAER,cAAc;MAClB;MAEA,MAAMS,GAAA,GAAMX,IAAA;MAEZ,IAAID,WAAA,EAAa;QACfa,MAAA,CAAOC,QAAQ,CAACb,IAAI,GAAGW,GAAA;QACvB;MACF;MAEA,MAAMG,QAAA,GAAWA,CAAA;QACf,IAAIV,OAAA,EAAS;UACX,KAAKG,MAAA,CAAOH,OAAO,CAACO,GAAA,EAAK;YAAEN;UAAO;QACpC,OAAO;UACL,KAAKE,MAAA,CAAOQ,IAAI,CAACJ,GAAA,EAAK;YAAEN;UAAO;QACjC;MACF;MAEAG,oBAAA,CAAqBM,QAAA;IACvB;IACAX,GAAA,EAAKA,GAAA;IACJ,GAAGG,IAAI;cAEPR;;AAGP","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PayloadLink","useRouter","useRouteTransition","isModifiedEvent","event","eventTarget","currentTarget","target","getAttribute","metaKey","ctrlKey","shiftKey","altKey","nativeEvent","which","Link","children","forceReload","href","onClick","preventDefault","ref","replace","scroll","rest","router","startRouteTransition","_jsx","e","defaultPrevented","url","window","location","navigate","push"],"sources":["../../../src/elements/Link/index.tsx"],"sourcesContent":["'use client'\nimport type { LinkAdapterProps } from 'payload'\n\nimport React from 'react'\n\nimport { PayloadLink, useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\n\nfunction isModifiedEvent(event: React.MouseEvent): boolean {\n  const eventTarget = event.currentTarget as HTMLAnchorElement | SVGAElement\n  const target = eventTarget.getAttribute('target')\n  return (\n    (target && target !== '_self') ||\n    event.metaKey ||\n    event.ctrlKey ||\n    event.shiftKey ||\n    event.altKey ||\n    (event.nativeEvent && event.nativeEvent.which === 2)\n  )\n}\n\ntype Props = {\n  /**\n   * Force a hard navigation using window.location instead of client-side routing\n   */\n  forceReload?: boolean\n  /**\n   * Disable the e.preventDefault() call on click if you want to handle it yourself via onClick\n   *\n   * @default true\n   */\n  preventDefault?: boolean\n} & { ref?: React.Ref<HTMLAnchorElement> } & LinkAdapterProps\n\nexport const Link: React.FC<Props> = ({\n  children,\n  forceReload = false,\n  href,\n  onClick,\n  preventDefault = true,\n  ref,\n  replace,\n  scroll,\n  ...rest\n}) => {\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n\n  return (\n    <PayloadLink\n      href={href}\n      onClick={(e) => {\n        if (isModifiedEvent(e)) {\n          return\n        }\n\n        if (onClick) {\n          onClick(e)\n        }\n\n        if (e.defaultPrevented) {\n          return\n        }\n\n        if (preventDefault) {\n          e.preventDefault()\n        }\n\n        const url = href\n\n        if (forceReload) {\n          window.location.href = url\n          return\n        }\n\n        const navigate = () => {\n          if (replace) {\n            void router.replace(url, { scroll })\n          } else {\n            void router.push(url, { scroll })\n          }\n        }\n\n        startRouteTransition(navigate)\n      }}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </PayloadLink>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,SAASC,WAAW,EAAEC,SAAS,QAAQ;AACvC,SAASC,kBAAkB,QAAQ;AAEnC,SAASC,gBAAgBC,KAAuB;EAC9C,MAAMC,WAAA,GAAcD,KAAA,CAAME,aAAa;EACvC,MAAMC,MAAA,GAASF,WAAA,CAAYG,YAAY,CAAC;EACxC,OACED,MAAC,IAAUA,MAAA,KAAW,WACtBH,KAAA,CAAMK,OAAO,IACbL,KAAA,CAAMM,OAAO,IACbN,KAAA,CAAMO,QAAQ,IACdP,KAAA,CAAMQ,MAAM,IACXR,KAAA,CAAMS,WAAW,IAAIT,KAAA,CAAMS,WAAW,CAACC,KAAK,KAAK;AAEtD;AAeA,OAAO,MAAMC,IAAA,GAAwBA,CAAC;EACpCC,QAAQ;EACRC,WAAA,GAAc,KAAK;EACnBC,IAAI;EACJC,OAAO;EACPC,cAAA,GAAiB,IAAI;EACrBC,GAAG;EACHC,OAAO;EACPC,MAAM;EACN,GAAGC;AAAA,CACJ;EACC,MAAMC,MAAA,GAASxB,SAAA;EACf,MAAM;IAAEyB;EAAoB,CAAE,GAAGxB,kBAAA;EAEjC,oBACEyB,IAAA,CAAC3B,WAAA;IACCkB,IAAA,EAAMA,IAAA;IACNC,OAAA,EAAUS,CAAA;MACR,IAAIzB,eAAA,CAAgByB,CAAA,GAAI;QACtB;MACF;MAEA,IAAIT,OAAA,EAAS;QACXA,OAAA,CAAQS,CAAA;MACV;MAEA,IAAIA,CAAA,CAAEC,gBAAgB,EAAE;QACtB;MACF;MAEA,IAAIT,cAAA,EAAgB;QAClBQ,CAAA,CAAER,cAAc;MAClB;MAEA,MAAMU,GAAA,GAAMZ,IAAA;MAEZ,IAAID,WAAA,EAAa;QACfc,MAAA,CAAOC,QAAQ,CAACd,IAAI,GAAGY,GAAA;QACvB;MACF;MAEA,MAAMG,QAAA,GAAWA,CAAA;QACf,IAAIX,OAAA,EAAS;UACX,KAAKG,MAAA,CAAOH,OAAO,CAACQ,GAAA,EAAK;YAAEP;UAAO;QACpC,OAAO;UACL,KAAKE,MAAA,CAAOS,IAAI,CAACJ,GAAA,EAAK;YAAEP;UAAO;QACjC;MACF;MAEAG,oBAAA,CAAqBO,QAAA;IACvB;IACAZ,GAAA,EAAKA,GAAA;IACJ,GAAGG,IAAI;cAEPR;;AAGP","ignoreList":[]}

package/dist/elements/ListControls/index.css

@@ -39,6 +39,7 @@
     flex-shrink: 0;
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .list-controls__search-row {
       flex-wrap: wrap;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgD,MAAM,OAAO,CAAA;AAEpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAanD,OAAO,aAAa,CAAA;AAIpB;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0JpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgD,MAAM,OAAO,CAAA;AAEpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAcnD,OAAO,aAAa,CAAA;AAIpB;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsKpD,CAAA"}

package/dist/elements/ListControls/index.js

@@ -12,6 +12,7 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { Button } from '../Button/index.js';
 import { ListColumnSelectionButton } from '../ListColumnSelectionButton/index.js';
 import { ListGroupByButton } from '../ListGroupByButton/index.js';
+import { ListEmptyTrashButton } from '../ListHeader/TitleActions/index.js';
 import { ListWhereBuilder } from '../ListWhereBuilder/index.js';
 import { QueryPresetBar } from '../QueryPresets/QueryPresetBar/index.js';
 import { ListSearchFilter } from '../Search/ListSearchFilter/index.js';
@@ -33,14 +34,17 @@ export const ListControls = props => {
     enableFilters: t1,
     enableSort: t2,
     hasCreatePermission,
+    hasDeletePermission,
     isWhereOpen: isWhereOpenFromProps,
+    layoutToggle,
     listMenuItems,
     newDocumentURL,
     onWhereToggle,
     queryPreset: activePreset,
     queryPresetPermissions,
     renderedFilters,
-    resolvedFilterOptions
+    resolvedFilterOptions,
+    viewType
   } = props;
   const enableColumns = t0 === undefined ? true : t0;
   const enableFilters = t1 === undefined ? true : t1;
@@ -49,7 +53,8 @@ export const ListControls = props => {
   const {
     handleSearchChange,
     hasActiveFilters,
-    query
+    query,
+    setSearchInput
   } = useListQuery();
   const {
     t
@@ -112,6 +117,7 @@ export const ListControls = props => {
         children: [_jsx(ListSearchFilter, {
           label: searchLabelTranslated,
           onSearchChange: handleSearchChange,
+          onSearchInputChange: setSearchInput,
           searchQueryParam: query?.search
         }, collectionSlug), collectionConfig?.enableQueryPresets && !disableQueryPresets && _jsx(QueryPresetBar, {
           activePreset,
@@ -127,7 +133,7 @@ export const ListControls = props => {
           className: `${baseClass}__toggle-where`,
           extraButtonProps: {
             "aria-controls": `${baseClass}-where`,
-            "aria-expanded": visibleDrawer === "where"
+            "aria-expanded": isWhereOpen
           },
           icon: _jsx(ChevronIcon, {
             direction: isWhereOpen ? "up" : "down",
@@ -157,7 +163,7 @@ export const ListControls = props => {
           onClick: () => setVisibleDrawer(visibleDrawer !== "sort" ? "sort" : undefined),
           size: "medium",
           children: t("general:sort")
-        }), hasCreatePermission && newDocumentURL && _jsx(Button, {
+        }), layoutToggle, hasCreatePermission && newDocumentURL && _jsx(Button, {
           buttonStyle: "primary",
           className: `${baseClass}__create-new`,
           el: "link",
@@ -165,6 +171,9 @@ export const ListControls = props => {
           size: "medium",
           to: newDocumentURL,
           children: t("general:createNew")
+        }), hasDeletePermission && collectionConfig.trash && viewType === "trash" && _jsx(ListEmptyTrashButton, {
+          collectionConfig,
+          hasDeletePermission
         }), listMenuItems && Array.isArray(listMenuItems) && listMenuItems.length > 0 && _jsx(Popup, {
           button: _jsx(Dots, {
             ariaLabel: t("general:moreOptions")
@@ -172,6 +181,7 @@ export const ListControls = props => {
           className: `${baseClass}__popup`,
           horizontalAlign: "right",
           id: "list-menu",
+          popupType: "menu",
           verticalAlign: "bottom",
           children: _jsx(PopupList.ButtonGroup, {
             children: listMenuItems.map(_temp)

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useWindowInfo","React","Fragment","useEffect","useRef","useState","Popup","PopupList","ChevronIcon","Dots","useListQuery","useTranslation","Button","ListColumnSelectionButton","ListGroupByButton","ListWhereBuilder","QueryPresetBar","ListSearchFilter","baseClass","ListControls","props","$","beforeActions","collectionConfig","collectionSlug","disableQueryPresets","enableColumns","t0","enableFilters","t1","enableSort","t2","hasCreatePermission","isWhereOpen","isWhereOpenFromProps","listMenuItems","newDocumentURL","onWhereToggle","queryPreset","activePreset","queryPresetPermissions","renderedFilters","resolvedFilterOptions","undefined","isControlled","handleSearchChange","hasActiveFilters","query","t","breakpoints","t3","s","smallBreak","searchLabelTranslated","label","split","hasWhereParam","Boolean","where","visibleDrawer","setVisibleDrawer","t4","current","t5","t6","t7","handleWhereToggle","_jsxs","className","children","_jsx","onSearchChange","searchQueryParam","search","enableQueryPresets","buttonStyle","extraButtonProps","icon","direction","size","onClick","selected","slug","fields","el","id","to","Array","isArray","length","button","ariaLabel","horizontalAlign","verticalAlign","ButtonGroup","map","_temp","collectionPluralLabel","labels","plural","onEmptyRemove","item","i"],"sources":["../../../src/elements/ListControls/index.tsx"],"sourcesContent":["'use client'\n\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport React, { Fragment, useEffect, useRef, useState } from 'react'\n\nimport type { ListControlsProps } from './types.js'\n\nimport { Popup, PopupList } from '../../elements/Popup/index.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { Dots } from '../../icons/Dots/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { ListColumnSelectionButton } from '../ListColumnSelectionButton/index.js'\nimport { ListGroupByButton } from '../ListGroupByButton/index.js'\nimport { ListWhereBuilder } from '../ListWhereBuilder/index.js'\nimport { QueryPresetBar } from '../QueryPresets/QueryPresetBar/index.js'\nimport { ListSearchFilter } from '../Search/ListSearchFilter/index.js'\nimport './index.css'\n\nconst baseClass = 'list-controls'\n\n/**\n * The ListControls component is used to render the controls (search, filter, where)\n * for a collection's list view. You can find those directly above the table which lists\n * the collection's documents.\n */\nexport const ListControls: React.FC<ListControlsProps> = (props) => {\n  const {\n    beforeActions,\n    collectionConfig,\n    collectionSlug,\n    disableQueryPresets,\n    enableColumns = true,\n    enableFilters = true,\n    enableSort = false,\n    hasCreatePermission,\n    isWhereOpen: isWhereOpenFromProps,\n    listMenuItems,\n    newDocumentURL,\n    onWhereToggle,\n    queryPreset: activePreset,\n    queryPresetPermissions,\n    renderedFilters,\n    resolvedFilterOptions,\n  } = props\n\n  const isControlled = typeof onWhereToggle === 'function'\n\n  const { handleSearchChange, hasActiveFilters, query } = useListQuery()\n\n  const { t } = useTranslation()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  // Simplified placeholder - just \"Search\" instead of \"Search by X, Y, Z\"\n  const searchLabelTranslated = t('general:searchBy', { label: '' }).split(' ')[0]\n\n  const hasWhereParam = useRef(Boolean(query?.where))\n\n  const [visibleDrawer, setVisibleDrawer] = useState<'columns' | 'sort' | 'where'>(\n    hasActiveFilters ? 'where' : undefined,\n  )\n\n  useEffect(() => {\n    if (hasWhereParam.current && !query?.where) {\n      hasWhereParam.current = false\n    } else if (query?.where) {\n      hasWhereParam.current = true\n    }\n  }, [setVisibleDrawer, query?.where])\n\n  const isWhereOpen = isControlled ? Boolean(isWhereOpenFromProps) : visibleDrawer === 'where'\n  const handleWhereToggle = isControlled\n    ? onWhereToggle\n    : () => setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined)\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__search-row`}>\n        <div className={`${baseClass}__left`}>\n          <ListSearchFilter\n            key={collectionSlug}\n            label={searchLabelTranslated}\n            onSearchChange={handleSearchChange}\n            searchQueryParam={query?.search}\n          />\n          {collectionConfig?.enableQueryPresets && !disableQueryPresets && (\n            <QueryPresetBar\n              activePreset={activePreset}\n              collectionSlug={collectionSlug}\n              queryPresetPermissions={queryPresetPermissions}\n            />\n          )}\n        </div>\n        <div className={`${baseClass}__spacer`} />\n        <div className={`${baseClass}__actions`}>\n          {!smallBreak && beforeActions}\n          {enableFilters && (\n            <Button\n              buttonStyle=\"secondary\"\n              className={`${baseClass}__toggle-where`}\n              extraButtonProps={{\n                'aria-controls': `${baseClass}-where`,\n                'aria-expanded': visibleDrawer === 'where',\n              }}\n              icon={<ChevronIcon direction={isWhereOpen ? 'up' : 'down'} size={16} />}\n              id=\"toggle-list-filters\"\n              onClick={handleWhereToggle}\n              selected={isWhereOpen || hasActiveFilters}\n              size=\"medium\"\n            >\n              {t('general:filters')}\n            </Button>\n          )}\n          <ListGroupByButton\n            collectionSlug={collectionConfig.slug}\n            fields={collectionConfig.fields}\n          />\n          {enableColumns && <ListColumnSelectionButton collectionSlug={collectionConfig.slug} />}\n          {enableSort && (\n            <Button\n              buttonStyle=\"secondary\"\n              className={`${baseClass}__toggle-sort`}\n              extraButtonProps={{\n                'aria-controls': `${baseClass}-sort`,\n                'aria-expanded': visibleDrawer === 'sort',\n              }}\n              icon={<ChevronIcon size={16} />}\n              id=\"toggle-list-sort\"\n              onClick={() => setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined)}\n              size=\"medium\"\n            >\n              {t('general:sort')}\n            </Button>\n          )}\n          {hasCreatePermission && newDocumentURL && (\n            <Button\n              buttonStyle=\"primary\"\n              className={`${baseClass}__create-new`}\n              el=\"link\"\n              id=\"create-new-doc\"\n              size=\"medium\"\n              to={newDocumentURL}\n            >\n              {t('general:createNew')}\n            </Button>\n          )}\n          {listMenuItems && Array.isArray(listMenuItems) && listMenuItems.length > 0 && (\n            <Popup\n              button={<Dots ariaLabel={t('general:moreOptions')} />}\n              className={`${baseClass}__popup`}\n              horizontalAlign=\"right\"\n              id=\"list-menu\"\n              verticalAlign=\"bottom\"\n            >\n              <PopupList.ButtonGroup>\n                {listMenuItems.map((item, i) => (\n                  <Fragment key={`list-menu-item-${i}`}>{item}</Fragment>\n                ))}\n              </PopupList.ButtonGroup>\n            </Popup>\n          )}\n        </div>\n      </div>\n      {!isControlled && isWhereOpen && (\n        <div className={`${baseClass}__where`} id={`${baseClass}-where`}>\n          <ListWhereBuilder\n            collectionPluralLabel={collectionConfig?.labels?.plural}\n            collectionSlug={collectionConfig.slug}\n            fields={collectionConfig?.fields}\n            onEmptyRemove={() => setVisibleDrawer(undefined)}\n            renderedFilters={renderedFilters}\n            resolvedFilterOptions={resolvedFilterOptions}\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useWindowInfo","React","Fragment","useEffect","useRef","useState","Popup","PopupList","ChevronIcon","Dots","useListQuery","useTranslation","Button","ListColumnSelectionButton","ListGroupByButton","ListEmptyTrashButton","ListWhereBuilder","QueryPresetBar","ListSearchFilter","baseClass","ListControls","props","$","beforeActions","collectionConfig","collectionSlug","disableQueryPresets","enableColumns","t0","enableFilters","t1","enableSort","t2","hasCreatePermission","hasDeletePermission","isWhereOpen","isWhereOpenFromProps","layoutToggle","listMenuItems","newDocumentURL","onWhereToggle","queryPreset","activePreset","queryPresetPermissions","renderedFilters","resolvedFilterOptions","viewType","undefined","isControlled","handleSearchChange","hasActiveFilters","query","setSearchInput","t","breakpoints","t3","s","smallBreak","searchLabelTranslated","label","split","hasWhereParam","Boolean","where","visibleDrawer","setVisibleDrawer","t4","current","t5","t6","t7","handleWhereToggle","_jsxs","className","children","_jsx","onSearchChange","onSearchInputChange","searchQueryParam","search","enableQueryPresets","buttonStyle","extraButtonProps","icon","direction","size","onClick","selected","slug","fields","el","id","to","trash","Array","isArray","length","button","ariaLabel","horizontalAlign","popupType","verticalAlign","ButtonGroup","map","_temp","collectionPluralLabel","labels","plural","onEmptyRemove","item","i"],"sources":["../../../src/elements/ListControls/index.tsx"],"sourcesContent":["'use client'\n\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport React, { Fragment, useEffect, useRef, useState } from 'react'\n\nimport type { ListControlsProps } from './types.js'\n\nimport { Popup, PopupList } from '../../elements/Popup/index.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { Dots } from '../../icons/Dots/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { ListColumnSelectionButton } from '../ListColumnSelectionButton/index.js'\nimport { ListGroupByButton } from '../ListGroupByButton/index.js'\nimport { ListEmptyTrashButton } from '../ListHeader/TitleActions/index.js'\nimport { ListWhereBuilder } from '../ListWhereBuilder/index.js'\nimport { QueryPresetBar } from '../QueryPresets/QueryPresetBar/index.js'\nimport { ListSearchFilter } from '../Search/ListSearchFilter/index.js'\nimport './index.css'\n\nconst baseClass = 'list-controls'\n\n/**\n * The ListControls component is used to render the controls (search, filter, where)\n * for a collection's list view. You can find those directly above the table which lists\n * the collection's documents.\n */\nexport const ListControls: React.FC<ListControlsProps> = (props) => {\n  const {\n    beforeActions,\n    collectionConfig,\n    collectionSlug,\n    disableQueryPresets,\n    enableColumns = true,\n    enableFilters = true,\n    enableSort = false,\n    hasCreatePermission,\n    hasDeletePermission,\n    isWhereOpen: isWhereOpenFromProps,\n    layoutToggle,\n    listMenuItems,\n    newDocumentURL,\n    onWhereToggle,\n    queryPreset: activePreset,\n    queryPresetPermissions,\n    renderedFilters,\n    resolvedFilterOptions,\n    viewType,\n  } = props\n\n  const isControlled = typeof onWhereToggle === 'function'\n\n  const { handleSearchChange, hasActiveFilters, query, setSearchInput } = useListQuery()\n\n  const { t } = useTranslation()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  // Simplified placeholder - just \"Search\" instead of \"Search by X, Y, Z\"\n  const searchLabelTranslated = t('general:searchBy', { label: '' }).split(' ')[0]\n\n  const hasWhereParam = useRef(Boolean(query?.where))\n\n  const [visibleDrawer, setVisibleDrawer] = useState<'columns' | 'sort' | 'where'>(\n    hasActiveFilters ? 'where' : undefined,\n  )\n\n  useEffect(() => {\n    if (hasWhereParam.current && !query?.where) {\n      hasWhereParam.current = false\n    } else if (query?.where) {\n      hasWhereParam.current = true\n    }\n  }, [setVisibleDrawer, query?.where])\n\n  const isWhereOpen = isControlled ? Boolean(isWhereOpenFromProps) : visibleDrawer === 'where'\n  const handleWhereToggle = isControlled\n    ? onWhereToggle\n    : () => setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined)\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__search-row`}>\n        <div className={`${baseClass}__left`}>\n          <ListSearchFilter\n            key={collectionSlug}\n            label={searchLabelTranslated}\n            onSearchChange={handleSearchChange}\n            onSearchInputChange={setSearchInput}\n            searchQueryParam={query?.search}\n          />\n          {collectionConfig?.enableQueryPresets && !disableQueryPresets && (\n            <QueryPresetBar\n              activePreset={activePreset}\n              collectionSlug={collectionSlug}\n              queryPresetPermissions={queryPresetPermissions}\n            />\n          )}\n        </div>\n        <div className={`${baseClass}__spacer`} />\n        <div className={`${baseClass}__actions`}>\n          {!smallBreak && beforeActions}\n          {enableFilters && (\n            <Button\n              buttonStyle=\"secondary\"\n              className={`${baseClass}__toggle-where`}\n              extraButtonProps={{\n                'aria-controls': `${baseClass}-where`,\n                'aria-expanded': isWhereOpen,\n              }}\n              icon={<ChevronIcon direction={isWhereOpen ? 'up' : 'down'} size={16} />}\n              id=\"toggle-list-filters\"\n              onClick={handleWhereToggle}\n              selected={isWhereOpen || hasActiveFilters}\n              size=\"medium\"\n            >\n              {t('general:filters')}\n            </Button>\n          )}\n          <ListGroupByButton\n            collectionSlug={collectionConfig.slug}\n            fields={collectionConfig.fields}\n          />\n          {enableColumns && <ListColumnSelectionButton collectionSlug={collectionConfig.slug} />}\n          {enableSort && (\n            <Button\n              buttonStyle=\"secondary\"\n              className={`${baseClass}__toggle-sort`}\n              extraButtonProps={{\n                'aria-controls': `${baseClass}-sort`,\n                'aria-expanded': visibleDrawer === 'sort',\n              }}\n              icon={<ChevronIcon size={16} />}\n              id=\"toggle-list-sort\"\n              onClick={() => setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined)}\n              size=\"medium\"\n            >\n              {t('general:sort')}\n            </Button>\n          )}\n          {layoutToggle}\n          {hasCreatePermission && newDocumentURL && (\n            <Button\n              buttonStyle=\"primary\"\n              className={`${baseClass}__create-new`}\n              el=\"link\"\n              id=\"create-new-doc\"\n              size=\"medium\"\n              to={newDocumentURL}\n            >\n              {t('general:createNew')}\n            </Button>\n          )}\n          {hasDeletePermission && collectionConfig.trash && viewType === 'trash' && (\n            <ListEmptyTrashButton\n              collectionConfig={collectionConfig}\n              hasDeletePermission={hasDeletePermission}\n            />\n          )}\n          {listMenuItems && Array.isArray(listMenuItems) && listMenuItems.length > 0 && (\n            <Popup\n              button={<Dots ariaLabel={t('general:moreOptions')} />}\n              className={`${baseClass}__popup`}\n              horizontalAlign=\"right\"\n              id=\"list-menu\"\n              popupType=\"menu\"\n              verticalAlign=\"bottom\"\n            >\n              <PopupList.ButtonGroup>\n                {listMenuItems.map((item, i) => (\n                  <Fragment key={`list-menu-item-${i}`}>{item}</Fragment>\n                ))}\n              </PopupList.ButtonGroup>\n            </Popup>\n          )}\n        </div>\n      </div>\n      {!isControlled && isWhereOpen && (\n        <div className={`${baseClass}__where`} id={`${baseClass}-where`}>\n          <ListWhereBuilder\n            collectionPluralLabel={collectionConfig?.labels?.plural}\n            collectionSlug={collectionConfig.slug}\n            fields={collectionConfig?.fields}\n            onEmptyRemove={() => setVisibleDrawer(undefined)}\n            renderedFilters={renderedFilters}\n            resolvedFilterOptions={resolvedFilterOptions}\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ListControls/types.d.ts

@@ -1,18 +1,8 @@
-import type { ClientCollectionConfig, QueryPreset, ResolvedFilterOptions, SanitizedCollectionPermission, Where } from 'payload';
+import type { ClientCollectionConfig, QueryPreset, ResolvedFilterOptions, SanitizedCollectionPermission, ViewTypes, Where } from 'payload';
 export type ListControlsProps = {
     readonly beforeActions?: React.ReactNode[];
     readonly collectionConfig: ClientCollectionConfig;
     readonly collectionSlug: string;
-    /**
-     * @deprecated
-     * These are now handled by the `ListSelection` component
-     */
-    readonly disableBulkDelete?: boolean;
-    /**
-     * @deprecated
-     * These are now handled by the `ListSelection` component
-     */
-    readonly disableBulkEdit?: boolean;
     readonly disableQueryPresets?: boolean;
     readonly enableColumns?: boolean;
     readonly enableFilters?: boolean;
@@ -21,7 +11,9 @@ export type ListControlsProps = {
     readonly handleSortChange?: (sort: string) => void;
     readonly handleWhereChange?: (where: Where) => void;
     readonly hasCreatePermission?: boolean;
+    readonly hasDeletePermission?: boolean;
     readonly isWhereOpen?: boolean;
+    readonly layoutToggle?: React.ReactNode;
     readonly listMenuItems?: React.ReactNode[];
     readonly newDocumentURL?: string;
     readonly onWhereToggle?: () => void;
@@ -29,5 +21,6 @@ export type ListControlsProps = {
     readonly queryPresetPermissions?: SanitizedCollectionPermission;
     readonly renderedFilters?: Map<string, React.ReactNode>;
     readonly resolvedFilterOptions?: Map<string, ResolvedFilterOptions>;
+    readonly viewType?: ViewTypes;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/elements/ListControls/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sBAAsB,EACtB,WAAW,EACX,qBAAqB,EACrB,6BAA6B,EAC7B,KAAK,EACN,MAAM,SAAS,CAAA;AAEhB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC1C,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAA;IACjD,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B;;;OAGG;IACH,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IACpC;;;OAGG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAA;IAClC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACtD,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IACnD,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC1C,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IACnC,QAAQ,CAAC,WAAW,CAAC,EAAE,WAAW,CAAA;IAClC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,6BAA6B,CAAA;IAC/D,QAAQ,CAAC,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IACvD,QAAQ,CAAC,qBAAqB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAA;CACpE,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sBAAsB,EACtB,WAAW,EACX,qBAAqB,EACrB,6BAA6B,EAC7B,SAAS,EACT,KAAK,EACN,MAAM,SAAS,CAAA;AAEhB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC1C,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAA;IACjD,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACtD,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IACnD,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvC,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC1C,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IACnC,QAAQ,CAAC,WAAW,CAAC,EAAE,WAAW,CAAA;IAClC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,6BAA6B,CAAA;IAC/D,QAAQ,CAAC,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IACvD,QAAQ,CAAC,qBAAqB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAA;IACnE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAC9B,CAAA"}

package/dist/elements/ListControls/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/ListControls/types.ts"],"sourcesContent":["import type {\n  ClientCollectionConfig,\n  QueryPreset,\n  ResolvedFilterOptions,\n  SanitizedCollectionPermission,\n  Where,\n} from 'payload'\n\nexport type ListControlsProps = {\n  readonly beforeActions?: React.ReactNode[]\n  readonly collectionConfig: ClientCollectionConfig\n  readonly collectionSlug: string\n  /**\n   * @deprecated\n   * These are now handled by the `ListSelection` component\n   */\n  readonly disableBulkDelete?: boolean\n  /**\n   * @deprecated\n   * These are now handled by the `ListSelection` component\n   */\n  readonly disableBulkEdit?: boolean\n  readonly disableQueryPresets?: boolean\n  readonly enableColumns?: boolean\n  readonly enableFilters?: boolean\n  readonly enableSort?: boolean\n  readonly handleSearchChange?: (search: string) => void\n  readonly handleSortChange?: (sort: string) => void\n  readonly handleWhereChange?: (where: Where) => void\n  readonly hasCreatePermission?: boolean\n  readonly isWhereOpen?: boolean\n  readonly listMenuItems?: React.ReactNode[]\n  readonly newDocumentURL?: string\n  readonly onWhereToggle?: () => void\n  readonly queryPreset?: QueryPreset\n  readonly queryPresetPermissions?: SanitizedCollectionPermission\n  readonly renderedFilters?: Map<string, React.ReactNode>\n  readonly resolvedFilterOptions?: Map<string, ResolvedFilterOptions>\n}\n"],"mappings":"AAQA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/ListControls/types.ts"],"sourcesContent":["import type {\n  ClientCollectionConfig,\n  QueryPreset,\n  ResolvedFilterOptions,\n  SanitizedCollectionPermission,\n  ViewTypes,\n  Where,\n} from 'payload'\n\nexport type ListControlsProps = {\n  readonly beforeActions?: React.ReactNode[]\n  readonly collectionConfig: ClientCollectionConfig\n  readonly collectionSlug: string\n  readonly disableQueryPresets?: boolean\n  readonly enableColumns?: boolean\n  readonly enableFilters?: boolean\n  readonly enableSort?: boolean\n  readonly handleSearchChange?: (search: string) => void\n  readonly handleSortChange?: (sort: string) => void\n  readonly handleWhereChange?: (where: Where) => void\n  readonly hasCreatePermission?: boolean\n  readonly hasDeletePermission?: boolean\n  readonly isWhereOpen?: boolean\n  readonly layoutToggle?: React.ReactNode\n  readonly listMenuItems?: React.ReactNode[]\n  readonly newDocumentURL?: string\n  readonly onWhereToggle?: () => void\n  readonly queryPreset?: QueryPreset\n  readonly queryPresetPermissions?: SanitizedCollectionPermission\n  readonly renderedFilters?: Map<string, React.ReactNode>\n  readonly resolvedFilterOptions?: Map<string, ResolvedFilterOptions>\n  readonly viewType?: ViewTypes\n}\n"],"mappings":"AASA","ignoreList":[]}

package/dist/elements/ListControlsBar/index.css

@@ -10,6 +10,7 @@
     border-bottom: var(--stroke-width-small) solid var(--color-border);
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .list-controls-bar {
       padding: var(--spacer-2-5) var(--spacer-3);