@payloadcms/ui 4.0.0-internal.e7d4ebc → 4.0.0-internal.f11981a

package/dist/utilities/combineFieldLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combineFieldLabel.d.ts","sourceRoot":"","sources":["../../src/utilities/combineFieldLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAO1C,eAAO,MAAM,iBAAiB,oCAI3B;IACD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB,KAAG,KAAK,CAAC,SAiBT,CAAA"}
+{"version":3,"file":"combineFieldLabel.d.ts","sourceRoot":"","sources":["../../src/utilities/combineFieldLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAQ1C,eAAO,MAAM,iBAAiB,oCAI3B;IACD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB,KAAG,KAAK,CAAC,SA0BT,CAAA"}

package/dist/utilities/combineFieldLabel.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { toWords } from 'payload/shared';
 import { Fragment } from 'react';
 import { RenderCustomComponent } from '../elements/RenderCustomComponent/index.js';
 import { FieldLabel } from '../fields/FieldLabel/index.js';
@@ -7,6 +8,9 @@ export const combineFieldLabel = ({
   field,
   prefix
 }) => {
+  // Fall back to the humanized field name when a field has no label (e.g. `label: false`)
+  // so option lists like the bulk-edit field select never render an empty entry.
+  const label = 'label' in field && field.label ? field.label : 'name' in field && field.name ? toWords(field.name) : undefined;
   return /*#__PURE__*/_jsxs(Fragment, {
     children: [prefix ? /*#__PURE__*/_jsxs(Fragment, {
       children: [/*#__PURE__*/_jsx("span", {
@@ -22,7 +26,7 @@ export const combineFieldLabel = ({
       children: /*#__PURE__*/_jsx(RenderCustomComponent, {
         CustomComponent: CustomLabel,
         Fallback: /*#__PURE__*/_jsx(FieldLabel, {
-          label: 'label' in field && field.label
+          label: label
         })
       })
     })]

package/dist/utilities/combineFieldLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"combineFieldLabel.js","names":["Fragment","RenderCustomComponent","FieldLabel","combineFieldLabel","CustomLabel","field","prefix","_jsxs","_jsx","style","display","CustomComponent","Fallback","label"],"sources":["../../src/utilities/combineFieldLabel.tsx"],"sourcesContent":["import type { ClientField } from 'payload'\n\nimport { Fragment } from 'react'\n\nimport { RenderCustomComponent } from '../elements/RenderCustomComponent/index.js'\nimport { FieldLabel } from '../fields/FieldLabel/index.js'\n\nexport const combineFieldLabel = ({\n  CustomLabel,\n  field,\n  prefix,\n}: {\n  CustomLabel?: React.ReactNode\n  field?: ClientField\n  prefix?: React.ReactNode\n}): React.ReactNode => {\n  return (\n    <Fragment>\n      {prefix ? (\n        <Fragment>\n          <span style={{ display: 'inline-block' }}>{prefix}</span>\n          {' > '}\n        </Fragment>\n      ) : null}\n      <span style={{ display: 'inline-block' }}>\n        <RenderCustomComponent\n          CustomComponent={CustomLabel}\n          Fallback={<FieldLabel label={'label' in field && field.label} />}\n        />\n      </span>\n    </Fragment>\n  )\n}\n"],"mappings":";AAEA,SAASA,QAAQ,QAAQ;AAEzB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,UAAU,QAAQ;AAE3B,OAAO,MAAMC,iBAAA,GAAoBA,CAAC;EAChCC,WAAW;EACXC,KAAK;EACLC;AAAM,CAKP;EACC,oBACEC,KAAA,CAACP,QAAA;eACEM,MAAA,gBACCC,KAAA,CAACP,QAAA;8BACCQ,IAAA,CAAC;QAAKC,KAAA,EAAO;UAAEC,OAAA,EAAS;QAAe;kBAAIJ;UAC1C;SAED,M,aACJE,IAAA,CAAC;MAAKC,KAAA,EAAO;QAAEC,OAAA,EAAS;MAAe;gBACrC,aAAAF,IAAA,CAACP,qBAAA;QACCU,eAAA,EAAiBP,WAAA;QACjBQ,QAAA,eAAUJ,IAAA,CAACN,UAAA;UAAWW,KAAA,EAAO,WAAWR,KAAA,IAASA,KAAA,CAAMQ;;;;;AAKjE","ignoreList":[]}
+{"version":3,"file":"combineFieldLabel.js","names":["toWords","Fragment","RenderCustomComponent","FieldLabel","combineFieldLabel","CustomLabel","field","prefix","label","name","undefined","_jsxs","_jsx","style","display","CustomComponent","Fallback"],"sources":["../../src/utilities/combineFieldLabel.tsx"],"sourcesContent":["import type { ClientField } from 'payload'\n\nimport { toWords } from 'payload/shared'\nimport { Fragment } from 'react'\n\nimport { RenderCustomComponent } from '../elements/RenderCustomComponent/index.js'\nimport { FieldLabel } from '../fields/FieldLabel/index.js'\n\nexport const combineFieldLabel = ({\n  CustomLabel,\n  field,\n  prefix,\n}: {\n  CustomLabel?: React.ReactNode\n  field?: ClientField\n  prefix?: React.ReactNode\n}): React.ReactNode => {\n  // Fall back to the humanized field name when a field has no label (e.g. `label: false`)\n  // so option lists like the bulk-edit field select never render an empty entry.\n  const label =\n    'label' in field && field.label\n      ? field.label\n      : 'name' in field && field.name\n        ? toWords(field.name)\n        : undefined\n\n  return (\n    <Fragment>\n      {prefix ? (\n        <Fragment>\n          <span style={{ display: 'inline-block' }}>{prefix}</span>\n          {' > '}\n        </Fragment>\n      ) : null}\n      <span style={{ display: 'inline-block' }}>\n        <RenderCustomComponent\n          CustomComponent={CustomLabel}\n          Fallback={<FieldLabel label={label} />}\n        />\n      </span>\n    </Fragment>\n  )\n}\n"],"mappings":";AAEA,SAASA,OAAO,QAAQ;AACxB,SAASC,QAAQ,QAAQ;AAEzB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,UAAU,QAAQ;AAE3B,OAAO,MAAMC,iBAAA,GAAoBA,CAAC;EAChCC,WAAW;EACXC,KAAK;EACLC;AAAM,CAKP;EACC;EACA;EACA,MAAMC,KAAA,GACJ,WAAWF,KAAA,IAASA,KAAA,CAAME,KAAK,GAC3BF,KAAA,CAAME,KAAK,GACX,UAAUF,KAAA,IAASA,KAAA,CAAMG,IAAI,GAC3BT,OAAA,CAAQM,KAAA,CAAMG,IAAI,IAClBC,SAAA;EAER,oBACEC,KAAA,CAACV,QAAA;eACEM,MAAA,gBACCI,KAAA,CAACV,QAAA;8BACCW,IAAA,CAAC;QAAKC,KAAA,EAAO;UAAEC,OAAA,EAAS;QAAe;kBAAIP;UAC1C;SAED,M,aACJK,IAAA,CAAC;MAAKC,KAAA,EAAO;QAAEC,OAAA,EAAS;MAAe;gBACrC,aAAAF,IAAA,CAACV,qBAAA;QACCa,eAAA,EAAiBV,WAAA;QACjBW,QAAA,eAAUJ,IAAA,CAACT,UAAA;UAAWK,KAAA,EAAOA;;;;;AAKvC","ignoreList":[]}

package/dist/utilities/generateFieldID.d.ts

@@ -1,2 +1,2 @@
-export declare const generateFieldID: (path: string, editDepth: number, uuid: string) => string;
+export declare const generateFieldID: (path: string, editDepth: number, uuid: string, prefix?: string) => string;
 //# sourceMappingURL=generateFieldID.d.ts.map

package/dist/utilities/generateFieldID.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generateFieldID.d.ts","sourceRoot":"","sources":["../../src/utilities/generateFieldID.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,SAAU,MAAM,aAAa,MAAM,QAAQ,MAAM,WAK5E,CAAA"}
+{"version":3,"file":"generateFieldID.d.ts","sourceRoot":"","sources":["../../src/utilities/generateFieldID.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,SACpB,MAAM,aACD,MAAM,QACX,MAAM,WACJ,MAAM,WAMf,CAAA"}

package/dist/utilities/generateFieldID.js

@@ -1,7 +1,7 @@
-export const generateFieldID = (path, editDepth, uuid) => {
+export const generateFieldID = (path, editDepth, uuid, prefix = 'field') => {
   if (!path) {
     return undefined;
   }
-  return `field-${path.replace(/\./g, '__')}${editDepth > 1 ? `-${editDepth}` : ''}${uuid ? `-${uuid}` : ''}`;
+  return `${prefix}-${path.replace(/\./g, '__')}${editDepth > 1 ? `-${editDepth}` : ''}${uuid ? `-${uuid}` : ''}`;
 };
 //# sourceMappingURL=generateFieldID.js.map

package/dist/utilities/generateFieldID.js.map

@@ -1 +1 @@
-{"version":3,"file":"generateFieldID.js","names":["generateFieldID","path","editDepth","uuid","undefined","replace"],"sources":["../../src/utilities/generateFieldID.ts"],"sourcesContent":["export const generateFieldID = (path: string, editDepth: number, uuid: string) => {\n  if (!path) {\n    return undefined\n  }\n  return `field-${path.replace(/\\./g, '__')}${editDepth > 1 ? `-${editDepth}` : ''}${uuid ? `-${uuid}` : ''}`\n}\n"],"mappings":"AAAA,OAAO,MAAMA,eAAA,GAAkBA,CAACC,IAAA,EAAcC,SAAA,EAAmBC,IAAA;EAC/D,IAAI,CAACF,IAAA,EAAM;IACT,OAAOG,SAAA;EACT;EACA,OAAO,SAASH,IAAA,CAAKI,OAAO,CAAC,OAAO,QAAQH,SAAA,GAAY,IAAI,IAAIA,SAAA,EAAW,GAAG,KAAKC,IAAA,GAAO,IAAIA,IAAA,EAAM,GAAG,IAAI;AAC7G","ignoreList":[]}
+{"version":3,"file":"generateFieldID.js","names":["generateFieldID","path","editDepth","uuid","prefix","undefined","replace"],"sources":["../../src/utilities/generateFieldID.ts"],"sourcesContent":["export const generateFieldID = (\n  path: string,\n  editDepth: number,\n  uuid: string,\n  prefix: string = 'field',\n) => {\n  if (!path) {\n    return undefined\n  }\n  return `${prefix}-${path.replace(/\\./g, '__')}${editDepth > 1 ? `-${editDepth}` : ''}${uuid ? `-${uuid}` : ''}`\n}\n"],"mappings":"AAAA,OAAO,MAAMA,eAAA,GAAkBA,CAC7BC,IAAA,EACAC,SAAA,EACAC,IAAA,EACAC,MAAA,GAAiB,OAAO;EAExB,IAAI,CAACH,IAAA,EAAM;IACT,OAAOI,SAAA;EACT;EACA,OAAO,GAAGD,MAAA,IAAUH,IAAA,CAAKK,OAAO,CAAC,OAAO,QAAQJ,SAAA,GAAY,IAAI,IAAIA,SAAA,EAAW,GAAG,KAAKC,IAAA,GAAO,IAAIA,IAAA,EAAM,GAAG,IAAI;AACjH","ignoreList":[]}

package/dist/utilities/getRequestEmbed.d.ts

@@ -0,0 +1,14 @@
+import type { SanitizedConfig } from 'payload';
+type GetRequestEmbedArgs = {
+    config: SanitizedConfig;
+    cookies: Map<string, string>;
+};
+/**
+ * Reads the embed cookie from the request so embed mode renders correctly on
+ * first paint for any load once the cookie exists. The `?embed=true` query
+ * parameter is handled client-side, because the root layout cannot see search
+ * params.
+ */
+export declare const getRequestEmbed: ({ config, cookies }: GetRequestEmbedArgs) => boolean;
+export {};
+//# sourceMappingURL=getRequestEmbed.d.ts.map

package/dist/utilities/getRequestEmbed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRequestEmbed.d.ts","sourceRoot":"","sources":["../../src/utilities/getRequestEmbed.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,eAAe,CAAA;IACvB,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAC7B,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,eAAe,wBAAyB,mBAAmB,KAAG,OACN,CAAA"}

package/dist/utilities/getRequestEmbed.js

@@ -0,0 +1,10 @@
+/**
+ * Reads the embed cookie from the request so embed mode renders correctly on
+ * first paint for any load once the cookie exists. The `?embed=true` query
+ * parameter is handled client-side, because the root layout cannot see search
+ * params.
+ */export const getRequestEmbed = ({
+  config,
+  cookies
+}) => cookies.get(`${config.cookiePrefix || 'payload'}-embed`) === 'true';
+//# sourceMappingURL=getRequestEmbed.js.map

package/dist/utilities/getRequestEmbed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRequestEmbed.js","names":["getRequestEmbed","config","cookies","get","cookiePrefix"],"sources":["../../src/utilities/getRequestEmbed.ts"],"sourcesContent":["import type { SanitizedConfig } from 'payload'\n\ntype GetRequestEmbedArgs = {\n  config: SanitizedConfig\n  cookies: Map<string, string>\n}\n\n/**\n * Reads the embed cookie from the request so embed mode renders correctly on\n * first paint for any load once the cookie exists. The `?embed=true` query\n * parameter is handled client-side, because the root layout cannot see search\n * params.\n */\nexport const getRequestEmbed = ({ config, cookies }: GetRequestEmbedArgs): boolean =>\n  cookies.get(`${config.cookiePrefix || 'payload'}-embed`) === 'true'\n"],"mappings":"AAOA;;;;;GAMA,OAAO,MAAMA,eAAA,GAAkBA,CAAC;EAAEC,MAAM;EAAEC;AAAO,CAAuB,KACtEA,OAAA,CAAQC,GAAG,CAAC,GAAGF,MAAA,CAAOG,YAAY,IAAI,iBAAiB,MAAM","ignoreList":[]}

package/dist/utilities/renderTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderTable.d.ts","sourceRoot":"","sources":["../../src/utilities/renderTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sBAAsB,EACtB,YAAY,EAEZ,gBAAgB,EAChB,MAAM,EACN,gBAAgB,EAChB,KAAK,EACL,SAAS,EACT,SAAS,EACT,aAAa,EACb,OAAO,EACP,cAAc,EACd,yBAAyB,EACzB,0BAA0B,EAC1B,SAAS,EACV,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE1E,OAAO,KAAK,MAAM,OAAO,CAAA;AA0BzB,eAAO,MAAM,aAAa,WAChB,KAAK,EAAE,aACJ,SAAS,KACnB,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAoB3B,CAAA;AAEH,eAAO,MAAM,WAAW,qTAwBrB;IACD,sBAAsB,CAAC,EAAE,sBAAsB,CAAA;IAC/C,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,OAAO,EAAE,gBAAgB,EAAE,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACzC,IAAI,CAAC,EAAE,aAAa,GAAG,SAAS,CAAA;IAChC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,gBAAgB,CAAC,EAAE,0BAA0B,CAAA;IAC7C,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,UAAU,CAAA;IAChB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,kBAAkB,EAAE,MAAM,CAAA;IAC1B,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,GAAG,CAAC,EAAE,cAAc,CAAA;IACpB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IACzC,UAAU,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,KAAG;IACF,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;CAyNvB,CAAA"}
+{"version":3,"file":"renderTable.d.ts","sourceRoot":"","sources":["../../src/utilities/renderTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sBAAsB,EACtB,YAAY,EAEZ,gBAAgB,EAChB,MAAM,EACN,gBAAgB,EAChB,KAAK,EACL,SAAS,EACT,SAAS,EACT,aAAa,EACb,OAAO,EACP,cAAc,EACd,yBAAyB,EACzB,0BAA0B,EAC1B,SAAS,EACV,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE1E,OAAO,KAAK,MAAM,OAAO,CAAA;AA0BzB,eAAO,MAAM,aAAa,WAChB,KAAK,EAAE,aACJ,SAAS,KACnB,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAoB3B,CAAA;AAEH,eAAO,MAAM,WAAW,qTAwBrB;IACD,sBAAsB,CAAC,EAAE,sBAAsB,CAAA;IAC/C,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,OAAO,EAAE,gBAAgB,EAAE,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACzC,IAAI,CAAC,EAAE,aAAa,GAAG,SAAS,CAAA;IAChC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,gBAAgB,CAAC,EAAE,0BAA0B,CAAA;IAC7C,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,UAAU,CAAA;IAChB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,kBAAkB,EAAE,MAAM,CAAA;IAC1B,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,GAAG,CAAC,EAAE,cAAc,CAAA;IACpB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IACzC,UAAU,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,KAAG;IACF,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;CA6NvB,CAAA"}

package/dist/utilities/renderTable.js

@@ -138,8 +138,13 @@ export const renderTable = ({
         hidden: true
       },
       Heading: /*#__PURE__*/_jsx(SelectAll, {}),
-      renderedCells: (data?.docs || []).map((_, i) => /*#__PURE__*/_jsx(SelectRow, {
-        rowData: data?.docs[i]
+      renderedCells: (data?.docs || []).map((row, i) => /*#__PURE__*/_jsx(SelectRow, {
+        rowData: row,
+        selectRowLabel: getSelectRowLabel({
+          i18n,
+          rowData: row,
+          useAsTitle
+        })
       }, i))
     });
   }
@@ -224,4 +229,15 @@ export const renderTable = ({
     }, key)
   };
 };
+const getSelectRowLabel = ({
+  i18n,
+  rowData,
+  useAsTitle
+}) => {
+  const title = useAsTitle ? rowData[useAsTitle] : undefined;
+  const label = typeof title === 'number' || typeof title === 'string' && title ? String(title) : String(rowData.id);
+  return i18n.t('general:selectLabel', {
+    label
+  });
+};
 //# sourceMappingURL=renderTable.js.map

package/dist/utilities/renderTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderTable.js","names":["getTranslation","fieldAffectsData","fieldIsHiddenOrDisabled","React","RenderServerComponent","TableSectionContent","TableSectionHeader","TableSectionRoot","GroupByHeader","GroupByPageControls","OrderableTable","Pill","SelectAll","SelectionProvider","SelectRow","SortHeader","SortRow","Table","filterFieldsWithPermissions","buildColumnState","renderFilters","fields","importMap","reduce","acc","field","admin","components","Filter","set","name","Component","Map","renderTable","clientCollectionConfig","clientConfig","collectionConfig","collections","columns","customCellProps","data","enableRowSelections","fieldPermissions","groupByFieldPath","groupByValue","heading","i18n","key","orderableFieldName","payload","query","renderRowTypes","req","showHeading","tableAppearance","useAsTitle","viewType","columnState","clientFields","serverFields","isPolymorphic","isGroupingBy","Boolean","groupBy","collection","find","each","slug","some","push","serverCollectionConfig","config","sharedArgs","collectionSlug","undefined","dataType","docs","columnsToUse","unshift","accessor","active","disabled","hidden","Heading","t","renderedCells","map","doc","i","_jsx","size","relationTo","labels","singular","_","rowData","className","filter","join","_jsxs","totalDocs","appearance","splice"],"sources":["../../src/utilities/renderTable.tsx"],"sourcesContent":["import type {\n  ClientCollectionConfig,\n  ClientConfig,\n  ClientField,\n  CollectionConfig,\n  Column,\n  ColumnPreference,\n  Field,\n  ImportMap,\n  ListQuery,\n  PaginatedDocs,\n  Payload,\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedFieldsPermissions,\n  ViewTypes,\n} from 'payload'\n\nimport { getTranslation, type I18nClient } from '@payloadcms/translations'\nimport { fieldAffectsData, fieldIsHiddenOrDisabled } from 'payload/shared'\nimport React from 'react'\n\nimport type { BuildColumnStateArgs } from '../providers/TableColumns/buildColumnState/index.js'\n\nimport { RenderServerComponent } from '../elements/RenderServerComponent/index.js'\nimport {\n  TableSectionContent,\n  TableSectionHeader,\n  TableSectionRoot,\n} from '../elements/TableSection/index.js'\nimport {\n  GroupByHeader,\n  GroupByPageControls,\n  OrderableTable,\n  Pill,\n  SelectAll,\n  SelectionProvider,\n  SelectRow,\n  SortHeader,\n  SortRow,\n  Table,\n  // eslint-disable-next-line payload/no-imports-from-exports-dir -- these MUST reference the exports dir: https://github.com/payloadcms/payload/issues/12002#issuecomment-2791493587\n} from '../exports/client/index.js'\nimport { filterFieldsWithPermissions } from '../providers/TableColumns/buildColumnState/filterFieldsWithPermissions.js'\nimport { buildColumnState } from '../providers/TableColumns/buildColumnState/index.js'\n\nexport const renderFilters = (\n  fields: Field[],\n  importMap: ImportMap,\n): Map<string, React.ReactNode> =>\n  fields.reduce(\n    (acc, field) => {\n      if (fieldIsHiddenOrDisabled(field)) {\n        return acc\n      }\n\n      if ('name' in field && field.admin?.components?.Filter) {\n        acc.set(\n          field.name,\n          RenderServerComponent({\n            Component: field.admin.components?.Filter,\n            importMap,\n          }),\n        )\n      }\n\n      return acc\n    },\n    new Map() as Map<string, React.ReactNode>,\n  )\n\nexport const renderTable = ({\n  clientCollectionConfig,\n  clientConfig,\n  collectionConfig,\n  collections,\n  columns,\n  customCellProps,\n  data,\n  enableRowSelections,\n  fieldPermissions,\n  groupByFieldPath,\n  groupByValue,\n  heading,\n  i18n,\n  key = 'table',\n  orderableFieldName,\n  payload,\n  query,\n  renderRowTypes,\n  req,\n  showHeading,\n  tableAppearance,\n  useAsTitle,\n  viewType,\n}: {\n  clientCollectionConfig?: ClientCollectionConfig\n  clientConfig?: ClientConfig\n  collectionConfig?: SanitizedCollectionConfig\n  collections?: string[]\n  columns: ColumnPreference[]\n  customCellProps?: Record<string, unknown>\n  data?: PaginatedDocs | undefined\n  drawerSlug?: string\n  enableRowSelections: boolean\n  fieldPermissions?: SanitizedFieldsPermissions\n  groupByFieldPath?: string\n  groupByValue?: string\n  heading?: string\n  i18n: I18nClient\n  key?: string\n  orderableFieldName: string\n  payload: Payload\n  query?: ListQuery\n  renderRowTypes?: boolean\n  req?: PayloadRequest\n  /** Show heading without requiring full groupBy context */\n  showHeading?: boolean\n  tableAppearance?: 'condensed' | 'default'\n  useAsTitle: CollectionConfig['admin']['useAsTitle']\n  viewType?: ViewTypes\n}): {\n  columnState: Column[]\n  Table: React.ReactNode\n} => {\n  // Ensure that columns passed as args comply with the field config, i.e. `hidden`, `disabled.column`, etc.\n\n  let columnState: Column[]\n  let clientFields: ClientField[] = clientCollectionConfig?.fields || []\n  let serverFields: Field[] = collectionConfig?.fields || []\n  const isPolymorphic = collections\n\n  const isGroupingBy = Boolean(query?.groupBy)\n\n  if (isPolymorphic) {\n    clientFields = []\n    serverFields = []\n\n    for (const collection of collections) {\n      const clientCollectionConfig = clientConfig.collections.find(\n        (each) => each.slug === collection,\n      )\n\n      for (const field of filterFieldsWithPermissions({\n        fieldPermissions,\n        fields: clientCollectionConfig.fields,\n      })) {\n        if (fieldAffectsData(field)) {\n          if (clientFields.some((each) => fieldAffectsData(each) && each.name === field.name)) {\n            continue\n          }\n        }\n\n        clientFields.push(field)\n      }\n\n      const serverCollectionConfig = payload.collections[collection].config\n\n      for (const field of filterFieldsWithPermissions<Field>({\n        fieldPermissions,\n        fields: serverCollectionConfig.fields,\n      })) {\n        if (fieldAffectsData(field)) {\n          if (serverFields.some((each) => fieldAffectsData(each) && each.name === field.name)) {\n            continue\n          }\n        }\n\n        serverFields.push(field)\n      }\n    }\n  }\n\n  const sharedArgs: Pick<\n    BuildColumnStateArgs,\n    | 'clientFields'\n    | 'columns'\n    | 'customCellProps'\n    | 'enableRowSelections'\n    | 'fieldPermissions'\n    | 'i18n'\n    | 'payload'\n    | 'req'\n    | 'serverFields'\n    | 'useAsTitle'\n    | 'viewType'\n  > = {\n    clientFields,\n    columns,\n    enableRowSelections,\n    fieldPermissions,\n    i18n,\n    // sortColumnProps,\n    customCellProps,\n    payload,\n    req,\n    serverFields,\n    useAsTitle,\n    viewType,\n  }\n\n  if (isPolymorphic) {\n    columnState = buildColumnState({\n      ...sharedArgs,\n      collectionSlug: undefined,\n      dataType: 'polymorphic',\n      docs: data?.docs || [],\n    })\n  } else {\n    columnState = buildColumnState({\n      ...sharedArgs,\n      collectionSlug: clientCollectionConfig.slug,\n      dataType: 'monomorphic',\n      docs: data?.docs || [],\n    })\n  }\n\n  const columnsToUse = [...columnState]\n\n  if (renderRowTypes) {\n    columnsToUse.unshift({\n      accessor: 'collection',\n      active: true,\n      field: {\n        admin: {\n          disabled: true,\n        },\n        hidden: true,\n      },\n      Heading: i18n.t('version:type'),\n      renderedCells: (data?.docs || []).map((doc, i) => (\n        <Pill key={i} size=\"small\">\n          {getTranslation(\n            collections\n              ? payload.collections[doc.relationTo].config.labels.singular\n              : clientCollectionConfig.labels.singular,\n            i18n,\n          )}\n        </Pill>\n      )),\n    } as Column)\n  }\n\n  if (enableRowSelections) {\n    columnsToUse.unshift({\n      accessor: '_select',\n      active: true,\n      field: {\n        admin: {\n          disabled: true,\n        },\n        hidden: true,\n      },\n      Heading: <SelectAll />,\n      renderedCells: (data?.docs || []).map((_, i) => (\n        <SelectRow key={i} rowData={data?.docs[i]} />\n      )),\n    } as Column)\n  }\n\n  if (isGroupingBy) {\n    return {\n      columnState,\n      // key is required since Next.js 15.2.0 to prevent React key error\n      Table: (\n        <TableSectionRoot\n          className={['table-wrap', groupByValue !== undefined && `table-wrap--group-by`]\n            .filter(Boolean)\n            .join(' ')}\n          data-group-id={groupByValue}\n          key={key}\n        >\n          <SelectionProvider docs={data?.docs || []} totalDocs={data?.totalDocs || 0}>\n            <TableSectionHeader heading={heading}>\n              <GroupByHeader\n                collectionConfig={clientCollectionConfig}\n                groupByFieldPath={groupByFieldPath}\n                groupByValue={groupByValue}\n                heading={heading}\n              />\n              <GroupByPageControls data={data} groupByValue={groupByValue} />\n            </TableSectionHeader>\n            <TableSectionContent>\n              <Table appearance={tableAppearance} columns={columnsToUse} data={data?.docs || []} />\n            </TableSectionContent>\n          </SelectionProvider>\n        </TableSectionRoot>\n      ),\n    }\n  }\n\n  if (!orderableFieldName) {\n    return {\n      columnState,\n      // key is required since Next.js 15.2.0 to prevent React key error\n      Table: (\n        <TableSectionRoot className=\"table-wrap\" key={key}>\n          {showHeading && heading && (\n            <TableSectionHeader>\n              <h4>{heading}</h4>\n            </TableSectionHeader>\n          )}\n          <TableSectionContent>\n            <Table appearance={tableAppearance} columns={columnsToUse} data={data?.docs || []} />\n          </TableSectionContent>\n        </TableSectionRoot>\n      ),\n    }\n  }\n\n  // Insert after _select column (index 1) so order is: _select, _dragHandle, ...rest\n  columnsToUse.splice(enableRowSelections ? 1 : 0, 0, {\n    accessor: '_dragHandle',\n    active: true,\n    field: {\n      admin: {\n        disabled: true,\n      },\n      hidden: true,\n    },\n    Heading: <SortHeader />,\n    renderedCells: (data?.docs || []).map((_, i) => <SortRow key={i} />),\n  } as Column)\n\n  return {\n    columnState,\n    // key is required since Next.js 15.2.0 to prevent React key error\n    Table: (\n      <TableSectionRoot className=\"table-wrap\" key={key}>\n        <TableSectionContent>\n          <OrderableTable\n            appearance={tableAppearance}\n            collection={clientCollectionConfig}\n            columns={columnsToUse}\n            data={data?.docs || []}\n          />\n        </TableSectionContent>\n      </TableSectionRoot>\n    ),\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"renderTable.js","names":["getTranslation","fieldAffectsData","fieldIsHiddenOrDisabled","React","RenderServerComponent","TableSectionContent","TableSectionHeader","TableSectionRoot","GroupByHeader","GroupByPageControls","OrderableTable","Pill","SelectAll","SelectionProvider","SelectRow","SortHeader","SortRow","Table","filterFieldsWithPermissions","buildColumnState","renderFilters","fields","importMap","reduce","acc","field","admin","components","Filter","set","name","Component","Map","renderTable","clientCollectionConfig","clientConfig","collectionConfig","collections","columns","customCellProps","data","enableRowSelections","fieldPermissions","groupByFieldPath","groupByValue","heading","i18n","key","orderableFieldName","payload","query","renderRowTypes","req","showHeading","tableAppearance","useAsTitle","viewType","columnState","clientFields","serverFields","isPolymorphic","isGroupingBy","Boolean","groupBy","collection","find","each","slug","some","push","serverCollectionConfig","config","sharedArgs","collectionSlug","undefined","dataType","docs","columnsToUse","unshift","accessor","active","disabled","hidden","Heading","t","renderedCells","map","doc","i","_jsx","size","relationTo","labels","singular","row","rowData","selectRowLabel","getSelectRowLabel","className","filter","join","_jsxs","totalDocs","appearance","splice","_","title","label","String","id"],"sources":["../../src/utilities/renderTable.tsx"],"sourcesContent":["import type {\n  ClientCollectionConfig,\n  ClientConfig,\n  ClientField,\n  CollectionConfig,\n  Column,\n  ColumnPreference,\n  Field,\n  ImportMap,\n  ListQuery,\n  PaginatedDocs,\n  Payload,\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedFieldsPermissions,\n  ViewTypes,\n} from 'payload'\n\nimport { getTranslation, type I18nClient } from '@payloadcms/translations'\nimport { fieldAffectsData, fieldIsHiddenOrDisabled } from 'payload/shared'\nimport React from 'react'\n\nimport type { BuildColumnStateArgs } from '../providers/TableColumns/buildColumnState/index.js'\n\nimport { RenderServerComponent } from '../elements/RenderServerComponent/index.js'\nimport {\n  TableSectionContent,\n  TableSectionHeader,\n  TableSectionRoot,\n} from '../elements/TableSection/index.js'\nimport {\n  GroupByHeader,\n  GroupByPageControls,\n  OrderableTable,\n  Pill,\n  SelectAll,\n  SelectionProvider,\n  SelectRow,\n  SortHeader,\n  SortRow,\n  Table,\n  // eslint-disable-next-line payload/no-imports-from-exports-dir -- these MUST reference the exports dir: https://github.com/payloadcms/payload/issues/12002#issuecomment-2791493587\n} from '../exports/client/index.js'\nimport { filterFieldsWithPermissions } from '../providers/TableColumns/buildColumnState/filterFieldsWithPermissions.js'\nimport { buildColumnState } from '../providers/TableColumns/buildColumnState/index.js'\n\nexport const renderFilters = (\n  fields: Field[],\n  importMap: ImportMap,\n): Map<string, React.ReactNode> =>\n  fields.reduce(\n    (acc, field) => {\n      if (fieldIsHiddenOrDisabled(field)) {\n        return acc\n      }\n\n      if ('name' in field && field.admin?.components?.Filter) {\n        acc.set(\n          field.name,\n          RenderServerComponent({\n            Component: field.admin.components?.Filter,\n            importMap,\n          }),\n        )\n      }\n\n      return acc\n    },\n    new Map() as Map<string, React.ReactNode>,\n  )\n\nexport const renderTable = ({\n  clientCollectionConfig,\n  clientConfig,\n  collectionConfig,\n  collections,\n  columns,\n  customCellProps,\n  data,\n  enableRowSelections,\n  fieldPermissions,\n  groupByFieldPath,\n  groupByValue,\n  heading,\n  i18n,\n  key = 'table',\n  orderableFieldName,\n  payload,\n  query,\n  renderRowTypes,\n  req,\n  showHeading,\n  tableAppearance,\n  useAsTitle,\n  viewType,\n}: {\n  clientCollectionConfig?: ClientCollectionConfig\n  clientConfig?: ClientConfig\n  collectionConfig?: SanitizedCollectionConfig\n  collections?: string[]\n  columns: ColumnPreference[]\n  customCellProps?: Record<string, unknown>\n  data?: PaginatedDocs | undefined\n  drawerSlug?: string\n  enableRowSelections: boolean\n  fieldPermissions?: SanitizedFieldsPermissions\n  groupByFieldPath?: string\n  groupByValue?: string\n  heading?: string\n  i18n: I18nClient\n  key?: string\n  orderableFieldName: string\n  payload: Payload\n  query?: ListQuery\n  renderRowTypes?: boolean\n  req?: PayloadRequest\n  /** Show heading without requiring full groupBy context */\n  showHeading?: boolean\n  tableAppearance?: 'condensed' | 'default'\n  useAsTitle: CollectionConfig['admin']['useAsTitle']\n  viewType?: ViewTypes\n}): {\n  columnState: Column[]\n  Table: React.ReactNode\n} => {\n  // Ensure that columns passed as args comply with the field config, i.e. `hidden`, `disabled.column`, etc.\n\n  let columnState: Column[]\n  let clientFields: ClientField[] = clientCollectionConfig?.fields || []\n  let serverFields: Field[] = collectionConfig?.fields || []\n  const isPolymorphic = collections\n\n  const isGroupingBy = Boolean(query?.groupBy)\n\n  if (isPolymorphic) {\n    clientFields = []\n    serverFields = []\n\n    for (const collection of collections) {\n      const clientCollectionConfig = clientConfig.collections.find(\n        (each) => each.slug === collection,\n      )\n\n      for (const field of filterFieldsWithPermissions({\n        fieldPermissions,\n        fields: clientCollectionConfig.fields,\n      })) {\n        if (fieldAffectsData(field)) {\n          if (clientFields.some((each) => fieldAffectsData(each) && each.name === field.name)) {\n            continue\n          }\n        }\n\n        clientFields.push(field)\n      }\n\n      const serverCollectionConfig = payload.collections[collection].config\n\n      for (const field of filterFieldsWithPermissions<Field>({\n        fieldPermissions,\n        fields: serverCollectionConfig.fields,\n      })) {\n        if (fieldAffectsData(field)) {\n          if (serverFields.some((each) => fieldAffectsData(each) && each.name === field.name)) {\n            continue\n          }\n        }\n\n        serverFields.push(field)\n      }\n    }\n  }\n\n  const sharedArgs: Pick<\n    BuildColumnStateArgs,\n    | 'clientFields'\n    | 'columns'\n    | 'customCellProps'\n    | 'enableRowSelections'\n    | 'fieldPermissions'\n    | 'i18n'\n    | 'payload'\n    | 'req'\n    | 'serverFields'\n    | 'useAsTitle'\n    | 'viewType'\n  > = {\n    clientFields,\n    columns,\n    enableRowSelections,\n    fieldPermissions,\n    i18n,\n    // sortColumnProps,\n    customCellProps,\n    payload,\n    req,\n    serverFields,\n    useAsTitle,\n    viewType,\n  }\n\n  if (isPolymorphic) {\n    columnState = buildColumnState({\n      ...sharedArgs,\n      collectionSlug: undefined,\n      dataType: 'polymorphic',\n      docs: data?.docs || [],\n    })\n  } else {\n    columnState = buildColumnState({\n      ...sharedArgs,\n      collectionSlug: clientCollectionConfig.slug,\n      dataType: 'monomorphic',\n      docs: data?.docs || [],\n    })\n  }\n\n  const columnsToUse = [...columnState]\n\n  if (renderRowTypes) {\n    columnsToUse.unshift({\n      accessor: 'collection',\n      active: true,\n      field: {\n        admin: {\n          disabled: true,\n        },\n        hidden: true,\n      },\n      Heading: i18n.t('version:type'),\n      renderedCells: (data?.docs || []).map((doc, i) => (\n        <Pill key={i} size=\"small\">\n          {getTranslation(\n            collections\n              ? payload.collections[doc.relationTo].config.labels.singular\n              : clientCollectionConfig.labels.singular,\n            i18n,\n          )}\n        </Pill>\n      )),\n    } as Column)\n  }\n\n  if (enableRowSelections) {\n    columnsToUse.unshift({\n      accessor: '_select',\n      active: true,\n      field: {\n        admin: {\n          disabled: true,\n        },\n        hidden: true,\n      },\n      Heading: <SelectAll />,\n      renderedCells: (data?.docs || []).map((row, i) => (\n        <SelectRow\n          key={i}\n          rowData={row}\n          selectRowLabel={getSelectRowLabel({ i18n, rowData: row, useAsTitle })}\n        />\n      )),\n    } as Column)\n  }\n\n  if (isGroupingBy) {\n    return {\n      columnState,\n      // key is required since Next.js 15.2.0 to prevent React key error\n      Table: (\n        <TableSectionRoot\n          className={['table-wrap', groupByValue !== undefined && `table-wrap--group-by`]\n            .filter(Boolean)\n            .join(' ')}\n          data-group-id={groupByValue}\n          key={key}\n        >\n          <SelectionProvider docs={data?.docs || []} totalDocs={data?.totalDocs || 0}>\n            <TableSectionHeader heading={heading}>\n              <GroupByHeader\n                collectionConfig={clientCollectionConfig}\n                groupByFieldPath={groupByFieldPath}\n                groupByValue={groupByValue}\n                heading={heading}\n              />\n              <GroupByPageControls data={data} groupByValue={groupByValue} />\n            </TableSectionHeader>\n            <TableSectionContent>\n              <Table appearance={tableAppearance} columns={columnsToUse} data={data?.docs || []} />\n            </TableSectionContent>\n          </SelectionProvider>\n        </TableSectionRoot>\n      ),\n    }\n  }\n\n  if (!orderableFieldName) {\n    return {\n      columnState,\n      // key is required since Next.js 15.2.0 to prevent React key error\n      Table: (\n        <TableSectionRoot className=\"table-wrap\" key={key}>\n          {showHeading && heading && (\n            <TableSectionHeader>\n              <h4>{heading}</h4>\n            </TableSectionHeader>\n          )}\n          <TableSectionContent>\n            <Table appearance={tableAppearance} columns={columnsToUse} data={data?.docs || []} />\n          </TableSectionContent>\n        </TableSectionRoot>\n      ),\n    }\n  }\n\n  // Insert after _select column (index 1) so order is: _select, _dragHandle, ...rest\n  columnsToUse.splice(enableRowSelections ? 1 : 0, 0, {\n    accessor: '_dragHandle',\n    active: true,\n    field: {\n      admin: {\n        disabled: true,\n      },\n      hidden: true,\n    },\n    Heading: <SortHeader />,\n    renderedCells: (data?.docs || []).map((_, i) => <SortRow key={i} />),\n  } as Column)\n\n  return {\n    columnState,\n    // key is required since Next.js 15.2.0 to prevent React key error\n    Table: (\n      <TableSectionRoot className=\"table-wrap\" key={key}>\n        <TableSectionContent>\n          <OrderableTable\n            appearance={tableAppearance}\n            collection={clientCollectionConfig}\n            columns={columnsToUse}\n            data={data?.docs || []}\n          />\n        </TableSectionContent>\n      </TableSectionRoot>\n    ),\n  }\n}\n\nconst getSelectRowLabel = ({\n  i18n,\n  rowData,\n  useAsTitle,\n}: {\n  i18n: I18nClient\n  rowData: { id: number | string } & Record<string, unknown>\n  useAsTitle: CollectionConfig['admin']['useAsTitle']\n}) => {\n  const title = useAsTitle ? rowData[useAsTitle] : undefined\n  const label =\n    typeof title === 'number' || (typeof title === 'string' && title)\n      ? String(title)\n      : String(rowData.id)\n\n  return i18n.t('general:selectLabel', { label })\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/utilities/slugify.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slugify.d.ts","sourceRoot":"","sources":["../../src/utilities/slugify.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,yBAAyB,EAE/B,MAAM,SAAS,CAAA;AAGhB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,EAAE,cAAc,CACzC,yBAAyB,EACzB,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAiC7B,CAAA"}
+{"version":3,"file":"slugify.d.ts","sourceRoot":"","sources":["../../src/utilities/slugify.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAML,KAAK,cAAc,EACnB,KAAK,yBAAyB,EAE/B,MAAM,SAAS,CAAA;AAGhB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,EAAE,cAAc,CACzC,yBAAyB,EACzB,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAkF7B,CAAA"}

package/dist/utilities/slugify.js

@@ -1,4 +1,4 @@
-import { flattenAllFields, getFieldByPath, UnauthorizedError } from 'payload';
+import { executeAccess, getFieldByPath, getSlugFallbackValue, getUniqueFieldValue, hasDraftsEnabled, UnauthorizedError } from 'payload';
 import { slugify as defaultSlugify } from 'payload/shared';
 /**
  * This server function is directly related to the {@link https://payloadcms.com/docs/fields/slug | Slug Field}.
@@ -13,9 +13,11 @@ import { slugify as defaultSlugify } from 'payload/shared';
  */
 export const slugifyHandler = async args => {
   const {
+    id,
     collectionSlug,
     data,
     globalSlug,
+    locale,
     path,
     req,
     valueToSlugify
@@ -31,17 +33,58 @@ export const slugifyHandler = async args => {
     field
   } = getFieldByPath({
     config: req.payload.config,
-    fields: flattenAllFields({
-      fields: docConfig.fields
-    }),
+    fields: docConfig.flattenedFields,
     path
   });
   const customSlugify = typeof field?.custom?.slugify === 'function' ? field.custom.slugify : undefined;
-  const result = customSlugify ? await customSlugify({
+  const slugify = valueToSlugify => customSlugify ? customSlugify({
     data,
     req,
     valueToSlugify
   }) : defaultSlugify(valueToSlugify);
-  return result;
+  const result = await slugify(valueToSlugify);
+  const collectionConfig = collectionSlug ? req.payload.collections[collectionSlug]?.config : null;
+  // Uniqueness dedupe only applies to a collection's slug field. Globals have no collection to
+  // dedupe against, so their result is returned as-is.
+  if (!collectionConfig || !field || field.type !== 'slug' || !('name' in field)) {
+    return result;
+  }
+  // Probing reads across the whole collection with the raw db, so require unrestricted read access —
+  // a row-filtered (`Where`) result is treated as not allowed, since scoping the probe to readable
+  // rows would break uniqueness.
+  const canRead = await executeAccess({
+    disableErrors: true,
+    req
+  }, collectionConfig.access.read);
+  if (canRead !== true) {
+    return result;
+  }
+  // A localized slug is unique per-locale, so scope the probe to the current locale — otherwise it
+  // dedupes against the default locale and can hand back a colliding value. The client passes the
+  // active admin locale; fall back to the request's own locale.
+  const localeToScope = field.localized ? locale ?? req.locale ?? undefined : undefined;
+  // The current doc is excluded so a regenerate can reuse its own value rather than bump past it.
+  const excludeId = typeof id === 'string' || typeof id === 'number' ? id : undefined;
+  // A source resolved to a value: dedupe it the same way the next save would, so the generate button
+  // can't hand back a slug that's already taken. With no source, return the `<singular>-N` fallback.
+  if (result) {
+    return getUniqueFieldValue({
+      id: excludeId,
+      collection: collectionConfig.slug,
+      draftsEnabled: hasDraftsEnabled(collectionConfig),
+      field: field.name,
+      locale: localeToScope,
+      req,
+      value: result
+    });
+  }
+  return getSlugFallbackValue({
+    id: excludeId,
+    collection: collectionConfig,
+    field: field.name,
+    locale: localeToScope,
+    req,
+    slugify
+  });
 };
 //# sourceMappingURL=slugify.js.map

package/dist/utilities/slugify.js.map

@@ -1 +1 @@
-{"version":3,"file":"slugify.js","names":["flattenAllFields","getFieldByPath","UnauthorizedError","slugify","defaultSlugify","slugifyHandler","args","collectionSlug","data","globalSlug","path","req","valueToSlugify","user","docConfig","payload","collections","config","globals","find","g","slug","Error","field","fields","customSlugify","custom","undefined","result"],"sources":["../../src/utilities/slugify.ts"],"sourcesContent":["import type { Slugify } from 'payload/shared'\n\nimport {\n  flattenAllFields,\n  getFieldByPath,\n  type ServerFunction,\n  type SlugifyServerFunctionArgs,\n  UnauthorizedError,\n} from 'payload'\nimport { slugify as defaultSlugify } from 'payload/shared'\n\n/**\n * This server function is directly related to the {@link https://payloadcms.com/docs/fields/slug | Slug Field}.\n * This is a server function that is used to invoke the user's custom slugify function from the client.\n * This pattern is required, as there is no other way for us to pass their function across the client-server boundary.\n *   - Not through props\n *   - Not from a server function defined within a server component (see below)\n * When a server function contains non-serializable data within its closure, it gets passed through the boundary (and breaks).\n * The only way to pass server functions to the client (that contain non-serializable data) is if it is globally defined.\n * But we also cannot define this function alongside the server component, as we will not have access to their custom slugify function.\n * See `ServerFunctionsProvider` for more details.\n */\nexport const slugifyHandler: ServerFunction<\n  SlugifyServerFunctionArgs,\n  Promise<ReturnType<Slugify>>\n> = async (args) => {\n  const { collectionSlug, data, globalSlug, path, req, valueToSlugify } = args\n\n  if (!req.user) {\n    throw new UnauthorizedError()\n  }\n\n  const docConfig = collectionSlug\n    ? req.payload.collections[collectionSlug]?.config\n    : globalSlug\n      ? req.payload.config.globals.find((g) => g.slug === globalSlug)\n      : null\n\n  if (!docConfig) {\n    throw new Error()\n  }\n\n  const { field } = getFieldByPath({\n    config: req.payload.config,\n    fields: flattenAllFields({ fields: docConfig.fields }),\n    path,\n  })\n\n  const customSlugify = (\n    typeof field?.custom?.slugify === 'function' ? field.custom.slugify : undefined\n  ) as Slugify\n\n  const result = customSlugify\n    ? await customSlugify({ data, req, valueToSlugify })\n    : defaultSlugify(valueToSlugify)\n\n  return result\n}\n"],"mappings":"AAEA,SACEA,gBAAgB,EAChBC,cAAc,EAGdC,iBAAiB,QACZ;AACP,SAASC,OAAA,IAAWC,cAAc,QAAQ;AAE1C;;;;;;;;;;;AAWA,OAAO,MAAMC,cAAA,GAGT,MAAOC,IAAA;EACT,MAAM;IAAEC,cAAc;IAAEC,IAAI;IAAEC,UAAU;IAAEC,IAAI;IAAEC,GAAG;IAAEC;EAAc,CAAE,GAAGN,IAAA;EAExE,IAAI,CAACK,GAAA,CAAIE,IAAI,EAAE;IACb,MAAM,IAAIX,iBAAA;EACZ;EAEA,MAAMY,SAAA,GAAYP,cAAA,GACdI,GAAA,CAAII,OAAO,CAACC,WAAW,CAACT,cAAA,CAAe,EAAEU,MAAA,GACzCR,UAAA,GACEE,GAAA,CAAII,OAAO,CAACE,MAAM,CAACC,OAAO,CAACC,IAAI,CAAEC,CAAA,IAAMA,CAAA,CAAEC,IAAI,KAAKZ,UAAA,IAClD;EAEN,IAAI,CAACK,SAAA,EAAW;IACd,MAAM,IAAIQ,KAAA;EACZ;EAEA,MAAM;IAAEC;EAAK,CAAE,GAAGtB,cAAA,CAAe;IAC/BgB,MAAA,EAAQN,GAAA,CAAII,OAAO,CAACE,MAAM;IAC1BO,MAAA,EAAQxB,gBAAA,CAAiB;MAAEwB,MAAA,EAAQV,SAAA,CAAUU;IAAO;IACpDd;EACF;EAEA,MAAMe,aAAA,GACJ,OAAOF,KAAA,EAAOG,MAAA,EAAQvB,OAAA,KAAY,aAAaoB,KAAA,CAAMG,MAAM,CAACvB,OAAO,GAAGwB,SAAA;EAGxE,MAAMC,MAAA,GAASH,aAAA,GACX,MAAMA,aAAA,CAAc;IAAEjB,IAAA;IAAMG,GAAA;IAAKC;EAAe,KAChDR,cAAA,CAAeQ,cAAA;EAEnB,OAAOgB,MAAA;AACT","ignoreList":[]}
+{"version":3,"file":"slugify.js","names":["executeAccess","getFieldByPath","getSlugFallbackValue","getUniqueFieldValue","hasDraftsEnabled","UnauthorizedError","slugify","defaultSlugify","slugifyHandler","args","id","collectionSlug","data","globalSlug","locale","path","req","valueToSlugify","user","docConfig","payload","collections","config","globals","find","g","slug","Error","field","fields","flattenedFields","customSlugify","custom","undefined","result","collectionConfig","type","canRead","disableErrors","access","read","localeToScope","localized","excludeId","collection","draftsEnabled","name","value"],"sources":["../../src/utilities/slugify.ts"],"sourcesContent":["import type { Slugify } from 'payload/shared'\n\nimport {\n  executeAccess,\n  getFieldByPath,\n  getSlugFallbackValue,\n  getUniqueFieldValue,\n  hasDraftsEnabled,\n  type ServerFunction,\n  type SlugifyServerFunctionArgs,\n  UnauthorizedError,\n} from 'payload'\nimport { slugify as defaultSlugify } from 'payload/shared'\n\n/**\n * This server function is directly related to the {@link https://payloadcms.com/docs/fields/slug | Slug Field}.\n * This is a server function that is used to invoke the user's custom slugify function from the client.\n * This pattern is required, as there is no other way for us to pass their function across the client-server boundary.\n *   - Not through props\n *   - Not from a server function defined within a server component (see below)\n * When a server function contains non-serializable data within its closure, it gets passed through the boundary (and breaks).\n * The only way to pass server functions to the client (that contain non-serializable data) is if it is globally defined.\n * But we also cannot define this function alongside the server component, as we will not have access to their custom slugify function.\n * See `ServerFunctionsProvider` for more details.\n */\nexport const slugifyHandler: ServerFunction<\n  SlugifyServerFunctionArgs,\n  Promise<ReturnType<Slugify>>\n> = async (args) => {\n  const { id, collectionSlug, data, globalSlug, locale, path, req, valueToSlugify } = args\n\n  if (!req.user) {\n    throw new UnauthorizedError()\n  }\n\n  const docConfig = collectionSlug\n    ? req.payload.collections[collectionSlug]?.config\n    : globalSlug\n      ? req.payload.config.globals.find((g) => g.slug === globalSlug)\n      : null\n\n  if (!docConfig) {\n    throw new Error()\n  }\n\n  const { field } = getFieldByPath({\n    config: req.payload.config,\n    fields: docConfig.flattenedFields,\n    path,\n  })\n\n  const customSlugify = (\n    typeof field?.custom?.slugify === 'function' ? field.custom.slugify : undefined\n  ) as Slugify\n\n  const slugify = (valueToSlugify: unknown) =>\n    customSlugify\n      ? customSlugify({ data, req, valueToSlugify })\n      : defaultSlugify(valueToSlugify as string)\n\n  const result = await slugify(valueToSlugify)\n\n  const collectionConfig = collectionSlug ? req.payload.collections[collectionSlug]?.config : null\n\n  // Uniqueness dedupe only applies to a collection's slug field. Globals have no collection to\n  // dedupe against, so their result is returned as-is.\n  if (!collectionConfig || !field || field.type !== 'slug' || !('name' in field)) {\n    return result\n  }\n\n  // Probing reads across the whole collection with the raw db, so require unrestricted read access —\n  // a row-filtered (`Where`) result is treated as not allowed, since scoping the probe to readable\n  // rows would break uniqueness.\n  const canRead = await executeAccess({ disableErrors: true, req }, collectionConfig.access.read)\n\n  if (canRead !== true) {\n    return result\n  }\n\n  // A localized slug is unique per-locale, so scope the probe to the current locale — otherwise it\n  // dedupes against the default locale and can hand back a colliding value. The client passes the\n  // active admin locale; fall back to the request's own locale.\n  const localeToScope = field.localized ? (locale ?? req.locale ?? undefined) : undefined\n\n  // The current doc is excluded so a regenerate can reuse its own value rather than bump past it.\n  const excludeId = typeof id === 'string' || typeof id === 'number' ? id : undefined\n\n  // A source resolved to a value: dedupe it the same way the next save would, so the generate button\n  // can't hand back a slug that's already taken. With no source, return the `<singular>-N` fallback.\n  if (result) {\n    return getUniqueFieldValue({\n      id: excludeId,\n      collection: collectionConfig.slug,\n      draftsEnabled: hasDraftsEnabled(collectionConfig),\n      field: field.name,\n      locale: localeToScope,\n      req,\n      value: result,\n    })\n  }\n\n  return getSlugFallbackValue({\n    id: excludeId,\n    collection: collectionConfig,\n    field: field.name,\n    locale: localeToScope,\n    req,\n    slugify,\n  })\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/index.css

@@ -66,7 +66,6 @@
 
   .widget-wrapper__controls {
     opacity: 0;
-    transition: opacity 0.2s ease;
   }
 
   .widget:focus-visible .widget-wrapper__controls,
@@ -94,10 +93,6 @@
     width: 100%;
   }
 
-  .widget-wrapper--editing .widget-wrapper__controls {
-    transition: opacity 0.2s ease;
-  }
-
   .widget-wrapper--editing:hover .widget-wrapper__controls {
     opacity: 1;
   }
@@ -123,7 +118,6 @@
     border-radius: var(--radius-small);
     cursor: pointer;
     color: var(--color-text-ondanger);
-    transition: all 0.2s ease;
 
     &:hover {
       background: var(--color-bg-danger-hover);
@@ -154,7 +148,6 @@
     border-radius: var(--radius-small);
     cursor: pointer;
     color: var(--color-bg);
-    transition: all 0.2s ease;
 
     & .icon {
       width: var(--spacer-3);
@@ -185,7 +178,6 @@
     border: none;
     border-radius: var(--radius-small);
     cursor: pointer;
-    transition: all 0.2s ease;
     font-family: var(--text-body-small-font-family);
     font-size: var(--text-body-small-font-size);
     font-weight: var(--text-body-small-font-weight);

package/dist/views/Dashboard/Default/ModularDashboard/renderWidget/RenderWidget.js

@@ -45,11 +45,11 @@ export const RenderWidget = t0 => {
           }
           setComponent(React.createElement("div", {
             style: {
-              background: "var(--theme-error-50)",
-              border: "var(--stroke-width-small) solid var(--theme-error-200)",
-              borderRadius: "4px",
+              background: "var(--color-bg-danger-tertiary)",
+              border: "var(--stroke-width-small) solid var(--color-border-danger)",
+              borderRadius: "var(--radius-medium)",
               color: "var(--color-text-danger)",
-              padding: "20px",
+              padding: "var(--spacer-3)",
               textAlign: "center"
             }
           }, "Failed to load widget. Please try again later."));

package/dist/views/Dashboard/Default/ModularDashboard/renderWidget/RenderWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderWidget.js","names":["c","_c","React","useCallback","useEffect","useRef","ShimmerEffect","useServerFunctions","RenderWidget","t0","$","widgetData","widgetId","Component","setComponent","useState","serverFunction","requestIDRef","t1","render","requestID","current","widgetSlug","slice","lastIndexOf","result","name","args","component","t2","createElement","style","background","border","borderRadius","color","padding","textAlign","renderWidget","t3","t4","Symbol","for","_jsx","height","_Fragment","children"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/RenderWidget.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useEffect, useRef } from 'react'\n\nimport type {\n  RenderWidgetServerFnArgs,\n  RenderWidgetServerFnReturnType,\n} from './renderWidgetServerFn.js'\n\nimport { ShimmerEffect } from '../../../../../elements/ShimmerEffect/index.js'\nimport { useServerFunctions } from '../../../../../providers/ServerFunctions/index.js'\n\n/**\n * Utility to render a widget on-demand on the client.\n */\nexport const RenderWidget: React.FC<{\n  /**\n   * Instance-specific data for this widget\n   */\n  widgetData?: Record<string, unknown>\n  /**\n   * Unique ID for this widget instance (format: \"slug-timestamp\")\n   */\n  widgetId: string\n}> = ({ widgetData, widgetId }) => {\n  const [Component, setComponent] = React.useState<null | React.ReactNode>(null)\n  const { serverFunction } = useServerFunctions()\n  const requestIDRef = useRef(0)\n\n  const renderWidget = useCallback(() => {\n    async function render() {\n      const requestID = ++requestIDRef.current\n      setComponent(null)\n\n      try {\n        const widgetSlug = widgetId.slice(0, widgetId.lastIndexOf('-'))\n\n        const result = (await serverFunction({\n          name: 'render-widget',\n          args: {\n            widgetData,\n            widgetSlug,\n          } as RenderWidgetServerFnArgs,\n        })) as RenderWidgetServerFnReturnType\n\n        if (requestID !== requestIDRef.current) {\n          return\n        }\n\n        setComponent(result.component)\n      } catch (_error) {\n        if (requestID !== requestIDRef.current) {\n          return\n        }\n\n        // Log error but don't expose details to console in production\n\n        // Fallback error component\n        setComponent(\n          React.createElement(\n            'div',\n            {\n              style: {\n                background: 'var(--theme-error-50)',\n                border: 'var(--stroke-width-small) solid var(--theme-error-200)',\n                borderRadius: '4px',\n                color: 'var(--color-text-danger)',\n                padding: '20px',\n                textAlign: 'center',\n              },\n            },\n            'Failed to load widget. Please try again later.',\n          ),\n        )\n      }\n    }\n    void render()\n  }, [serverFunction, widgetData, widgetId])\n\n  useEffect(() => {\n    void renderWidget()\n  }, [renderWidget])\n\n  if (!Component) {\n    return <ShimmerEffect height=\"100%\" />\n  }\n\n  return <>{Component}</>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ;AAOtD,SAASC,aAAa,QAAQ;AAC9B,SAASC,kBAAkB,QAAQ;AAEnC;;;AAGA,OAAO,MAAMC,YAAA,GASRC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,UAAA;IAAAC;EAAA,IAAAH,EAAwB;EAC5B,OAAAI,SAAA,EAAAC,YAAA,IAAkCZ,KAAA,CAAAa,QAAA,KAAuC;EACzE;IAAAC;EAAA,IAA2BT,kBAAA;EAC3B,MAAAU,YAAA,GAAqBZ,MAAA,EAAO;EAAA,IAAAa,EAAA;EAAA,IAAAR,CAAA,QAAAM,cAAA,IAAAN,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAE,QAAA;IAEKM,EAAA,GAAAA,CAAA;MAC/B,MAAAC,MAAA,kBAAAA,OAAA;QACE,MAAAC,SAAA,GAAoBH,YAAA,CAAAI,OAAA,GAAAJ,YAAA,CAAAI,OAAA,IAAoB;QACxCP,YAAA,KAAa;QAAA;QAAA;UAGX,MAAAQ,UAAA,GAAmBV,QAAA,CAAAW,KAAA,IAAkBX,QAAA,CAAAY,WAAA,CAAqB;UAE1D,MAAAC,MAAA,SAAsBT,cAAA;YAAAU,IAAA,EACd;YAAAC,IAAA;cAAAhB,UAAA;cAAAW;YAAA;UAAA,CAKR;UAAA,IAEIF,SAAA,KAAcH,YAAA,CAAAI,OAAoB;YAAA;UAAA;UAItCP,YAAA,CAAaW,MAAA,CAAAG,SAAgB;QAAA,SAAAC,EAAA;UAAA,IAEzBT,SAAA,KAAcH,YAAA,CAAAI,OAAoB;YAAA;UAAA;UAOtCP,YAAA,CACEZ,KAAA,CAAA4B,aAAA,CACE;YAAAC,KAAA;cAAAC,UAAA,EAGgB;cAAAC,MAAA,EACJ;cAAAC,YAAA,EACM;cAAAC,KAAA,EACP;cAAAC,OAAA,EACE;cAAAC,SAAA,EACE;YAAA;UAAA,GAGf;QAAA;MAAA;MAKHlB,MAAA;IAAA;IACPT,CAAA,MAAAM,cAAA;IAAAN,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAhDA,MAAA4B,YAAA,GAAqBpB,EAgDoB;EAAA,IAAAW,EAAA;EAAA,IAAAU,EAAA;EAAA,IAAA7B,CAAA,QAAA4B,YAAA;IAE/BT,EAAA,GAAAA,CAAA;MACHS,YAAA;IAAA;IACJC,EAAA,IAACD,YAAA;IAAa5B,CAAA,MAAA4B,YAAA;IAAA5B,CAAA,MAAAmB,EAAA;IAAAnB,CAAA,MAAA6B,EAAA;EAAA;IAAAV,EAAA,GAAAnB,CAAA;IAAA6B,EAAA,GAAA7B,CAAA;EAAA;EAFjBN,SAAA,CAAUyB,EAEV,EAAGU,EAAc;EAAA,KAEZ1B,SAAA;IAAA,IAAA2B,EAAA;IAAA,IAAA9B,CAAA,QAAA+B,MAAA,CAAAC,GAAA;MACIF,EAAA,GAAAG,IAAA,CAAArC,aAAA;QAAAsC,MAAA,EAAsB;MAAA,C;;;;;WAAtBJ,E;;;;IAGFA,EAAA,GAAAG,IAAA,CAAAE,SAAA;MAAAC,QAAA,EAAGjC;IAAA,C;;;;;;SAAH2B,E;CACT","ignoreList":[]}
+{"version":3,"file":"RenderWidget.js","names":["c","_c","React","useCallback","useEffect","useRef","ShimmerEffect","useServerFunctions","RenderWidget","t0","$","widgetData","widgetId","Component","setComponent","useState","serverFunction","requestIDRef","t1","render","requestID","current","widgetSlug","slice","lastIndexOf","result","name","args","component","t2","createElement","style","background","border","borderRadius","color","padding","textAlign","renderWidget","t3","t4","Symbol","for","_jsx","height","_Fragment","children"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/RenderWidget.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useEffect, useRef } from 'react'\n\nimport type {\n  RenderWidgetServerFnArgs,\n  RenderWidgetServerFnReturnType,\n} from './renderWidgetServerFn.js'\n\nimport { ShimmerEffect } from '../../../../../elements/ShimmerEffect/index.js'\nimport { useServerFunctions } from '../../../../../providers/ServerFunctions/index.js'\n\n/**\n * Utility to render a widget on-demand on the client.\n */\nexport const RenderWidget: React.FC<{\n  /**\n   * Instance-specific data for this widget\n   */\n  widgetData?: Record<string, unknown>\n  /**\n   * Unique ID for this widget instance (format: \"slug-timestamp\")\n   */\n  widgetId: string\n}> = ({ widgetData, widgetId }) => {\n  const [Component, setComponent] = React.useState<null | React.ReactNode>(null)\n  const { serverFunction } = useServerFunctions()\n  const requestIDRef = useRef(0)\n\n  const renderWidget = useCallback(() => {\n    async function render() {\n      const requestID = ++requestIDRef.current\n      setComponent(null)\n\n      try {\n        const widgetSlug = widgetId.slice(0, widgetId.lastIndexOf('-'))\n\n        const result = (await serverFunction({\n          name: 'render-widget',\n          args: {\n            widgetData,\n            widgetSlug,\n          } as RenderWidgetServerFnArgs,\n        })) as RenderWidgetServerFnReturnType\n\n        if (requestID !== requestIDRef.current) {\n          return\n        }\n\n        setComponent(result.component)\n      } catch (_error) {\n        if (requestID !== requestIDRef.current) {\n          return\n        }\n\n        // Log error but don't expose details to console in production\n\n        // Fallback error component\n        setComponent(\n          React.createElement(\n            'div',\n            {\n              style: {\n                background: 'var(--color-bg-danger-tertiary)',\n                border: 'var(--stroke-width-small) solid var(--color-border-danger)',\n                borderRadius: 'var(--radius-medium)',\n                color: 'var(--color-text-danger)',\n                padding: 'var(--spacer-3)',\n                textAlign: 'center',\n              },\n            },\n            'Failed to load widget. Please try again later.',\n          ),\n        )\n      }\n    }\n    void render()\n  }, [serverFunction, widgetData, widgetId])\n\n  useEffect(() => {\n    void renderWidget()\n  }, [renderWidget])\n\n  if (!Component) {\n    return <ShimmerEffect height=\"100%\" />\n  }\n\n  return <>{Component}</>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ;AAOtD,SAASC,aAAa,QAAQ;AAC9B,SAASC,kBAAkB,QAAQ;AAEnC;;;AAGA,OAAO,MAAMC,YAAA,GASRC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,UAAA;IAAAC;EAAA,IAAAH,EAAwB;EAC5B,OAAAI,SAAA,EAAAC,YAAA,IAAkCZ,KAAA,CAAAa,QAAA,KAAuC;EACzE;IAAAC;EAAA,IAA2BT,kBAAA;EAC3B,MAAAU,YAAA,GAAqBZ,MAAA,EAAO;EAAA,IAAAa,EAAA;EAAA,IAAAR,CAAA,QAAAM,cAAA,IAAAN,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAE,QAAA;IAEKM,EAAA,GAAAA,CAAA;MAC/B,MAAAC,MAAA,kBAAAA,OAAA;QACE,MAAAC,SAAA,GAAoBH,YAAA,CAAAI,OAAA,GAAAJ,YAAA,CAAAI,OAAA,IAAoB;QACxCP,YAAA,KAAa;QAAA;QAAA;UAGX,MAAAQ,UAAA,GAAmBV,QAAA,CAAAW,KAAA,IAAkBX,QAAA,CAAAY,WAAA,CAAqB;UAE1D,MAAAC,MAAA,SAAsBT,cAAA;YAAAU,IAAA,EACd;YAAAC,IAAA;cAAAhB,UAAA;cAAAW;YAAA;UAAA,CAKR;UAAA,IAEIF,SAAA,KAAcH,YAAA,CAAAI,OAAoB;YAAA;UAAA;UAItCP,YAAA,CAAaW,MAAA,CAAAG,SAAgB;QAAA,SAAAC,EAAA;UAAA,IAEzBT,SAAA,KAAcH,YAAA,CAAAI,OAAoB;YAAA;UAAA;UAOtCP,YAAA,CACEZ,KAAA,CAAA4B,aAAA,CACE;YAAAC,KAAA;cAAAC,UAAA,EAGgB;cAAAC,MAAA,EACJ;cAAAC,YAAA,EACM;cAAAC,KAAA,EACP;cAAAC,OAAA,EACE;cAAAC,SAAA,EACE;YAAA;UAAA,GAGf;QAAA;MAAA;MAKHlB,MAAA;IAAA;IACPT,CAAA,MAAAM,cAAA;IAAAN,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAhDA,MAAA4B,YAAA,GAAqBpB,EAgDoB;EAAA,IAAAW,EAAA;EAAA,IAAAU,EAAA;EAAA,IAAA7B,CAAA,QAAA4B,YAAA;IAE/BT,EAAA,GAAAA,CAAA;MACHS,YAAA;IAAA;IACJC,EAAA,IAACD,YAAA;IAAa5B,CAAA,MAAA4B,YAAA;IAAA5B,CAAA,MAAAmB,EAAA;IAAAnB,CAAA,MAAA6B,EAAA;EAAA;IAAAV,EAAA,GAAAnB,CAAA;IAAA6B,EAAA,GAAA7B,CAAA;EAAA;EAFjBN,SAAA,CAAUyB,EAEV,EAAGU,EAAc;EAAA,KAEZ1B,SAAA;IAAA,IAAA2B,EAAA;IAAA,IAAA9B,CAAA,QAAA+B,MAAA,CAAAC,GAAA;MACIF,EAAA,GAAAG,IAAA,CAAArC,aAAA;QAAAsC,MAAA,EAAsB;MAAA,C;;;;;WAAtBJ,E;;;;IAGFA,EAAA,GAAAG,IAAA,CAAAE,SAAA;MAAAC,QAAA,EAAGjC;IAAA,C;;;;;;SAAH2B,E;CACT","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.js

@@ -28,11 +28,11 @@ export const renderWidgetHandler = ({
     return {
       component: React.createElement('div', {
         style: {
-          background: 'var(--theme-elevation-50)',
-          border: 'var(--stroke-width-small) solid var(--theme-elevation-200)',
-          borderRadius: '4px',
-          color: 'var(--theme-text)',
-          padding: '20px',
+          background: 'var(--color-bg-secondary)',
+          border: 'var(--stroke-width-small) solid var(--color-border)',
+          borderRadius: 'var(--radius-medium)',
+          color: 'var(--color-text)',
+          padding: 'var(--spacer-3)',
           textAlign: 'center'
         }
       }, `Widget "${widgetSlug}" not found`)
@@ -66,11 +66,11 @@ export const renderWidgetHandler = ({
     return {
       component: React.createElement('div', {
         style: {
-          background: 'var(--theme-error-50)',
-          border: 'var(--stroke-width-small) solid var(--theme-error-200)',
-          borderRadius: '4px',
-          color: 'var(--theme-error-text)',
-          padding: '20px',
+          background: 'var(--color-bg-danger-tertiary)',
+          border: 'var(--stroke-width-small) solid var(--color-border-danger)',
+          borderRadius: 'var(--radius-medium)',
+          color: 'var(--color-text-danger)',
+          padding: 'var(--spacer-3)',
           textAlign: 'center'
         }
       }, 'Error loading widget')

package/dist/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderWidgetServerFn.js","names":["React","RenderServerComponent","extractLocaleData","renderWidgetHandler","cookies","locale","permissions","req","widgetData","widgetSlug","user","Error","widgets","payload","config","admin","dashboard","importMap","widgetConfig","find","widget","slug","component","createElement","style","background","border","borderRadius","color","padding","textAlign","localeFilteredData","fields","length","serverProps","Component","error","errorMessage","message","String","logger","err","msg"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.ts"],"sourcesContent":["import type { Field, ServerFunction, WidgetServerProps } from 'payload'\n\nimport React from 'react'\n\nimport { RenderServerComponent } from '../../../../../elements/RenderServerComponent/index.js'\nimport { extractLocaleData } from '../utils/localeUtils.js'\n\nexport type RenderWidgetServerFnArgs = {\n  /**\n   * Instance-specific data for this widget\n   */\n  widgetData?: Record<string, unknown>\n  /**\n   * The slug of the widget to render\n   */\n  widgetSlug: string\n}\n\nexport type RenderWidgetServerFnReturnType = {\n  component: React.ReactNode\n}\n\n/**\n * Server function to render a widget on-demand.\n * Similar to render-field but specifically for dashboard widgets.\n */\nexport const renderWidgetHandler: ServerFunction<\n  RenderWidgetServerFnArgs,\n  RenderWidgetServerFnReturnType\n> = ({ cookies, locale, permissions, req, widgetData, widgetSlug }) => {\n  if (!req.user) {\n    throw new Error('Unauthorized')\n  }\n\n  const { widgets } = req.payload.config.admin.dashboard\n  const { importMap } = req.payload\n\n  // Find the widget configuration\n  const widgetConfig = widgets.find((widget) => widget.slug === widgetSlug)\n\n  if (!widgetConfig) {\n    return {\n      component: React.createElement(\n        'div',\n        {\n          style: {\n            background: 'var(--theme-elevation-50)',\n            border: 'var(--stroke-width-small) solid var(--theme-elevation-200)',\n            borderRadius: '4px',\n            color: 'var(--theme-text)',\n            padding: '20px',\n            textAlign: 'center',\n          },\n        },\n        `Widget \"${widgetSlug}\" not found`,\n      ),\n    }\n  }\n\n  try {\n    const localeFilteredData = widgetConfig.fields?.length\n      ? extractLocaleData(widgetData || {}, req.locale || 'en', widgetConfig.fields)\n      : widgetData || {}\n\n    const serverProps: WidgetServerProps = {\n      cookies,\n      locale,\n      permissions,\n      req,\n      widgetData: localeFilteredData,\n      widgetSlug,\n    }\n\n    // Render the widget server component\n    const component = RenderServerComponent({\n      Component: widgetConfig.Component,\n      importMap,\n      serverProps,\n    })\n\n    return { component }\n  } catch (error) {\n    const errorMessage = error instanceof Error ? error.message : String(error)\n\n    req.payload.logger.error({\n      err: error,\n      msg: `Error rendering widget \"${widgetSlug}\": ${errorMessage}`,\n    })\n\n    return {\n      component: React.createElement(\n        'div',\n        {\n          style: {\n            background: 'var(--theme-error-50)',\n            border: 'var(--stroke-width-small) solid var(--theme-error-200)',\n            borderRadius: '4px',\n            color: 'var(--theme-error-text)',\n            padding: '20px',\n            textAlign: 'center',\n          },\n        },\n        'Error loading widget',\n      ),\n    }\n  }\n}\n"],"mappings":"AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,iBAAiB,QAAQ;AAiBlC;;;;AAIA,OAAO,MAAMC,mBAAA,GAGTA,CAAC;EAAEC,OAAO;EAAEC,MAAM;EAAEC,WAAW;EAAEC,GAAG;EAAEC,UAAU;EAAEC;AAAU,CAAE;EAChE,IAAI,CAACF,GAAA,CAAIG,IAAI,EAAE;IACb,MAAM,IAAIC,KAAA,CAAM;EAClB;EAEA,MAAM;IAAEC;EAAO,CAAE,GAAGL,GAAA,CAAIM,OAAO,CAACC,MAAM,CAACC,KAAK,CAACC,SAAS;EACtD,MAAM;IAAEC;EAAS,CAAE,GAAGV,GAAA,CAAIM,OAAO;EAEjC;EACA,MAAMK,YAAA,GAAeN,OAAA,CAAQO,IAAI,CAAEC,MAAA,IAAWA,MAAA,CAAOC,IAAI,KAAKZ,UAAA;EAE9D,IAAI,CAACS,YAAA,EAAc;IACjB,OAAO;MACLI,SAAA,EAAWtB,KAAA,CAAMuB,aAAa,CAC5B,OACA;QACEC,KAAA,EAAO;UACLC,UAAA,EAAY;UACZC,MAAA,EAAQ;UACRC,YAAA,EAAc;UACdC,KAAA,EAAO;UACPC,OAAA,EAAS;UACTC,SAAA,EAAW;QACb;MACF,GACA,WAAWrB,UAAA,aAAuB;IAEtC;EACF;EAEA,IAAI;IACF,MAAMsB,kBAAA,GAAqBb,YAAA,CAAac,MAAM,EAAEC,MAAA,GAC5C/B,iBAAA,CAAkBM,UAAA,IAAc,CAAC,GAAGD,GAAA,CAAIF,MAAM,IAAI,MAAMa,YAAA,CAAac,MAAM,IAC3ExB,UAAA,IAAc,CAAC;IAEnB,MAAM0B,WAAA,GAAiC;MACrC9B,OAAA;MACAC,MAAA;MACAC,WAAA;MACAC,GAAA;MACAC,UAAA,EAAYuB,kBAAA;MACZtB;IACF;IAEA;IACA,MAAMa,SAAA,GAAYrB,qBAAA,CAAsB;MACtCkC,SAAA,EAAWjB,YAAA,CAAaiB,SAAS;MACjClB,SAAA;MACAiB;IACF;IAEA,OAAO;MAAEZ;IAAU;EACrB,EAAE,OAAOc,KAAA,EAAO;IACd,MAAMC,YAAA,GAAeD,KAAA,YAAiBzB,KAAA,GAAQyB,KAAA,CAAME,OAAO,GAAGC,MAAA,CAAOH,KAAA;IAErE7B,GAAA,CAAIM,OAAO,CAAC2B,MAAM,CAACJ,KAAK,CAAC;MACvBK,GAAA,EAAKL,KAAA;MACLM,GAAA,EAAK,2BAA2BjC,UAAA,MAAgB4B,YAAA;IAClD;IAEA,OAAO;MACLf,SAAA,EAAWtB,KAAA,CAAMuB,aAAa,CAC5B,OACA;QACEC,KAAA,EAAO;UACLC,UAAA,EAAY;UACZC,MAAA,EAAQ;UACRC,YAAA,EAAc;UACdC,KAAA,EAAO;UACPC,OAAA,EAAS;UACTC,SAAA,EAAW;QACb;MACF,GACA;IAEJ;EACF;AACF","ignoreList":[]}
+{"version":3,"file":"renderWidgetServerFn.js","names":["React","RenderServerComponent","extractLocaleData","renderWidgetHandler","cookies","locale","permissions","req","widgetData","widgetSlug","user","Error","widgets","payload","config","admin","dashboard","importMap","widgetConfig","find","widget","slug","component","createElement","style","background","border","borderRadius","color","padding","textAlign","localeFilteredData","fields","length","serverProps","Component","error","errorMessage","message","String","logger","err","msg"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.ts"],"sourcesContent":["import type { Field, ServerFunction, WidgetServerProps } from 'payload'\n\nimport React from 'react'\n\nimport { RenderServerComponent } from '../../../../../elements/RenderServerComponent/index.js'\nimport { extractLocaleData } from '../utils/localeUtils.js'\n\nexport type RenderWidgetServerFnArgs = {\n  /**\n   * Instance-specific data for this widget\n   */\n  widgetData?: Record<string, unknown>\n  /**\n   * The slug of the widget to render\n   */\n  widgetSlug: string\n}\n\nexport type RenderWidgetServerFnReturnType = {\n  component: React.ReactNode\n}\n\n/**\n * Server function to render a widget on-demand.\n * Similar to render-field but specifically for dashboard widgets.\n */\nexport const renderWidgetHandler: ServerFunction<\n  RenderWidgetServerFnArgs,\n  RenderWidgetServerFnReturnType\n> = ({ cookies, locale, permissions, req, widgetData, widgetSlug }) => {\n  if (!req.user) {\n    throw new Error('Unauthorized')\n  }\n\n  const { widgets } = req.payload.config.admin.dashboard\n  const { importMap } = req.payload\n\n  // Find the widget configuration\n  const widgetConfig = widgets.find((widget) => widget.slug === widgetSlug)\n\n  if (!widgetConfig) {\n    return {\n      component: React.createElement(\n        'div',\n        {\n          style: {\n            background: 'var(--color-bg-secondary)',\n            border: 'var(--stroke-width-small) solid var(--color-border)',\n            borderRadius: 'var(--radius-medium)',\n            color: 'var(--color-text)',\n            padding: 'var(--spacer-3)',\n            textAlign: 'center',\n          },\n        },\n        `Widget \"${widgetSlug}\" not found`,\n      ),\n    }\n  }\n\n  try {\n    const localeFilteredData = widgetConfig.fields?.length\n      ? extractLocaleData(widgetData || {}, req.locale || 'en', widgetConfig.fields)\n      : widgetData || {}\n\n    const serverProps: WidgetServerProps = {\n      cookies,\n      locale,\n      permissions,\n      req,\n      widgetData: localeFilteredData,\n      widgetSlug,\n    }\n\n    // Render the widget server component\n    const component = RenderServerComponent({\n      Component: widgetConfig.Component,\n      importMap,\n      serverProps,\n    })\n\n    return { component }\n  } catch (error) {\n    const errorMessage = error instanceof Error ? error.message : String(error)\n\n    req.payload.logger.error({\n      err: error,\n      msg: `Error rendering widget \"${widgetSlug}\": ${errorMessage}`,\n    })\n\n    return {\n      component: React.createElement(\n        'div',\n        {\n          style: {\n            background: 'var(--color-bg-danger-tertiary)',\n            border: 'var(--stroke-width-small) solid var(--color-border-danger)',\n            borderRadius: 'var(--radius-medium)',\n            color: 'var(--color-text-danger)',\n            padding: 'var(--spacer-3)',\n            textAlign: 'center',\n          },\n        },\n        'Error loading widget',\n      ),\n    }\n  }\n}\n"],"mappings":"AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,iBAAiB,QAAQ;AAiBlC;;;;AAIA,OAAO,MAAMC,mBAAA,GAGTA,CAAC;EAAEC,OAAO;EAAEC,MAAM;EAAEC,WAAW;EAAEC,GAAG;EAAEC,UAAU;EAAEC;AAAU,CAAE;EAChE,IAAI,CAACF,GAAA,CAAIG,IAAI,EAAE;IACb,MAAM,IAAIC,KAAA,CAAM;EAClB;EAEA,MAAM;IAAEC;EAAO,CAAE,GAAGL,GAAA,CAAIM,OAAO,CAACC,MAAM,CAACC,KAAK,CAACC,SAAS;EACtD,MAAM;IAAEC;EAAS,CAAE,GAAGV,GAAA,CAAIM,OAAO;EAEjC;EACA,MAAMK,YAAA,GAAeN,OAAA,CAAQO,IAAI,CAAEC,MAAA,IAAWA,MAAA,CAAOC,IAAI,KAAKZ,UAAA;EAE9D,IAAI,CAACS,YAAA,EAAc;IACjB,OAAO;MACLI,SAAA,EAAWtB,KAAA,CAAMuB,aAAa,CAC5B,OACA;QACEC,KAAA,EAAO;UACLC,UAAA,EAAY;UACZC,MAAA,EAAQ;UACRC,YAAA,EAAc;UACdC,KAAA,EAAO;UACPC,OAAA,EAAS;UACTC,SAAA,EAAW;QACb;MACF,GACA,WAAWrB,UAAA,aAAuB;IAEtC;EACF;EAEA,IAAI;IACF,MAAMsB,kBAAA,GAAqBb,YAAA,CAAac,MAAM,EAAEC,MAAA,GAC5C/B,iBAAA,CAAkBM,UAAA,IAAc,CAAC,GAAGD,GAAA,CAAIF,MAAM,IAAI,MAAMa,YAAA,CAAac,MAAM,IAC3ExB,UAAA,IAAc,CAAC;IAEnB,MAAM0B,WAAA,GAAiC;MACrC9B,OAAA;MACAC,MAAA;MACAC,WAAA;MACAC,GAAA;MACAC,UAAA,EAAYuB,kBAAA;MACZtB;IACF;IAEA;IACA,MAAMa,SAAA,GAAYrB,qBAAA,CAAsB;MACtCkC,SAAA,EAAWjB,YAAA,CAAaiB,SAAS;MACjClB,SAAA;MACAiB;IACF;IAEA,OAAO;MAAEZ;IAAU;EACrB,EAAE,OAAOc,KAAA,EAAO;IACd,MAAMC,YAAA,GAAeD,KAAA,YAAiBzB,KAAA,GAAQyB,KAAA,CAAME,OAAO,GAAGC,MAAA,CAAOH,KAAA;IAErE7B,GAAA,CAAIM,OAAO,CAAC2B,MAAM,CAACJ,KAAK,CAAC;MACvBK,GAAA,EAAKL,KAAA;MACLM,GAAA,EAAK,2BAA2BjC,UAAA,MAAgB4B,YAAA;IAClD;IAEA,OAAO;MACLf,SAAA,EAAWtB,KAAA,CAAMuB,aAAa,CAC5B,OACA;QACEC,KAAA,EAAO;UACLC,UAAA,EAAY;UACZC,MAAA,EAAQ;UACRC,YAAA,EAAc;UACdC,KAAA,EAAO;UACPC,OAAA,EAAS;UACTC,SAAA,EAAW;QACb;MACF,GACA;IAEJ;EACF;AACF","ignoreList":[]}

package/dist/views/HierarchyList/index.css

@@ -45,7 +45,7 @@
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-    gap: var(--spacer-3);
+    gap: var(--spacer-2-5);
   }
 
   .hierarchy-list__no-results > * {

package/dist/views/List/index.css

@@ -12,7 +12,7 @@
 
   .collection-list__sub-header {
     flex-basis: 100%;
-    padding-top: var(--spacer-3);
+    padding-top: var(--spacer-2-5);
   }
 
   .collection-list .table table {

package/dist/views/List/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EAKpB,SAAS,EACT,mBAAmB,EACnB,uBAAuB,EAEvB,gBAAgB,EAGjB,MAAM,SAAS,CAAA;AAYhB,OAAO,KAAmB,MAAM,OAAO,CAAA;AAsBvC,OAAO,aAAa,CAAA;AAEpB;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,iBAAiB,CAAC,EACd,gBAAgB,GAChB,KAAK,CAAC,aAAa,CAAC,mBAAmB,GAAG,CAAC,mBAAmB,GAAG,uBAAuB,CAAC,CAAC,CAAA;IAC9F,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACrC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,GAAG,oBAAoB,CAAA;AAExB;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,SACnB,kBAAkB,KACvB,OAAO,CAAC;IACT,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;CACtB,CAieA,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAWjD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EAKpB,SAAS,EACT,mBAAmB,EACnB,uBAAuB,EAEvB,gBAAgB,EAGjB,MAAM,SAAS,CAAA;AAYhB,OAAO,KAAmB,MAAM,OAAO,CAAA;AAsBvC,OAAO,aAAa,CAAA;AAEpB;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,iBAAiB,CAAC,EACd,gBAAgB,GAChB,KAAK,CAAC,aAAa,CAAC,mBAAmB,GAAG,CAAC,mBAAmB,GAAG,uBAAuB,CAAC,CAAC,CAAA;IAC9F,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACrC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,GAAG,oBAAoB,CAAA;AAExB;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,SACnB,kBAAkB,KACvB,OAAO,CAAC;IACT,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;CACtB,CAseA,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAWjD,CAAA"}

package/dist/views/List/index.js

@@ -162,6 +162,10 @@ export const renderListView = async args => {
   });
   /** Automatically force select active columns. */
   const select = transformColumnsToSelect(columns);
+  /** Force select `useAsTitle` for accessible row-selection labels, even if its column is hidden. */
+  if (enableRowSelections && collectionConfig.admin.useAsTitle) {
+    select[collectionConfig.admin.useAsTitle] = true;
+  }
   /** Force select image fields for list view thumbnails */
   appendUploadSelectFields({
     collectionConfig,