@payloadcms/ui 4.0.0-internal.c2b57ce → 4.0.0-internal.c3ac604

package/dist/providers/TableColumns/buildColumnState/index.spec.js

@@ -0,0 +1,40 @@
+import { describe, expect, it, vi } from 'vitest';
+import { buildColumnState } from './index.js';
+vi.mock('../../../exports/client/index.js', () => ({
+  SortColumn: () => null
+}));
+describe('buildColumnState', () => {
+  it('should handle fields with admin components explicitly set to undefined', () => {
+    const clientField = {
+      name: 'title',
+      type: 'text'
+    };
+    const serverField = {
+      name: 'title',
+      type: 'text',
+      admin: {
+        components: undefined
+      }
+    };
+    const columns = buildColumnState({
+      clientFields: [clientField],
+      collectionSlug: 'posts',
+      customCellProps: {},
+      dataType: 'monomorphic',
+      docs: [],
+      enableRowSelections: false,
+      fieldPermissions: true,
+      i18n: {
+        t: vi.fn()
+      },
+      payload: {
+        importMap: {}
+      },
+      serverFields: [serverField],
+      useAsTitle: 'title'
+    });
+    expect(columns).toHaveLength(1);
+    expect(columns[0].CustomLabel).toBeUndefined();
+  });
+});
+//# sourceMappingURL=index.spec.js.map

package/dist/providers/TableColumns/buildColumnState/index.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.spec.js","names":["describe","expect","it","vi","buildColumnState","mock","SortColumn","clientField","name","type","serverField","admin","components","undefined","columns","clientFields","collectionSlug","customCellProps","dataType","docs","enableRowSelections","fieldPermissions","i18n","t","fn","payload","importMap","serverFields","useAsTitle","toHaveLength","CustomLabel","toBeUndefined"],"sources":["../../../../src/providers/TableColumns/buildColumnState/index.spec.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { ClientField, Field, Payload } from 'payload'\n\nimport { describe, expect, it, vi } from 'vitest'\n\nimport { buildColumnState } from './index.js'\n\nvi.mock('../../../exports/client/index.js', () => ({\n  SortColumn: () => null,\n}))\n\ndescribe('buildColumnState', () => {\n  it('should handle fields with admin components explicitly set to undefined', () => {\n    const clientField: ClientField = {\n      name: 'title',\n      type: 'text',\n    }\n    const serverField: Field = {\n      name: 'title',\n      type: 'text',\n      admin: {\n        components: undefined,\n      },\n    }\n\n    const columns = buildColumnState({\n      clientFields: [clientField],\n      collectionSlug: 'posts',\n      customCellProps: {},\n      dataType: 'monomorphic',\n      docs: [],\n      enableRowSelections: false,\n      fieldPermissions: true,\n      i18n: {\n        t: vi.fn(),\n      } as unknown as I18nClient,\n      payload: {\n        importMap: {},\n      } as unknown as Payload,\n      serverFields: [serverField],\n      useAsTitle: 'title',\n    })\n\n    expect(columns).toHaveLength(1)\n    expect(columns[0].CustomLabel).toBeUndefined()\n  })\n})\n"],"mappings":"AAGA,SAASA,QAAQ,EAAEC,MAAM,EAAEC,EAAE,EAAEC,EAAE,QAAQ;AAEzC,SAASC,gBAAgB,QAAQ;AAEjCD,EAAA,CAAGE,IAAI,CAAC,oCAAoC,OAAO;EACjDC,UAAA,EAAYA,CAAA,KAAM;AACpB;AAEAN,QAAA,CAAS,oBAAoB;EAC3BE,EAAA,CAAG,0EAA0E;IAC3E,MAAMK,WAAA,GAA2B;MAC/BC,IAAA,EAAM;MACNC,IAAA,EAAM;IACR;IACA,MAAMC,WAAA,GAAqB;MACzBF,IAAA,EAAM;MACNC,IAAA,EAAM;MACNE,KAAA,EAAO;QACLC,UAAA,EAAYC;MACd;IACF;IAEA,MAAMC,OAAA,GAAUV,gBAAA,CAAiB;MAC/BW,YAAA,EAAc,CAACR,WAAA,CAAY;MAC3BS,cAAA,EAAgB;MAChBC,eAAA,EAAiB,CAAC;MAClBC,QAAA,EAAU;MACVC,IAAA,EAAM,EAAE;MACRC,mBAAA,EAAqB;MACrBC,gBAAA,EAAkB;MAClBC,IAAA,EAAM;QACJC,CAAA,EAAGpB,EAAA,CAAGqB,EAAE;MACV;MACAC,OAAA,EAAS;QACPC,SAAA,EAAW,CAAC;MACd;MACAC,YAAA,EAAc,CAACjB,WAAA,CAAY;MAC3BkB,UAAA,EAAY;IACd;IAEA3B,MAAA,CAAOa,OAAA,EAASe,YAAY,CAAC;IAC7B5B,MAAA,CAAOa,OAAO,CAAC,EAAE,CAACgB,WAAW,EAAEC,aAAa;EAC9C;AACF","ignoreList":[]}

package/dist/providers/TableColumns/buildColumnState/renderCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderCell.d.ts","sourceRoot":"","sources":["../../../../src/providers/TableColumns/buildColumnState/renderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EACV,WAAW,EACX,yBAAyB,EAEzB,QAAQ,EACR,KAAK,EACL,OAAO,EACP,cAAc,EACd,SAAS,EACV,MAAM,SAAS,CAAA;AAIhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,KAAK,cAAc,GAAG;IACpB,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAA;IACjC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,eAAe,EAAE,yBAAyB,CAAC,iBAAiB,CAAC,CAAA;IACtE,QAAQ,CAAC,GAAG,EAAE,QAAQ,CAAA;IACtB,QAAQ,CAAC,mBAAmB,EAAE,OAAO,CAAA;IACrC,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAA;IACzB,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,GAAG,CAAC,EAAE,cAAc,CAAA;IAC7B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAC9B,CAAA;AACD,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,cAAc,EACd,WAAW,EACX,eAAe,EACf,GAAG,EACH,mBAAmB,EACnB,IAAI,EACJ,cAAc,EACd,OAAO,EACP,GAAG,EACH,QAAQ,EACR,WAAW,EACX,QAAQ,GACT,EAAE,cAAc,qBAwNhB"}
+{"version":3,"file":"renderCell.d.ts","sourceRoot":"","sources":["../../../../src/providers/TableColumns/buildColumnState/renderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EACV,WAAW,EACX,yBAAyB,EAEzB,QAAQ,EACR,KAAK,EACL,OAAO,EACP,cAAc,EACd,SAAS,EACV,MAAM,SAAS,CAAA;AAIhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,KAAK,cAAc,GAAG;IACpB,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAA;IACjC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,eAAe,EAAE,yBAAyB,CAAC,iBAAiB,CAAC,CAAA;IACtE,QAAQ,CAAC,GAAG,EAAE,QAAQ,CAAA;IACtB,QAAQ,CAAC,mBAAmB,EAAE,OAAO,CAAA;IACrC,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAA;IACzB,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,GAAG,CAAC,EAAE,cAAc,CAAA;IAC7B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAC9B,CAAA;AACD,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,cAAc,EACd,WAAW,EACX,eAAe,EACf,GAAG,EACH,mBAAmB,EACnB,IAAI,EACJ,cAAc,EACd,OAAO,EACP,GAAG,EACH,QAAQ,EACR,WAAW,EACX,QAAQ,GACT,EAAE,cAAc,qBAqOhB"}

package/dist/providers/TableColumns/buildColumnState/renderCell.js

@@ -83,6 +83,7 @@ export function renderCell({
   }
   // Check if this is a hierarchy relationship field and pre-render the icon
   let hierarchyIcon = undefined;
+  let hierarchySmallIcon = undefined;
   if (clientField.type === 'relationship' && 'relationTo' in clientField) {
     const relationTo = clientField.relationTo;
     if (typeof relationTo === 'string') {
@@ -90,6 +91,7 @@ export function renderCell({
       const hierarchyConfig = relatedCollectionConfig?.hierarchy;
       if (hierarchyConfig && typeof hierarchyConfig === 'object') {
         const iconComponent = hierarchyConfig.admin?.components?.Icon;
+        const smallIconComponent = hierarchyConfig.admin?.components?.SmallIcon;
         if (iconComponent) {
           // Pre-render the custom icon
           hierarchyIcon = RenderServerComponent({
@@ -101,6 +103,16 @@ export function renderCell({
           // Use default icon based on allowHasMany
           hierarchyIcon = hierarchyConfig.allowHasMany === false ? /*#__PURE__*/_jsx(FolderIcon, {}, `hierarchy-icon-${relationTo}`) : /*#__PURE__*/_jsx(TagIcon, {}, `hierarchy-icon-${relationTo}`);
         }
+        // Pre-render the small icon (used in compact display contexts)
+        if (smallIconComponent && smallIconComponent !== iconComponent) {
+          hierarchySmallIcon = RenderServerComponent({
+            Component: smallIconComponent,
+            importMap: payload.importMap,
+            key: `hierarchy-small-icon-${relationTo}`
+          });
+        } else {
+          hierarchySmallIcon = hierarchyIcon;
+        }
       }
     }
   }
@@ -111,6 +123,9 @@ export function renderCell({
       ...baseCellClientProps.customCellProps,
       ...(hierarchyIcon ? {
         hierarchyIcon
+      } : {}),
+      ...(hierarchySmallIcon ? {
+        hierarchySmallIcon
       } : {})
     },
     field: enrichedClientField,

package/dist/providers/TableColumns/buildColumnState/renderCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderCell.js","names":["MissingEditorProp","formatAdminURL","React","RenderCustomComponent","RenderServerComponent","DefaultCell","FolderIcon","RenderDefaultCell","TagIcon","hasOptionLabelJSXElement","findValueFromPath","renderCell","clientField","collectionSlug","columnIndex","customCellProps","doc","enableRowSelections","i18n","isLinkedColumn","payload","req","rowIndex","serverField","viewType","baseCellClientProps","cellData","undefined","field","rowData","accessor","name","shouldLink","customLinkURL","collectionConfig","collections","config","formatDocURL","admin","adminRoute","routes","defaultURL","path","encodeURIComponent","String","id","customURL","_displayStatus","enrichedClientField","type","hasChangedOption","options","some","opt","value","label","t","hierarchyIcon","relationTo","relatedCollectionConfig","hierarchyConfig","hierarchy","iconComponent","components","Icon","Component","importMap","key","allowHasMany","_jsx","cellClientProps","link","linkURL","cellServerProps","className","onClick","CustomCell","editor","Error","CustomCellComponent","Cell","clientProps","CellComponent","serverProps","CustomComponent","Fallback"],"sources":["../../../../src/providers/TableColumns/buildColumnState/renderCell.tsx"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type {\n  ClientField,\n  DefaultCellComponentProps,\n  DefaultServerCellComponentProps,\n  Document,\n  Field,\n  Payload,\n  PayloadRequest,\n  ViewTypes,\n} from 'payload'\n\nimport { MissingEditorProp } from 'payload'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { RenderCustomComponent } from '../../../elements/RenderCustomComponent/index.js'\nimport { RenderServerComponent } from '../../../elements/RenderServerComponent/index.js'\nimport {\n  DefaultCell,\n  FolderIcon,\n  RenderDefaultCell,\n  TagIcon,\n  // eslint-disable-next-line payload/no-imports-from-exports-dir -- MUST reference the exports dir: https://github.com/payloadcms/payload/issues/12002#issuecomment-2791493587\n} from '../../../exports/client/index.js'\nimport { hasOptionLabelJSXElement } from '../../../utilities/hasOptionLabelJSXElement.js'\nimport { findValueFromPath } from './findValueFromPath.js'\n\ntype RenderCellArgs = {\n  readonly clientField: ClientField\n  readonly collectionSlug: string\n  readonly columnIndex: number\n  readonly customCellProps: DefaultCellComponentProps['customCellProps']\n  readonly doc: Document\n  readonly enableRowSelections: boolean\n  readonly i18n: I18nClient\n  readonly isLinkedColumn: boolean\n  readonly payload: Payload\n  readonly req?: PayloadRequest\n  readonly rowIndex: number\n  readonly serverField: Field\n  readonly viewType?: ViewTypes\n}\nexport function renderCell({\n  clientField,\n  collectionSlug,\n  columnIndex,\n  customCellProps,\n  doc,\n  enableRowSelections,\n  i18n,\n  isLinkedColumn,\n  payload,\n  req,\n  rowIndex,\n  serverField,\n  viewType,\n}: RenderCellArgs) {\n  const baseCellClientProps: DefaultCellComponentProps = {\n    cellData: undefined,\n    collectionSlug,\n    customCellProps,\n    field: clientField,\n    rowData: undefined,\n    viewType,\n  }\n\n  const accessor: string | undefined =\n    ('accessor' in clientField ? (clientField.accessor as string) : undefined) ??\n    ('name' in clientField ? clientField.name : undefined)\n\n  // Check if there's a custom formatDocURL function for this linked column\n  let shouldLink = isLinkedColumn\n  let customLinkURL: string | undefined\n\n  if (isLinkedColumn && req) {\n    const collectionConfig = payload.collections[collectionSlug]?.config\n    const formatDocURL = collectionConfig?.admin?.formatDocURL\n\n    if (typeof formatDocURL === 'function') {\n      // Generate the default URL that would normally be used\n      const adminRoute = req.payload.config.routes?.admin || '/admin'\n      const defaultURL = formatAdminURL({\n        adminRoute,\n        path: `/collections/${collectionSlug}${viewType === 'trash' ? '/trash' : ''}/${encodeURIComponent(String(doc.id))}`,\n      })\n\n      const customURL = formatDocURL({\n        collectionSlug,\n        defaultURL,\n        doc,\n        req,\n        viewType,\n      })\n\n      if (customURL === null) {\n        // formatDocURL returned null = disable linking entirely\n        shouldLink = false\n      } else if (typeof customURL === 'string') {\n        // formatDocURL returned a string = use custom URL\n        shouldLink = true\n        customLinkURL = customURL\n      } else {\n        // formatDocURL returned unexpected type = disable linking for safety\n        shouldLink = false\n      }\n    }\n  }\n\n  // For _status field, use _displayStatus if available (for showing \"changed\" status in list view)\n  const cellData =\n    'name' in clientField && accessor === '_status' && '_displayStatus' in doc\n      ? doc._displayStatus\n      : 'name' in clientField\n        ? findValueFromPath(doc, accessor)\n        : undefined\n\n  // For _status field, add 'changed' option for display purposes\n  // The 'changed' status is computed at runtime\n  let enrichedClientField = clientField\n  if ('name' in clientField && accessor === '_status' && clientField.type === 'select') {\n    const hasChangedOption = clientField.options?.some(\n      (opt) => (typeof opt === 'object' ? opt.value : opt) === 'changed',\n    )\n    if (!hasChangedOption) {\n      enrichedClientField = {\n        ...clientField,\n        options: [\n          ...(clientField.options || []),\n          {\n            label: i18n.t('version:draftHasPublishedVersion'),\n            value: 'changed',\n          },\n        ],\n      }\n    }\n  }\n\n  // Check if this is a hierarchy relationship field and pre-render the icon\n  let hierarchyIcon: React.ReactNode = undefined\n  if (clientField.type === 'relationship' && 'relationTo' in clientField) {\n    const relationTo = clientField.relationTo\n    if (typeof relationTo === 'string') {\n      const relatedCollectionConfig = payload.collections[relationTo]?.config\n      const hierarchyConfig = relatedCollectionConfig?.hierarchy\n      if (hierarchyConfig && typeof hierarchyConfig === 'object') {\n        const iconComponent = hierarchyConfig.admin?.components?.Icon\n        if (iconComponent) {\n          // Pre-render the custom icon\n          hierarchyIcon = RenderServerComponent({\n            Component: iconComponent,\n            importMap: payload.importMap,\n            key: `hierarchy-icon-${relationTo}`,\n          })\n        } else {\n          // Use default icon based on allowHasMany\n          hierarchyIcon =\n            hierarchyConfig.allowHasMany === false ? (\n              <FolderIcon key={`hierarchy-icon-${relationTo}`} />\n            ) : (\n              <TagIcon key={`hierarchy-icon-${relationTo}`} />\n            )\n        }\n      }\n    }\n  }\n\n  const cellClientProps: DefaultCellComponentProps = {\n    ...baseCellClientProps,\n    cellData,\n    customCellProps: {\n      ...baseCellClientProps.customCellProps,\n      ...(hierarchyIcon ? { hierarchyIcon } : {}),\n    },\n    field: enrichedClientField,\n    link: shouldLink,\n    linkURL: customLinkURL,\n    rowData: doc,\n  }\n\n  const cellServerProps: DefaultServerCellComponentProps = {\n    cellData: cellClientProps.cellData,\n    className: baseCellClientProps.className,\n    collectionConfig: payload.collections[collectionSlug].config,\n    collectionSlug,\n    columnIndex,\n    customCellProps: baseCellClientProps.customCellProps,\n    field: serverField,\n    i18n,\n    link: shouldLink,\n    linkURL: customLinkURL,\n    onClick: baseCellClientProps.onClick,\n    payload,\n    rowData: doc,\n  }\n\n  let CustomCell = null\n\n  if (serverField?.type === 'richText') {\n    if (!serverField?.editor) {\n      throw new MissingEditorProp(serverField) // while we allow disabling editor functionality, you should not have any richText fields defined if you do not have an editor\n    }\n\n    if (typeof serverField?.editor === 'function') {\n      throw new Error('Attempted to access unsanitized rich text editor.')\n    }\n\n    if (!serverField.admin) {\n      serverField.admin = {}\n    }\n\n    if (!serverField.admin.components) {\n      serverField.admin.components = {}\n    }\n\n    const CustomCellComponent = serverField.admin.components.Cell\n\n    CustomCell = RenderServerComponent({\n      clientProps: cellClientProps,\n      Component: CustomCellComponent ?? serverField.editor.CellComponent,\n      importMap: payload.importMap,\n      serverProps: cellServerProps,\n    })\n  } else {\n    const CustomCellComponent = serverField?.admin?.components?.Cell\n\n    if (CustomCellComponent) {\n      CustomCell = RenderServerComponent({\n        clientProps: cellClientProps,\n        Component: CustomCellComponent,\n        importMap: payload.importMap,\n        serverProps: cellServerProps,\n      })\n    } else if (\n      cellClientProps.cellData &&\n      cellClientProps.field &&\n      hasOptionLabelJSXElement(cellClientProps)\n    ) {\n      CustomCell = RenderServerComponent({\n        clientProps: cellClientProps,\n        Component: DefaultCell,\n        importMap: payload.importMap,\n      })\n    } else {\n      const CustomCellComponent = serverField?.admin?.components?.Cell\n\n      if (CustomCellComponent) {\n        CustomCell = RenderServerComponent({\n          clientProps: cellClientProps,\n          Component: CustomCellComponent,\n          importMap: payload.importMap,\n          serverProps: cellServerProps,\n        })\n      } else {\n        CustomCell = undefined\n      }\n    }\n  }\n\n  return (\n    <RenderCustomComponent\n      CustomComponent={CustomCell}\n      Fallback={\n        <RenderDefaultCell\n          clientProps={cellClientProps}\n          columnIndex={columnIndex}\n          enableRowSelections={enableRowSelections}\n          isLinkedColumn={isLinkedColumn}\n        />\n      }\n      key={`${rowIndex}-${columnIndex}`}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"renderCell.js","names":["MissingEditorProp","formatAdminURL","React","RenderCustomComponent","RenderServerComponent","DefaultCell","FolderIcon","RenderDefaultCell","TagIcon","hasOptionLabelJSXElement","findValueFromPath","renderCell","clientField","collectionSlug","columnIndex","customCellProps","doc","enableRowSelections","i18n","isLinkedColumn","payload","req","rowIndex","serverField","viewType","baseCellClientProps","cellData","undefined","field","rowData","accessor","name","shouldLink","customLinkURL","collectionConfig","collections","config","formatDocURL","admin","adminRoute","routes","defaultURL","path","encodeURIComponent","String","id","customURL","_displayStatus","enrichedClientField","type","hasChangedOption","options","some","opt","value","label","t","hierarchyIcon","hierarchySmallIcon","relationTo","relatedCollectionConfig","hierarchyConfig","hierarchy","iconComponent","components","Icon","smallIconComponent","SmallIcon","Component","importMap","key","allowHasMany","_jsx","cellClientProps","link","linkURL","cellServerProps","className","onClick","CustomCell","editor","Error","CustomCellComponent","Cell","clientProps","CellComponent","serverProps","CustomComponent","Fallback"],"sources":["../../../../src/providers/TableColumns/buildColumnState/renderCell.tsx"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type {\n  ClientField,\n  DefaultCellComponentProps,\n  DefaultServerCellComponentProps,\n  Document,\n  Field,\n  Payload,\n  PayloadRequest,\n  ViewTypes,\n} from 'payload'\n\nimport { MissingEditorProp } from 'payload'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { RenderCustomComponent } from '../../../elements/RenderCustomComponent/index.js'\nimport { RenderServerComponent } from '../../../elements/RenderServerComponent/index.js'\nimport {\n  DefaultCell,\n  FolderIcon,\n  RenderDefaultCell,\n  TagIcon,\n  // eslint-disable-next-line payload/no-imports-from-exports-dir -- MUST reference the exports dir: https://github.com/payloadcms/payload/issues/12002#issuecomment-2791493587\n} from '../../../exports/client/index.js'\nimport { hasOptionLabelJSXElement } from '../../../utilities/hasOptionLabelJSXElement.js'\nimport { findValueFromPath } from './findValueFromPath.js'\n\ntype RenderCellArgs = {\n  readonly clientField: ClientField\n  readonly collectionSlug: string\n  readonly columnIndex: number\n  readonly customCellProps: DefaultCellComponentProps['customCellProps']\n  readonly doc: Document\n  readonly enableRowSelections: boolean\n  readonly i18n: I18nClient\n  readonly isLinkedColumn: boolean\n  readonly payload: Payload\n  readonly req?: PayloadRequest\n  readonly rowIndex: number\n  readonly serverField: Field\n  readonly viewType?: ViewTypes\n}\nexport function renderCell({\n  clientField,\n  collectionSlug,\n  columnIndex,\n  customCellProps,\n  doc,\n  enableRowSelections,\n  i18n,\n  isLinkedColumn,\n  payload,\n  req,\n  rowIndex,\n  serverField,\n  viewType,\n}: RenderCellArgs) {\n  const baseCellClientProps: DefaultCellComponentProps = {\n    cellData: undefined,\n    collectionSlug,\n    customCellProps,\n    field: clientField,\n    rowData: undefined,\n    viewType,\n  }\n\n  const accessor: string | undefined =\n    ('accessor' in clientField ? (clientField.accessor as string) : undefined) ??\n    ('name' in clientField ? clientField.name : undefined)\n\n  // Check if there's a custom formatDocURL function for this linked column\n  let shouldLink = isLinkedColumn\n  let customLinkURL: string | undefined\n\n  if (isLinkedColumn && req) {\n    const collectionConfig = payload.collections[collectionSlug]?.config\n    const formatDocURL = collectionConfig?.admin?.formatDocURL\n\n    if (typeof formatDocURL === 'function') {\n      // Generate the default URL that would normally be used\n      const adminRoute = req.payload.config.routes?.admin || '/admin'\n      const defaultURL = formatAdminURL({\n        adminRoute,\n        path: `/collections/${collectionSlug}${viewType === 'trash' ? '/trash' : ''}/${encodeURIComponent(String(doc.id))}`,\n      })\n\n      const customURL = formatDocURL({\n        collectionSlug,\n        defaultURL,\n        doc,\n        req,\n        viewType,\n      })\n\n      if (customURL === null) {\n        // formatDocURL returned null = disable linking entirely\n        shouldLink = false\n      } else if (typeof customURL === 'string') {\n        // formatDocURL returned a string = use custom URL\n        shouldLink = true\n        customLinkURL = customURL\n      } else {\n        // formatDocURL returned unexpected type = disable linking for safety\n        shouldLink = false\n      }\n    }\n  }\n\n  // For _status field, use _displayStatus if available (for showing \"changed\" status in list view)\n  const cellData =\n    'name' in clientField && accessor === '_status' && '_displayStatus' in doc\n      ? doc._displayStatus\n      : 'name' in clientField\n        ? findValueFromPath(doc, accessor)\n        : undefined\n\n  // For _status field, add 'changed' option for display purposes\n  // The 'changed' status is computed at runtime\n  let enrichedClientField = clientField\n  if ('name' in clientField && accessor === '_status' && clientField.type === 'select') {\n    const hasChangedOption = clientField.options?.some(\n      (opt) => (typeof opt === 'object' ? opt.value : opt) === 'changed',\n    )\n    if (!hasChangedOption) {\n      enrichedClientField = {\n        ...clientField,\n        options: [\n          ...(clientField.options || []),\n          {\n            label: i18n.t('version:draftHasPublishedVersion'),\n            value: 'changed',\n          },\n        ],\n      }\n    }\n  }\n\n  // Check if this is a hierarchy relationship field and pre-render the icon\n  let hierarchyIcon: React.ReactNode = undefined\n  let hierarchySmallIcon: React.ReactNode = undefined\n  if (clientField.type === 'relationship' && 'relationTo' in clientField) {\n    const relationTo = clientField.relationTo\n    if (typeof relationTo === 'string') {\n      const relatedCollectionConfig = payload.collections[relationTo]?.config\n      const hierarchyConfig = relatedCollectionConfig?.hierarchy\n      if (hierarchyConfig && typeof hierarchyConfig === 'object') {\n        const iconComponent = hierarchyConfig.admin?.components?.Icon\n        const smallIconComponent = hierarchyConfig.admin?.components?.SmallIcon\n        if (iconComponent) {\n          // Pre-render the custom icon\n          hierarchyIcon = RenderServerComponent({\n            Component: iconComponent,\n            importMap: payload.importMap,\n            key: `hierarchy-icon-${relationTo}`,\n          })\n        } else {\n          // Use default icon based on allowHasMany\n          hierarchyIcon =\n            hierarchyConfig.allowHasMany === false ? (\n              <FolderIcon key={`hierarchy-icon-${relationTo}`} />\n            ) : (\n              <TagIcon key={`hierarchy-icon-${relationTo}`} />\n            )\n        }\n        // Pre-render the small icon (used in compact display contexts)\n        if (smallIconComponent && smallIconComponent !== iconComponent) {\n          hierarchySmallIcon = RenderServerComponent({\n            Component: smallIconComponent,\n            importMap: payload.importMap,\n            key: `hierarchy-small-icon-${relationTo}`,\n          })\n        } else {\n          hierarchySmallIcon = hierarchyIcon\n        }\n      }\n    }\n  }\n\n  const cellClientProps: DefaultCellComponentProps = {\n    ...baseCellClientProps,\n    cellData,\n    customCellProps: {\n      ...baseCellClientProps.customCellProps,\n      ...(hierarchyIcon ? { hierarchyIcon } : {}),\n      ...(hierarchySmallIcon ? { hierarchySmallIcon } : {}),\n    },\n    field: enrichedClientField,\n    link: shouldLink,\n    linkURL: customLinkURL,\n    rowData: doc,\n  }\n\n  const cellServerProps: DefaultServerCellComponentProps = {\n    cellData: cellClientProps.cellData,\n    className: baseCellClientProps.className,\n    collectionConfig: payload.collections[collectionSlug].config,\n    collectionSlug,\n    columnIndex,\n    customCellProps: baseCellClientProps.customCellProps,\n    field: serverField,\n    i18n,\n    link: shouldLink,\n    linkURL: customLinkURL,\n    onClick: baseCellClientProps.onClick,\n    payload,\n    rowData: doc,\n  }\n\n  let CustomCell = null\n\n  if (serverField?.type === 'richText') {\n    if (!serverField?.editor) {\n      throw new MissingEditorProp(serverField) // while we allow disabling editor functionality, you should not have any richText fields defined if you do not have an editor\n    }\n\n    if (typeof serverField?.editor === 'function') {\n      throw new Error('Attempted to access unsanitized rich text editor.')\n    }\n\n    if (!serverField.admin) {\n      serverField.admin = {}\n    }\n\n    if (!serverField.admin.components) {\n      serverField.admin.components = {}\n    }\n\n    const CustomCellComponent = serverField.admin.components.Cell\n\n    CustomCell = RenderServerComponent({\n      clientProps: cellClientProps,\n      Component: CustomCellComponent ?? serverField.editor.CellComponent,\n      importMap: payload.importMap,\n      serverProps: cellServerProps,\n    })\n  } else {\n    const CustomCellComponent = serverField?.admin?.components?.Cell\n\n    if (CustomCellComponent) {\n      CustomCell = RenderServerComponent({\n        clientProps: cellClientProps,\n        Component: CustomCellComponent,\n        importMap: payload.importMap,\n        serverProps: cellServerProps,\n      })\n    } else if (\n      cellClientProps.cellData &&\n      cellClientProps.field &&\n      hasOptionLabelJSXElement(cellClientProps)\n    ) {\n      CustomCell = RenderServerComponent({\n        clientProps: cellClientProps,\n        Component: DefaultCell,\n        importMap: payload.importMap,\n      })\n    } else {\n      const CustomCellComponent = serverField?.admin?.components?.Cell\n\n      if (CustomCellComponent) {\n        CustomCell = RenderServerComponent({\n          clientProps: cellClientProps,\n          Component: CustomCellComponent,\n          importMap: payload.importMap,\n          serverProps: cellServerProps,\n        })\n      } else {\n        CustomCell = undefined\n      }\n    }\n  }\n\n  return (\n    <RenderCustomComponent\n      CustomComponent={CustomCell}\n      Fallback={\n        <RenderDefaultCell\n          clientProps={cellClientProps}\n          columnIndex={columnIndex}\n          enableRowSelections={enableRowSelections}\n          isLinkedColumn={isLinkedColumn}\n        />\n      }\n      key={`${rowIndex}-${columnIndex}`}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/providers/TableColumns/getInitialColumns.d.ts

@@ -4,5 +4,5 @@ import type { ClientField, CollectionConfig, CollectionPreferences, Field } from
  * 1. If `defaultColumns` is set in the collection config, use those columns
  * 2. Otherwise take `useAtTitle, if set, and the next 3 fields that are not hidden or disabled
  */
-export declare const getInitialColumns: <T extends ClientField[] | Field[]>(fields: T, useAsTitle: CollectionConfig["admin"]["useAsTitle"], defaultColumns: CollectionConfig["admin"]["defaultColumns"]) => CollectionPreferences["columns"];
+export declare const getInitialColumns: <T extends ClientField[] | Field[]>(fields: T, useAsTitle: CollectionConfig['admin']['useAsTitle'], defaultColumns: CollectionConfig['admin']['defaultColumns']) => CollectionPreferences['columns'];
 //# sourceMappingURL=getInitialColumns.d.ts.map

package/dist/providers/TableColumns/getInitialColumns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getInitialColumns.d.ts","sourceRoot":"","sources":["../../../src/providers/TableColumns/getInitialColumns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAiC1F;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,WAAW,EAAE,GAAG,KAAK,EAAE,EACjE,QAAQ,CAAC,EACT,YAAY,gBAAgB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,EACnD,gBAAgB,gBAAgB,CAAC,OAAO,CAAC,CAAC,gBAAgB,CAAC,KAC1D,qBAAqB,CAAC,SAAS,CAoBjC,CAAA"}
+{"version":3,"file":"getInitialColumns.d.ts","sourceRoot":"","sources":["../../../src/providers/TableColumns/getInitialColumns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAiC1F;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,WAAW,EAAE,GAAG,KAAK,EAAE,UACzD,CAAC,cACG,gBAAgB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,kBACnC,gBAAgB,CAAC,OAAO,CAAC,CAAC,gBAAgB,CAAC,KAC1D,qBAAqB,CAAC,SAAS,CAoBjC,CAAA"}

package/dist/providers/TableColumns/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/TableColumns/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA0D,MAAM,OAAO,CAAA;AAE9E,OAAO,KAAK,EAAiB,yBAAyB,EAAE,MAAM,YAAY,CAAA;AAM1E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE9C,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAyHpE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/TableColumns/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA0D,MAAM,OAAO,CAAA;AAE9E,OAAO,KAAK,EAAiB,yBAAyB,EAAE,MAAM,YAAY,CAAA;AAM1E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE9C,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAiIpE,CAAA"}

package/dist/providers/TableColumns/index.js

@@ -41,14 +41,20 @@ export const TableColumnsProvider = ({
   }, [columnStateFromProps, setOptimisticColumnState]);
   const contextRef = useRef({});
   const toggleColumn = useCallback(async column => {
-    const newColumnState = (columnState || []).map(col => {
-      if (col.accessor === column) {
+    const currentColumns = columnState || [];
+    const columnIndex = currentColumns.findIndex(col => col.accessor === column);
+    if (columnIndex === -1) {
+      return;
+    }
+    // Toggle the column's active state in place, preserving its position
+    const newColumnState = currentColumns.map(col_0 => {
+      if (col_0.accessor === column) {
         return {
-          ...col,
-          active: !col.active
+          ...col_0,
+          active: !col_0.active
         };
       }
-      return col;
+      return col_0;
     });
     startTransition(() => {
       setOptimisticColumnState(newColumnState);

package/dist/providers/TableColumns/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["transformColumnsToSearchParams","React","startTransition","useCallback","useEffect","useRef","useConfig","useListQuery","TableColumnContext","useTableColumns","TableColumnsProvider","children","collectionSlug","columnState","columnStateFromProps","LinkedCellOverride","getEntityConfig","query","currentQuery","refineListData","admin","defaultColumns","setOptimisticColumnState","useOptimistic","state","action","prevPropsRef","current","contextRef","toggleColumn","column","newColumnState","map","col","accessor","active","columns","moveColumn","args","fromIndex","toIndex","columnToMove","splice","setActiveColumns","forEach","colName","colIndex","findIndex","c","undefined","slice","resetColumnsState","setColumns","newColumns","_jsx","value"],"sources":["../../../src/providers/TableColumns/index.tsx"],"sourcesContent":["'use client'\nimport { type Column } from 'payload'\nimport { transformColumnsToSearchParams } from 'payload/shared'\nimport React, { startTransition, useCallback, useEffect, useRef } from 'react'\n\nimport type { ITableColumns, TableColumnsProviderProps } from './types.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { TableColumnContext } from './context.js'\n\nexport { useTableColumns } from './context.js'\n\nexport const TableColumnsProvider: React.FC<TableColumnsProviderProps> = ({\n  children,\n  collectionSlug,\n  columnState: columnStateFromProps,\n  LinkedCellOverride,\n}) => {\n  const { getEntityConfig } = useConfig()\n  const { query: currentQuery, refineListData } = useListQuery()\n\n  const { admin: { defaultColumns } = {} } = getEntityConfig({\n    collectionSlug,\n  })\n\n  const [columnState, setOptimisticColumnState] = React.useOptimistic(\n    columnStateFromProps,\n    (state, action: Column[]) => action,\n  )\n\n  // Sync optimistic state when props change (e.g., after preset reset)\n  const prevPropsRef = useRef(columnStateFromProps)\n  useEffect(() => {\n    if (columnStateFromProps !== prevPropsRef.current) {\n      prevPropsRef.current = columnStateFromProps\n      // Force optimistic state to sync with new props by triggering a transition\n      startTransition(() => {\n        setOptimisticColumnState(columnStateFromProps)\n      })\n    }\n  }, [columnStateFromProps, setOptimisticColumnState])\n\n  const contextRef = useRef({} as ITableColumns)\n\n  const toggleColumn = useCallback(\n    async (column: string) => {\n      const newColumnState = (columnState || []).map((col) => {\n        if (col.accessor === column) {\n          return { ...col, active: !col.active }\n        }\n        return col\n      })\n\n      startTransition(() => {\n        setOptimisticColumnState(newColumnState)\n      })\n\n      await refineListData({\n        columns: transformColumnsToSearchParams(newColumnState),\n      })\n    },\n    [refineListData, columnState, setOptimisticColumnState],\n  )\n\n  const moveColumn = useCallback(\n    async (args: { fromIndex: number; toIndex: number }) => {\n      const { fromIndex, toIndex } = args\n      const newColumnState = [...(columnState || [])]\n      const [columnToMove] = newColumnState.splice(fromIndex, 1)\n      newColumnState.splice(toIndex, 0, columnToMove)\n\n      startTransition(() => {\n        setOptimisticColumnState(newColumnState)\n      })\n\n      await refineListData({\n        columns: transformColumnsToSearchParams(newColumnState),\n      })\n    },\n    [columnState, refineListData, setOptimisticColumnState],\n  )\n\n  const setActiveColumns = useCallback(\n    async (columns: string[]) => {\n      const newColumnState = currentQuery.columns\n\n      columns.forEach((colName) => {\n        const colIndex = newColumnState.findIndex((c) => colName === c)\n\n        // ensure the name does not begin with a `-` which denotes an inactive column\n        if (colIndex !== undefined && newColumnState[colIndex][0] === '-') {\n          newColumnState[colIndex] = colName.slice(1)\n        }\n      })\n\n      await refineListData({ columns: newColumnState })\n    },\n    [currentQuery, refineListData],\n  )\n\n  const resetColumnsState = React.useCallback(async () => {\n    await refineListData({ columns: defaultColumns || [] })\n  }, [defaultColumns, refineListData])\n\n  const setColumns = useCallback(\n    async (newColumns: Column[]) => {\n      startTransition(() => {\n        setOptimisticColumnState(newColumns)\n      })\n\n      await refineListData({\n        columns: transformColumnsToSearchParams(newColumns),\n      })\n    },\n    [refineListData, setOptimisticColumnState],\n  )\n\n  return (\n    <TableColumnContext\n      value={{\n        columns: columnState,\n        LinkedCellOverride,\n        moveColumn,\n        resetColumnsState,\n        setActiveColumns,\n        setColumns,\n        toggleColumn,\n        ...contextRef.current,\n      }}\n    >\n      {children}\n    </TableColumnContext>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["transformColumnsToSearchParams","React","startTransition","useCallback","useEffect","useRef","useConfig","useListQuery","TableColumnContext","useTableColumns","TableColumnsProvider","children","collectionSlug","columnState","columnStateFromProps","LinkedCellOverride","getEntityConfig","query","currentQuery","refineListData","admin","defaultColumns","setOptimisticColumnState","useOptimistic","state","action","prevPropsRef","current","contextRef","toggleColumn","column","currentColumns","columnIndex","findIndex","col","accessor","newColumnState","map","active","columns","moveColumn","args","fromIndex","toIndex","columnToMove","splice","setActiveColumns","forEach","colName","colIndex","c","undefined","slice","resetColumnsState","setColumns","newColumns","_jsx","value"],"sources":["../../../src/providers/TableColumns/index.tsx"],"sourcesContent":["'use client'\nimport { type Column } from 'payload'\nimport { transformColumnsToSearchParams } from 'payload/shared'\nimport React, { startTransition, useCallback, useEffect, useRef } from 'react'\n\nimport type { ITableColumns, TableColumnsProviderProps } from './types.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { TableColumnContext } from './context.js'\n\nexport { useTableColumns } from './context.js'\n\nexport const TableColumnsProvider: React.FC<TableColumnsProviderProps> = ({\n  children,\n  collectionSlug,\n  columnState: columnStateFromProps,\n  LinkedCellOverride,\n}) => {\n  const { getEntityConfig } = useConfig()\n  const { query: currentQuery, refineListData } = useListQuery()\n\n  const { admin: { defaultColumns } = {} } = getEntityConfig({\n    collectionSlug,\n  })\n\n  const [columnState, setOptimisticColumnState] = React.useOptimistic(\n    columnStateFromProps,\n    (state, action: Column[]) => action,\n  )\n\n  // Sync optimistic state when props change (e.g., after preset reset)\n  const prevPropsRef = useRef(columnStateFromProps)\n  useEffect(() => {\n    if (columnStateFromProps !== prevPropsRef.current) {\n      prevPropsRef.current = columnStateFromProps\n      // Force optimistic state to sync with new props by triggering a transition\n      startTransition(() => {\n        setOptimisticColumnState(columnStateFromProps)\n      })\n    }\n  }, [columnStateFromProps, setOptimisticColumnState])\n\n  const contextRef = useRef({} as ITableColumns)\n\n  const toggleColumn = useCallback(\n    async (column: string) => {\n      const currentColumns = columnState || []\n      const columnIndex = currentColumns.findIndex((col) => col.accessor === column)\n\n      if (columnIndex === -1) {\n        return\n      }\n\n      // Toggle the column's active state in place, preserving its position\n      const newColumnState = currentColumns.map((col) => {\n        if (col.accessor === column) {\n          return { ...col, active: !col.active }\n        }\n        return col\n      })\n\n      startTransition(() => {\n        setOptimisticColumnState(newColumnState)\n      })\n\n      await refineListData({\n        columns: transformColumnsToSearchParams(newColumnState),\n      })\n    },\n    [refineListData, columnState, setOptimisticColumnState],\n  )\n\n  const moveColumn = useCallback(\n    async (args: { fromIndex: number; toIndex: number }) => {\n      const { fromIndex, toIndex } = args\n      const newColumnState = [...(columnState || [])]\n      const [columnToMove] = newColumnState.splice(fromIndex, 1)\n      newColumnState.splice(toIndex, 0, columnToMove)\n\n      startTransition(() => {\n        setOptimisticColumnState(newColumnState)\n      })\n\n      await refineListData({\n        columns: transformColumnsToSearchParams(newColumnState),\n      })\n    },\n    [columnState, refineListData, setOptimisticColumnState],\n  )\n\n  const setActiveColumns = useCallback(\n    async (columns: string[]) => {\n      const newColumnState = currentQuery.columns\n\n      columns.forEach((colName) => {\n        const colIndex = newColumnState.findIndex((c) => colName === c)\n\n        // ensure the name does not begin with a `-` which denotes an inactive column\n        if (colIndex !== undefined && newColumnState[colIndex][0] === '-') {\n          newColumnState[colIndex] = colName.slice(1)\n        }\n      })\n\n      await refineListData({ columns: newColumnState })\n    },\n    [currentQuery, refineListData],\n  )\n\n  const resetColumnsState = React.useCallback(async () => {\n    await refineListData({ columns: defaultColumns || [] })\n  }, [defaultColumns, refineListData])\n\n  const setColumns = useCallback(\n    async (newColumns: Column[]) => {\n      startTransition(() => {\n        setOptimisticColumnState(newColumns)\n      })\n\n      await refineListData({\n        columns: transformColumnsToSearchParams(newColumns),\n      })\n    },\n    [refineListData, setOptimisticColumnState],\n  )\n\n  return (\n    <TableColumnContext\n      value={{\n        columns: columnState,\n        LinkedCellOverride,\n        moveColumn,\n        resetColumnsState,\n        setActiveColumns,\n        setColumns,\n        toggleColumn,\n        ...contextRef.current,\n      }}\n    >\n      {children}\n    </TableColumnContext>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/providers/Theme/index.d.ts

@@ -1,13 +1,31 @@
 import React from 'react';
-export type Theme = 'dark' | 'light';
+import { defaultTheme, type Theme } from './shared.js';
+export { defaultTheme, type Theme };
 export type ThemeContext = {
     autoMode: boolean;
     highContrastMode: boolean;
-    setHighContrastMode: (isHighContrast: boolean) => void;
-    setTheme: (theme: 'auto' | Theme) => void;
+    setHighContrastMode: (isHighContrast: boolean, options?: {
+        scoped?: boolean;
+    }) => void;
+    setTheme: (theme: 'auto' | Theme, options?: {
+        scoped?: boolean;
+    }) => void;
     theme: Theme;
 };
-export declare const defaultTheme: Theme;
+/**
+ * Provides theme context to its children.
+ *
+ * At the root (no parent ThemeProvider): reads/writes cookies, responds to
+ * OS preference, owns setTheme and setHighContrastMode.
+ *
+ * When nested inside another ThemeProvider (e.g. inside a Popup): acts as a
+ * scoped visual  the `theme` prop sets the local theme, but setThemeoverride
+ * and setHighContrastMode bubble up through each level to the root provider so
+ * mutations always affect the global user preference.
+ *
+ * The ThemeProvider also reads the `?theme=light|dark|auto` query parameter and
+ * persists it to the theme cookie using the same mechanism as manual theme selection.
+ */
 export declare const ThemeProvider: React.FC<{
     children?: React.ReactNode;
     highContrastMode?: boolean;

package/dist/providers/Theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Theme/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+D,MAAM,OAAO,CAAA;AAInF,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,OAAO,CAAA;AAEpC,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,OAAO,CAAA;IACjB,gBAAgB,EAAE,OAAO,CAAA;IACzB,mBAAmB,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAA;IACtD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,KAAK,IAAI,CAAA;IACzC,KAAK,EAAE,KAAK,CAAA;CACb,CAAA;AA4DD,eAAO,MAAM,YAAY,EAAE,KAAe,CAAA;AAE1C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAiEA,CAAA;AAED,eAAO,MAAM,QAAQ,QAAO,YAA4B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Theme/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+D,MAAM,OAAO,CAAA;AAInF,OAAO,EAAE,YAAY,EAAE,KAAK,KAAK,EAAE,MAAM,aAAa,CAAA;AAEtD,OAAO,EAAE,YAAY,EAAE,KAAK,KAAK,EAAE,CAAA;AAEnC,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,OAAO,CAAA;IACjB,gBAAgB,EAAE,OAAO,CAAA;IACzB,mBAAmB,EAAE,CAAC,cAAc,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACtF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACzE,KAAK,EAAE,KAAK,CAAA;CACb,CAAA;AA+DD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAyGA,CAAA;AAED,eAAO,MAAM,QAAQ,QAAO,YAA8C,CAAA"}

package/dist/providers/Theme/index.js

@@ -4,6 +4,9 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { createContext, use, useCallback, useEffect, useState } from 'react';
 import { useConfig } from '../Config/index.js';
+import { useSearchParams } from '../RouterAdapter/index.js';
+import { defaultTheme } from './shared.js';
+export { defaultTheme };
 const initialContext = {
   autoMode: true,
   highContrastMode: false,
@@ -11,7 +14,7 @@ const initialContext = {
   setTheme: () => null,
   theme: 'light'
 };
-const Context = /*#__PURE__*/createContext(initialContext);
+const Context = /*#__PURE__*/createContext(undefined);
 function setCookie(cname, cvalue, exdays) {
   const d = new Date();
   d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
@@ -37,126 +40,187 @@ const detectHighContrastMode = cookieKey => {
   }
   return isHighContrast;
 };
-export const defaultTheme = 'light';
+const isValidThemeParam = value => value === 'auto' || value === 'light' || value === 'dark';
+/**
+ * Provides theme context to its children.
+ *
+ * At the root (no parent ThemeProvider): reads/writes cookies, responds to
+ * OS preference, owns setTheme and setHighContrastMode.
+ *
+ * When nested inside another ThemeProvider (e.g. inside a Popup): acts as a
+ * scoped visual  the `theme` prop sets the local theme, but setThemeoverride
+ * and setHighContrastMode bubble up through each level to the root provider so
+ * mutations always affect the global user preference.
+ *
+ * The ThemeProvider also reads the `?theme=light|dark|auto` query parameter and
+ * persists it to the theme cookie using the same mechanism as manual theme selection.
+ */
 export const ThemeProvider = t0 => {
-  const $ = _c(18);
+  const $ = _c(32);
   const {
     children,
     highContrastMode: initialHighContrastMode,
-    theme: initialTheme
+    theme: themeOverride
   } = t0;
+  const outerContext = use(Context);
+  const isScoped = outerContext !== undefined;
   const {
     config
   } = useConfig();
   const preselectedTheme = config.admin.theme;
   const themeCookieKey = `${config.cookiePrefix || "payload"}-theme`;
   const contrastCookieKey = `${config.cookiePrefix || "payload"}-high-contrast-mode`;
-  const [theme, setThemeState] = useState(initialTheme || defaultTheme);
-  const [autoMode, setAutoMode] = useState(true);
-  const [highContrastMode, setHighContrastModeState] = useState(initialHighContrastMode ?? false);
+  const themeParam = useSearchParams().get("theme")?.toLowerCase();
+  const [theme, setThemeState] = useState(themeOverride ?? defaultTheme);
+  const [autoMode, setAutoMode] = useState(!isScoped);
+  const [highContrastMode, setHighContrastModeState] = useState(isScoped ? outerContext.highContrastMode ?? false : initialHighContrastMode ?? false);
   let t1;
+  if ($[0] !== isScoped || $[1] !== outerContext || $[2] !== themeCookieKey) {
+    t1 = (themeToSet, options) => {
+      if (isScoped && !options?.scoped) {
+        outerContext.setTheme(themeToSet, options);
+        return;
+      }
+      const resolvedTheme = themeToSet === "auto" ? window.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light" : themeToSet;
+      setThemeState(resolvedTheme);
+      setAutoMode(themeToSet === "auto");
+      if (!isScoped) {
+        setCookie(themeCookieKey, themeToSet, themeToSet === "auto" ? -1 : 365);
+        document.documentElement.setAttribute("data-theme", resolvedTheme);
+      }
+    };
+    $[0] = isScoped;
+    $[1] = outerContext;
+    $[2] = themeCookieKey;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const setTheme = t1;
   let t2;
-  if ($[0] !== preselectedTheme || $[1] !== themeCookieKey) {
-    t1 = () => {
-      if (preselectedTheme !== "all") {
+  if ($[4] !== contrastCookieKey || $[5] !== isScoped || $[6] !== outerContext) {
+    t2 = (isHighContrast, options_0) => {
+      if (isScoped && !options_0?.scoped) {
+        outerContext.setHighContrastMode(isHighContrast, options_0);
         return;
       }
-      const {
-        isAutoMode,
-        theme: detectedTheme
-      } = detectTheme(themeCookieKey);
-      setThemeState(detectedTheme);
-      setAutoMode(isAutoMode);
+      setHighContrastModeState(isHighContrast);
+      if (!isScoped) {
+        setCookie(contrastCookieKey, String(isHighContrast), 365);
+        if (isHighContrast) {
+          document.documentElement.setAttribute("data-enhanced-contrast", "");
+        } else {
+          document.documentElement.removeAttribute("data-enhanced-contrast");
+        }
+      }
     };
-    t2 = [preselectedTheme, themeCookieKey];
-    $[0] = preselectedTheme;
-    $[1] = themeCookieKey;
-    $[2] = t1;
-    $[3] = t2;
+    $[4] = contrastCookieKey;
+    $[5] = isScoped;
+    $[6] = outerContext;
+    $[7] = t2;
   } else {
-    t1 = $[2];
-    t2 = $[3];
+    t2 = $[7];
   }
-  useEffect(t1, t2);
+  const setHighContrastMode = t2;
   let t3;
-  let t4;
-  if ($[4] !== contrastCookieKey) {
+  if ($[8] !== isScoped || $[9] !== outerContext) {
     t3 = () => {
-      setHighContrastModeState(detectHighContrastMode(contrastCookieKey));
+      if (isScoped) {
+        setHighContrastModeState(outerContext.highContrastMode);
+      }
     };
-    t4 = [contrastCookieKey];
-    $[4] = contrastCookieKey;
-    $[5] = t3;
-    $[6] = t4;
+    $[8] = isScoped;
+    $[9] = outerContext;
+    $[10] = t3;
   } else {
-    t3 = $[5];
-    t4 = $[6];
+    t3 = $[10];
   }
-  useEffect(t3, t4);
+  const t4 = outerContext?.highContrastMode;
   let t5;
-  if ($[7] !== themeCookieKey) {
-    t5 = themeToSet => {
-      if (themeToSet === "light" || themeToSet === "dark") {
-        setThemeState(themeToSet);
-        setAutoMode(false);
-        setCookie(themeCookieKey, themeToSet, 365);
-        document.documentElement.setAttribute("data-theme", themeToSet);
-      } else {
-        if (themeToSet === "auto") {
-          setCookie(themeCookieKey, themeToSet, -1);
-          const themeFromOS = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-          document.documentElement.setAttribute("data-theme", themeFromOS);
-          setAutoMode(true);
-          setThemeState(themeFromOS);
-        }
+  if ($[11] !== isScoped || $[12] !== t4) {
+    t5 = [isScoped, t4];
+    $[11] = isScoped;
+    $[12] = t4;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  useEffect(t3, t5);
+  let t6;
+  let t7;
+  if ($[14] !== isScoped || $[15] !== preselectedTheme || $[16] !== setTheme || $[17] !== themeCookieKey || $[18] !== themeParam) {
+    t6 = () => {
+      if (isScoped || preselectedTheme !== "all") {
+        return;
+      }
+      if (isValidThemeParam(themeParam)) {
+        setTheme(themeParam);
+        return;
       }
+      const {
+        isAutoMode,
+        theme: detectedTheme
+      } = detectTheme(themeCookieKey);
+      setThemeState(detectedTheme);
+      setAutoMode(isAutoMode);
     };
-    $[7] = themeCookieKey;
-    $[8] = t5;
+    t7 = [isScoped, preselectedTheme, themeCookieKey, themeParam, setTheme];
+    $[14] = isScoped;
+    $[15] = preselectedTheme;
+    $[16] = setTheme;
+    $[17] = themeCookieKey;
+    $[18] = themeParam;
+    $[19] = t6;
+    $[20] = t7;
   } else {
-    t5 = $[8];
+    t6 = $[19];
+    t7 = $[20];
   }
-  const setTheme = t5;
-  let t6;
-  if ($[9] !== contrastCookieKey) {
-    t6 = isHighContrast => {
-      setHighContrastModeState(isHighContrast);
-      setCookie(contrastCookieKey, String(isHighContrast), 365);
-      if (isHighContrast) {
-        document.documentElement.setAttribute("data-enhanced-contrast", "");
-      } else {
-        document.documentElement.removeAttribute("data-enhanced-contrast");
+  useEffect(t6, t7);
+  let t8;
+  let t9;
+  if ($[21] !== contrastCookieKey || $[22] !== isScoped) {
+    t8 = () => {
+      if (isScoped) {
+        return;
       }
+      setHighContrastModeState(detectHighContrastMode(contrastCookieKey));
     };
-    $[9] = contrastCookieKey;
-    $[10] = t6;
+    t9 = [isScoped, contrastCookieKey];
+    $[21] = contrastCookieKey;
+    $[22] = isScoped;
+    $[23] = t8;
+    $[24] = t9;
   } else {
-    t6 = $[10];
+    t8 = $[23];
+    t9 = $[24];
   }
-  const setHighContrastMode = t6;
-  let t7;
-  if ($[11] !== autoMode || $[12] !== children || $[13] !== highContrastMode || $[14] !== setHighContrastMode || $[15] !== setTheme || $[16] !== theme) {
-    t7 = _jsx(Context, {
+  useEffect(t8, t9);
+  const t10 = isScoped ? outerContext.autoMode : autoMode;
+  const t11 = isScoped ? outerContext.theme : theme;
+  let t12;
+  if ($[25] !== children || $[26] !== highContrastMode || $[27] !== setHighContrastMode || $[28] !== setTheme || $[29] !== t10 || $[30] !== t11) {
+    t12 = _jsx(Context, {
       value: {
-        autoMode,
+        autoMode: t10,
         highContrastMode,
         setHighContrastMode,
         setTheme,
-        theme
+        theme: t11
       },
       children
     });
-    $[11] = autoMode;
-    $[12] = children;
-    $[13] = highContrastMode;
-    $[14] = setHighContrastMode;
-    $[15] = setTheme;
-    $[16] = theme;
-    $[17] = t7;
+    $[25] = children;
+    $[26] = highContrastMode;
+    $[27] = setHighContrastMode;
+    $[28] = setTheme;
+    $[29] = t10;
+    $[30] = t11;
+    $[31] = t12;
   } else {
-    t7 = $[17];
+    t12 = $[31];
   }
-  return t7;
+  return t12;
 };
-export const useTheme = () => use(Context);
+export const useTheme = () => use(Context) ?? initialContext;
 //# sourceMappingURL=index.js.map