@payloadcms/ui 3.39.0-canary.7 → 3.39.0-internal.1c212c9

package/dist/elements/EditMany/index.js

@@ -9,42 +9,16 @@ import { EditDepthProvider } from '../../providers/EditDepth/index.js';
 import { SelectAllStatus, useSelection } from '../../providers/Selection/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Drawer } from '../Drawer/index.js';
-import './index.scss';
-import { ListSelectionButton } from '../ListSelection/index.js';
 import { EditManyDrawerContent } from './DrawerContent.js';
+import './index.scss';
 export const baseClass = 'edit-many';
 export const EditMany = props => {
-  const $ = _c(5);
+  const $ = _c(10);
   const {
-    count,
-    selectAll,
-    selected
-  } = useSelection();
-  let t0;
-  if ($[0] !== count || $[1] !== props || $[2] !== selectAll || $[3] !== selected) {
-    t0 = _jsx(EditMany_v4, {
-      ...props,
-      count,
-      ids: Array.from(selected.keys()),
-      selectAll: selectAll === SelectAllStatus.AllAvailable
-    });
-    $[0] = count;
-    $[1] = props;
-    $[2] = selectAll;
-    $[3] = selected;
-    $[4] = t0;
-  } else {
-    t0 = $[4];
-  }
-  return t0;
-};
-export const EditMany_v4 = t0 => {
-  const $ = _c(14);
+    collection: t0
+  } = props;
   const {
-    collection,
-    count,
-    ids,
-    selectAll
+    slug
   } = t0;
   const {
     permissions
@@ -52,6 +26,9 @@ export const EditMany_v4 = t0 => {
   const {
     openModal
   } = useModal();
+  const {
+    selectAll
+  } = useSelection();
   const {
     t
   } = useTranslation();
@@ -63,66 +40,55 @@ export const EditMany_v4 = t0 => {
     t1 = $[0];
   }
   const [selectedFields, setSelectedFields] = useState(t1);
-  const collectionPermissions = permissions?.collections?.[collection.slug];
-  const drawerSlug = `edit-${collection.slug}`;
-  if (count === 0 || !collectionPermissions?.update) {
+  const collectionPermissions = permissions?.collections?.[slug];
+  const drawerSlug = `edit-${slug}`;
+  if (selectAll === SelectAllStatus.None || !collectionPermissions?.update) {
     return null;
   }
   let t2;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = [baseClass, `${baseClass}__toggle`].filter(Boolean);
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  let t3;
-  if ($[2] !== collection || $[3] !== count || $[4] !== drawerSlug || $[5] !== ids || $[6] !== openModal || $[7] !== selectAll || $[8] !== selectedFields || $[9] !== t) {
-    let t4;
-    if ($[11] !== drawerSlug || $[12] !== openModal) {
-      t4 = () => {
+  if ($[1] !== drawerSlug || $[2] !== openModal || $[3] !== props.collection || $[4] !== selectedFields || $[5] !== t) {
+    let t3;
+    if ($[7] !== drawerSlug || $[8] !== openModal) {
+      t3 = () => {
         openModal(drawerSlug);
         setSelectedFields([]);
       };
-      $[11] = drawerSlug;
-      $[12] = openModal;
-      $[13] = t4;
+      $[7] = drawerSlug;
+      $[8] = openModal;
+      $[9] = t3;
     } else {
-      t4 = $[13];
+      t3 = $[9];
     }
-    t3 = _jsxs("div", {
-      className: t2.join(" "),
-      children: [_jsx(ListSelectionButton, {
+    t2 = _jsxs("div", {
+      className: baseClass,
+      children: [_jsx("button", {
         "aria-label": t("general:edit"),
-        onClick: t4,
+        className: `${baseClass}__toggle`,
+        onClick: t3,
+        type: "button",
         children: t("general:edit")
       }), _jsx(EditDepthProvider, {
         children: _jsx(Drawer, {
           Header: null,
           slug: drawerSlug,
           children: _jsx(EditManyDrawerContent, {
-            collection,
-            count,
+            collection: props.collection,
             drawerSlug,
-            ids,
-            selectAll,
             selectedFields,
             setSelectedFields
           })
         })
       })]
     });
-    $[2] = collection;
-    $[3] = count;
-    $[4] = drawerSlug;
-    $[5] = ids;
-    $[6] = openModal;
-    $[7] = selectAll;
-    $[8] = selectedFields;
-    $[9] = t;
-    $[10] = t3;
+    $[1] = drawerSlug;
+    $[2] = openModal;
+    $[3] = props.collection;
+    $[4] = selectedFields;
+    $[5] = t;
+    $[6] = t2;
   } else {
-    t3 = $[10];
+    t2 = $[6];
   }
-  return t3;
+  return t2;
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","React","useState","useAuth","EditDepthProvider","SelectAllStatus","useSelection","useTranslation","Drawer","ListSelectionButton","EditManyDrawerContent","baseClass","EditMany","props","$","count","selectAll","selected","t0","_jsx","EditMany_v4","ids","Array","from","keys","AllAvailable","collection","permissions","openModal","t","t1","Symbol","for","selectedFields","setSelectedFields","collectionPermissions","collections","slug","drawerSlug","update","t2","filter","Boolean","t3","t4","_jsxs","className","join","children","onClick","Header"],"sources":["../../../src/elements/EditMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useState } from 'react'\n\nimport type { FieldOption } from '../FieldSelect/reduceFieldOptions.js'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport './index.scss'\nimport { ListSelectionButton } from '../ListSelection/index.js'\nimport { EditManyDrawerContent } from './DrawerContent.js'\n\nexport const baseClass = 'edit-many'\n\nexport type EditManyProps = {\n  readonly collection: ClientCollectionConfig\n}\n\nexport const EditMany: React.FC<EditManyProps> = (props) => {\n  const { count, selectAll, selected } = useSelection()\n  return (\n    <EditMany_v4\n      {...props}\n      count={count}\n      ids={Array.from(selected.keys())}\n      selectAll={selectAll === SelectAllStatus.AllAvailable}\n    />\n  )\n}\n\nexport const EditMany_v4: React.FC<\n  {\n    count: number\n    ids: (number | string)[]\n    selectAll: boolean\n  } & EditManyProps\n> = ({ collection, count, ids, selectAll }) => {\n  const { permissions } = useAuth()\n  const { openModal } = useModal()\n\n  const { t } = useTranslation()\n\n  const [selectedFields, setSelectedFields] = useState<FieldOption[]>([])\n\n  const collectionPermissions = permissions?.collections?.[collection.slug]\n\n  const drawerSlug = `edit-${collection.slug}`\n\n  if (count === 0 || !collectionPermissions?.update) {\n    return null\n  }\n\n  return (\n    <div className={[baseClass, `${baseClass}__toggle`].filter(Boolean).join(' ')}>\n      <ListSelectionButton\n        aria-label={t('general:edit')}\n        onClick={() => {\n          openModal(drawerSlug)\n          setSelectedFields([])\n        }}\n      >\n        {t('general:edit')}\n      </ListSelectionButton>\n      <EditDepthProvider>\n        <Drawer Header={null} slug={drawerSlug}>\n          <EditManyDrawerContent\n            collection={collection}\n            count={count}\n            drawerSlug={drawerSlug}\n            ids={ids}\n            selectAll={selectAll}\n            selectedFields={selectedFields}\n            setSelectedFields={setSelectedFields}\n          />\n        </Drawer>\n      </EditDepthProvider>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","React","useState","useAuth","EditDepthProvider","SelectAllStatus","useSelection","useTranslation","Drawer","EditManyDrawerContent","baseClass","EditMany","props","$","collection","t0","slug","permissions","openModal","selectAll","t","t1","Symbol","for","selectedFields","setSelectedFields","collectionPermissions","collections","drawerSlug","None","update","t2","t3","_jsxs","className","children","_jsx","onClick","type","Header"],"sources":["../../../src/elements/EditMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useState } from 'react'\n\nimport type { FieldOption } from '../FieldSelect/reduceFieldOptions.js'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { EditManyDrawerContent } from './DrawerContent.js'\nimport './index.scss'\n\nexport const baseClass = 'edit-many'\n\nexport type EditManyProps = {\n  readonly collection: ClientCollectionConfig\n}\n\nexport const EditMany: React.FC<EditManyProps> = (props) => {\n  const {\n    collection: { slug },\n  } = props\n\n  const { permissions } = useAuth()\n  const { openModal } = useModal()\n\n  const { selectAll } = useSelection()\n  const { t } = useTranslation()\n\n  const [selectedFields, setSelectedFields] = useState<FieldOption[]>([])\n\n  const collectionPermissions = permissions?.collections?.[slug]\n\n  const drawerSlug = `edit-${slug}`\n\n  if (selectAll === SelectAllStatus.None || !collectionPermissions?.update) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      <button\n        aria-label={t('general:edit')}\n        className={`${baseClass}__toggle`}\n        onClick={() => {\n          openModal(drawerSlug)\n          setSelectedFields([])\n        }}\n        type=\"button\"\n      >\n        {t('general:edit')}\n      </button>\n      <EditDepthProvider>\n        <Drawer Header={null} slug={drawerSlug}>\n          <EditManyDrawerContent\n            collection={props.collection}\n            drawerSlug={drawerSlug}\n            selectedFields={selectedFields}\n            setSelectedFields={setSelectedFields}\n          />\n        </Drawer>\n      </EditDepthProvider>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAIhC,SAASC,OAAO,QAAQ;AACxB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,eAAe,EAAEC,YAAY,QAAQ;AAC9C,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,qBAAqB,QAAQ;AACtC,OAAO;AAEP,OAAO,MAAMC,SAAA,GAAY;AAMzB,OAAO,MAAMC,QAAA,GAAoCC,KAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EAC/C;IAAAe,UAAA,EAAAC;EAAA,IAEIH,KAAA;EADU;IAAAI;EAAA,IAAAD,EAAQ;EAGtB;IAAAE;EAAA,IAAwBd,OAAA;EACxB;IAAAe;EAAA,IAAsBlB,QAAA;EAEtB;IAAAmB;EAAA,IAAsBb,YAAA;EACtB;IAAAc;EAAA,IAAcb,cAAA;EAAA,IAAAc,EAAA;EAAA,IAAAR,CAAA,QAAAS,MAAA,CAAAC,GAAA;IAEsDF,EAAA;IAAER,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAAtE,OAAAW,cAAA,EAAAC,iBAAA,IAA4CvB,QAAA,CAAwBmB,EAAE;EAEtE,MAAAK,qBAAA,GAA8BT,WAAA,EAAAU,WAAA,GAA2BX,IAAA;EAEzD,MAAAY,UAAA,GAAmB,QAAQZ,IAAA,EAAM;EAAA,IAE7BG,SAAA,KAAAd,eAAA,CAAAwB,IAAkC,KAAKH,qBAAA,EAAAI,MAAuB;IAAA;EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAlB,CAAA,QAAAe,UAAA,IAAAf,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAD,KAAA,CAAAE,UAAA,IAAAD,CAAA,QAAAW,cAAA,IAAAX,CAAA,QAAAO,CAAA;IAAA,IAAAY,EAAA;IAAA,IAAAnB,CAAA,QAAAe,UAAA,IAAAf,CAAA,QAAAK,SAAA;MASnDc,EAAA,GAAAA,CAAA;QACPd,SAAA,CAAUU,UAAA;QACVH,iBAAA,GAAoB;MAAA;MACtBZ,CAAA,MAAAe,UAAA;MAAAf,CAAA,MAAAK,SAAA;MAAAL,CAAA,MAAAmB,EAAA;IAAA;MAAAA,EAAA,GAAAnB,CAAA;IAAA;IAPJkB,EAAA,GAAAE,KAAA,CAAC;MAAAC,SAAA,EAAAxB,SAAA;MAAAyB,QAAA,GACCC,IAAA,CAAC;QAAA,cACahB,CAAA,CAAE;QAAAc,SAAA,EACH,GAAAxB,SAAA,UAAsB;QAAA2B,OAAA,EACxBL,EAGT;QAAAM,IAAA,EACK;QAAAH,QAAA,EAEJf,CAAA,CAAE;MAAA,C,GAELgB,IAAA,CAAAhC,iBAAA;QAAA+B,QAAA,EACEC,IAAA,CAAA5B,MAAA;UAAA+B,MAAA;UAAAvB,IAAA,EAA4BY,UAAA;UAAAO,QAAA,EAC1BC,IAAA,CAAA3B,qBAAA;YAAAK,UAAA,EACcF,KAAA,CAAAE,UAAA;YAAAc,UAAA;YAAAJ,cAAA;YAAAC;UAAA,C;;;;;;;;;;;;;SAfpBM,E;CAwBJ","ignoreList":[]}

package/dist/elements/EditMany/index.scss

@@ -2,6 +2,22 @@
 
 @layer payload-default {
   .edit-many {
+    &__toggle {
+      font-size: inherit;
+      line-height: inherit;
+      display: inline-flex;
+      background: transparent;
+      color: var(--theme-elevation-800);
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      border: 0;
+      padding: 0;
+      align-items: center;
+      cursor: pointer;
+      text-decoration: underline;
+    }
+
     &__form {
       height: 100%;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Gutter/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IACrC,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAID,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+BxC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Gutter/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IACrC,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAID,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8BxC,CAAA"}

package/dist/elements/Gutter/index.js

@@ -17,7 +17,7 @@ export const Gutter = props => {
   const shouldPadLeft = left && !negativeLeft;
   const shouldPadRight = right && !negativeRight;
   return /*#__PURE__*/_jsx("div", {
-    className: [baseClass, shouldPadLeft && `${baseClass}--left`, shouldPadRight && `${baseClass}--right`, negativeLeft && `${baseClass}--negative-left`, negativeRight && `${baseClass}--negative-right`, className].filter(Boolean).join(' '),
+    className: [shouldPadLeft && `${baseClass}--left`, shouldPadRight && `${baseClass}--right`, negativeLeft && `${baseClass}--negative-left`, negativeRight && `${baseClass}--negative-right`, className].filter(Boolean).join(' '),
     ref: ref,
     children: children
   });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","baseClass","Gutter","props","children","className","left","negativeLeft","negativeRight","ref","right","shouldPadLeft","shouldPadRight","_jsx","filter","Boolean","join"],"sources":["../../../src/elements/Gutter/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.scss'\n\nexport type GutterProps = {\n  children: React.ReactNode\n  className?: string\n  left?: boolean\n  negativeLeft?: boolean\n  negativeRight?: boolean\n  ref?: React.RefObject<HTMLDivElement>\n  right?: boolean\n}\n\nconst baseClass = 'gutter'\n\nexport const Gutter: React.FC<GutterProps> = (props) => {\n  const {\n    children,\n    className,\n    left = true,\n    negativeLeft = false,\n    negativeRight = false,\n    ref,\n    right = true,\n  } = props\n\n  const shouldPadLeft = left && !negativeLeft\n  const shouldPadRight = right && !negativeRight\n\n  return (\n    <div\n      className={[\n        baseClass,\n        shouldPadLeft && `${baseClass}--left`,\n        shouldPadRight && `${baseClass}--right`,\n        negativeLeft && `${baseClass}--negative-left`,\n        negativeRight && `${baseClass}--negative-right`,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      ref={ref}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAYP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,MAAA,GAAiCC,KAAA;EAC5C,MAAM;IACJC,QAAQ;IACRC,SAAS;IACTC,IAAA,GAAO,IAAI;IACXC,YAAA,GAAe,KAAK;IACpBC,aAAA,GAAgB,KAAK;IACrBC,GAAG;IACHC,KAAA,GAAQ;EAAI,CACb,GAAGP,KAAA;EAEJ,MAAMQ,aAAA,GAAgBL,IAAA,IAAQ,CAACC,YAAA;EAC/B,MAAMK,cAAA,GAAiBF,KAAA,IAAS,CAACF,aAAA;EAEjC,oBACEK,IAAA,CAAC;IACCR,SAAA,EAAW,CACTJ,SAAA,EACAU,aAAA,IAAiB,GAAGV,SAAA,QAAiB,EACrCW,cAAA,IAAkB,GAAGX,SAAA,SAAkB,EACvCM,YAAA,IAAgB,GAAGN,SAAA,iBAA0B,EAC7CO,aAAA,IAAiB,GAAGP,SAAA,kBAA2B,EAC/CI,SAAA,CACD,CACES,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;IACRP,GAAA,EAAKA,GAAA;cAEJL;;AAGP","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","baseClass","Gutter","props","children","className","left","negativeLeft","negativeRight","ref","right","shouldPadLeft","shouldPadRight","_jsx","filter","Boolean","join"],"sources":["../../../src/elements/Gutter/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.scss'\n\nexport type GutterProps = {\n  children: React.ReactNode\n  className?: string\n  left?: boolean\n  negativeLeft?: boolean\n  negativeRight?: boolean\n  ref?: React.RefObject<HTMLDivElement>\n  right?: boolean\n}\n\nconst baseClass = 'gutter'\n\nexport const Gutter: React.FC<GutterProps> = (props) => {\n  const {\n    children,\n    className,\n    left = true,\n    negativeLeft = false,\n    negativeRight = false,\n    ref,\n    right = true,\n  } = props\n\n  const shouldPadLeft = left && !negativeLeft\n  const shouldPadRight = right && !negativeRight\n\n  return (\n    <div\n      className={[\n        shouldPadLeft && `${baseClass}--left`,\n        shouldPadRight && `${baseClass}--right`,\n        negativeLeft && `${baseClass}--negative-left`,\n        negativeRight && `${baseClass}--negative-right`,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      ref={ref}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAYP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,MAAA,GAAiCC,KAAA;EAC5C,MAAM;IACJC,QAAQ;IACRC,SAAS;IACTC,IAAA,GAAO,IAAI;IACXC,YAAA,GAAe,KAAK;IACpBC,aAAA,GAAgB,KAAK;IACrBC,GAAG;IACHC,KAAA,GAAQ;EAAI,CACb,GAAGP,KAAA;EAEJ,MAAMQ,aAAA,GAAgBL,IAAA,IAAQ,CAACC,YAAA;EAC/B,MAAMK,cAAA,GAAiBF,KAAA,IAAS,CAACF,aAAA;EAEjC,oBACEK,IAAA,CAAC;IACCR,SAAA,EAAW,CACTM,aAAA,IAAiB,GAAGV,SAAA,QAAiB,EACrCW,cAAA,IAAkB,GAAGX,SAAA,SAAkB,EACvCM,YAAA,IAAgB,GAAGN,SAAA,iBAA0B,EAC7CO,aAAA,IAAiB,GAAGP,SAAA,kBAA2B,EAC/CI,SAAA,CACD,CACES,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;IACRP,GAAA,EAAKA,GAAA;cAEJL;;AAGP","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ListControls/ActiveQueryPreset/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAS1C,OAAO,cAAc,CAAA;AAIrB,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,oBAAoB,EACpB,WAAW,GACZ,EAAE;IACD,YAAY,EAAE,WAAW,CAAA;IACzB,oBAAoB,EAAE,MAAM,IAAI,CAAA;IAChC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CACjC,+BAiDA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ListControls/ActiveQueryPreset/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAS1C,OAAO,cAAc,CAAA;AAIrB,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,oBAAoB,EACpB,WAAW,GACZ,EAAE;IACD,YAAY,EAAE,WAAW,CAAA;IACzB,oBAAoB,EAAE,MAAM,IAAI,CAAA;IAChC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CACjC,+BA0CA"}

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

@@ -11,7 +11,7 @@ import { Pill } from '../../Pill/index.js';
 import './index.scss';
 const baseClass = 'active-query-preset';
 export function ActiveQueryPreset(t0) {
-  const $ = _c(44);
+  const $ = _c(36);
   const {
     activePreset,
     openPresetListDrawer,
@@ -27,10 +27,6 @@ export function ActiveQueryPreset(t0) {
   let t1;
   let t10;
   let t11;
-  let t12;
-  let t13;
-  let t14;
-  let t15;
   let t2;
   let t3;
   let t4;
@@ -43,42 +39,38 @@ export function ActiveQueryPreset(t0) {
     const presetsConfig = getEntityConfig({
       collectionSlug: "payload-query-presets"
     });
-    t14 = _jsxs;
-    t15 = Pill;
-    const t16 = activePreset && `${baseClass}--active`;
-    let t17;
-    if ($[20] !== t16) {
-      t17 = [baseClass, t16].filter(Boolean);
-      $[20] = t16;
-      $[21] = t17;
+    t10 = _jsxs;
+    t11 = Pill;
+    const t12 = activePreset && `${baseClass}--active`;
+    let t13;
+    if ($[16] !== t12) {
+      t13 = [baseClass, t12].filter(Boolean);
+      $[16] = t12;
+      $[17] = t13;
     } else {
-      t17 = $[21];
+      t13 = $[17];
     }
-    t9 = t17.join(" ");
-    t10 = "select-preset";
-    if ($[22] !== openPresetListDrawer) {
-      t11 = () => {
+    t6 = t13.join(" ");
+    t7 = "select-preset";
+    if ($[18] !== openPresetListDrawer) {
+      t8 = () => {
         openPresetListDrawer();
       };
-      $[22] = openPresetListDrawer;
-      $[23] = t11;
+      $[18] = openPresetListDrawer;
+      $[19] = t8;
     } else {
-      t11 = $[23];
+      t8 = $[19];
     }
-    t12 = activePreset ? "always-white" : "light";
-    t13 = "small";
-    if ($[24] !== activePreset?.isShared) {
-      t8 = activePreset?.isShared && _jsx(PeopleIcon, {
+    t9 = activePreset ? "always-white" : "light";
+    if ($[20] !== activePreset?.isShared) {
+      t5 = activePreset?.isShared && _jsx(PeopleIcon, {
         className: `${baseClass}__shared`
       });
-      $[24] = activePreset?.isShared;
-      $[25] = t8;
+      $[20] = activePreset?.isShared;
+      $[21] = t5;
     } else {
-      t8 = $[25];
+      t5 = $[21];
     }
-    t6 = _jsx;
-    t7 = "div";
-    t5 = `${baseClass}__label-text-max-width`;
     t3 = _jsx;
     t4 = "div";
     t1 = `${baseClass}__label-text`;
@@ -93,49 +85,37 @@ export function ActiveQueryPreset(t0) {
     $[5] = t1;
     $[6] = t10;
     $[7] = t11;
-    $[8] = t12;
-    $[9] = t13;
-    $[10] = t14;
-    $[11] = t15;
-    $[12] = t2;
-    $[13] = t3;
-    $[14] = t4;
-    $[15] = t5;
-    $[16] = t6;
-    $[17] = t7;
-    $[18] = t8;
-    $[19] = t9;
+    $[8] = t2;
+    $[9] = t3;
+    $[10] = t4;
+    $[11] = t5;
+    $[12] = t6;
+    $[13] = t7;
+    $[14] = t8;
+    $[15] = t9;
   } else {
     t1 = $[5];
     t10 = $[6];
     t11 = $[7];
-    t12 = $[8];
-    t13 = $[9];
-    t14 = $[10];
-    t15 = $[11];
-    t2 = $[12];
-    t3 = $[13];
-    t4 = $[14];
-    t5 = $[15];
-    t6 = $[16];
-    t7 = $[17];
-    t8 = $[18];
-    t9 = $[19];
+    t2 = $[8];
+    t3 = $[9];
+    t4 = $[10];
+    t5 = $[11];
+    t6 = $[12];
+    t7 = $[13];
+    t8 = $[14];
+    t9 = $[15];
   }
-  let t16;
-  if ($[26] !== activePreset || $[27] !== resetPreset || $[28] !== t1 || $[29] !== t10 || $[30] !== t11 || $[31] !== t12 || $[32] !== t13 || $[33] !== t14 || $[34] !== t15 || $[35] !== t2 || $[36] !== t3 || $[37] !== t4 || $[38] !== t5 || $[39] !== t6 || $[40] !== t7 || $[41] !== t8 || $[42] !== t9) {
-    t16 = t14(t15, {
-      className: t9,
-      id: t10,
-      onClick: t11,
-      pillStyle: t12,
-      size: t13,
-      children: [t8, t6(t7, {
-        className: t5,
-        children: t3(t4, {
-          className: t1,
-          children: t2
-        })
+  let t12;
+  if ($[22] !== activePreset || $[23] !== resetPreset || $[24] !== t1 || $[25] !== t10 || $[26] !== t11 || $[27] !== t2 || $[28] !== t3 || $[29] !== t4 || $[30] !== t5 || $[31] !== t6 || $[32] !== t7 || $[33] !== t8 || $[34] !== t9) {
+    t12 = t10(t11, {
+      className: t6,
+      id: t7,
+      onClick: t8,
+      pillStyle: t9,
+      children: [t5, t3(t4, {
+        className: t1,
+        children: t2
       }), activePreset ? _jsx("div", {
         className: `${baseClass}__clear`,
         id: "clear-preset",
@@ -144,37 +124,31 @@ export function ActiveQueryPreset(t0) {
           await resetPreset();
         },
         onKeyDown: async e_0 => {
-          if (e_0.key === "Enter" || e_0.key === " ") {
-            e_0.stopPropagation();
-            await resetPreset();
-          }
+          e_0.stopPropagation();
+          await resetPreset();
         },
         role: "button",
         tabIndex: 0,
         children: _jsx(XIcon, {})
       }) : null]
     });
-    $[26] = activePreset;
-    $[27] = resetPreset;
-    $[28] = t1;
-    $[29] = t10;
-    $[30] = t11;
-    $[31] = t12;
-    $[32] = t13;
-    $[33] = t14;
-    $[34] = t15;
-    $[35] = t2;
-    $[36] = t3;
-    $[37] = t4;
-    $[38] = t5;
-    $[39] = t6;
-    $[40] = t7;
-    $[41] = t8;
-    $[42] = t9;
-    $[43] = t16;
+    $[22] = activePreset;
+    $[23] = resetPreset;
+    $[24] = t1;
+    $[25] = t10;
+    $[26] = t11;
+    $[27] = t2;
+    $[28] = t3;
+    $[29] = t4;
+    $[30] = t5;
+    $[31] = t6;
+    $[32] = t7;
+    $[33] = t8;
+    $[34] = t9;
+    $[35] = t12;
   } else {
-    t16 = $[43];
+    t12 = $[35];
   }
-  return t16;
+  return t12;
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","PeopleIcon","XIcon","useConfig","useTranslation","Pill","baseClass","ActiveQueryPreset","t0","$","activePreset","openPresetListDrawer","resetPreset","i18n","t","getEntityConfig","t1","t10","t11","t12","t13","t14","t15","t2","t3","t4","t5","t6","t7","t8","t9","presetsConfig","collectionSlug","_jsxs","t16","t17","filter","Boolean","join","isShared","_jsx","className","title","label","labels","singular","id","onClick","pillStyle","size","children","e","stopPropagation","onKeyDown","e_0","key","role","tabIndex"],"sources":["../../../../src/elements/ListControls/ActiveQueryPreset/index.tsx"],"sourcesContent":["'use client'\nimport type { QueryPreset } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport { PeopleIcon } from '../../../icons/People/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Pill } from '../../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'active-query-preset'\n\nexport function ActiveQueryPreset({\n  activePreset,\n  openPresetListDrawer,\n  resetPreset,\n}: {\n  activePreset: QueryPreset\n  openPresetListDrawer: () => void\n  resetPreset: () => Promise<void>\n}) {\n  const { i18n, t } = useTranslation()\n  const { getEntityConfig } = useConfig()\n\n  const presetsConfig = getEntityConfig({\n    collectionSlug: 'payload-query-presets',\n  })\n\n  return (\n    <Pill\n      className={[baseClass, activePreset && `${baseClass}--active`].filter(Boolean).join(' ')}\n      id=\"select-preset\"\n      onClick={() => {\n        openPresetListDrawer()\n      }}\n      pillStyle={activePreset ? 'always-white' : 'light'}\n      size=\"small\"\n    >\n      {activePreset?.isShared && <PeopleIcon className={`${baseClass}__shared`} />}\n      <div className={`${baseClass}__label-text-max-width`}>\n        <div className={`${baseClass}__label-text`}>\n          {activePreset?.title ||\n            t('general:selectLabel', {\n              label: getTranslation(presetsConfig.labels.singular, i18n),\n            })}\n        </div>\n      </div>\n      {activePreset ? (\n        <div\n          className={`${baseClass}__clear`}\n          id=\"clear-preset\"\n          onClick={async (e) => {\n            e.stopPropagation()\n            await resetPreset()\n          }}\n          onKeyDown={async (e) => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              e.stopPropagation()\n              await resetPreset()\n            }\n          }}\n          role=\"button\"\n          tabIndex={0}\n        >\n          <XIcon />\n        </div>\n      ) : null}\n    </Pill>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","PeopleIcon","XIcon","useConfig","useTranslation","Pill","baseClass","ActiveQueryPreset","t0","$","activePreset","openPresetListDrawer","resetPreset","i18n","t","getEntityConfig","t1","t10","t11","t2","t3","t4","t5","t6","t7","t8","t9","presetsConfig","collectionSlug","_jsxs","t12","t13","filter","Boolean","join","isShared","_jsx","className","title","label","labels","singular","id","onClick","pillStyle","children","e","stopPropagation","onKeyDown","e_0","role","tabIndex"],"sources":["../../../../src/elements/ListControls/ActiveQueryPreset/index.tsx"],"sourcesContent":["'use client'\nimport type { QueryPreset } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport { PeopleIcon } from '../../../icons/People/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Pill } from '../../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'active-query-preset'\n\nexport function ActiveQueryPreset({\n  activePreset,\n  openPresetListDrawer,\n  resetPreset,\n}: {\n  activePreset: QueryPreset\n  openPresetListDrawer: () => void\n  resetPreset: () => Promise<void>\n}) {\n  const { i18n, t } = useTranslation()\n  const { getEntityConfig } = useConfig()\n\n  const presetsConfig = getEntityConfig({\n    collectionSlug: 'payload-query-presets',\n  })\n\n  return (\n    <Pill\n      className={[baseClass, activePreset && `${baseClass}--active`].filter(Boolean).join(' ')}\n      id=\"select-preset\"\n      onClick={() => {\n        openPresetListDrawer()\n      }}\n      pillStyle={activePreset ? 'always-white' : 'light'}\n    >\n      {activePreset?.isShared && <PeopleIcon className={`${baseClass}__shared`} />}\n      <div className={`${baseClass}__label-text`}>\n        {activePreset?.title ||\n          t('general:selectLabel', { label: getTranslation(presetsConfig.labels.singular, i18n) })}\n      </div>\n      {activePreset ? (\n        <div\n          className={`${baseClass}__clear`}\n          id=\"clear-preset\"\n          onClick={async (e) => {\n            e.stopPropagation()\n            await resetPreset()\n          }}\n          onKeyDown={async (e) => {\n            e.stopPropagation()\n            await resetPreset()\n          }}\n          role=\"button\"\n          tabIndex={0}\n        >\n          <XIcon />\n        </div>\n      ) : null}\n    </Pill>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ListControls/ActiveQueryPreset/index.scss

@@ -2,32 +2,20 @@
 
 @layer payload-default {
   .active-query-preset {
+    &.pill {
+      max-width: 150px;
+      overflow: hidden;
+    }
+
     .pill__label {
-      display: flex;
-      gap: calc(var(--base) / 4);
       display: flex;
       align-items: center;
     }
 
-    &__label-text-max-width {
-      max-width: 100px;
-      overflow: hidden;
-    }
-
     &__label-text {
       text-overflow: ellipsis;
       overflow: hidden;
       white-space: nowrap;
     }
-
-    &__label-and-clear-wrap {
-      display: flex;
-      align-items: center;
-    }
-
-    &__clear {
-      display: flex;
-      align-items: center;
-    }
   }
 }

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

@@ -1,4 +1,3 @@
-import type { I18nClient } from '@payloadcms/translations';
 import type { ClientField } from 'payload';
-export declare const getTextFieldsToBeSearched: (listSearchableFields: string[], fields: ClientField[], i18n: I18nClient) => ClientField[];
+export declare const getTextFieldsToBeSearched: (listSearchableFields: string[], fields: ClientField[]) => ClientField[];
 //# sourceMappingURL=getTextFieldsToBeSearched.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"getTextFieldsToBeSearched.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/getTextFieldsToBeSearched.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,eAAO,MAAM,yBAAyB,yBACd,MAAM,EAAE,UACtB,WAAW,EAAE,QACf,UAAU,KACf,WAAW,EAab,CAAA"}
+{"version":3,"file":"getTextFieldsToBeSearched.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/getTextFieldsToBeSearched.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,eAAO,MAAM,yBAAyB,yBACd,MAAM,EAAE,UACtB,WAAW,EAAE,KACpB,WAAW,EAUb,CAAA"}

package/dist/elements/ListControls/getTextFieldsToBeSearched.js

@@ -1,12 +1,9 @@
 'use client';
 
 import { fieldAffectsData, flattenTopLevelFields } from 'payload/shared';
-export const getTextFieldsToBeSearched = (listSearchableFields, fields, i18n) => {
+export const getTextFieldsToBeSearched = (listSearchableFields, fields) => {
   if (listSearchableFields) {
-    const flattenedFields = flattenTopLevelFields(fields, {
-      i18n,
-      moveSubFieldsToTop: true
-    });
+    const flattenedFields = flattenTopLevelFields(fields);
     return flattenedFields.filter(field => fieldAffectsData(field) && listSearchableFields.includes(field.name));
   }
   return null;

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

@@ -1 +1 @@
-{"version":3,"file":"getTextFieldsToBeSearched.js","names":["fieldAffectsData","flattenTopLevelFields","getTextFieldsToBeSearched","listSearchableFields","fields","i18n","flattenedFields","moveSubFieldsToTop","filter","field","includes","name"],"sources":["../../../src/elements/ListControls/getTextFieldsToBeSearched.ts"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientField } from 'payload'\n\nimport { fieldAffectsData, flattenTopLevelFields } from 'payload/shared'\n\nexport const getTextFieldsToBeSearched = (\n  listSearchableFields: string[],\n  fields: ClientField[],\n  i18n: I18nClient,\n): ClientField[] => {\n  if (listSearchableFields) {\n    const flattenedFields = flattenTopLevelFields(fields, {\n      i18n,\n      moveSubFieldsToTop: true,\n    }) as ClientField[]\n\n    return flattenedFields.filter(\n      (field) => fieldAffectsData(field) && listSearchableFields.includes(field.name),\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAIA,SAASA,gBAAgB,EAAEC,qBAAqB,QAAQ;AAExD,OAAO,MAAMC,yBAAA,GAA4BA,CACvCC,oBAAA,EACAC,MAAA,EACAC,IAAA;EAEA,IAAIF,oBAAA,EAAsB;IACxB,MAAMG,eAAA,GAAkBL,qBAAA,CAAsBG,MAAA,EAAQ;MACpDC,IAAA;MACAE,kBAAA,EAAoB;IACtB;IAEA,OAAOD,eAAA,CAAgBE,MAAM,CAC1BC,KAAA,IAAUT,gBAAA,CAAiBS,KAAA,KAAUN,oBAAA,CAAqBO,QAAQ,CAACD,KAAA,CAAME,IAAI;EAElF;EAEA,OAAO;AACT","ignoreList":[]}
+{"version":3,"file":"getTextFieldsToBeSearched.js","names":["fieldAffectsData","flattenTopLevelFields","getTextFieldsToBeSearched","listSearchableFields","fields","flattenedFields","filter","field","includes","name"],"sources":["../../../src/elements/ListControls/getTextFieldsToBeSearched.ts"],"sourcesContent":["'use client'\nimport type { ClientField } from 'payload'\n\nimport { fieldAffectsData, flattenTopLevelFields } from 'payload/shared'\n\nexport const getTextFieldsToBeSearched = (\n  listSearchableFields: string[],\n  fields: ClientField[],\n): ClientField[] => {\n  if (listSearchableFields) {\n    const flattenedFields = flattenTopLevelFields(fields) as ClientField[]\n\n    return flattenedFields.filter(\n      (field) => fieldAffectsData(field) && listSearchableFields.includes(field.name),\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAGA,SAASA,gBAAgB,EAAEC,qBAAqB,QAAQ;AAExD,OAAO,MAAMC,yBAAA,GAA4BA,CACvCC,oBAAA,EACAC,MAAA;EAEA,IAAID,oBAAA,EAAsB;IACxB,MAAME,eAAA,GAAkBJ,qBAAA,CAAsBG,MAAA;IAE9C,OAAOC,eAAA,CAAgBC,MAAM,CAC1BC,KAAA,IAAUP,gBAAA,CAAiBO,KAAA,KAAUJ,oBAAA,CAAqBK,QAAQ,CAACD,KAAA,CAAME,IAAI;EAElF;EAEA,OAAO;AACT","ignoreList":[]}

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":"AAKA,OAAO,KAAgD,MAAM,OAAO,CAAA;AAEpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAiBnD,OAAO,cAAc,CAAA;AAIrB;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyOpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAgD,MAAM,OAAO,CAAA;AAEpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAiBnD,OAAO,cAAc,CAAA;AAIrB;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuOpD,CAAA"}