@payloadcms/ui 4.0.0-internal.cd47d20 → 4.0.0-internal.ce66a41

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","tableId","slug","encodeURIComponent","String","undefined","filter","join","collection","find","each","some","push","serverCollectionConfig","config","sharedArgs","collectionSlug","dataType","docs","columnsToUse","unshift","accessor","active","disabled","hidden","Heading","t","renderedCells","map","doc","i","_jsx","size","relationTo","labels","singular","row","rowData","selectRowLabel","getSelectRowLabel","className","_jsxs","totalDocs","appearance","id","splice","_","title","label"],"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  const tableId = [\n    'payload-table',\n    clientCollectionConfig?.slug || 'results',\n    isGroupingBy ? encodeURIComponent(String(groupByValue ?? key)) : undefined,\n  ]\n    .filter(Boolean)\n    .join('-')\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} tableId={tableId} />\n            </TableSectionHeader>\n            <TableSectionContent>\n              <Table\n                appearance={tableAppearance}\n                columns={columnsToUse}\n                data={data?.docs || []}\n                id={tableId}\n              />\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\n              appearance={tableAppearance}\n              columns={columnsToUse}\n              data={data?.docs || []}\n              id={tableId}\n            />\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            id={tableId}\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":[]}
+{"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","hierarchyParentFieldName","i18n","key","orderableFieldName","payload","query","renderRowTypes","req","showHeading","tableAppearance","useAsTitle","viewType","columnState","clientFields","serverFields","isPolymorphic","isGroupingBy","Boolean","groupBy","tableId","slug","encodeURIComponent","String","undefined","filter","join","collection","find","each","some","push","serverCollectionConfig","config","sharedArgs","collectionSlug","dataType","docs","columnsToUse","unshift","accessor","active","disabled","hidden","Heading","t","renderedCells","map","doc","i","_jsx","size","relationTo","labels","singular","row","rowData","rowIndex","selectRowLabel","getSelectRowLabel","className","_jsxs","totalDocs","appearance","ariaLabel","plural","id","splice","_","title","label"],"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  hierarchyParentFieldName,\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  hierarchyParentFieldName?: 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  const tableId = [\n    'payload-table',\n    clientCollectionConfig?.slug || 'results',\n    isGroupingBy ? encodeURIComponent(String(groupByValue ?? key)) : undefined,\n  ]\n    .filter(Boolean)\n    .join('-')\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    | 'hierarchyParentFieldName'\n    | 'i18n'\n    | 'payload'\n    | 'req'\n    | 'serverFields'\n    | 'useAsTitle'\n    | 'viewType'\n  > = {\n    clientFields,\n    columns,\n    enableRowSelections,\n    fieldPermissions,\n    hierarchyParentFieldName,\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          rowIndex={i}\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} tableId={tableId} />\n            </TableSectionHeader>\n            <TableSectionContent>\n              <Table\n                appearance={tableAppearance}\n                ariaLabel={\n                  heading\n                    ? [getTranslation(clientCollectionConfig?.labels?.plural, i18n), heading]\n                        .filter(Boolean)\n                        .join(': ')\n                    : undefined\n                }\n                columns={columnsToUse}\n                data={data?.docs || []}\n                id={tableId}\n              />\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\n              appearance={tableAppearance}\n              columns={columnsToUse}\n              data={data?.docs || []}\n              id={tableId}\n            />\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            id={tableId}\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":";AAkBA,SAASA,cAAc,QAAyB;AAChD,SAASC,gBAAgB,EAAEC,uBAAuB,QAAQ;AAC1D,OAAOC,KAAA,MAAW;AAIlB,SAASC,qBAAqB,QAAQ;AACtC,SACEC,mBAAmB,EACnBC,kBAAkB,EAClBC,gBAAgB,QACX;AACP,SACEC,aAAa,EACbC,mBAAmB,EACnBC,cAAc,EACdC,IAAI,EACJC,SAAS,EACTC,iBAAiB,EACjBC,SAAS,EACTC,UAAU,EACVC,OAAO,EACPC,KAAK,QAEA;AACP,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,aAAA,GAAgBA,CAC3BC,MAAA,EACAC,SAAA,KAEAD,MAAA,CAAOE,MAAM,CACX,CAACC,GAAA,EAAKC,KAAA;EACJ,IAAIvB,uBAAA,CAAwBuB,KAAA,GAAQ;IAClC,OAAOD,GAAA;EACT;EAEA,IAAI,UAAUC,KAAA,IAASA,KAAA,CAAMC,KAAK,EAAEC,UAAA,EAAYC,MAAA,EAAQ;IACtDJ,GAAA,CAAIK,GAAG,CACLJ,KAAA,CAAMK,IAAI,EACV1B,qBAAA,CAAsB;MACpB2B,SAAA,EAAWN,KAAA,CAAMC,KAAK,CAACC,UAAU,EAAEC,MAAA;MACnCN;IACF;EAEJ;EAEA,OAAOE,GAAA;AACT,GACA,IAAIQ,GAAA;AAGR,OAAO,MAAMC,WAAA,GAAcA,CAAC;EAC1BC,sBAAsB;EACtBC,YAAY;EACZC,gBAAgB;EAChBC,WAAW;EACXC,OAAO;EACPC,eAAe;EACfC,IAAI;EACJC,mBAAmB;EACnBC,gBAAgB;EAChBC,gBAAgB;EAChBC,YAAY;EACZC,OAAO;EACPC,wBAAwB;EACxBC,IAAI;EACJC,GAAA,GAAM,OAAO;EACbC,kBAAkB;EAClBC,OAAO;EACPC,KAAK;EACLC,cAAc;EACdC,GAAG;EACHC,WAAW;EACXC,eAAe;EACfC,UAAU;EACVC;AAAQ,CA4BT;EAIC;EAEA,IAAIC,WAAA;EACJ,IAAIC,YAAA,GAA8BzB,sBAAA,EAAwBb,MAAA,IAAU,EAAE;EACtE,IAAIuC,YAAA,GAAwBxB,gBAAA,EAAkBf,MAAA,IAAU,EAAE;EAC1D,MAAMwC,aAAA,GAAgBxB,WAAA;EAEtB,MAAMyB,YAAA,GAAeC,OAAA,CAAQZ,KAAA,EAAOa,OAAA;EACpC,MAAMC,OAAA,GAAU,CACd,iBACA/B,sBAAA,EAAwBgC,IAAA,IAAQ,WAChCJ,YAAA,GAAeK,kBAAA,CAAmBC,MAAA,CAAOxB,YAAA,IAAgBI,GAAA,KAAQqB,SAAA,CAClE,CACEC,MAAM,CAACP,OAAA,EACPQ,IAAI,CAAC;EAER,IAAIV,aAAA,EAAe;IACjBF,YAAA,GAAe,EAAE;IACjBC,YAAA,GAAe,EAAE;IAEjB,KAAK,MAAMY,UAAA,IAAcnC,WAAA,EAAa;MACpC,MAAMH,sBAAA,GAAyBC,YAAA,CAAaE,WAAW,CAACoC,IAAI,CACzDC,IAAA,IAASA,IAAA,CAAKR,IAAI,KAAKM,UAAA;MAG1B,KAAK,MAAM/C,KAAA,IAASP,2BAAA,CAA4B;QAC9CwB,gBAAA;QACArB,MAAA,EAAQa,sBAAA,CAAuBb;MACjC,IAAI;QACF,IAAIpB,gBAAA,CAAiBwB,KAAA,GAAQ;UAC3B,IAAIkC,YAAA,CAAagB,IAAI,CAAED,IAAA,IAASzE,gBAAA,CAAiByE,IAAA,KAASA,IAAA,CAAK5C,IAAI,KAAKL,KAAA,CAAMK,IAAI,GAAG;YACnF;UACF;QACF;QAEA6B,YAAA,CAAaiB,IAAI,CAACnD,KAAA;MACpB;MAEA,MAAMoD,sBAAA,GAAyB3B,OAAA,CAAQb,WAAW,CAACmC,UAAA,CAAW,CAACM,MAAM;MAErE,KAAK,MAAMrD,KAAA,IAASP,2BAAA,CAAmC;QACrDwB,gBAAA;QACArB,MAAA,EAAQwD,sBAAA,CAAuBxD;MACjC,IAAI;QACF,IAAIpB,gBAAA,CAAiBwB,KAAA,GAAQ;UAC3B,IAAImC,YAAA,CAAae,IAAI,CAAED,IAAA,IAASzE,gBAAA,CAAiByE,IAAA,KAASA,IAAA,CAAK5C,IAAI,KAAKL,KAAA,CAAMK,IAAI,GAAG;YACnF;UACF;QACF;QAEA8B,YAAA,CAAagB,IAAI,CAACnD,KAAA;MACpB;IACF;EACF;EAEA,MAAMsD,UAAA,GAcF;IACFpB,YAAA;IACArB,OAAA;IACAG,mBAAA;IACAC,gBAAA;IACAI,wBAAA;IACAC,IAAA;IACA;IACAR,eAAA;IACAW,OAAA;IACAG,GAAA;IACAO,YAAA;IACAJ,UAAA;IACAC;EACF;EAEA,IAAII,aAAA,EAAe;IACjBH,WAAA,GAAcvC,gBAAA,CAAiB;MAC7B,GAAG4D,UAAU;MACbC,cAAA,EAAgBX,SAAA;MAChBY,QAAA,EAAU;MACVC,IAAA,EAAM1C,IAAA,EAAM0C,IAAA,IAAQ;IACtB;EACF,OAAO;IACLxB,WAAA,GAAcvC,gBAAA,CAAiB;MAC7B,GAAG4D,UAAU;MACbC,cAAA,EAAgB9C,sBAAA,CAAuBgC,IAAI;MAC3Ce,QAAA,EAAU;MACVC,IAAA,EAAM1C,IAAA,EAAM0C,IAAA,IAAQ;IACtB;EACF;EAEA,MAAMC,YAAA,GAAe,C,GAAIzB,WAAA,CAAY;EAErC,IAAIN,cAAA,EAAgB;IAClB+B,YAAA,CAAaC,OAAO,CAAC;MACnBC,QAAA,EAAU;MACVC,MAAA,EAAQ;MACR7D,KAAA,EAAO;QACLC,KAAA,EAAO;UACL6D,QAAA,EAAU;QACZ;QACAC,MAAA,EAAQ;MACV;MACAC,OAAA,EAAS1C,IAAA,CAAK2C,CAAC,CAAC;MAChBC,aAAA,EAAe,CAACnD,IAAA,EAAM0C,IAAA,IAAQ,EAAE,EAAEU,GAAG,CAAC,CAACC,GAAA,EAAKC,CAAA,kBAC1CC,IAAA,CAACpF,IAAA;QAAaqF,IAAA,EAAK;kBAChBhG,cAAA,CACCqC,WAAA,GACIa,OAAA,CAAQb,WAAW,CAACwD,GAAA,CAAII,UAAU,CAAC,CAACnB,MAAM,CAACoB,MAAM,CAACC,QAAQ,GAC1DjE,sBAAA,CAAuBgE,MAAM,CAACC,QAAQ,EAC1CpD,IAAA;SALO+C,CAAA;IASf;EACF;EAEA,IAAIrD,mBAAA,EAAqB;IACvB0C,YAAA,CAAaC,OAAO,CAAC;MACnBC,QAAA,EAAU;MACVC,MAAA,EAAQ;MACR7D,KAAA,EAAO;QACLC,KAAA,EAAO;UACL6D,QAAA,EAAU;QACZ;QACAC,MAAA,EAAQ;MACV;MACAC,OAAA,eAASM,IAAA,CAACnF,SAAA;MACV+E,aAAA,EAAe,CAACnD,IAAA,EAAM0C,IAAA,IAAQ,EAAE,EAAEU,GAAG,CAAC,CAACQ,GAAA,EAAKN,CAAA,kBAC1CC,IAAA,CAACjF,SAAA;QAECuF,OAAA,EAASD,GAAA;QACTE,QAAA,EAAUR,CAAA;QACVS,cAAA,EAAgBC,iBAAA,CAAkB;UAAEzD,IAAA;UAAMsD,OAAA,EAASD,GAAA;UAAK5C;QAAW;SAH9DsC,CAAA;IAMX;EACF;EAEA,IAAIhC,YAAA,EAAc;IAChB,OAAO;MACLJ,WAAA;MACA;MACAzC,KAAA,eACE8E,IAAA,CAACxF,gBAAA;QACCkG,SAAA,EAAW,CAAC,cAAc7D,YAAA,KAAiByB,SAAA,IAAa,sBAAsB,CAAC,CAC5EC,MAAM,CAACP,OAAA,EACPQ,IAAI,CAAC;QACR,iBAAe3B,YAAA;kBAGf,aAAA8D,KAAA,CAAC7F,iBAAA;UAAkBqE,IAAA,EAAM1C,IAAA,EAAM0C,IAAA,IAAQ,EAAE;UAAEyB,SAAA,EAAWnE,IAAA,EAAMmE,SAAA,IAAa;kCACvED,KAAA,CAACpG,kBAAA;YAAmBuC,OAAA,EAASA,OAAA;oCAC3BkD,IAAA,CAACvF,aAAA;cACC4B,gBAAA,EAAkBF,sBAAA;cAClBS,gBAAA,EAAkBA,gBAAA;cAClBC,YAAA,EAAcA,YAAA;cACdC,OAAA,EAASA;6BAEXkD,IAAA,CAACtF,mBAAA;cAAoB+B,IAAA,EAAMA,IAAA;cAAMI,YAAA,EAAcA,YAAA;cAAcqB,OAAA,EAASA;;2BAExE8B,IAAA,CAAC1F,mBAAA;sBACC,aAAA0F,IAAA,CAAC9E,KAAA;cACC2F,UAAA,EAAYrD,eAAA;cACZsD,SAAA,EACEhE,OAAA,GACI,CAAC7C,cAAA,CAAekC,sBAAA,EAAwBgE,MAAA,EAAQY,MAAA,EAAQ/D,IAAA,GAAOF,OAAA,CAAQ,CACpEyB,MAAM,CAACP,OAAA,EACPQ,IAAI,CAAC,QACRF,SAAA;cAEN/B,OAAA,EAAS6C,YAAA;cACT3C,IAAA,EAAMA,IAAA,EAAM0C,IAAA,IAAQ,EAAE;cACtB6B,EAAA,EAAI9C;;;;SAxBLjB,GAAA;IA8BX;EACF;EAEA,IAAI,CAACC,kBAAA,EAAoB;IACvB,OAAO;MACLS,WAAA;MACA;MACAzC,KAAA,eACEyF,KAAA,CAACnG,gBAAA;QAAiBkG,SAAA,EAAU;mBACzBnD,WAAA,IAAeT,OAAA,iBACdkD,IAAA,CAACzF,kBAAA;oBACC,aAAAyF,IAAA,CAAC;sBAAIlD;;yBAGTkD,IAAA,CAAC1F,mBAAA;oBACC,aAAA0F,IAAA,CAAC9E,KAAA;YACC2F,UAAA,EAAYrD,eAAA;YACZjB,OAAA,EAAS6C,YAAA;YACT3C,IAAA,EAAMA,IAAA,EAAM0C,IAAA,IAAQ,EAAE;YACtB6B,EAAA,EAAI9C;;;SAXoCjB,GAAA;IAgBlD;EACF;EAEA;EACAmC,YAAA,CAAa6B,MAAM,CAACvE,mBAAA,GAAsB,IAAI,GAAG,GAAG;IAClD4C,QAAA,EAAU;IACVC,MAAA,EAAQ;IACR7D,KAAA,EAAO;MACLC,KAAA,EAAO;QACL6D,QAAA,EAAU;MACZ;MACAC,MAAA,EAAQ;IACV;IACAC,OAAA,eAASM,IAAA,CAAChF,UAAA;IACV4E,aAAA,EAAe,CAACnD,IAAA,EAAM0C,IAAA,IAAQ,EAAE,EAAEU,GAAG,CAAC,CAACqB,CAAA,EAAGnB,CAAA,kBAAMC,IAAA,CAAC/E,OAAA,MAAa8E,CAAA;EAChE;EAEA,OAAO;IACLpC,WAAA;IACA;IACAzC,KAAA,eACE8E,IAAA,CAACxF,gBAAA;MAAiBkG,SAAA,EAAU;gBAC1B,aAAAV,IAAA,CAAC1F,mBAAA;kBACC,aAAA0F,IAAA,CAACrF,cAAA;UACCkG,UAAA,EAAYrD,eAAA;UACZiB,UAAA,EAAYtC,sBAAA;UACZI,OAAA,EAAS6C,YAAA;UACT3C,IAAA,EAAMA,IAAA,EAAM0C,IAAA,IAAQ,EAAE;UACtB6B,EAAA,EAAI9C;;;OAPoCjB,GAAA;EAYlD;AACF;AAEA,MAAMwD,iBAAA,GAAoBA,CAAC;EACzBzD,IAAI;EACJsD,OAAO;EACP7C;AAAU,CAKX;EACC,MAAM0D,KAAA,GAAQ1D,UAAA,GAAa6C,OAAO,CAAC7C,UAAA,CAAW,GAAGa,SAAA;EACjD,MAAM8C,KAAA,GACJ,OAAOD,KAAA,KAAU,YAAa,OAAOA,KAAA,KAAU,YAAYA,KAAA,GACvD9C,MAAA,CAAO8C,KAAA,IACP9C,MAAA,CAAOiC,OAAA,CAAQU,EAAE;EAEvB,OAAOhE,IAAA,CAAK2C,CAAC,CAAC,uBAAuB;IAAEyB;EAAM;AAC/C","ignoreList":[]}

package/dist/views/API/index.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/API/index.client.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAiB9B,OAAO,aAAa,CAAA;AAKpB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAmPjC,CAAA"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/API/index.client.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAiB9B,OAAO,aAAa,CAAA;AAKpB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAsQjC,CAAA"}

package/dist/views/API/index.client.js

@@ -71,6 +71,18 @@ export const APIViewClient = () => {
   const [draft, setDraft] = React.useState(searchParams.get('draft') === 'true');
   const [locale_0, setLocale] = React.useState(searchParams?.get('locale') || code);
   const [depth, setDepth] = React.useState(searchParams.get('depth') || defaultDepth.toString());
+  const [depthAnnouncement, setDepthAnnouncement] = React.useState('');
+  const previousDepth = React.useRef(depth);
+  React.useEffect(() => {
+    if (previousDepth.current === depth) {
+      return;
+    }
+    previousDepth.current = depth;
+    const timeout = setTimeout(() => {
+      setDepthAnnouncement(`${t('general:depth')}: ${Number(depth || 0)}`);
+    }, 300);
+    return () => clearTimeout(timeout);
+  }, [depth, t]);
   const [authenticated, setAuthenticated] = React.useState(true);
   const [fullscreen, setFullscreen] = React.useState(false);
   const [origin, setOrigin] = React.useState(serverURL || '');
@@ -162,7 +174,12 @@ export const APIViewClient = () => {
           },
           children: /*#__PURE__*/_jsxs("div", {
             className: `${baseClass}__form-fields`,
-            children: [localeOptions && /*#__PURE__*/_jsx(LocaleSelector, {
+            children: [/*#__PURE__*/_jsx("span", {
+              "aria-atomic": "true",
+              className: "sr-only",
+              role: "status",
+              children: depthAnnouncement
+            }), localeOptions && /*#__PURE__*/_jsx(LocaleSelector, {
               localeOptions: localeOptions,
               onChange: setLocale
             }), /*#__PURE__*/_jsx(NumberField, {
@@ -226,6 +243,7 @@ export const APIViewClient = () => {
               url: fetchURL
             }), /*#__PURE__*/_jsx(Button, {
               "aria-label": "toggle fullscreen",
+              "aria-pressed": fullscreen,
               buttonStyle: "secondary",
               className: `${baseClass}__toggle-fullscreen-button`,
               icon: /*#__PURE__*/_jsx(MinimizeMaximizeIcon, {

package/dist/views/API/index.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.js","names":["formatAdminURL","hasDraftsEnabled","React","toast","Button","CodeEditor","CodeEditorLazy","CheckboxField","NumberField","TextInput","Form","MinimizeMaximizeIcon","NewTabIcon","useConfig","useDocumentInfo","useLocale","useSearchParams","useTranslation","SetDocumentStepNav","LocaleSelector","baseClass","APIViewClient","id","collectionSlug","globalSlug","initialData","isTrashed","searchParams","i18n","t","currentLocale","code","config","defaultDepth","localization","routes","api","apiRoute","serverURL","getEntityConfig","collectionConfig","globalConfig","localeOptions","locales","map","locale","label","value","draftsEnabled","docEndpoint","undefined","data","setData","useState","draft","setDraft","get","setLocale","depth","setDepth","toString","authenticated","setAuthenticated","fullscreen","setFullscreen","origin","setOrigin","jsonString","useMemo","JSON","stringify","recalculatedHeightAt","setRecalculatedHeightAt","useEffect","count","window","location","trashParam","deletedAt","params","URLSearchParams","String","trash","fetchURL","path","fetchData","res","fetch","credentials","headers","language","method","json","error","console","_jsxs","className","filter","Boolean","join","_jsx","globalLabel","pluralLabel","labels","plural","useAsTitle","admin","view","initialState","initialValue","valid","Number","onChange","field","name","step","max","min","htmlAttributes","readOnly","buttonStyle","el","icon","size","margin","newTab","url","isMinimized","onClick","defaultLanguage","height","options","fixedOverflowWidgets","folding","lineNumbers","stickyScroll","enabled","wordWrap"],"sources":["../../../src/views/API/index.client.tsx"],"sourcesContent":["'use client'\n\nimport { formatAdminURL, hasDraftsEnabled } from 'payload/shared'\nimport * as React from 'react'\nimport { toast } from 'sonner'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { CodeEditor as CodeEditorLazy } from '../../elements/CodeEditor/index.js'\nimport { CheckboxField } from '../../fields/Checkbox/index.js'\nimport { NumberField } from '../../fields/Number/index.js'\nimport { TextInput } from '../../fields/Text/Input.js'\nimport { Form } from '../../forms/Form/index.js'\nimport { MinimizeMaximizeIcon } from '../../icons/MinimizeMaximize/index.js'\nimport { NewTabIcon } from '../../icons/NewTab/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useSearchParams } from '../../providers/RouterAdapter/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { SetDocumentStepNav } from '../../views/Edit/SetDocumentStepNav/index.js'\nimport './index.css'\nimport { LocaleSelector } from './LocaleSelector/index.js'\n\nconst baseClass = 'query-inspector'\n\nexport const APIViewClient: React.FC = () => {\n  const { id, collectionSlug, globalSlug, initialData, isTrashed } = useDocumentInfo()\n\n  const searchParams = useSearchParams()\n  const { i18n, t } = useTranslation()\n  const currentLocale = useLocale()\n  const code = currentLocale?.code\n\n  const {\n    config: {\n      defaultDepth,\n      localization,\n      routes: { api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const globalConfig = getEntityConfig({ globalSlug })\n\n  const localeOptions =\n    localization &&\n    localization.locales.map((locale) => ({ label: locale.label, value: locale.code }))\n\n  let draftsEnabled: boolean = false\n  let docEndpoint: `/${string}` = undefined\n\n  if (collectionConfig) {\n    draftsEnabled = hasDraftsEnabled(collectionConfig)\n    docEndpoint = `/${collectionSlug}/${id}`\n  }\n\n  if (globalConfig) {\n    draftsEnabled = hasDraftsEnabled(globalConfig)\n    docEndpoint = `/globals/${globalSlug}`\n  }\n\n  const [data, setData] = React.useState<any>(initialData)\n  const [draft, setDraft] = React.useState<boolean>(searchParams.get('draft') === 'true')\n  const [locale, setLocale] = React.useState<string>(searchParams?.get('locale') || code)\n  const [depth, setDepth] = React.useState<string>(\n    searchParams.get('depth') || defaultDepth.toString(),\n  )\n  const [authenticated, setAuthenticated] = React.useState<boolean>(true)\n  const [fullscreen, setFullscreen] = React.useState<boolean>(false)\n  const [origin, setOrigin] = React.useState<string>(serverURL || '')\n\n  const jsonString = React.useMemo(\n    () => (data === undefined ? '' : JSON.stringify(data, null, 2)),\n    [data],\n  )\n\n  // readOnly editors never fire onChange, so bump a counter to re-fit height on data change\n  const [recalculatedHeightAt, setRecalculatedHeightAt] = React.useState(0)\n  React.useEffect(() => {\n    setRecalculatedHeightAt((count) => count + 1)\n  }, [jsonString])\n\n  // Set the origin to the window.location.origin in useEffect to avoid hydration errors\n  React.useEffect(() => {\n    if (!serverURL) {\n      setOrigin(window.location.origin)\n    }\n  }, [serverURL])\n\n  const trashParam = typeof initialData?.deletedAt === 'string'\n\n  const params = new URLSearchParams({\n    depth,\n    draft: String(draft),\n    locale,\n    trash: trashParam ? 'true' : 'false',\n  }).toString()\n\n  const fetchURL = formatAdminURL({\n    apiRoute,\n    path: `${docEndpoint}?${params}`,\n    serverURL: origin,\n  })\n\n  React.useEffect(() => {\n    const fetchData = async () => {\n      try {\n        const res = await fetch(fetchURL, {\n          credentials: authenticated ? 'include' : 'omit',\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n          method: 'GET',\n        })\n\n        try {\n          const json = await res.json()\n          setData(json)\n        } catch (error) {\n          toast.error('Error parsing response')\n          console.error(error) // eslint-disable-line no-console\n        }\n      } catch (error) {\n        toast.error('Error making request')\n        console.error(error) // eslint-disable-line no-console\n      }\n    }\n\n    void fetchData()\n  }, [i18n.language, fetchURL, authenticated])\n\n  return (\n    <div\n      className={[baseClass, fullscreen && `${baseClass}--fullscreen`].filter(Boolean).join(' ')}\n    >\n      <SetDocumentStepNav\n        collectionSlug={collectionSlug}\n        globalLabel={globalConfig?.label}\n        globalSlug={globalSlug}\n        id={id}\n        isTrashed={isTrashed}\n        pluralLabel={collectionConfig ? collectionConfig?.labels?.plural : undefined}\n        useAsTitle={collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined}\n        view=\"API\"\n      />\n      <div className={`${baseClass}__content`}>\n        <div className={`${baseClass}__configuration`}>\n          <Form\n            initialState={{\n              authenticated: {\n                initialValue: authenticated || false,\n                valid: true,\n                value: authenticated || false,\n              },\n              depth: {\n                initialValue: Number(depth || 0),\n                valid: true,\n                value: Number(depth || 0),\n              },\n              draft: {\n                initialValue: draft || false,\n                valid: true,\n                value: draft || false,\n              },\n              locale: {\n                initialValue: locale,\n                valid: true,\n                value: locale,\n              },\n            }}\n          >\n            <div className={`${baseClass}__form-fields`}>\n              {localeOptions && (\n                <LocaleSelector localeOptions={localeOptions} onChange={setLocale} />\n              )}\n              <NumberField\n                field={{\n                  name: 'depth',\n                  admin: {\n                    step: 1,\n                  },\n                  label: t('general:depth'),\n                  max: 10,\n                  min: 0,\n                }}\n                onChange={(value) => setDepth(value?.toString())}\n                path=\"depth\"\n              />\n              {draftsEnabled && (\n                <CheckboxField\n                  field={{\n                    name: 'draft',\n                    label: t('version:draft'),\n                  }}\n                  onChange={() => setDraft(!draft)}\n                  path=\"draft\"\n                />\n              )}\n              <CheckboxField\n                field={{\n                  name: 'authenticated',\n                  label: t('authentication:authenticated'),\n                }}\n                onChange={() => setAuthenticated(!authenticated)}\n                path=\"authenticated\"\n              />\n            </div>\n          </Form>\n        </div>\n        <div className={`${baseClass}__results-wrapper`}>\n          <div className={`${baseClass}__results-bar`}>\n            <div className={`${baseClass}__api-url-field`}>\n              <TextInput\n                className={`${baseClass}__api-url-input`}\n                htmlAttributes={{\n                  'aria-label': 'API URL',\n                  readOnly: true,\n                }}\n                path=\"api-url\"\n                readOnly={false}\n                value={fetchURL}\n              />\n            </div>\n            <div className={`${baseClass}__results-bar-actions`}>\n              <Button\n                aria-label={t('general:openInNewWindow')}\n                buttonStyle=\"secondary\"\n                className={`${baseClass}__api-url-open-button`}\n                el=\"anchor\"\n                icon={<NewTabIcon size={16} />}\n                margin={false}\n                newTab\n                size=\"large\"\n                url={fetchURL}\n              />\n              <Button\n                aria-label=\"toggle fullscreen\"\n                buttonStyle=\"secondary\"\n                className={`${baseClass}__toggle-fullscreen-button`}\n                icon={<MinimizeMaximizeIcon isMinimized={!fullscreen} />}\n                margin={false}\n                onClick={() => setFullscreen(!fullscreen)}\n                size=\"large\"\n              />\n            </div>\n          </div>\n          <div className={`${baseClass}__results`}>\n            <CodeEditorLazy\n              defaultLanguage=\"json\"\n              height=\"100%\"\n              options={{\n                fixedOverflowWidgets: true,\n                folding: true,\n                lineNumbers: 'on',\n                stickyScroll: { enabled: false },\n                wordWrap: 'off',\n              }}\n              readOnly\n              recalculatedHeightAt={recalculatedHeightAt}\n              value={jsonString}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.client.js","names":["formatAdminURL","hasDraftsEnabled","React","toast","Button","CodeEditor","CodeEditorLazy","CheckboxField","NumberField","TextInput","Form","MinimizeMaximizeIcon","NewTabIcon","useConfig","useDocumentInfo","useLocale","useSearchParams","useTranslation","SetDocumentStepNav","LocaleSelector","baseClass","APIViewClient","id","collectionSlug","globalSlug","initialData","isTrashed","searchParams","i18n","t","currentLocale","code","config","defaultDepth","localization","routes","api","apiRoute","serverURL","getEntityConfig","collectionConfig","globalConfig","localeOptions","locales","map","locale","label","value","draftsEnabled","docEndpoint","undefined","data","setData","useState","draft","setDraft","get","setLocale","depth","setDepth","toString","depthAnnouncement","setDepthAnnouncement","previousDepth","useRef","useEffect","current","timeout","setTimeout","Number","clearTimeout","authenticated","setAuthenticated","fullscreen","setFullscreen","origin","setOrigin","jsonString","useMemo","JSON","stringify","recalculatedHeightAt","setRecalculatedHeightAt","count","window","location","trashParam","deletedAt","params","URLSearchParams","String","trash","fetchURL","path","fetchData","res","fetch","credentials","headers","language","method","json","error","console","_jsxs","className","filter","Boolean","join","_jsx","globalLabel","pluralLabel","labels","plural","useAsTitle","admin","view","initialState","initialValue","valid","role","onChange","field","name","step","max","min","htmlAttributes","readOnly","buttonStyle","el","icon","size","margin","newTab","url","isMinimized","onClick","defaultLanguage","height","options","fixedOverflowWidgets","folding","lineNumbers","stickyScroll","enabled","wordWrap"],"sources":["../../../src/views/API/index.client.tsx"],"sourcesContent":["'use client'\n\nimport { formatAdminURL, hasDraftsEnabled } from 'payload/shared'\nimport * as React from 'react'\nimport { toast } from 'sonner'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { CodeEditor as CodeEditorLazy } from '../../elements/CodeEditor/index.js'\nimport { CheckboxField } from '../../fields/Checkbox/index.js'\nimport { NumberField } from '../../fields/Number/index.js'\nimport { TextInput } from '../../fields/Text/Input.js'\nimport { Form } from '../../forms/Form/index.js'\nimport { MinimizeMaximizeIcon } from '../../icons/MinimizeMaximize/index.js'\nimport { NewTabIcon } from '../../icons/NewTab/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useSearchParams } from '../../providers/RouterAdapter/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { SetDocumentStepNav } from '../../views/Edit/SetDocumentStepNav/index.js'\nimport './index.css'\nimport { LocaleSelector } from './LocaleSelector/index.js'\n\nconst baseClass = 'query-inspector'\n\nexport const APIViewClient: React.FC = () => {\n  const { id, collectionSlug, globalSlug, initialData, isTrashed } = useDocumentInfo()\n\n  const searchParams = useSearchParams()\n  const { i18n, t } = useTranslation()\n  const currentLocale = useLocale()\n  const code = currentLocale?.code\n\n  const {\n    config: {\n      defaultDepth,\n      localization,\n      routes: { api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const globalConfig = getEntityConfig({ globalSlug })\n\n  const localeOptions =\n    localization &&\n    localization.locales.map((locale) => ({ label: locale.label, value: locale.code }))\n\n  let draftsEnabled: boolean = false\n  let docEndpoint: `/${string}` = undefined\n\n  if (collectionConfig) {\n    draftsEnabled = hasDraftsEnabled(collectionConfig)\n    docEndpoint = `/${collectionSlug}/${id}`\n  }\n\n  if (globalConfig) {\n    draftsEnabled = hasDraftsEnabled(globalConfig)\n    docEndpoint = `/globals/${globalSlug}`\n  }\n\n  const [data, setData] = React.useState<any>(initialData)\n  const [draft, setDraft] = React.useState<boolean>(searchParams.get('draft') === 'true')\n  const [locale, setLocale] = React.useState<string>(searchParams?.get('locale') || code)\n  const [depth, setDepth] = React.useState<string>(\n    searchParams.get('depth') || defaultDepth.toString(),\n  )\n  const [depthAnnouncement, setDepthAnnouncement] = React.useState('')\n  const previousDepth = React.useRef(depth)\n\n  React.useEffect(() => {\n    if (previousDepth.current === depth) {\n      return\n    }\n    previousDepth.current = depth\n    const timeout = setTimeout(() => {\n      setDepthAnnouncement(`${t('general:depth')}: ${Number(depth || 0)}`)\n    }, 300)\n\n    return () => clearTimeout(timeout)\n  }, [depth, t])\n\n  const [authenticated, setAuthenticated] = React.useState<boolean>(true)\n  const [fullscreen, setFullscreen] = React.useState<boolean>(false)\n  const [origin, setOrigin] = React.useState<string>(serverURL || '')\n\n  const jsonString = React.useMemo(\n    () => (data === undefined ? '' : JSON.stringify(data, null, 2)),\n    [data],\n  )\n\n  // readOnly editors never fire onChange, so bump a counter to re-fit height on data change\n  const [recalculatedHeightAt, setRecalculatedHeightAt] = React.useState(0)\n  React.useEffect(() => {\n    setRecalculatedHeightAt((count) => count + 1)\n  }, [jsonString])\n\n  // Set the origin to the window.location.origin in useEffect to avoid hydration errors\n  React.useEffect(() => {\n    if (!serverURL) {\n      setOrigin(window.location.origin)\n    }\n  }, [serverURL])\n\n  const trashParam = typeof initialData?.deletedAt === 'string'\n\n  const params = new URLSearchParams({\n    depth,\n    draft: String(draft),\n    locale,\n    trash: trashParam ? 'true' : 'false',\n  }).toString()\n\n  const fetchURL = formatAdminURL({\n    apiRoute,\n    path: `${docEndpoint}?${params}`,\n    serverURL: origin,\n  })\n\n  React.useEffect(() => {\n    const fetchData = async () => {\n      try {\n        const res = await fetch(fetchURL, {\n          credentials: authenticated ? 'include' : 'omit',\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n          method: 'GET',\n        })\n\n        try {\n          const json = await res.json()\n          setData(json)\n        } catch (error) {\n          toast.error('Error parsing response')\n          console.error(error) // eslint-disable-line no-console\n        }\n      } catch (error) {\n        toast.error('Error making request')\n        console.error(error) // eslint-disable-line no-console\n      }\n    }\n\n    void fetchData()\n  }, [i18n.language, fetchURL, authenticated])\n\n  return (\n    <div\n      className={[baseClass, fullscreen && `${baseClass}--fullscreen`].filter(Boolean).join(' ')}\n    >\n      <SetDocumentStepNav\n        collectionSlug={collectionSlug}\n        globalLabel={globalConfig?.label}\n        globalSlug={globalSlug}\n        id={id}\n        isTrashed={isTrashed}\n        pluralLabel={collectionConfig ? collectionConfig?.labels?.plural : undefined}\n        useAsTitle={collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined}\n        view=\"API\"\n      />\n      <div className={`${baseClass}__content`}>\n        <div className={`${baseClass}__configuration`}>\n          <Form\n            initialState={{\n              authenticated: {\n                initialValue: authenticated || false,\n                valid: true,\n                value: authenticated || false,\n              },\n              depth: {\n                initialValue: Number(depth || 0),\n                valid: true,\n                value: Number(depth || 0),\n              },\n              draft: {\n                initialValue: draft || false,\n                valid: true,\n                value: draft || false,\n              },\n              locale: {\n                initialValue: locale,\n                valid: true,\n                value: locale,\n              },\n            }}\n          >\n            <div className={`${baseClass}__form-fields`}>\n              <span aria-atomic=\"true\" className=\"sr-only\" role=\"status\">\n                {depthAnnouncement}\n              </span>\n              {localeOptions && (\n                <LocaleSelector localeOptions={localeOptions} onChange={setLocale} />\n              )}\n              <NumberField\n                field={{\n                  name: 'depth',\n                  admin: {\n                    step: 1,\n                  },\n                  label: t('general:depth'),\n                  max: 10,\n                  min: 0,\n                }}\n                onChange={(value) => setDepth(value?.toString())}\n                path=\"depth\"\n              />\n              {draftsEnabled && (\n                <CheckboxField\n                  field={{\n                    name: 'draft',\n                    label: t('version:draft'),\n                  }}\n                  onChange={() => setDraft(!draft)}\n                  path=\"draft\"\n                />\n              )}\n              <CheckboxField\n                field={{\n                  name: 'authenticated',\n                  label: t('authentication:authenticated'),\n                }}\n                onChange={() => setAuthenticated(!authenticated)}\n                path=\"authenticated\"\n              />\n            </div>\n          </Form>\n        </div>\n        <div className={`${baseClass}__results-wrapper`}>\n          <div className={`${baseClass}__results-bar`}>\n            <div className={`${baseClass}__api-url-field`}>\n              <TextInput\n                className={`${baseClass}__api-url-input`}\n                htmlAttributes={{\n                  'aria-label': 'API URL',\n                  readOnly: true,\n                }}\n                path=\"api-url\"\n                readOnly={false}\n                value={fetchURL}\n              />\n            </div>\n            <div className={`${baseClass}__results-bar-actions`}>\n              <Button\n                aria-label={t('general:openInNewWindow')}\n                buttonStyle=\"secondary\"\n                className={`${baseClass}__api-url-open-button`}\n                el=\"anchor\"\n                icon={<NewTabIcon size={16} />}\n                margin={false}\n                newTab\n                size=\"large\"\n                url={fetchURL}\n              />\n              <Button\n                aria-label=\"toggle fullscreen\"\n                aria-pressed={fullscreen}\n                buttonStyle=\"secondary\"\n                className={`${baseClass}__toggle-fullscreen-button`}\n                icon={<MinimizeMaximizeIcon isMinimized={!fullscreen} />}\n                margin={false}\n                onClick={() => setFullscreen(!fullscreen)}\n                size=\"large\"\n              />\n            </div>\n          </div>\n          <div className={`${baseClass}__results`}>\n            <CodeEditorLazy\n              defaultLanguage=\"json\"\n              height=\"100%\"\n              options={{\n                fixedOverflowWidgets: true,\n                folding: true,\n                lineNumbers: 'on',\n                stickyScroll: { enabled: false },\n                wordWrap: 'off',\n              }}\n              readOnly\n              recalculatedHeightAt={recalculatedHeightAt}\n              value={jsonString}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,SAASA,cAAc,EAAEC,gBAAgB,QAAQ;AACjD,YAAYC,KAAA,MAAW;AACvB,SAASC,KAAK,QAAQ;AAEtB,SAASC,MAAM,QAAQ;AACvB,SAASC,UAAA,IAAcC,cAAc,QAAQ;AAC7C,SAASC,aAAa,QAAQ;AAC9B,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,IAAI,QAAQ;AACrB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AACnC,OAAO;AACP,SAASC,cAAc,QAAQ;AAE/B,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,aAAA,GAA0BA,CAAA;EACrC,MAAM;IAAEC,EAAE;IAAEC,cAAc;IAAEC,UAAU;IAAEC,WAAW;IAAEC;EAAS,CAAE,GAAGZ,eAAA;EAEnE,MAAMa,YAAA,GAAeX,eAAA;EACrB,MAAM;IAAEY,IAAI;IAAEC;EAAC,CAAE,GAAGZ,cAAA;EACpB,MAAMa,aAAA,GAAgBf,SAAA;EACtB,MAAMgB,IAAA,GAAOD,aAAA,EAAeC,IAAA;EAE5B,MAAM;IACJC,MAAA,EAAQ;MACNC,YAAY;MACZC,YAAY;MACZC,MAAA,EAAQ;QAAEC,GAAA,EAAKC;MAAQ,CAAE;MACzBC;IAAS,CACV;IACDC;EAAe,CAChB,GAAG1B,SAAA;EAEJ,MAAM2B,gBAAA,GAAmBD,eAAA,CAAgB;IAAEhB;EAAe;EAC1D,MAAMkB,YAAA,GAAeF,eAAA,CAAgB;IAAEf;EAAW;EAElD,MAAMkB,aAAA,GACJR,YAAA,IACAA,YAAA,CAAaS,OAAO,CAACC,GAAG,CAAEC,MAAA,KAAY;IAAEC,KAAA,EAAOD,MAAA,CAAOC,KAAK;IAAEC,KAAA,EAAOF,MAAA,CAAOd;EAAK;EAElF,IAAIiB,aAAA,GAAyB;EAC7B,IAAIC,WAAA,GAA4BC,SAAA;EAEhC,IAAIV,gBAAA,EAAkB;IACpBQ,aAAA,GAAgB/C,gBAAA,CAAiBuC,gBAAA;IACjCS,WAAA,GAAc,IAAI1B,cAAA,IAAkBD,EAAA,EAAI;EAC1C;EAEA,IAAImB,YAAA,EAAc;IAChBO,aAAA,GAAgB/C,gBAAA,CAAiBwC,YAAA;IACjCQ,WAAA,GAAc,YAAYzB,UAAA,EAAY;EACxC;EAEA,MAAM,CAAC2B,IAAA,EAAMC,OAAA,CAAQ,GAAGlD,KAAA,CAAMmD,QAAQ,CAAM5B,WAAA;EAC5C,MAAM,CAAC6B,KAAA,EAAOC,QAAA,CAAS,GAAGrD,KAAA,CAAMmD,QAAQ,CAAU1B,YAAA,CAAa6B,GAAG,CAAC,aAAa;EAChF,MAAM,CAACX,QAAA,EAAQY,SAAA,CAAU,GAAGvD,KAAA,CAAMmD,QAAQ,CAAS1B,YAAA,EAAc6B,GAAA,CAAI,aAAazB,IAAA;EAClF,MAAM,CAAC2B,KAAA,EAAOC,QAAA,CAAS,GAAGzD,KAAA,CAAMmD,QAAQ,CACtC1B,YAAA,CAAa6B,GAAG,CAAC,YAAYvB,YAAA,CAAa2B,QAAQ;EAEpD,MAAM,CAACC,iBAAA,EAAmBC,oBAAA,CAAqB,GAAG5D,KAAA,CAAMmD,QAAQ,CAAC;EACjE,MAAMU,aAAA,GAAgB7D,KAAA,CAAM8D,MAAM,CAACN,KAAA;EAEnCxD,KAAA,CAAM+D,SAAS,CAAC;IACd,IAAIF,aAAA,CAAcG,OAAO,KAAKR,KAAA,EAAO;MACnC;IACF;IACAK,aAAA,CAAcG,OAAO,GAAGR,KAAA;IACxB,MAAMS,OAAA,GAAUC,UAAA,CAAW;MACzBN,oBAAA,CAAqB,GAAGjC,CAAA,CAAE,qBAAqBwC,MAAA,CAAOX,KAAA,IAAS,IAAI;IACrE,GAAG;IAEH,OAAO,MAAMY,YAAA,CAAaH,OAAA;EAC5B,GAAG,CAACT,KAAA,EAAO7B,CAAA,CAAE;EAEb,MAAM,CAAC0C,aAAA,EAAeC,gBAAA,CAAiB,GAAGtE,KAAA,CAAMmD,QAAQ,CAAU;EAClE,MAAM,CAACoB,UAAA,EAAYC,aAAA,CAAc,GAAGxE,KAAA,CAAMmD,QAAQ,CAAU;EAC5D,MAAM,CAACsB,MAAA,EAAQC,SAAA,CAAU,GAAG1E,KAAA,CAAMmD,QAAQ,CAASf,SAAA,IAAa;EAEhE,MAAMuC,UAAA,GAAa3E,KAAA,CAAM4E,OAAO,CAC9B,MAAO3B,IAAA,KAASD,SAAA,GAAY,KAAK6B,IAAA,CAAKC,SAAS,CAAC7B,IAAA,EAAM,MAAM,IAC5D,CAACA,IAAA,CAAK;EAGR;EACA,MAAM,CAAC8B,oBAAA,EAAsBC,uBAAA,CAAwB,GAAGhF,KAAA,CAAMmD,QAAQ,CAAC;EACvEnD,KAAA,CAAM+D,SAAS,CAAC;IACdiB,uBAAA,CAAyBC,KAAA,IAAUA,KAAA,GAAQ;EAC7C,GAAG,CAACN,UAAA,CAAW;EAEf;EACA3E,KAAA,CAAM+D,SAAS,CAAC;IACd,IAAI,CAAC3B,SAAA,EAAW;MACdsC,SAAA,CAAUQ,MAAA,CAAOC,QAAQ,CAACV,MAAM;IAClC;EACF,GAAG,CAACrC,SAAA,CAAU;EAEd,MAAMgD,UAAA,GAAa,OAAO7D,WAAA,EAAa8D,SAAA,KAAc;EAErD,MAAMC,MAAA,GAAS,IAAIC,eAAA,CAAgB;IACjC/B,KAAA;IACAJ,KAAA,EAAOoC,MAAA,CAAOpC,KAAA;IACdT,MAAA,EAAAA,QAAA;IACA8C,KAAA,EAAOL,UAAA,GAAa,SAAS;EAC/B,GAAG1B,QAAQ;EAEX,MAAMgC,QAAA,GAAW5F,cAAA,CAAe;IAC9BqC,QAAA;IACAwD,IAAA,EAAM,GAAG5C,WAAA,IAAeuC,MAAA,EAAQ;IAChClD,SAAA,EAAWqC;EACb;EAEAzE,KAAA,CAAM+D,SAAS,CAAC;IACd,MAAM6B,SAAA,GAAY,MAAAA,CAAA;MAChB,IAAI;QACF,MAAMC,GAAA,GAAM,MAAMC,KAAA,CAAMJ,QAAA,EAAU;UAChCK,WAAA,EAAa1B,aAAA,GAAgB,YAAY;UACzC2B,OAAA,EAAS;YACP,mBAAmBtE,IAAA,CAAKuE;UAC1B;UACAC,MAAA,EAAQ;QACV;QAEA,IAAI;UACF,MAAMC,IAAA,GAAO,MAAMN,GAAA,CAAIM,IAAI;UAC3BjD,OAAA,CAAQiD,IAAA;QACV,EAAE,OAAOC,OAAA,EAAO;UACdnG,KAAA,CAAMmG,KAAK,CAAC;UACZC,OAAA,CAAQD,KAAK,CAACA,OAAA,GAAO;QACvB;MACF,EAAE,OAAOA,KAAA,EAAO;QACdnG,KAAA,CAAMmG,KAAK,CAAC;QACZC,OAAA,CAAQD,KAAK,CAACA,KAAA,GAAO;MACvB;IACF;IAEA,KAAKR,SAAA;EACP,GAAG,CAAClE,IAAA,CAAKuE,QAAQ,EAAEP,QAAA,EAAUrB,aAAA,CAAc;EAE3C,oBACEiC,KAAA,CAAC;IACCC,SAAA,EAAW,CAACrF,SAAA,EAAWqD,UAAA,IAAc,GAAGrD,SAAA,cAAuB,CAAC,CAACsF,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BAEtFC,IAAA,CAAC3F,kBAAA;MACCK,cAAA,EAAgBA,cAAA;MAChBuF,WAAA,EAAarE,YAAA,EAAcK,KAAA;MAC3BtB,UAAA,EAAYA,UAAA;MACZF,EAAA,EAAIA,EAAA;MACJI,SAAA,EAAWA,SAAA;MACXqF,WAAA,EAAavE,gBAAA,GAAmBA,gBAAA,EAAkBwE,MAAA,EAAQC,MAAA,GAAS/D,SAAA;MACnEgE,UAAA,EAAY1E,gBAAA,GAAmBA,gBAAA,EAAkB2E,KAAA,EAAOD,UAAA,GAAahE,SAAA;MACrEkE,IAAA,EAAK;qBAEPZ,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAGrF,SAAA,WAAoB;8BACrCyF,IAAA,CAAC;QAAIJ,SAAA,EAAW,GAAGrF,SAAA,iBAA0B;kBAC3C,aAAAyF,IAAA,CAACnG,IAAA;UACC2G,YAAA,EAAc;YACZ9C,aAAA,EAAe;cACb+C,YAAA,EAAc/C,aAAA,IAAiB;cAC/BgD,KAAA,EAAO;cACPxE,KAAA,EAAOwB,aAAA,IAAiB;YAC1B;YACAb,KAAA,EAAO;cACL4D,YAAA,EAAcjD,MAAA,CAAOX,KAAA,IAAS;cAC9B6D,KAAA,EAAO;cACPxE,KAAA,EAAOsB,MAAA,CAAOX,KAAA,IAAS;YACzB;YACAJ,KAAA,EAAO;cACLgE,YAAA,EAAchE,KAAA,IAAS;cACvBiE,KAAA,EAAO;cACPxE,KAAA,EAAOO,KAAA,IAAS;YAClB;YACAT,MAAA,EAAQ;cACNyE,YAAA,EAAczE,QAAA;cACd0E,KAAA,EAAO;cACPxE,KAAA,EAAOF;YACT;UACF;oBAEA,aAAA2D,KAAA,CAAC;YAAIC,SAAA,EAAW,GAAGrF,SAAA,eAAwB;oCACzCyF,IAAA,CAAC;cAAK,eAAY;cAAOJ,SAAA,EAAU;cAAUe,IAAA,EAAK;wBAC/C3D;gBAEFnB,aAAA,iBACCmE,IAAA,CAAC1F,cAAA;cAAeuB,aAAA,EAAeA,aAAA;cAAe+E,QAAA,EAAUhE;6BAE1DoD,IAAA,CAACrG,WAAA;cACCkH,KAAA,EAAO;gBACLC,IAAA,EAAM;gBACNR,KAAA,EAAO;kBACLS,IAAA,EAAM;gBACR;gBACA9E,KAAA,EAAOjB,CAAA,CAAE;gBACTgG,GAAA,EAAK;gBACLC,GAAA,EAAK;cACP;cACAL,QAAA,EAAW1E,KAAA,IAAUY,QAAA,CAASZ,KAAA,EAAOa,QAAA;cACrCiC,IAAA,EAAK;gBAEN7C,aAAA,iBACC6D,IAAA,CAACtG,aAAA;cACCmH,KAAA,EAAO;gBACLC,IAAA,EAAM;gBACN7E,KAAA,EAAOjB,CAAA,CAAE;cACX;cACA4F,QAAA,EAAUA,CAAA,KAAMlE,QAAA,CAAS,CAACD,KAAA;cAC1BuC,IAAA,EAAK;6BAGTgB,IAAA,CAACtG,aAAA;cACCmH,KAAA,EAAO;gBACLC,IAAA,EAAM;gBACN7E,KAAA,EAAOjB,CAAA,CAAE;cACX;cACA4F,QAAA,EAAUA,CAAA,KAAMjD,gBAAA,CAAiB,CAACD,aAAA;cAClCsB,IAAA,EAAK;;;;uBAKbW,KAAA,CAAC;QAAIC,SAAA,EAAW,GAAGrF,SAAA,mBAA4B;gCAC7CoF,KAAA,CAAC;UAAIC,SAAA,EAAW,GAAGrF,SAAA,eAAwB;kCACzCyF,IAAA,CAAC;YAAIJ,SAAA,EAAW,GAAGrF,SAAA,iBAA0B;sBAC3C,aAAAyF,IAAA,CAACpG,SAAA;cACCgG,SAAA,EAAW,GAAGrF,SAAA,iBAA0B;cACxC2G,cAAA,EAAgB;gBACd,cAAc;gBACdC,QAAA,EAAU;cACZ;cACAnC,IAAA,EAAK;cACLmC,QAAA,EAAU;cACVjF,KAAA,EAAO6C;;2BAGXY,KAAA,CAAC;YAAIC,SAAA,EAAW,GAAGrF,SAAA,uBAAgC;oCACjDyF,IAAA,CAACzG,MAAA;cACC,cAAYyB,CAAA,CAAE;cACdoG,WAAA,EAAY;cACZxB,SAAA,EAAW,GAAGrF,SAAA,uBAAgC;cAC9C8G,EAAA,EAAG;cACHC,IAAA,eAAMtB,IAAA,CAACjG,UAAA;gBAAWwH,IAAA,EAAM;;cACxBC,MAAA,EAAQ;cACRC,MAAM;cACNF,IAAA,EAAK;cACLG,GAAA,EAAK3C;6BAEPiB,IAAA,CAACzG,MAAA;cACC,cAAW;cACX,gBAAcqE,UAAA;cACdwD,WAAA,EAAY;cACZxB,SAAA,EAAW,GAAGrF,SAAA,4BAAqC;cACnD+G,IAAA,eAAMtB,IAAA,CAAClG,oBAAA;gBAAqB6H,WAAA,EAAa,CAAC/D;;cAC1C4D,MAAA,EAAQ;cACRI,OAAA,EAASA,CAAA,KAAM/D,aAAA,CAAc,CAACD,UAAA;cAC9B2D,IAAA,EAAK;;;yBAIXvB,IAAA,CAAC;UAAIJ,SAAA,EAAW,GAAGrF,SAAA,WAAoB;oBACrC,aAAAyF,IAAA,CAACvG,cAAA;YACCoI,eAAA,EAAgB;YAChBC,MAAA,EAAO;YACPC,OAAA,EAAS;cACPC,oBAAA,EAAsB;cACtBC,OAAA,EAAS;cACTC,WAAA,EAAa;cACbC,YAAA,EAAc;gBAAEC,OAAA,EAAS;cAAM;cAC/BC,QAAA,EAAU;YACZ;YACAlB,QAAQ;YACR/C,oBAAA,EAAsBA,oBAAA;YACtBlC,KAAA,EAAO8B;;;;;;AAOrB","ignoreList":[]}

package/dist/views/API/index.css

@@ -75,7 +75,7 @@
   }
 
   .query-inspector__label {
-    font-weight: var(--text-body-large-strong-font-weight);
+    font-weight: var(--text-body-large-bold-font-weight);
   }
 
   .query-inspector__form-fields {
@@ -90,7 +90,6 @@
 
     .checkbox-input label.field-label:not(.unstyled) {
       color: var(--color-text);
-      font-family: var(--text-body-medium-font-family);
       font-size: var(--text-body-medium-font-size);
       font-weight: var(--text-body-medium-font-weight);
       line-height: var(--text-body-medium-line-height);

package/dist/views/CreateFirstUser/index.css

@@ -18,7 +18,6 @@
 
   .create-first-user__header h1 {
     margin: 0;
-    font-family: var(--text-heading-large-font-family);
     font-size: var(--text-heading-large-font-size);
     font-weight: var(--text-heading-large-font-weight);
     line-height: var(--text-heading-large-line-height);
@@ -28,7 +27,6 @@
 
   .create-first-user__header p {
     margin: 0;
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     font-weight: var(--text-body-medium-font-weight);
     line-height: var(--text-body-medium-line-height);

package/dist/views/Dashboard/Default/ModularDashboard/DashboardStepNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardStepNav.d.ts","sourceRoot":"","sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/DashboardStepNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAa3C,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,MAAM,EACN,SAAS,EACT,WAAW,EACX,UAAU,EACV,YAAY,EACZ,OAAO,GACR,EAAE;IACD,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAChC,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC/B,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1C,OAAO,EAAE,YAAY,EAAE,CAAA;CACxB,+BAoCA;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE;IACjD,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,iBAAiB,EAAE,MAAM,CAAA;CAC1B,+BAqEA"}
+{"version":3,"file":"DashboardStepNav.d.ts","sourceRoot":"","sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/DashboardStepNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAa3C,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,MAAM,EACN,SAAS,EACT,WAAW,EACX,UAAU,EACV,YAAY,EACZ,OAAO,GACR,EAAE;IACD,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAChC,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC/B,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1C,OAAO,EAAE,YAAY,EAAE,CAAA;CACxB,+BAoCA;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE;IACjD,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,iBAAiB,EAAE,MAAM,CAAA;CAC1B,+BA+EA"}

package/dist/views/Dashboard/Default/ModularDashboard/DashboardStepNav.js

@@ -2,7 +2,7 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useId } from 'react';
+import { useEffect, useId, useRef } from 'react';
 import { Button } from '../../../../elements/Button/index.js';
 import { DrawerToggler } from '../../../../elements/Drawer/index.js';
 import { ItemsDrawer } from '../../../../elements/ItemsDrawer/index.js';
@@ -83,7 +83,6 @@ export function DashboardStepNav(t0) {
   return t3;
 }
 export function DashboardBreadcrumbDropdown(props) {
-  const $ = _c(14);
   const {
     isEditing,
     onCancel,
@@ -95,124 +94,84 @@ export function DashboardBreadcrumbDropdown(props) {
   const {
     t
   } = useTranslation();
-  if (isEditing) {
-    let t0;
-    if ($[0] !== onCancel || $[1] !== onSaveChanges || $[2] !== t || $[3] !== widgetsDrawerSlug) {
-      t0 = _jsxs("div", {
-        className: "dashboard-breadcrumb-dropdown__editing",
-        children: [_jsx("span", {
-          children: t("dashboard:editingDashboard")
-        }), _jsxs("div", {
-          className: "dashboard-breadcrumb-dropdown__actions",
-          children: [_jsx(DrawerToggler, {
-            className: "drawer-toggler--unstyled",
-            slug: widgetsDrawerSlug,
-            children: _jsx(Button, {
-              buttonStyle: "primary",
-              el: "span",
-              size: "medium",
-              children: t("dashboard:addButton")
-            })
-          }), _jsx(Button, {
-            buttonStyle: "pill",
-            onClick: onSaveChanges,
-            size: "medium",
-            children: t("fields:saveChanges")
-          }), _jsx(Button, {
-            buttonStyle: "pill",
-            onClick: onCancel,
-            size: "medium",
-            children: t("general:cancel")
-          })]
-        })]
-      });
-      $[0] = onCancel;
-      $[1] = onSaveChanges;
-      $[2] = t;
-      $[3] = widgetsDrawerSlug;
-      $[4] = t0;
-    } else {
-      t0 = $[4];
+  const addButtonRef = useRef(null);
+  useEffect(() => {
+    if (isEditing) {
+      addButtonRef.current?.focus();
     }
-    return t0;
-  }
-  let t0;
-  if ($[5] !== onEditClick || $[6] !== onResetLayout || $[7] !== t) {
-    t0 = t1 => {
-      const {
-        close
-      } = t1;
-      return _jsxs(PopupList.ButtonGroup, {
-        children: [_jsx(PopupList.Button, {
-          onClick: () => {
-            close();
-            onEditClick();
-          },
-          children: t("dashboard:editDashboard")
-        }), _jsx(PopupList.Button, {
-          onClick: () => {
-            close();
-            onResetLayout();
+  }, [isEditing]);
+  if (isEditing) {
+    return /*#__PURE__*/_jsxs("div", {
+      className: "dashboard-breadcrumb-dropdown__editing",
+      children: [/*#__PURE__*/_jsx("span", {
+        children: t('dashboard:editingDashboard')
+      }), /*#__PURE__*/_jsxs("div", {
+        className: "dashboard-breadcrumb-dropdown__actions",
+        children: [/*#__PURE__*/_jsx(DrawerToggler, {
+          buttonStyle: "primary",
+          extraButtonProps: {
+            ref: addButtonRef
           },
-          children: t("dashboard:resetLayout")
+          slug: widgetsDrawerSlug,
+          children: t('dashboard:addButton')
+        }), /*#__PURE__*/_jsx(Button, {
+          buttonStyle: "pill",
+          onClick: onSaveChanges,
+          size: "medium",
+          children: t('fields:saveChanges')
+        }), /*#__PURE__*/_jsx(Button, {
+          buttonStyle: "pill",
+          onClick: onCancel,
+          size: "medium",
+          children: t('general:cancel')
         })]
-      });
-    };
-    $[5] = onEditClick;
-    $[6] = onResetLayout;
-    $[7] = t;
-    $[8] = t0;
-  } else {
-    t0 = $[8];
-  }
-  let t1;
-  if ($[9] !== t) {
-    t1 = t2 => {
-      const {
-        active,
-        onClick,
-        onKeyDown,
-        ...ariaProps
-      } = t2;
-      return _jsx(Button, {
-        "aria-label": t("general:dashboard"),
-        buttonStyle: "ghost",
-        extraButtonProps: {
-          onKeyDown
-        },
-        onClick,
-        selected: active,
-        ...ariaProps,
-        children: _jsxs("span", {
-          className: "dashboard-breadcrumb-dropdown__label",
-          children: [t("general:dashboard"), _jsx(ChevronIcon, {
-            direction: "down",
-            size: 16
-          })]
-        })
-      });
-    };
-    $[9] = t;
-    $[10] = t1;
-  } else {
-    t1 = $[10];
-  }
-  let t2;
-  if ($[11] !== t0 || $[12] !== t1) {
-    t2 = _jsx(Popup, {
-      className: "dashboard-breadcrumb-dropdown",
-      horizontalAlign: "left",
-      popupType: "menu",
-      render: t0,
-      renderButton: t1,
-      size: "fit-content"
+      })]
     });
-    $[11] = t0;
-    $[12] = t1;
-    $[13] = t2;
-  } else {
-    t2 = $[13];
   }
-  return t2;
+  return /*#__PURE__*/_jsx(Popup, {
+    className: "dashboard-breadcrumb-dropdown",
+    horizontalAlign: "left",
+    popupType: "menu",
+    render: ({
+      close
+    }) => /*#__PURE__*/_jsxs(PopupList.ButtonGroup, {
+      children: [/*#__PURE__*/_jsx(PopupList.Button, {
+        onClick: () => {
+          close();
+          onEditClick();
+        },
+        children: t('dashboard:editDashboard')
+      }), /*#__PURE__*/_jsx(PopupList.Button, {
+        onClick: () => {
+          close();
+          onResetLayout();
+        },
+        children: t('dashboard:resetLayout')
+      })]
+    }),
+    renderButton: ({
+      active,
+      onClick,
+      onKeyDown,
+      ...ariaProps
+    }) => /*#__PURE__*/_jsx(Button, {
+      "aria-label": t('general:dashboard'),
+      buttonStyle: "ghost",
+      extraButtonProps: {
+        onKeyDown
+      },
+      onClick: onClick,
+      selected: active,
+      ...ariaProps,
+      children: /*#__PURE__*/_jsxs("span", {
+        className: "dashboard-breadcrumb-dropdown__label",
+        children: [t('general:dashboard'), /*#__PURE__*/_jsx(ChevronIcon, {
+          direction: "down",
+          size: 16
+        })]
+      })
+    }),
+    size: "fit-content"
+  });
 }
 //# sourceMappingURL=DashboardStepNav.js.map

package/dist/views/Dashboard/Default/ModularDashboard/DashboardStepNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardStepNav.js","names":["c","_c","useEffect","useId","Button","DrawerToggler","ItemsDrawer","Popup","PopupList","useStepNav","ChevronIcon","useTranslation","DashboardStepNav","t0","$","addWidget","cancel","isEditing","resetLayout","saveLayout","setIsEditing","widgets","t","setStepNav","uuid","drawerSlug","t1","t2","label","_jsx","DashboardBreadcrumbDropdown","onCancel","onEditClick","onResetLayout","onSaveChanges","widgetsDrawerSlug","t3","_Fragment","children","items","onItemClick","widget","slug","searchPlaceholder","title","props","_jsxs","className","buttonStyle","el","size","onClick","close","ButtonGroup","active","onKeyDown","ariaProps","extraButtonProps","selected","direction","horizontalAlign","popupType","render"],"sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/DashboardStepNav.tsx"],"sourcesContent":["'use client'\nimport type { ClientWidget } from 'payload'\n\nimport { useEffect, useId } from 'react'\n\nimport { Button } from '../../../../elements/Button/index.js'\nimport { DrawerToggler } from '../../../../elements/Drawer/index.js'\nimport { ItemsDrawer } from '../../../../elements/ItemsDrawer/index.js'\nimport { Popup } from '../../../../elements/Popup/index.js'\nimport * as PopupList from '../../../../elements/Popup/PopupButtonList/index.js'\nimport { useStepNav } from '../../../../elements/StepNav/index.js'\nimport { ChevronIcon } from '../../../../icons/Chevron/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\n\nexport function DashboardStepNav({\n  addWidget,\n  cancel,\n  isEditing,\n  resetLayout,\n  saveLayout,\n  setIsEditing,\n  widgets,\n}: {\n  addWidget: (slug: string) => void\n  cancel: () => void\n  isEditing: boolean\n  resetLayout: () => Promise<void>\n  saveLayout: () => Promise<void>\n  setIsEditing: (isEditing: boolean) => void\n  widgets: ClientWidget[]\n}) {\n  const { t } = useTranslation()\n  const { setStepNav } = useStepNav()\n  const uuid = useId()\n  const drawerSlug = `widgets-drawer-${uuid}`\n\n  useEffect(() => {\n    setStepNav([\n      {\n        label: (\n          <DashboardBreadcrumbDropdown\n            isEditing={isEditing}\n            onCancel={cancel}\n            onEditClick={() => setIsEditing(true)}\n            onResetLayout={resetLayout}\n            onSaveChanges={saveLayout}\n            widgetsDrawerSlug={drawerSlug}\n          />\n        ),\n      },\n    ])\n  }, [isEditing, drawerSlug, cancel, resetLayout, saveLayout, setIsEditing, setStepNav])\n\n  return (\n    <>\n      {isEditing && (\n        <ItemsDrawer\n          drawerSlug={drawerSlug}\n          items={widgets}\n          onItemClick={(widget) => addWidget(widget.slug)}\n          searchPlaceholder={t('dashboard:searchWidgets')}\n          title={t('dashboard:addWidget')}\n        />\n      )}\n    </>\n  )\n}\n\nexport function DashboardBreadcrumbDropdown(props: {\n  isEditing: boolean\n  onCancel: () => void\n  onEditClick: () => void\n  onResetLayout: () => void\n  onSaveChanges: () => void\n  widgetsDrawerSlug: string\n}) {\n  const { isEditing, onCancel, onEditClick, onResetLayout, onSaveChanges, widgetsDrawerSlug } =\n    props\n  const { t } = useTranslation()\n\n  if (isEditing) {\n    return (\n      <div className=\"dashboard-breadcrumb-dropdown__editing\">\n        <span>{t('dashboard:editingDashboard')}</span>\n        <div className=\"dashboard-breadcrumb-dropdown__actions\">\n          <DrawerToggler className=\"drawer-toggler--unstyled\" slug={widgetsDrawerSlug}>\n            <Button buttonStyle=\"primary\" el=\"span\" size=\"medium\">\n              {t('dashboard:addButton')}\n            </Button>\n          </DrawerToggler>\n          <Button buttonStyle=\"pill\" onClick={onSaveChanges} size=\"medium\">\n            {t('fields:saveChanges')}\n          </Button>\n          <Button buttonStyle=\"pill\" onClick={onCancel} size=\"medium\">\n            {t('general:cancel')}\n          </Button>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <Popup\n      className=\"dashboard-breadcrumb-dropdown\"\n      horizontalAlign=\"left\"\n      popupType=\"menu\"\n      render={({ close }) => (\n        <PopupList.ButtonGroup>\n          <PopupList.Button\n            onClick={() => {\n              close()\n              onEditClick()\n            }}\n          >\n            {t('dashboard:editDashboard')}\n          </PopupList.Button>\n          <PopupList.Button\n            onClick={() => {\n              close()\n              onResetLayout()\n            }}\n          >\n            {t('dashboard:resetLayout')}\n          </PopupList.Button>\n        </PopupList.ButtonGroup>\n      )}\n      renderButton={({ active, onClick, onKeyDown, ...ariaProps }) => (\n        <Button\n          aria-label={t('general:dashboard')}\n          buttonStyle=\"ghost\"\n          extraButtonProps={{ onKeyDown }}\n          onClick={onClick}\n          selected={active}\n          {...ariaProps}\n        >\n          <span className=\"dashboard-breadcrumb-dropdown__label\">\n            {t('general:dashboard')}\n            <ChevronIcon direction=\"down\" size={16} />\n          </span>\n        </Button>\n      )}\n      size=\"fit-content\"\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DashboardStepNav.js","names":["c","_c","useEffect","useId","useRef","Button","DrawerToggler","ItemsDrawer","Popup","PopupList","useStepNav","ChevronIcon","useTranslation","DashboardStepNav","t0","$","addWidget","cancel","isEditing","resetLayout","saveLayout","setIsEditing","widgets","t","setStepNav","uuid","drawerSlug","t1","t2","label","_jsx","DashboardBreadcrumbDropdown","onCancel","onEditClick","onResetLayout","onSaveChanges","widgetsDrawerSlug","t3","_Fragment","children","items","onItemClick","widget","slug","searchPlaceholder","title","props","addButtonRef","current","focus","_jsxs","className","buttonStyle","extraButtonProps","ref","onClick","size","horizontalAlign","popupType","render","close","ButtonGroup","renderButton","active","onKeyDown","ariaProps","selected","direction"],"sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/DashboardStepNav.tsx"],"sourcesContent":["'use client'\nimport type { ClientWidget } from 'payload'\n\nimport { useEffect, useId, useRef } from 'react'\n\nimport { Button } from '../../../../elements/Button/index.js'\nimport { DrawerToggler } from '../../../../elements/Drawer/index.js'\nimport { ItemsDrawer } from '../../../../elements/ItemsDrawer/index.js'\nimport { Popup } from '../../../../elements/Popup/index.js'\nimport * as PopupList from '../../../../elements/Popup/PopupButtonList/index.js'\nimport { useStepNav } from '../../../../elements/StepNav/index.js'\nimport { ChevronIcon } from '../../../../icons/Chevron/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\n\nexport function DashboardStepNav({\n  addWidget,\n  cancel,\n  isEditing,\n  resetLayout,\n  saveLayout,\n  setIsEditing,\n  widgets,\n}: {\n  addWidget: (slug: string) => void\n  cancel: () => void\n  isEditing: boolean\n  resetLayout: () => Promise<void>\n  saveLayout: () => Promise<void>\n  setIsEditing: (isEditing: boolean) => void\n  widgets: ClientWidget[]\n}) {\n  const { t } = useTranslation()\n  const { setStepNav } = useStepNav()\n  const uuid = useId()\n  const drawerSlug = `widgets-drawer-${uuid}`\n\n  useEffect(() => {\n    setStepNav([\n      {\n        label: (\n          <DashboardBreadcrumbDropdown\n            isEditing={isEditing}\n            onCancel={cancel}\n            onEditClick={() => setIsEditing(true)}\n            onResetLayout={resetLayout}\n            onSaveChanges={saveLayout}\n            widgetsDrawerSlug={drawerSlug}\n          />\n        ),\n      },\n    ])\n  }, [isEditing, drawerSlug, cancel, resetLayout, saveLayout, setIsEditing, setStepNav])\n\n  return (\n    <>\n      {isEditing && (\n        <ItemsDrawer\n          drawerSlug={drawerSlug}\n          items={widgets}\n          onItemClick={(widget) => addWidget(widget.slug)}\n          searchPlaceholder={t('dashboard:searchWidgets')}\n          title={t('dashboard:addWidget')}\n        />\n      )}\n    </>\n  )\n}\n\nexport function DashboardBreadcrumbDropdown(props: {\n  isEditing: boolean\n  onCancel: () => void\n  onEditClick: () => void\n  onResetLayout: () => void\n  onSaveChanges: () => void\n  widgetsDrawerSlug: string\n}) {\n  const { isEditing, onCancel, onEditClick, onResetLayout, onSaveChanges, widgetsDrawerSlug } =\n    props\n  const { t } = useTranslation()\n\n  const addButtonRef = useRef<HTMLButtonElement>(null)\n\n  useEffect(() => {\n    if (isEditing) {\n      addButtonRef.current?.focus()\n    }\n  }, [isEditing])\n\n  if (isEditing) {\n    return (\n      <div className=\"dashboard-breadcrumb-dropdown__editing\">\n        <span>{t('dashboard:editingDashboard')}</span>\n        <div className=\"dashboard-breadcrumb-dropdown__actions\">\n          <DrawerToggler\n            buttonStyle=\"primary\"\n            extraButtonProps={{ ref: addButtonRef }}\n            slug={widgetsDrawerSlug}\n          >\n            {t('dashboard:addButton')}\n          </DrawerToggler>\n          <Button buttonStyle=\"pill\" onClick={onSaveChanges} size=\"medium\">\n            {t('fields:saveChanges')}\n          </Button>\n          <Button buttonStyle=\"pill\" onClick={onCancel} size=\"medium\">\n            {t('general:cancel')}\n          </Button>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <Popup\n      className=\"dashboard-breadcrumb-dropdown\"\n      horizontalAlign=\"left\"\n      popupType=\"menu\"\n      render={({ close }) => (\n        <PopupList.ButtonGroup>\n          <PopupList.Button\n            onClick={() => {\n              close()\n              onEditClick()\n            }}\n          >\n            {t('dashboard:editDashboard')}\n          </PopupList.Button>\n          <PopupList.Button\n            onClick={() => {\n              close()\n              onResetLayout()\n            }}\n          >\n            {t('dashboard:resetLayout')}\n          </PopupList.Button>\n        </PopupList.ButtonGroup>\n      )}\n      renderButton={({ active, onClick, onKeyDown, ...ariaProps }) => (\n        <Button\n          aria-label={t('general:dashboard')}\n          buttonStyle=\"ghost\"\n          extraButtonProps={{ onKeyDown }}\n          onClick={onClick}\n          selected={active}\n          {...ariaProps}\n        >\n          <span className=\"dashboard-breadcrumb-dropdown__label\">\n            {t('general:dashboard')}\n            <ChevronIcon direction=\"down\" size={16} />\n          </span>\n        </Button>\n      )}\n      size=\"fit-content\"\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/WidgetContent/index.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export declare function WidgetContent({ id, children, isEditing, }: {
+    children: ReactNode;
+    id: string;
+    isEditing: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Dashboard/Default/ModularDashboard/WidgetContent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/WidgetContent/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAA;AAOtD,wBAAgB,aAAa,CAAC,EAC5B,EAAE,EACF,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,OAAO,CAAA;CACnB,+BAyEA"}

package/dist/views/Dashboard/Default/ModularDashboard/WidgetContent/index.js

@@ -0,0 +1,65 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLayoutEffect, useRef } from 'react';
+const focusableSelector = 'a[href], area[href], button, input, select, textarea, iframe, summary, audio[controls], video[controls], [contenteditable], [tabindex]';
+export function WidgetContent({
+  id,
+  children,
+  isEditing
+}) {
+  const ref = useRef(null);
+  useLayoutEffect(() => {
+    const content = ref.current;
+    if (!isEditing || !content) {
+      return;
+    }
+    // Unlike inert, this keeps widget text and structure available to screen readers.
+    const tabIndexes = new Map();
+    const disableTabStops = () => {
+      for (const element of content.querySelectorAll(focusableSelector)) {
+        if (!tabIndexes.has(element)) {
+          tabIndexes.set(element, element.getAttribute('tabindex'));
+        }
+        if (element.getAttribute('tabindex') !== '-1') {
+          element.setAttribute('tabindex', '-1');
+        }
+      }
+    };
+    disableTabStops();
+    const observer = new MutationObserver(disableTabStops);
+    observer.observe(content, {
+      attributeFilter: ['tabindex', 'href', 'contenteditable', 'controls'],
+      attributes: true,
+      childList: true,
+      subtree: true
+    });
+    return () => {
+      observer.disconnect();
+      for (const [element_0, tabIndex] of tabIndexes) {
+        if (tabIndex === null) {
+          element_0.removeAttribute('tabindex');
+        } else {
+          element_0.setAttribute('tabindex', tabIndex);
+        }
+      }
+    };
+  }, [isEditing]);
+  const preventInteraction = isEditing ? event => {
+    event.preventDefault();
+    event.stopPropagation();
+  } : undefined;
+  return /*#__PURE__*/_jsx("div", {
+    "aria-disabled": isEditing || undefined,
+    className: "widget-content",
+    id: id,
+    onClickCapture: preventInteraction,
+    onFocusCapture: isEditing ? event_0 => {
+      event_0.currentTarget.parentElement?.querySelector('.widget-wrapper__drag-btn')?.focus();
+    } : undefined,
+    onKeyDownCapture: preventInteraction,
+    ref: ref,
+    children: children
+  });
+}
+//# sourceMappingURL=index.js.map