npm - @payloadcms/ui - Versions diffs - 4.0.0-internal.011fd46 → 4.0.0-internal.0b9bec1 - Mend

@payloadcms/ui 4.0.0-internal.011fd46 → 4.0.0-internal.0b9bec1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1009) hide show

package/dist/elements/RelationshipTable/index.css CHANGED Viewed

@@ -39,13 +39,10 @@
   .relationship-table .table {
     margin-bottom: 0;
     background: var(--color-bg);
-    border: var(--stroke-width-small) solid var(--color-border);
-    border-radius: var(--radius-medium);
-    overflow: hidden;
+    overflow: auto;
     table {
       width: 100%;
-      overflow: auto;
     }
     &:not(.table--appearance-condensed) table {

package/dist/elements/RelationshipTable/index.d.ts CHANGED Viewed

@@ -6,6 +6,7 @@ type RelationshipTableComponentProps = {
     readonly AfterInput?: React.ReactNode;
     readonly allowCreate?: boolean;
     readonly BeforeInput?: React.ReactNode;
+    readonly Description?: React.ReactNode;
     readonly disableTable?: boolean;
     readonly field: JoinFieldClient;
     readonly fieldPath?: string;

package/dist/elements/RelationshipTable/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/RelationshipTable/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,eAAe,EAEpB,KAAK,aAAa,EAClB,KAAK,KAAK,EACX,MAAM,SAAS,CAAA;AAEhB,OAAO,KAA6D,MAAM,OAAO,CAAA;AAEjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAgBrE,OAAO,aAAa,CAAA;AAIpB,KAAK,+BAA+B,GAAG;IACrC,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAA;IAC/B,QAAQ,CAAC,KAAK,EAAE,eAAe,CAAA;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAA;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,aAAa,CAAA;IACpC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAA;IAC/D,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,MAAM,CAAC,EAAE;QAChB,cAAc,EAAE,cAAc,CAAA;QAC9B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;QACnB,QAAQ,EAAE,MAAM,CAAA;KACjB,CAAA;IACD,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CACvC,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;AAEzE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,~~CA8VvE~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/RelationshipTable/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,eAAe,EAEpB,KAAK,aAAa,EAClB,KAAK,KAAK,EACX,MAAM,SAAS,CAAA;AAEhB,OAAO,KAA6D,MAAM,OAAO,CAAA;AAEjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAgBrE,OAAO,aAAa,CAAA;AAIpB,KAAK,+BAA+B,GAAG;IACrC,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAA;IAC/B,QAAQ,CAAC,KAAK,EAAE,eAAe,CAAA;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAA;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,aAAa,CAAA;IACpC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAA;IAC/D,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,MAAM,CAAC,EAAE;QAChB,cAAc,EAAE,cAAc,CAAA;QAC9B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;QACnB,QAAQ,EAAE,MAAM,CAAA;KACjB,CAAA;IACD,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CACvC,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;AAEzE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAkWvE,CAAA"}

package/dist/elements/RelationshipTable/index.js CHANGED Viewed

@@ -25,6 +25,7 @@ export const RelationshipTable = props => {
     AfterInput,
     allowCreate = true,
     BeforeInput,
+    Description,
     disableTable = false,
     field,
     fieldPath,
@@ -220,7 +221,7 @@ export const RelationshipTable = props => {
         children: [Label, /*#__PURE__*/_jsx("div", {
           className: `${baseClass}__actions`,
           children: addNewButton
-        })]
+        }), Description]
       }), BeforeInput, /*#__PURE__*/_jsx("p", {
         children: t('general:loading')
       })]
@@ -231,7 +232,7 @@ export const RelationshipTable = props => {
           children: [Label, /*#__PURE__*/_jsx("div", {
             className: `${baseClass}__actions`,
             children: addNewButton
-          })]
+          }), Description]
         }), BeforeInput, /*#__PURE__*/_jsx(NoListResults, {
           Actions: canCreate ? [/*#__PURE__*/_jsx(AddNewButton, {
             allowCreate: canCreate,
@@ -269,7 +270,7 @@ export const RelationshipTable = props => {
               children: [Label, /*#__PURE__*/_jsxs("div", {
                 className: `${baseClass}__actions`,
                 children: [addNewButton, columnsButton]
-              })]
+              }), Description]
             }), BeforeInput, Table, /*#__PURE__*/_jsx(RelationshipTablePagination, {})]
           })
         })

package/dist/elements/RelationshipTable/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["getTranslation","hoistQueryParamsToAnd","transformColumnsToPreferences","React","Fragment","useCallback","useEffect","useRef","useState","useEffectEvent","useAuth","useConfig","ListQueryProvider","useServerFunctions","TableColumnsProvider","useTranslation","useDocumentDrawer","ListColumnSelectionButton","NoListResults","RelationshipProvider","AddNewButton","DrawerLink","RelationshipTablePagination","baseClass","RelationshipTable","props","AfterInput","allowCreate","BeforeInput","disableTable","field","fieldPath","filterOptions","initialData","initialDataFromProps","initialDrawerData","Label","parent","relationTo","Table","setTable","config","getEntityConfig","i18n","t","query","setQuery","collectionConfig","collectionSlug","isPolymorphic","Array","isArray","selectedCollection","setSelectedCollection","undefined","permissions","openDrawerWhenRelationChanges","currentDrawerID","setCurrentDrawerID","DocumentDrawer","closeDrawer","isDrawerOpen","openDrawer","id","isLoadingTable","setIsLoadingTable","data","setData","docs","reduce","acc","doc","columnState","setColumnState","getTableState","renderTable","newQuery","limit","defaultLimit","admin","pagination","sort","defaultSort","where","defaultColumns","map","accessor","active","renderRowTypes","disableRowTypes","newData","state","newColumnState","NewTable","columns","enableRowSelections","orderableFieldName","orderable","collection","name","tableAppearance","handleTableRender","onDrawerSave","operation","foundDocIndex","findIndex","d","withNewOrUpdatedData","newDocs","onDrawerDelete","args","filter","onDrawerOpen","current","canCreate","collections","create","memoizedListQuery","useMemo","addNewButton","_jsx","buttonStyle","className","label","onClick","columnsButton","slug","_jsxs","length","Actions","labels","singular","description","plural","title","modifySearchParams","onQueryChange","replaceAll","LinkedCellOverride","onDelete","onSave"],"sources":["../../../src/elements/RelationshipTable/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n type CollectionSlug,\n type Column,\n type JoinFieldClient,\n type ListQuery,\n type PaginatedDocs,\n type Where,\n} from 'payload'\nimport { hoistQueryParamsToAnd, transformColumnsToPreferences } from 'payload/shared'\nimport React, { Fragment, useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { DocumentDrawerProps } from '../DocumentDrawer/types.js'\n\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { ListQueryProvider } from '../../providers/ListQuery/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { TableColumnsProvider } from '../../providers/TableColumns/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useDocumentDrawer } from '../DocumentDrawer/index.js'\nimport { ListColumnSelectionButton } from '../ListColumnSelectionButton/index.js'\nimport { NoListResults } from '../NoListResults/index.js'\nimport { RelationshipProvider } from '../Table/RelationshipProvider/index.js'\nimport { AddNewButton } from './AddNewButton.js'\nimport { DrawerLink } from './cells/DrawerLink/index.js'\nimport { RelationshipTablePagination } from './Pagination.js'\nimport './index.css'\n\nconst baseClass = 'relationship-table'\n\ntype RelationshipTableComponentProps = {\n readonly AfterInput?: React.ReactNode\n readonly allowCreate?: boolean\n readonly BeforeInput?: React.ReactNode\n readonly disableTable?: boolean\n readonly field: JoinFieldClient\n readonly fieldPath?: string\n readonly filterOptions?: Where\n readonly initialData?: PaginatedDocs\n readonly initialDrawerData?: DocumentDrawerProps['initialData']\n readonly Label?: React.ReactNode\n readonly parent?: {\n collectionSlug: CollectionSlug\n id: number \| string\n joinPath: string\n }\n readonly relationTo: string \| string[]\n}\n\nexport type OnDrawerOpen = (id?: string, collectionSlug?: string) => void\n\nexport const RelationshipTable: React.FC<RelationshipTableComponentProps> = (props) => {\n const {\n AfterInput,\n allowCreate = true,\n BeforeInput,\n disableTable = false,\n field,\n fieldPath,\n filterOptions,\n initialData: initialDataFromProps,\n initialDrawerData,\n Label,\n parent,\n relationTo,\n } = props\n const [Table, setTable] = useState<React.ReactNode>(null)\n const { config, getEntityConfig } = useConfig()\n const { i18n, t } = useTranslation()\n\n const [query, setQuery] = useState<ListQuery>()\n\n const [collectionConfig] = useState(() => getEntityConfig({ collectionSlug: relationTo }))\n\n const isPolymorphic = Array.isArray(relationTo)\n\n const [selectedCollection, setSelectedCollection] = useState(\n isPolymorphic ? undefined : relationTo,\n )\n\n const { permissions } = useAuth()\n\n const openDrawerWhenRelationChanges = useRef(false)\n\n const [currentDrawerID, setCurrentDrawerID] = useState<string \| undefined>(undefined)\n\n const [DocumentDrawer, , { closeDrawer, isDrawerOpen, openDrawer }] = useDocumentDrawer({\n id: currentDrawerID,\n collectionSlug: selectedCollection,\n })\n\n const [isLoadingTable, setIsLoadingTable] = useState(!disableTable)\n\n const [data, setData] = useState<PaginatedDocs>(() =>\n initialDataFromProps\n ? {\n ...initialDataFromProps,\n docs: Array.isArray(initialDataFromProps.docs)\n ? initialDataFromProps.docs.reduce((acc, doc) => {\n if (typeof doc === 'string' \|\| typeof doc === 'number') {\n return [\n ...acc,\n {\n id: doc,\n },\n ]\n }\n\n return [...acc, doc]\n }, [])\n : [],\n }\n : undefined,\n )\n\n const [columnState, setColumnState] = useState<Column[]>()\n\n const { getTableState } = useServerFunctions()\n\n const renderTable = useCallback(\n async (data?: PaginatedDocs) => {\n const newQuery: ListQuery = {\n limit: field?.defaultLimit \|\| collectionConfig?.admin?.pagination?.defaultLimit,\n sort: field.defaultSort \|\| collectionConfig?.defaultSort,\n ...(query \|\| {}),\n where: { ...(query?.where \|\| {}) },\n }\n\n if (filterOptions) {\n newQuery.where = hoistQueryParamsToAnd(newQuery.where, filterOptions)\n }\n\n // map columns from string[] to CollectionPreferences['columns']\n const defaultColumns = field.admin?.defaultColumns\n ? field.admin.defaultColumns.map((accessor) => ({\n accessor,\n active: true,\n }))\n : undefined\n\n const renderRowTypes =\n typeof field.admin?.disableRowTypes === 'boolean'\n ? !field.admin.disableRowTypes\n : Array.isArray(relationTo)\n\n const {\n data: newData,\n state: newColumnState,\n Table: NewTable,\n } = await getTableState({\n collectionSlug: relationTo,\n columns: transformColumnsToPreferences(query?.columns) \|\| defaultColumns,\n data,\n enableRowSelections: false,\n orderableFieldName:\n !field.orderable \|\| Array.isArray(field.collection)\n ? undefined\n : `_${field.collection}_${field.name}_order`,\n parent,\n query: newQuery,\n renderRowTypes,\n tableAppearance: 'condensed',\n })\n\n setData(newData)\n setTable(NewTable)\n setColumnState(newColumnState)\n setIsLoadingTable(false)\n },\n [\n field.defaultLimit,\n field.defaultSort,\n field.admin?.defaultColumns,\n field.admin?.disableRowTypes,\n field.collection,\n field.name,\n field.orderable,\n collectionConfig?.admin?.pagination?.defaultLimit,\n collectionConfig?.defaultSort,\n query,\n filterOptions,\n getTableState,\n relationTo,\n parent,\n ],\n )\n\n const handleTableRender = useEffectEvent((query: ListQuery, disableTable: boolean) => {\n if (!disableTable && (!Table \|\| query)) {\n void renderTable()\n }\n })\n\n useEffect(() => {\n handleTableRender(query, disableTable)\n }, [query, disableTable])\n\n const onDrawerSave = useCallback<DocumentDrawerProps['onSave']>(\n ({ doc, operation }) => {\n if (operation === 'create') {\n closeDrawer()\n }\n\n const foundDocIndex = data?.docs?.findIndex((d) => d.id === doc.id)\n const withNewOrUpdatedData: PaginatedDocs = { docs: [] } as PaginatedDocs\n\n if (foundDocIndex !== -1) {\n const newDocs = [...data.docs]\n newDocs[foundDocIndex] = doc\n withNewOrUpdatedData.docs = newDocs\n } else {\n withNewOrUpdatedData.docs = [doc, ...data.docs]\n }\n\n void renderTable(withNewOrUpdatedData)\n },\n [data?.docs, renderTable, closeDrawer],\n )\n\n const onDrawerDelete = useCallback<DocumentDrawerProps['onDelete']>(\n (args) => {\n const newDocs = data.docs.filter((doc) => doc.id !== args.id)\n\n void renderTable({\n ...data,\n docs: newDocs,\n })\n\n setCurrentDrawerID(undefined)\n },\n [data, renderTable],\n )\n\n const onDrawerOpen = useCallback<OnDrawerOpen>((id, collectionSlug) => {\n openDrawerWhenRelationChanges.current = true\n\n if (id) {\n setCurrentDrawerID(id)\n } else {\n setCurrentDrawerID(undefined)\n }\n\n if (collectionSlug) {\n setSelectedCollection(collectionSlug)\n } else {\n setSelectedCollection(undefined)\n }\n }, [])\n\n useEffect(() => {\n if (openDrawerWhenRelationChanges.current) {\n openDrawerWhenRelationChanges.current = false\n openDrawer()\n }\n }, [openDrawer])\n\n useEffect(() => {\n if (!isDrawerOpen) {\n setCurrentDrawerID(undefined)\n }\n }, [isDrawerOpen])\n\n const canCreate =\n allowCreate !== false &&\n permissions?.collections?.[isPolymorphic ? relationTo[0] : relationTo]?.create\n\n useEffect(() => {\n if (isPolymorphic && selectedCollection) {\n openDrawer()\n }\n }, [selectedCollection, openDrawer, isPolymorphic])\n\n useEffect(() => {\n if (isPolymorphic && !isDrawerOpen && selectedCollection) {\n setSelectedCollection(undefined)\n }\n // eslint-disable-next-line react-compiler/react-compiler -- TODO: fix\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isDrawerOpen])\n\n const memoizedListQuery = React.useMemo(\n () => ({\n columns: transformColumnsToPreferences(columnState)?.map(({ accessor }) => accessor),\n limit: field.defaultLimit ?? collectionConfig?.admin?.pagination?.defaultLimit,\n sort: field.defaultSort ?? collectionConfig?.defaultSort,\n }),\n [columnState, field, collectionConfig],\n )\n\n const addNewButton = (\n <AddNewButton\n allowCreate={allowCreate !== false}\n baseClass={baseClass}\n buttonStyle=\"ghost\"\n className={`${baseClass}__add-new${isPolymorphic ? '-polymorphic' : ''}`}\n collections={config.collections}\n i18n={i18n}\n label={i18n.t('fields:addNew')}\n onClick={isPolymorphic ? setSelectedCollection : openDrawer}\n permissions={permissions}\n relationTo={relationTo}\n />\n )\n\n const columnsButton = <ListColumnSelectionButton collectionSlug={collectionConfig?.slug} />\n\n return (\n <div className={baseClass}>\n {isLoadingTable ? (\n <Fragment>\n <div className={`${baseClass}__header`}>\n {Label}\n <div className={`${baseClass}__actions`}>{addNewButton}</div>\n </div>\n {BeforeInput}\n <p>{t('general:loading')}</p>\n </Fragment>\n ) : (\n <Fragment>\n {data?.docs && data.docs.length === 0 && (\n <Fragment>\n <div className={`${baseClass}__header`}>\n {Label}\n <div className={`${baseClass}__actions`}>{addNewButton}</div>\n </div>\n {BeforeInput}\n <NoListResults\n Actions={\n canCreate\n ? [\n <AddNewButton\n allowCreate={canCreate}\n baseClass={baseClass}\n collections={config.collections}\n i18n={i18n}\n key=\"create\"\n label={i18n.t('general:createNewLabel', {\n label: isPolymorphic\n ? i18n.t('general:document')\n : getTranslation(collectionConfig?.labels?.singular, i18n),\n })}\n onClick={isPolymorphic ? setSelectedCollection : openDrawer}\n permissions={permissions}\n relationTo={relationTo}\n />,\n ]\n : []\n }\n description={i18n.t('general:noResults', {\n label: isPolymorphic\n ? i18n.t('general:documents')\n : getTranslation(collectionConfig?.labels?.plural, i18n),\n })}\n title={i18n.t('general:noResultsFound')}\n />\n </Fragment>\n )}\n {data?.docs && data.docs.length > 0 && (\n <RelationshipProvider>\n <ListQueryProvider\n data={data}\n modifySearchParams={false}\n onQueryChange={setQuery}\n orderableFieldName={\n !field.orderable \|\| Array.isArray(field.collection)\n ? undefined\n : `_${field.collection}_${fieldPath.replaceAll('.', '_')}_order`\n }\n query={memoizedListQuery}\n >\n <TableColumnsProvider\n collectionSlug={isPolymorphic ? relationTo[0] : relationTo}\n columnState={columnState}\n LinkedCellOverride={\n <DrawerLink currentDrawerID={currentDrawerID} onDrawerOpen={onDrawerOpen} />\n }\n >\n <div className={`${baseClass}__header`}>\n {Label}\n <div className={`${baseClass}__actions`}>\n {addNewButton}\n {columnsButton}\n </div>\n </div>\n {BeforeInput}\n {Table}\n <RelationshipTablePagination />\n </TableColumnsProvider>\n </ListQueryProvider>\n </RelationshipProvider>\n )}\n </Fragment>\n )}\n {AfterInput}\n <DocumentDrawer\n initialData={initialDrawerData}\n onDelete={onDrawerDelete}\n onSave={onDrawerSave}\n />\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["getTranslation","hoistQueryParamsToAnd","transformColumnsToPreferences","React","Fragment","useCallback","useEffect","useRef","useState","useEffectEvent","useAuth","useConfig","ListQueryProvider","useServerFunctions","TableColumnsProvider","useTranslation","useDocumentDrawer","ListColumnSelectionButton","NoListResults","RelationshipProvider","AddNewButton","DrawerLink","RelationshipTablePagination","baseClass","RelationshipTable","props","AfterInput","allowCreate","BeforeInput","Description","disableTable","field","fieldPath","filterOptions","initialData","initialDataFromProps","initialDrawerData","Label","parent","relationTo","Table","setTable","config","getEntityConfig","i18n","t","query","setQuery","collectionConfig","collectionSlug","isPolymorphic","Array","isArray","selectedCollection","setSelectedCollection","undefined","permissions","openDrawerWhenRelationChanges","currentDrawerID","setCurrentDrawerID","DocumentDrawer","closeDrawer","isDrawerOpen","openDrawer","id","isLoadingTable","setIsLoadingTable","data","setData","docs","reduce","acc","doc","columnState","setColumnState","getTableState","renderTable","newQuery","limit","defaultLimit","admin","pagination","sort","defaultSort","where","defaultColumns","map","accessor","active","renderRowTypes","disableRowTypes","newData","state","newColumnState","NewTable","columns","enableRowSelections","orderableFieldName","orderable","collection","name","tableAppearance","handleTableRender","onDrawerSave","operation","foundDocIndex","findIndex","d","withNewOrUpdatedData","newDocs","onDrawerDelete","args","filter","onDrawerOpen","current","canCreate","collections","create","memoizedListQuery","useMemo","addNewButton","_jsx","buttonStyle","className","label","onClick","columnsButton","slug","_jsxs","length","Actions","labels","singular","description","plural","title","modifySearchParams","onQueryChange","replaceAll","LinkedCellOverride","onDelete","onSave"],"sources":["../../../src/elements/RelationshipTable/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n type CollectionSlug,\n type Column,\n type JoinFieldClient,\n type ListQuery,\n type PaginatedDocs,\n type Where,\n} from 'payload'\nimport { hoistQueryParamsToAnd, transformColumnsToPreferences } from 'payload/shared'\nimport React, { Fragment, useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { DocumentDrawerProps } from '../DocumentDrawer/types.js'\n\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { ListQueryProvider } from '../../providers/ListQuery/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { TableColumnsProvider } from '../../providers/TableColumns/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useDocumentDrawer } from '../DocumentDrawer/index.js'\nimport { ListColumnSelectionButton } from '../ListColumnSelectionButton/index.js'\nimport { NoListResults } from '../NoListResults/index.js'\nimport { RelationshipProvider } from '../Table/RelationshipProvider/index.js'\nimport { AddNewButton } from './AddNewButton.js'\nimport { DrawerLink } from './cells/DrawerLink/index.js'\nimport { RelationshipTablePagination } from './Pagination.js'\nimport './index.css'\n\nconst baseClass = 'relationship-table'\n\ntype RelationshipTableComponentProps = {\n readonly AfterInput?: React.ReactNode\n readonly allowCreate?: boolean\n readonly BeforeInput?: React.ReactNode\n readonly Description?: React.ReactNode\n readonly disableTable?: boolean\n readonly field: JoinFieldClient\n readonly fieldPath?: string\n readonly filterOptions?: Where\n readonly initialData?: PaginatedDocs\n readonly initialDrawerData?: DocumentDrawerProps['initialData']\n readonly Label?: React.ReactNode\n readonly parent?: {\n collectionSlug: CollectionSlug\n id: number \| string\n joinPath: string\n }\n readonly relationTo: string \| string[]\n}\n\nexport type OnDrawerOpen = (id?: string, collectionSlug?: string) => void\n\nexport const RelationshipTable: React.FC<RelationshipTableComponentProps> = (props) => {\n const {\n AfterInput,\n allowCreate = true,\n BeforeInput,\n Description,\n disableTable = false,\n field,\n fieldPath,\n filterOptions,\n initialData: initialDataFromProps,\n initialDrawerData,\n Label,\n parent,\n relationTo,\n } = props\n const [Table, setTable] = useState<React.ReactNode>(null)\n const { config, getEntityConfig } = useConfig()\n const { i18n, t } = useTranslation()\n\n const [query, setQuery] = useState<ListQuery>()\n\n const [collectionConfig] = useState(() => getEntityConfig({ collectionSlug: relationTo }))\n\n const isPolymorphic = Array.isArray(relationTo)\n\n const [selectedCollection, setSelectedCollection] = useState(\n isPolymorphic ? undefined : relationTo,\n )\n\n const { permissions } = useAuth()\n\n const openDrawerWhenRelationChanges = useRef(false)\n\n const [currentDrawerID, setCurrentDrawerID] = useState<string \| undefined>(undefined)\n\n const [DocumentDrawer, , { closeDrawer, isDrawerOpen, openDrawer }] = useDocumentDrawer({\n id: currentDrawerID,\n collectionSlug: selectedCollection,\n })\n\n const [isLoadingTable, setIsLoadingTable] = useState(!disableTable)\n\n const [data, setData] = useState<PaginatedDocs>(() =>\n initialDataFromProps\n ? {\n ...initialDataFromProps,\n docs: Array.isArray(initialDataFromProps.docs)\n ? initialDataFromProps.docs.reduce((acc, doc) => {\n if (typeof doc === 'string' \|\| typeof doc === 'number') {\n return [\n ...acc,\n {\n id: doc,\n },\n ]\n }\n\n return [...acc, doc]\n }, [])\n : [],\n }\n : undefined,\n )\n\n const [columnState, setColumnState] = useState<Column[]>()\n\n const { getTableState } = useServerFunctions()\n\n const renderTable = useCallback(\n async (data?: PaginatedDocs) => {\n const newQuery: ListQuery = {\n limit: field?.defaultLimit \|\| collectionConfig?.admin?.pagination?.defaultLimit,\n sort: field.defaultSort \|\| collectionConfig?.defaultSort,\n ...(query \|\| {}),\n where: { ...(query?.where \|\| {}) },\n }\n\n if (filterOptions) {\n newQuery.where = hoistQueryParamsToAnd(newQuery.where, filterOptions)\n }\n\n // map columns from string[] to CollectionPreferences['columns']\n const defaultColumns = field.admin?.defaultColumns\n ? field.admin.defaultColumns.map((accessor) => ({\n accessor,\n active: true,\n }))\n : undefined\n\n const renderRowTypes =\n typeof field.admin?.disableRowTypes === 'boolean'\n ? !field.admin.disableRowTypes\n : Array.isArray(relationTo)\n\n const {\n data: newData,\n state: newColumnState,\n Table: NewTable,\n } = await getTableState({\n collectionSlug: relationTo,\n columns: transformColumnsToPreferences(query?.columns) \|\| defaultColumns,\n data,\n enableRowSelections: false,\n orderableFieldName:\n !field.orderable \|\| Array.isArray(field.collection)\n ? undefined\n : `_${field.collection}_${field.name}_order`,\n parent,\n query: newQuery,\n renderRowTypes,\n tableAppearance: 'condensed',\n })\n\n setData(newData)\n setTable(NewTable)\n setColumnState(newColumnState)\n setIsLoadingTable(false)\n },\n [\n field.defaultLimit,\n field.defaultSort,\n field.admin?.defaultColumns,\n field.admin?.disableRowTypes,\n field.collection,\n field.name,\n field.orderable,\n collectionConfig?.admin?.pagination?.defaultLimit,\n collectionConfig?.defaultSort,\n query,\n filterOptions,\n getTableState,\n relationTo,\n parent,\n ],\n )\n\n const handleTableRender = useEffectEvent((query: ListQuery, disableTable: boolean) => {\n if (!disableTable && (!Table \|\| query)) {\n void renderTable()\n }\n })\n\n useEffect(() => {\n handleTableRender(query, disableTable)\n }, [query, disableTable])\n\n const onDrawerSave = useCallback<DocumentDrawerProps['onSave']>(\n ({ doc, operation }) => {\n if (operation === 'create') {\n closeDrawer()\n }\n\n const foundDocIndex = data?.docs?.findIndex((d) => d.id === doc.id)\n const withNewOrUpdatedData: PaginatedDocs = { docs: [] } as PaginatedDocs\n\n if (foundDocIndex !== -1) {\n const newDocs = [...data.docs]\n newDocs[foundDocIndex] = doc\n withNewOrUpdatedData.docs = newDocs\n } else {\n withNewOrUpdatedData.docs = [doc, ...data.docs]\n }\n\n void renderTable(withNewOrUpdatedData)\n },\n [data?.docs, renderTable, closeDrawer],\n )\n\n const onDrawerDelete = useCallback<DocumentDrawerProps['onDelete']>(\n (args) => {\n const newDocs = data.docs.filter((doc) => doc.id !== args.id)\n\n void renderTable({\n ...data,\n docs: newDocs,\n })\n\n setCurrentDrawerID(undefined)\n },\n [data, renderTable],\n )\n\n const onDrawerOpen = useCallback<OnDrawerOpen>((id, collectionSlug) => {\n openDrawerWhenRelationChanges.current = true\n\n if (id) {\n setCurrentDrawerID(id)\n } else {\n setCurrentDrawerID(undefined)\n }\n\n if (collectionSlug) {\n setSelectedCollection(collectionSlug)\n } else {\n setSelectedCollection(undefined)\n }\n }, [])\n\n useEffect(() => {\n if (openDrawerWhenRelationChanges.current) {\n openDrawerWhenRelationChanges.current = false\n openDrawer()\n }\n }, [openDrawer])\n\n useEffect(() => {\n if (!isDrawerOpen) {\n setCurrentDrawerID(undefined)\n }\n }, [isDrawerOpen])\n\n const canCreate =\n allowCreate !== false &&\n permissions?.collections?.[isPolymorphic ? relationTo[0] : relationTo]?.create\n\n useEffect(() => {\n if (isPolymorphic && selectedCollection) {\n openDrawer()\n }\n }, [selectedCollection, openDrawer, isPolymorphic])\n\n useEffect(() => {\n if (isPolymorphic && !isDrawerOpen && selectedCollection) {\n setSelectedCollection(undefined)\n }\n // eslint-disable-next-line react-compiler/react-compiler -- TODO: fix\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isDrawerOpen])\n\n const memoizedListQuery = React.useMemo(\n () => ({\n columns: transformColumnsToPreferences(columnState)?.map(({ accessor }) => accessor),\n limit: field.defaultLimit ?? collectionConfig?.admin?.pagination?.defaultLimit,\n sort: field.defaultSort ?? collectionConfig?.defaultSort,\n }),\n [columnState, field, collectionConfig],\n )\n\n const addNewButton = (\n <AddNewButton\n allowCreate={allowCreate !== false}\n baseClass={baseClass}\n buttonStyle=\"ghost\"\n className={`${baseClass}__add-new${isPolymorphic ? '-polymorphic' : ''}`}\n collections={config.collections}\n i18n={i18n}\n label={i18n.t('fields:addNew')}\n onClick={isPolymorphic ? setSelectedCollection : openDrawer}\n permissions={permissions}\n relationTo={relationTo}\n />\n )\n\n const columnsButton = <ListColumnSelectionButton collectionSlug={collectionConfig?.slug} />\n\n return (\n <div className={baseClass}>\n {isLoadingTable ? (\n <Fragment>\n <div className={`${baseClass}__header`}>\n {Label}\n <div className={`${baseClass}__actions`}>{addNewButton}</div>\n {Description}\n </div>\n {BeforeInput}\n <p>{t('general:loading')}</p>\n </Fragment>\n ) : (\n <Fragment>\n {data?.docs && data.docs.length === 0 && (\n <Fragment>\n <div className={`${baseClass}__header`}>\n {Label}\n <div className={`${baseClass}__actions`}>{addNewButton}</div>\n {Description}\n </div>\n {BeforeInput}\n <NoListResults\n Actions={\n canCreate\n ? [\n <AddNewButton\n allowCreate={canCreate}\n baseClass={baseClass}\n collections={config.collections}\n i18n={i18n}\n key=\"create\"\n label={i18n.t('general:createNewLabel', {\n label: isPolymorphic\n ? i18n.t('general:document')\n : getTranslation(collectionConfig?.labels?.singular, i18n),\n })}\n onClick={isPolymorphic ? setSelectedCollection : openDrawer}\n permissions={permissions}\n relationTo={relationTo}\n />,\n ]\n : []\n }\n description={i18n.t('general:noResults', {\n label: isPolymorphic\n ? i18n.t('general:documents')\n : getTranslation(collectionConfig?.labels?.plural, i18n),\n })}\n title={i18n.t('general:noResultsFound')}\n />\n </Fragment>\n )}\n {data?.docs && data.docs.length > 0 && (\n <RelationshipProvider>\n <ListQueryProvider\n data={data}\n modifySearchParams={false}\n onQueryChange={setQuery}\n orderableFieldName={\n !field.orderable \|\| Array.isArray(field.collection)\n ? undefined\n : `_${field.collection}_${fieldPath.replaceAll('.', '_')}_order`\n }\n query={memoizedListQuery}\n >\n <TableColumnsProvider\n collectionSlug={isPolymorphic ? relationTo[0] : relationTo}\n columnState={columnState}\n LinkedCellOverride={\n <DrawerLink currentDrawerID={currentDrawerID} onDrawerOpen={onDrawerOpen} />\n }\n >\n <div className={`${baseClass}__header`}>\n {Label}\n <div className={`${baseClass}__actions`}>\n {addNewButton}\n {columnsButton}\n </div>\n {Description}\n </div>\n {BeforeInput}\n {Table}\n <RelationshipTablePagination />\n </TableColumnsProvider>\n </ListQueryProvider>\n </RelationshipProvider>\n )}\n </Fragment>\n )}\n {AfterInput}\n <DocumentDrawer\n initialData={initialDrawerData}\n onDelete={onDrawerDelete}\n onSave={onDrawerSave}\n />\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/RenderServerComponent/clientOnly.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import type { ComponentRenderer } from 'payload';
+/**
+ * Client-only component renderer for non-RSC frameworks.
+ * All components are treated as client components - serverProps are never passed.
+ * Use this when the framework doesn't support React Server Components.
+ */
+export declare const RenderClientComponent: ComponentRenderer;
+//# sourceMappingURL=clientOnly.d.ts.map

package/dist/elements/RenderServerComponent/clientOnly.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"clientOnly.d.ts","sourceRoot":"","sources":["../../../src/elements/RenderServerComponent/clientOnly.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAOhD;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,EAAE,iBAgDnC,CAAA"}

package/dist/elements/RenderServerComponent/clientOnly.js ADDED Viewed

@@ -0,0 +1,56 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getFromImportMap, isPlainObject } from 'payload/shared';
+import React from 'react';
+import { removeUndefined } from '../../utilities/removeUndefined.js';
+/**
+ * Client-only component renderer for non-RSC frameworks.
+ * All components are treated as client components - serverProps are never passed.
+ * Use this when the framework doesn't support React Server Components.
+ */
+export const RenderClientComponent = ({
+  clientProps = {},
+  Component,
+  Fallback,
+  importMap,
+  key
+}) => {
+  if (Array.isArray(Component)) {
+    return Component.map((c, index) => RenderClientComponent({
+      clientProps,
+      Component: c,
+      importMap,
+      key: index
+    }));
+  }
+  if (typeof Component === 'function') {
+    const sanitizedProps = removeUndefined({
+      ...clientProps
+    });
+    return /*#__PURE__*/_jsx(Component, {
+      ...sanitizedProps
+    }, key);
+  }
+  if (typeof Component === 'string' || isPlainObject(Component)) {
+    const ResolvedComponent = getFromImportMap({
+      importMap,
+      PayloadComponent: Component,
+      schemaPath: ''
+    });
+    if (ResolvedComponent) {
+      const sanitizedProps = removeUndefined({
+        ...clientProps,
+        ...(typeof Component === 'object' && Component?.clientProps ? Component.clientProps : {})
+      });
+      return /*#__PURE__*/_jsx(ResolvedComponent, {
+        ...sanitizedProps
+      }, key);
+    }
+  }
+  return Fallback ? RenderClientComponent({
+    clientProps,
+    Component: Fallback,
+    importMap,
+    key
+  }) : null;
+};
+//# sourceMappingURL=clientOnly.js.map

package/dist/elements/RenderServerComponent/clientOnly.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"clientOnly.js","names":["getFromImportMap","isPlainObject","React","removeUndefined","RenderClientComponent","clientProps","Component","Fallback","importMap","key","Array","isArray","map","c","index","sanitizedProps","_jsx","ResolvedComponent","PayloadComponent","schemaPath"],"sources":["../../../src/elements/RenderServerComponent/clientOnly.tsx"],"sourcesContent":["import type { ComponentRenderer } from 'payload'\n\nimport { getFromImportMap, isPlainObject } from 'payload/shared'\nimport React from 'react'\n\nimport { removeUndefined } from '../../utilities/removeUndefined.js'\n\n/**\n * Client-only component renderer for non-RSC frameworks.\n * All components are treated as client components - serverProps are never passed.\n * Use this when the framework doesn't support React Server Components.\n */\nexport const RenderClientComponent: ComponentRenderer = ({\n clientProps = {},\n Component,\n Fallback,\n importMap,\n key,\n}) => {\n if (Array.isArray(Component)) {\n return Component.map((c, index) =>\n RenderClientComponent({\n clientProps,\n Component: c,\n importMap,\n key: index,\n }),\n )\n }\n\n if (typeof Component === 'function') {\n const sanitizedProps = removeUndefined({ ...clientProps })\n return <Component key={key} {...sanitizedProps} />\n }\n\n if (typeof Component === 'string' || isPlainObject(Component)) {\n const ResolvedComponent = getFromImportMap<React.ComponentType>({\n importMap,\n PayloadComponent: Component,\n schemaPath: '',\n })\n\n if (ResolvedComponent) {\n const sanitizedProps = removeUndefined({\n ...clientProps,\n ...(typeof Component === 'object' && Component?.clientProps ? Component.clientProps : {}),\n })\n\n return <ResolvedComponent key={key} {...sanitizedProps} />\n }\n }\n\n return Fallback\n ? RenderClientComponent({\n clientProps,\n Component: Fallback,\n importMap,\n key,\n })\n : null\n}\n"],"mappings":";AAEA,SAASA,gBAAgB,EAAEC,aAAa,QAAQ;AAChD,OAAOC,KAAA,MAAW;AAElB,SAASC,eAAe,QAAQ;AAEhC;;;;;AAKA,OAAO,MAAMC,qBAAA,GAA2CA,CAAC;EACvDC,WAAA,GAAc,CAAC,CAAC;EAChBC,SAAS;EACTC,QAAQ;EACRC,SAAS;EACTC;AAAG,CACJ;EACC,IAAIC,KAAA,CAAMC,OAAO,CAACL,SAAA,GAAY;IAC5B,OAAOA,SAAA,CAAUM,GAAG,CAAC,CAACC,CAAA,EAAGC,KAAA,KACvBV,qBAAA,CAAsB;MACpBC,WAAA;MACAC,SAAA,EAAWO,CAAA;MACXL,SAAA;MACAC,GAAA,EAAKK;IACP;EAEJ;EAEA,IAAI,OAAOR,SAAA,KAAc,YAAY;IACnC,MAAMS,cAAA,GAAiBZ,eAAA,CAAgB;MAAE,GAAGE;IAAY;IACxD,oBAAOW,IAAA,CAACV,SAAA;MAAqB,GAAGS;OAATN,GAAA;EACzB;EAEA,IAAI,OAAOH,SAAA,KAAc,YAAYL,aAAA,CAAcK,SAAA,GAAY;IAC7D,MAAMW,iBAAA,GAAoBjB,gBAAA,CAAsC;MAC9DQ,SAAA;MACAU,gBAAA,EAAkBZ,SAAA;MAClBa,UAAA,EAAY;IACd;IAEA,IAAIF,iBAAA,EAAmB;MACrB,MAAMF,cAAA,GAAiBZ,eAAA,CAAgB;QACrC,GAAGE,WAAW;QACd,IAAI,OAAOC,SAAA,KAAc,YAAYA,SAAA,EAAWD,WAAA,GAAcC,SAAA,CAAUD,WAAW,GAAG,CAAC,CAAC;MAC1F;MAEA,oBAAOW,IAAA,CAACC,iBAAA;QAA6B,GAAGF;SAATN,GAAA;IACjC;EACF;EAEA,OAAOF,QAAA,GACHH,qBAAA,CAAsB;IACpBC,WAAA;IACAC,SAAA,EAAWC,QAAA;IACXC,SAAA;IACAC;EACF,KACA;AACN","ignoreList":[]}

package/dist/elements/RenderTitle/index.css CHANGED Viewed

@@ -22,6 +22,10 @@
     letter-spacing: inherit;
   }
+  .render-title--placeholder {
+    color: var(--color-text-secondary);
+  }
   .render-title__id {
     vertical-align: middle;
     position: relative;

package/dist/elements/RenderTitle/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/RenderTitle/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAOvC,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,~~CAiDlD~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/RenderTitle/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAOvC,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwDlD,CAAA"}

package/dist/elements/RenderTitle/index.js CHANGED Viewed

@@ -12,7 +12,7 @@ import { IDLabel } from '../IDLabel/index.js';
 import './index.css';
 const baseClass = 'render-title';
 export const RenderTitle = props => {
-  const $ = _c(14);
+  const $ = _c(16);
   const {
     className,
     element: t0,
@@ -28,6 +28,7 @@ export const RenderTitle = props => {
     isInitializing
   } = useDocumentInfo();
   const {
+    isPlaceholder,
     title: titleFromContext
   } = useDocumentTitle();
   const {
@@ -41,9 +42,10 @@ export const RenderTitle = props => {
   } = t2;
   const title = titleFromProps || titleFromContext || fallback;
   const idAsTitle = title === id;
+  const showPlaceholder = !titleFromProps && isPlaceholder;
   const Tag = element;
   let t3;
-  if ($[0] !== Tag || $[1] !== adminRoute || $[2] !== className || $[3] !== collectionSlug || $[4] !== globalSlug || $[5] !== id || $[6] !== idAsTitle || $[7] !== isInitializing || $[8] !== renderAsLink || $[9] !== title) {
+  if ($[0] !== Tag || $[1] !== adminRoute || $[2] !== className || $[3] !== collectionSlug || $[4] !== globalSlug || $[5] !== id || $[6] !== idAsTitle || $[7] !== isInitializing || $[8] !== renderAsLink || $[9] !== showPlaceholder || $[10] !== title) {
     const EmptySpace = _jsx(Fragment, {
       children: "\xA0"
     });
@@ -52,17 +54,19 @@ export const RenderTitle = props => {
       path: `/${collectionSlug ? `collections/${collectionSlug}` : `globals/${globalSlug}`}/${id}`
     }) : null;
     const t4 = idAsTitle && `${baseClass}--has-id`;
-    let t5;
-    if ($[11] !== className || $[12] !== t4) {
-      t5 = [className, baseClass, t4].filter(Boolean);
-      $[11] = className;
-      $[12] = t4;
-      $[13] = t5;
+    const t5 = showPlaceholder && `${baseClass}--placeholder`;
+    let t6;
+    if ($[12] !== className || $[13] !== t4 || $[14] !== t5) {
+      t6 = [className, baseClass, t4, t5].filter(Boolean);
+      $[12] = className;
+      $[13] = t4;
+      $[14] = t5;
+      $[15] = t6;
     } else {
-      t5 = $[13];
+      t6 = $[15];
     }
     t3 = _jsx(Tag, {
-      className: t5.join(" "),
+      className: t6.join(" "),
       "data-doc-id": id,
       title,
       children: isInitializing ? EmptySpace : idAsTitle ? _jsx(IDLabel, {
@@ -83,10 +87,11 @@ export const RenderTitle = props => {
     $[6] = idAsTitle;
     $[7] = isInitializing;
     $[8] = renderAsLink;
-    $[9] = title;
-    $[10] = t3;
+    $[9] = showPlaceholder;
+    $[10] = title;
+    $[11] = t3;
   } else {
-    t3 = $[10];
+    t3 = $[11];
   }
   return t3;
 };

package/dist/elements/RenderTitle/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","formatAdminURL","React","Fragment","Link","useConfig","useDocumentInfo","useDocumentTitle","IDLabel","baseClass","RenderTitle","props","$","className","element","t0","fallback","renderAsLink","title","titleFromProps","undefined","id","collectionSlug","globalSlug","isInitializing","titleFromContext","config","t1","routes","t2","admin","adminRoute","idAsTitle","Tag","t3","EmptySpace","_jsx","children","docPath","path","t4","t5","filter","Boolean","join","href"],"sources":["../../../src/elements/RenderTitle/index.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nimport { Link } from '../../elements/Link/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useDocumentTitle } from '../../providers/DocumentTitle/index.js'\nimport { IDLabel } from '../IDLabel/index.js'\nimport './index.css'\n\nconst baseClass = 'render-title'\n\nexport type RenderTitleProps = {\n className?: string\n element?: React.ElementType\n fallback?: string\n fallbackToID?: boolean\n /*\n When true, renders the title as a link to the document. Useful inside drawers\n * to navigate to the full document view.\n */\n renderAsLink?: boolean\n title?: string\n}\n\nexport const RenderTitle: React.FC<RenderTitleProps> = (props) => {\n const { className, element = 'h1', fallback, renderAsLink, title: titleFromProps } = props\n\n const { id, collectionSlug, globalSlug, isInitializing } = useDocumentInfo()\n const { title: titleFromContext } = useDocumentTitle()\n const {\n config: {\n routes: { admin: adminRoute },\n },\n } = useConfig()\n\n const title = titleFromProps \|\| titleFromContext \|\| fallback\n\n const idAsTitle = title === id\n\n const Tag = element\n\n // Render and invisible character to prevent layout shift when the title populates from context\n const EmptySpace = <Fragment> </Fragment>\n\n const docPath =\n renderAsLink && id && (collectionSlug \|\| globalSlug)\n ? formatAdminURL({\n adminRoute,\n path: `/${collectionSlug ? `collections/${collectionSlug}` : `globals/${globalSlug}`}/${id}`,\n })\n : null\n\n return (\n <Tag\n className={[className, baseClass, idAsTitle && `${baseClass}--has-id`]\n .filter(Boolean)\n .join(' ')}\n data-doc-id={id}\n title={title}\n >\n {isInitializing ? (\n EmptySpace\n ) : idAsTitle ? (\n <IDLabel className={`${baseClass}__id`} id={id} />\n ) : docPath ? (\n <Link className={`${baseClass}__link`} href={docPath}>\n {title \|\| EmptySpace}\n </Link>\n ) : (\n title \|\| EmptySpace\n )}\n </Tag>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,IAAI,QAAQ;AACrB,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,gBAAgB,QAAQ;AACjC,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAelB,OAAO,MAAMC,WAAA,GAA0CC,KAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EACrD;IAAAa,SAAA;IAAAC,OAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC,YAAA;IAAAC,KAAA,EAAAC;EAAA,IAAqFR,KAAA;EAAlE,MAAAG,OAAA,GAAAC,EAAc,KAAAK,SAAA,GAAJ,IAAI,GAAdL,EAAc;EAEjC;IAAAM,EAAA;IAAAC,cAAA;IAAAC,UAAA;IAAAC;EAAA,IAA2DlB,eAAA;EAC3D;~~IAAAY~~,KAAA,~~EAAAO~~;EAAA,~~IAAoClB~~,gBAAA;~~EACpC~~;~~IAAAmB~~,MAAA,EAAAC;EAAA,~~IAIItB~~,SAAA;EAHM;~~IAAAuB~~,MAAA,EAAAC;EAAA,IAAAF,EAEP;EADS;IAAAG,KAAA,EAAAC;EAAA,IAAAF,EAAqB;EAIjC,~~MAAAX~~,KAAA,GAAcC,cAAA,~~IAAkBM~~,gBAAA,~~IAAoBT~~,QAAA;EAEpD,~~MAAAgB~~,SAAA,~~GAAkBd~~,KAAA,KAAUG,EAAA;EAE5B,~~MAAAY~~,GAAA,~~GAAYnB~~,OAAA;EAAA,~~IAAAoB~~,EAAA;EAAA,~~IAAAtB~~,CAAA,~~QAAAqB~~,GAAA,~~IAAArB~~,CAAA,~~QAAAmB~~,UAAA,~~IAAAnB~~,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAU,cAAA,IAAAV,CAAA,QAAAW,UAAA,IAAAX,CAAA,QAAAS,EAAA,IAAAT,CAAA,~~QAAAoB~~,SAAA,~~IAAApB~~,CAAA,QAAAY,cAAA,IAAAZ,CAAA,QAAAK,YAAA,IAAAL,CAAA,~~QAAAM~~,KAAA;IAGZ,~~MAAAiB~~,UAAA,GAAmBC,IAAA,~~CAAAjC~~,QAAA;~~MAAAkC~~,QAAA,EAAU;IAAA,C;IAE7B,MAAAC,OAAA,~~GACErB~~,YAAA,IAAgBI,EAAA,KAAOC,cAAA,IAAkBC,UAAS,IAC9CtB,cAAA;~~MAAA8B~~,UAAA;~~MAAAQ~~,IAAA,EAEQ,~~IAAIjB~~,cAAA,GAAiB,eAAeA,cAAA,EAAgB,GAAG,WAAWC,UAAA,EAAY,IAAIF,EAAA;IAAI,CAC9F,QACA;~~IAIgC~~,~~MAAAmB~~,EAAA,~~GAAAR~~,SAAA,IAAa,~~GAAAvB~~,SAAA,UAAsB;IAAA,~~IAAAgC~~,EAAA;IAAA,~~IAAA7B~~,CAAA,SAAAC,SAAA,IAAAD,CAAA,~~SAAA4B~~,EAAA;~~MAA1DC~~,EAAA,~~IAAC5B~~,SAAA,EAAAJ,SAAA,~~EAAsB+B~~,EAAmC,EAAAE,MAAA,CAAAC,~~OAC3D~~;~~MAAA/B~~,CAAA,OAAAC,SAAA;MAAAD,CAAA,~~OAAA4B~~,EAAA;~~MAAA5B~~,CAAA,~~OAAA6B~~,EAAA;IAAA;MAAAA,EAAA,~~GAAA7B~~,CAAA;IAAA;~~IAFZsB~~,EAAA,GAAAE,IAAA,CAACH,GAAA;~~MAAApB~~,SAAA,~~EACY4B~~,~~EACD~~,CAAAG,IAAA,CACF;MAAA,~~eACKvB~~,EAAA;MAAAH,KAAA;~~MAAAmB~~,QAAA,~~EAGZb~~,cAAA,~~GACCW~~,UAAA,~~GACEH~~,SAAA,~~GACFI~~,IAAA,~~CAAA5B~~,OAAA;QAAAK,SAAA,EAAoB,GAAAJ,SAAA,MAAkB;QAAAY;MAAA,C,~~IACpCiB~~,OAAA,GACFF,IAAA,~~CAAAhC~~,IAAA;QAAAS,SAAA,EAAiB,GAAAJ,SAAA,QAAoB;~~QAAAoC~~,IAAA,~~EAAQP~~,OAAA;QAAAD,QAAA,~~EAC1CnB~~,KAAA,~~IAASiB~~;MAAA,C,~~IAGZjB~~,KAAA,~~IAASiB~~;IAAA,C~~;;;;;;;;;;;;;;;SAhBbD~~,E;~~CAoBJ~~","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","formatAdminURL","React","Fragment","Link","useConfig","useDocumentInfo","useDocumentTitle","IDLabel","baseClass","RenderTitle","props","$","className","element","t0","fallback","renderAsLink","title","titleFromProps","undefined","id","collectionSlug","globalSlug","isInitializing","isPlaceholder","titleFromContext","config","t1","routes","t2","admin","adminRoute","idAsTitle","showPlaceholder","Tag","t3","EmptySpace","_jsx","children","docPath","path","t4","t5","t6","filter","Boolean","join","href"],"sources":["../../../src/elements/RenderTitle/index.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nimport { Link } from '../../elements/Link/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useDocumentTitle } from '../../providers/DocumentTitle/index.js'\nimport { IDLabel } from '../IDLabel/index.js'\nimport './index.css'\n\nconst baseClass = 'render-title'\n\nexport type RenderTitleProps = {\n className?: string\n element?: React.ElementType\n fallback?: string\n fallbackToID?: boolean\n /*\n When true, renders the title as a link to the document. Useful inside drawers\n * to navigate to the full document view.\n */\n renderAsLink?: boolean\n title?: string\n}\n\nexport const RenderTitle: React.FC<RenderTitleProps> = (props) => {\n const { className, element = 'h1', fallback, renderAsLink, title: titleFromProps } = props\n\n const { id, collectionSlug, globalSlug, isInitializing } = useDocumentInfo()\n const { isPlaceholder, title: titleFromContext } = useDocumentTitle()\n const {\n config: {\n routes: { admin: adminRoute },\n },\n } = useConfig()\n\n const title = titleFromProps \|\| titleFromContext \|\| fallback\n\n const idAsTitle = title === id\n\n const showPlaceholder = !titleFromProps && isPlaceholder\n\n const Tag = element\n\n // Render and invisible character to prevent layout shift when the title populates from context\n const EmptySpace = <Fragment> </Fragment>\n\n const docPath =\n renderAsLink && id && (collectionSlug \|\| globalSlug)\n ? formatAdminURL({\n adminRoute,\n path: `/${collectionSlug ? `collections/${collectionSlug}` : `globals/${globalSlug}`}/${id}`,\n })\n : null\n\n return (\n <Tag\n className={[\n className,\n baseClass,\n idAsTitle && `${baseClass}--has-id`,\n showPlaceholder && `${baseClass}--placeholder`,\n ]\n .filter(Boolean)\n .join(' ')}\n data-doc-id={id}\n title={title}\n >\n {isInitializing ? (\n EmptySpace\n ) : idAsTitle ? (\n <IDLabel className={`${baseClass}__id`} id={id} />\n ) : docPath ? (\n <Link className={`${baseClass}__link`} href={docPath}>\n {title \|\| EmptySpace}\n </Link>\n ) : (\n title \|\| EmptySpace\n )}\n </Tag>\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Search/ListSearchFilter/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Search/ListSearchFilter/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAK1D,KAAK,qBAAqB,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,KAAmB,EACnB,cAAc,EACd,gBAAgB,GACjB,EAAE,qBAAqB,~~qBA+CvB~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Search/ListSearchFilter/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAK1D,KAAK,qBAAqB,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,KAAmB,EACnB,cAAc,EACd,gBAAgB,GACjB,EAAE,qBAAqB,qBAgDvB"}

package/dist/elements/Search/ListSearchFilter/index.js CHANGED Viewed

@@ -33,6 +33,7 @@ export function ListSearchFilter({
     }
   }, [debouncedSearch, onSearchChange]);
   return /*#__PURE__*/_jsx(SearchInput, {
+    autoComplete: "off",
     className: className,
     disabled: disabled,
     id: "search-filter-input",

package/dist/elements/Search/ListSearchFilter/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["React","useEffect","useRef","useState","useDebounce","SearchInput","ListSearchFilter","className","disabled","label","onSearchChange","searchQueryParam","search","setSearch","undefined","shouldUpdateState","previousSearch","debouncedSearch","current","_jsx","id","onChange","value","onClear","placeholder"],"sources":["../../../../src/elements/Search/ListSearchFilter/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { SearchInput } from '../SearchInput/index.js'\n\ntype ListSearchFilterProps = {\n className?: string\n disabled?: boolean\n label?: string\n onSearchChange: (search: string) => void\n searchQueryParam?: string\n}\n\nexport function ListSearchFilter({\n className,\n disabled,\n label = 'Search...',\n onSearchChange,\n searchQueryParam,\n}: ListSearchFilterProps) {\n const [search, setSearch] = useState(\n typeof searchQueryParam === 'string' ? searchQueryParam : undefined,\n )\n\n const shouldUpdateState = useRef(true)\n const previousSearch = useRef(typeof searchQueryParam === 'string' ? searchQueryParam : undefined)\n\n const debouncedSearch = useDebounce(search, 300)\n\n useEffect(() => {\n if (searchQueryParam !== previousSearch.current) {\n shouldUpdateState.current = false\n setSearch(searchQueryParam)\n previousSearch.current = searchQueryParam\n }\n\n return () => {\n shouldUpdateState.current = true\n previousSearch.current = undefined\n }\n }, [searchQueryParam])\n\n useEffect(() => {\n if (debouncedSearch !== previousSearch.current && shouldUpdateState.current) {\n onSearchChange(debouncedSearch)\n previousSearch.current = debouncedSearch\n }\n }, [debouncedSearch, onSearchChange])\n\n return (\n <SearchInput\n className={className}\n disabled={disabled}\n id=\"search-filter-input\"\n onChange={(value) => {\n shouldUpdateState.current = true\n setSearch(value)\n }}\n onClear={() => {\n shouldUpdateState.current = true\n setSearch('')\n }}\n placeholder={label}\n value={search \|\| ''}\n />\n )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,IAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAEnD,SAASC,WAAW,QAAQ;AAC5B,SAASC,WAAW,QAAQ;AAU5B,OAAO,SAASC,iBAAiB;EAC/BC,SAAS;EACTC,QAAQ;EACRC,KAAA,GAAQ,WAAW;EACnBC,cAAc;EACdC;AAAgB,CACM;EACtB,MAAM,CAACC,MAAA,EAAQC,SAAA,CAAU,GAAGV,QAAA,CAC1B,OAAOQ,gBAAA,KAAqB,WAAWA,gBAAA,GAAmBG,SAAA;EAG5D,MAAMC,iBAAA,GAAoBb,MAAA,CAAO;EACjC,MAAMc,cAAA,GAAiBd,MAAA,CAAO,OAAOS,gBAAA,KAAqB,WAAWA,gBAAA,GAAmBG,SAAA;EAExF,MAAMG,eAAA,GAAkBb,WAAA,CAAYQ,MAAA,EAAQ;EAE5CX,SAAA,CAAU;IACR,IAAIU,gBAAA,KAAqBK,cAAA,CAAeE,OAAO,EAAE;MAC/CH,iBAAA,CAAkBG,OAAO,GAAG;MAC5BL,SAAA,CAAUF,gBAAA;MACVK,cAAA,CAAeE,OAAO,GAAGP,gBAAA;IAC3B;IAEA,OAAO;MACLI,iBAAA,CAAkBG,OAAO,GAAG;MAC5BF,cAAA,CAAeE,OAAO,GAAGJ,SAAA;IAC3B;EACF,GAAG,CAACH,gBAAA,CAAiB;EAErBV,SAAA,CAAU;IACR,IAAIgB,eAAA,KAAoBD,cAAA,CAAeE,OAAO,IAAIH,iBAAA,CAAkBG,OAAO,EAAE;MAC3ER,cAAA,CAAeO,eAAA;MACfD,cAAA,CAAeE,OAAO,GAAGD,eAAA;IAC3B;EACF,GAAG,CAACA,eAAA,EAAiBP,cAAA,CAAe;EAEpC,oBACES,IAAA,CAACd,WAAA;~~IACCE~~,SAAA,EAAWA,SAAA;IACXC,QAAA,EAAUA,QAAA;~~IACVY~~,EAAA,EAAG;IACHC,QAAA,EAAWC,KAAA;~~MACTP~~,iBAAA,CAAkBG,OAAO,GAAG;MAC5BL,SAAA,~~CAAUS~~,KAAA;IACZ;IACAC,OAAA,EAASA,CAAA;~~MACPR~~,iBAAA,CAAkBG,OAAO,GAAG;MAC5BL,SAAA,CAAU;IACZ;~~IACAW~~,WAAA,~~EAAaf~~,KAAA;~~IACba~~,KAAA,~~EAAOV~~,MAAA,IAAU;;AAGvB","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["React","useEffect","useRef","useState","useDebounce","SearchInput","ListSearchFilter","className","disabled","label","onSearchChange","searchQueryParam","search","setSearch","undefined","shouldUpdateState","previousSearch","debouncedSearch","current","_jsx","autoComplete","id","onChange","value","onClear","placeholder"],"sources":["../../../../src/elements/Search/ListSearchFilter/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { SearchInput } from '../SearchInput/index.js'\n\ntype ListSearchFilterProps = {\n className?: string\n disabled?: boolean\n label?: string\n onSearchChange: (search: string) => void\n searchQueryParam?: string\n}\n\nexport function ListSearchFilter({\n className,\n disabled,\n label = 'Search...',\n onSearchChange,\n searchQueryParam,\n}: ListSearchFilterProps) {\n const [search, setSearch] = useState(\n typeof searchQueryParam === 'string' ? searchQueryParam : undefined,\n )\n\n const shouldUpdateState = useRef(true)\n const previousSearch = useRef(typeof searchQueryParam === 'string' ? searchQueryParam : undefined)\n\n const debouncedSearch = useDebounce(search, 300)\n\n useEffect(() => {\n if (searchQueryParam !== previousSearch.current) {\n shouldUpdateState.current = false\n setSearch(searchQueryParam)\n previousSearch.current = searchQueryParam\n }\n\n return () => {\n shouldUpdateState.current = true\n previousSearch.current = undefined\n }\n }, [searchQueryParam])\n\n useEffect(() => {\n if (debouncedSearch !== previousSearch.current && shouldUpdateState.current) {\n onSearchChange(debouncedSearch)\n previousSearch.current = debouncedSearch\n }\n }, [debouncedSearch, onSearchChange])\n\n return (\n <SearchInput\n autoComplete=\"off\"\n className={className}\n disabled={disabled}\n id=\"search-filter-input\"\n onChange={(value) => {\n shouldUpdateState.current = true\n setSearch(value)\n }}\n onClear={() => {\n shouldUpdateState.current = true\n setSearch('')\n }}\n placeholder={label}\n value={search \|\| ''}\n />\n )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,IAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAEnD,SAASC,WAAW,QAAQ;AAC5B,SAASC,WAAW,QAAQ;AAU5B,OAAO,SAASC,iBAAiB;EAC/BC,SAAS;EACTC,QAAQ;EACRC,KAAA,GAAQ,WAAW;EACnBC,cAAc;EACdC;AAAgB,CACM;EACtB,MAAM,CAACC,MAAA,EAAQC,SAAA,CAAU,GAAGV,QAAA,CAC1B,OAAOQ,gBAAA,KAAqB,WAAWA,gBAAA,GAAmBG,SAAA;EAG5D,MAAMC,iBAAA,GAAoBb,MAAA,CAAO;EACjC,MAAMc,cAAA,GAAiBd,MAAA,CAAO,OAAOS,gBAAA,KAAqB,WAAWA,gBAAA,GAAmBG,SAAA;EAExF,MAAMG,eAAA,GAAkBb,WAAA,CAAYQ,MAAA,EAAQ;EAE5CX,SAAA,CAAU;IACR,IAAIU,gBAAA,KAAqBK,cAAA,CAAeE,OAAO,EAAE;MAC/CH,iBAAA,CAAkBG,OAAO,GAAG;MAC5BL,SAAA,CAAUF,gBAAA;MACVK,cAAA,CAAeE,OAAO,GAAGP,gBAAA;IAC3B;IAEA,OAAO;MACLI,iBAAA,CAAkBG,OAAO,GAAG;MAC5BF,cAAA,CAAeE,OAAO,GAAGJ,SAAA;IAC3B;EACF,GAAG,CAACH,gBAAA,CAAiB;EAErBV,SAAA,CAAU;IACR,IAAIgB,eAAA,KAAoBD,cAAA,CAAeE,OAAO,IAAIH,iBAAA,CAAkBG,OAAO,EAAE;MAC3ER,cAAA,CAAeO,eAAA;MACfD,cAAA,CAAeE,OAAO,GAAGD,eAAA;IAC3B;EACF,GAAG,CAACA,eAAA,EAAiBP,cAAA,CAAe;EAEpC,oBACES,IAAA,CAACd,WAAA;IACCe,YAAA,EAAa;IACbb,SAAA,EAAWA,SAAA;IACXC,QAAA,EAAUA,QAAA;IACVa,EAAA,EAAG;IACHC,QAAA,EAAWC,KAAA;MACTR,iBAAA,CAAkBG,OAAO,GAAG;MAC5BL,SAAA,CAAUU,KAAA;IACZ;IACAC,OAAA,EAASA,CAAA;MACPT,iBAAA,CAAkBG,OAAO,GAAG;MAC5BL,SAAA,CAAU;IACZ;IACAY,WAAA,EAAahB,KAAA;IACbc,KAAA,EAAOX,MAAA,IAAU;;AAGvB","ignoreList":[]}

package/dist/elements/Search/SearchInput/index.d.ts CHANGED Viewed

@@ -1,7 +1,9 @@
+import type { BrowserAutoComplete } from 'payload';
 import React from 'react';
 import './index.css';
 type SearchInputProps = {
     'aria-label'?: string;
+    autoComplete?: BrowserAutoComplete;
     className?: string;
     disabled?: boolean;
     id?: string;

package/dist/elements/Search/SearchInput/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Search/SearchInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAM1C,OAAO,aAAa,CAAA;AAIpB,KAAK,gBAAgB,GAAG;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,~~CAkDlD~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Search/SearchInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,OAAO,KAAsB,MAAM,OAAO,CAAA;AAM1C,OAAO,aAAa,CAAA;AAIpB,KAAK,gBAAgB,GAAG;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,mBAAmB,CAAA;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoDlD,CAAA"}

package/dist/elements/Search/SearchInput/index.js CHANGED Viewed

@@ -10,10 +10,11 @@ import { Button } from '../../Button/index.js';
 import './index.css';
 const baseClass = 'search-input';
 export const SearchInput = t0 => {
-  const $ = _c(19);
+  const $ = _c(20);
   const {
     id,
     "aria-label": ariaLabel,
+    autoComplete,
     className,
     disabled,
     onChange,
@@ -28,7 +29,7 @@ export const SearchInput = t0 => {
   let t1;
   if ($[0] !== onSearch || $[1] !== value) {
     t1 = e => {
-      if (e.key === "Enter" && value.length > 0) {
+      if (e.key === "Enter" && !e.nativeEvent.isComposing && value.length > 0) {
         onSearch(value);
       }
     };
@@ -49,19 +50,20 @@ export const SearchInput = t0 => {
   }
   const t3 = t2.join(" ");
   let t4;
-  if ($[5] !== ariaLabel || $[6] !== disabled || $[7] !== handleKeyDown || $[8] !== id || $[9] !== onChange || $[10] !== onClear || $[11] !== onSearch || $[12] !== placeholder || $[13] !== t || $[14] !== t3 || $[15] !== value) {
+  if ($[5] !== ariaLabel || $[6] !== autoComplete || $[7] !== disabled || $[8] !== handleKeyDown || $[9] !== id || $[10] !== onChange || $[11] !== onClear || $[12] !== onSearch || $[13] !== placeholder || $[14] !== t || $[15] !== t3 || $[16] !== value) {
     let t5;
-    if ($[17] !== onChange) {
+    if ($[18] !== onChange) {
       t5 = e_0 => onChange(e_0.target.value);
-      $[17] = onChange;
-      $[18] = t5;
+      $[18] = onChange;
+      $[19] = t5;
     } else {
-      t5 = $[18];
+      t5 = $[19];
     }
     t4 = _jsxs("div", {
       className: t3,
       children: [_jsx(SearchIcon, {}), _jsx("input", {
         "aria-label": ariaLabel ?? placeholder,
+        autoComplete,
         className: `${baseClass}__input`,
         disabled,
         id,
@@ -84,19 +86,20 @@ export const SearchInput = t0 => {
       })]
     });
     $[5] = ariaLabel;
-    $[6] = disabled;
-    $[7] = handleKeyDown;
-    $[8] = id;
-    $[9] = onChange;
-    $[10] = onClear;
-    $[11] = onSearch;
-    $[12] = placeholder;
-    $[13] = t;
-    $[14] = t3;
-    $[15] = value;
-    $[16] = t4;
+    $[6] = autoComplete;
+    $[7] = disabled;
+    $[8] = handleKeyDown;
+    $[9] = id;
+    $[10] = onChange;
+    $[11] = onClear;
+    $[12] = onSearch;
+    $[13] = placeholder;
+    $[14] = t;
+    $[15] = t3;
+    $[16] = value;
+    $[17] = t4;
   } else {
-    t4 = $[16];
+    t4 = $[17];
   }
   return t4;
 };

package/dist/elements/Search/SearchInput/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","React","useCallback","SearchIcon","XIcon","useTranslation","Button","baseClass","SearchInput","t0","$","id","ariaLabel","className","disabled","onChange","onClear","onSearch","placeholder","value","t","t1","e","key","length","handleKeyDown","t2","filter","Boolean","t3","join","t4","t5","e_0","target","_jsxs","children","_jsx","onKeyDown","undefined","type","buttonStyle","icon","size","round"],"sources":["../../../../src/elements/Search/SearchInput/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback } from 'react'\n\nimport { SearchIcon } from '../../../icons/Search/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport './index.css'\n\nconst baseClass = 'search-input'\n\ntype SearchInputProps = {\n 'aria-label'?: string\n className?: string\n disabled?: boolean\n id?: string\n onChange: (value: string) => void\n onClear?: () => void\n onSearch?: (value: string) => void\n placeholder?: string\n value: string\n}\n\nexport const SearchInput: React.FC<SearchInputProps> = ({\n id,\n 'aria-label': ariaLabel,\n className,\n disabled,\n onChange,\n onClear,\n onSearch,\n placeholder,\n value,\n}) => {\n const { t } = useTranslation()\n\n const handleKeyDown = useCallback(\n (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === 'Enter' && value.length > 0) {\n onSearch(value)\n }\n },\n [value, onSearch],\n )\n\n return (\n <div className={[baseClass, className].filter(Boolean).join(' ')}>\n <SearchIcon />\n <input\n aria-label={ariaLabel ?? placeholder}\n className={`${baseClass}__input`}\n disabled={disabled}\n id={id}\n onChange={(e) => onChange(e.target.value)}\n onKeyDown={onSearch ? handleKeyDown : undefined}\n placeholder={placeholder}\n type=\"text\"\n value={value}\n />\n {onClear && value.length > 0 && (\n <Button\n aria-label={t('general:clear')}\n buttonStyle=\"ghost\"\n className={`${baseClass}__clear`}\n icon={<XIcon size={16} />}\n margin={false}\n onClick={onClear}\n round\n size=\"medium\"\n />\n )}\n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;~~AAEA~~,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAEnC,SAASC,UAAU,QAAQ;AAC3B,SAASC,KAAK,QAAQ;AACtB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;~~AAclB~~,OAAO,MAAMC,WAAA,GAA0CC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,EAAA;IAAA,cAAAC,SAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,WAAA;IAAAC;EAAA,~~IAAAV~~,~~EAUvD~~;EACC;~~IAAAW~~;EAAA,~~IAAcf~~,cAAA;EAAA,~~IAAAgB~~,EAAA;EAAA,~~IAAAX~~,CAAA,~~QAAAO~~,QAAA,~~IAAAP~~,CAAA,~~QAAAS~~,KAAA;IAGZE,EAAA,GAAAC,CAAA;MAAA,IACMA,CAAA,CAAAC,GAAA,KAAU,~~WAAWJ~~,KAAA,~~CAAAK~~,MAAA,IAAe;~~QACtCP~~,QAAA,CAASE,KAAA;MAAA;IAAA;~~IAEbT~~,CAAA,~~MAAAO~~,QAAA;~~IAAAP~~,CAAA,~~MAAAS~~,KAAA;~~IAAAT~~,CAAA,~~MAAAW~~,EAAA;EAAA;IAAAA,EAAA,~~GAAAX~~,CAAA;EAAA;EALF,~~MAAAe~~,aAAA,~~GAAsBJ~~,EAMH;EAAA,~~IAAAK~~,EAAA;EAAA,~~IAAAhB~~,CAAA,~~QAAAG~~,SAAA;~~IAIDa~~,EAAA,~~IAAAnB~~,SAAA,~~EAAYM~~,SAAA,~~EAAAc~~,MAAA,CAAAC,OAAkB;~~IAAAlB~~,CAAA,~~MAAAG~~,SAAA;~~IAAAH~~,CAAA,~~MAAAgB~~,EAAA;EAAA;IAAAA,EAAA,~~GAAAhB~~,CAAA;EAAA;EAA9B,~~MAAAmB~~,EAAA,GAAAH,EAA8B,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,~~IAAArB~~,CAAA,QAAAE,SAAA,IAAAF,CAAA,~~QAAAI~~,QAAA,~~IAAAJ~~,CAAA,~~QAAAe~~,aAAA,~~IAAAf~~,CAAA,QAAAC,EAAA,IAAAD,CAAA,~~QAAAK~~,QAAA,~~IAAAL~~,CAAA,~~SAAAM~~,OAAA,~~IAAAN~~,CAAA,~~SAAAO~~,QAAA,~~IAAAP~~,CAAA,~~SAAAQ~~,WAAA,~~IAAAR~~,CAAA,~~SAAAU~~,CAAA,~~IAAAV~~,CAAA,~~SAAAmB~~,EAAA,~~IAAAnB~~,CAAA,~~SAAAS~~,KAAA;IAAA,~~IAAAa~~,EAAA;IAAA,~~IAAAtB~~,CAAA,~~SAAAK~~,QAAA;~~MAO9CiB~~,EAAA,GAAAC,GAAA,~~IAAOlB~~,QAAA,CAASO,GAAA,~~CAAAY~~,MAAA,~~CAAAf~~,KAAc;~~MAAAT~~,CAAA,~~OAAAK~~,QAAA;~~MAAAL~~,CAAA,~~OAAAsB~~,EAAA;IAAA;MAAAA,EAAA,~~GAAAtB~~,CAAA;IAAA;~~IAP5CqB~~,EAAA,GAAAI,KAAA,CAAC;~~MAAAtB~~,SAAA,~~EAAegB~~,EAA4C;MAAAO,QAAA,GAC1DC,IAAA,~~CAAAlC~~,UAAA,IAAC,~~GACDkC~~,IAAA,CAAC;QAAA,~~cACazB~~,SAAA,~~IAAaM~~,WAAA;~~QAAAL~~,SAAA,~~EACd~~,~~GAAAN~~,SAAA,SAAqB;~~QAAAO~~,QAAA;~~QAAAH~~,EAAA;~~QAAAI~~,QAAA,~~EAGtBiB~~,EAA8B;QAAAM,SAAA,~~EAC7BrB~~,QAAA,~~GAAWQ~~,aAAA,GAAAc,SAAgB;~~QAAArB~~,WAAA;~~QAAAsB~~,IAAA,EAEjC;~~QAAArB~~;MAAA,C,GAGNH,OAAA,IAAWG,KAAA,~~CAAAK~~,MAAA,IAAe,IACzBa,IAAA,~~CAAA/B~~,MAAA;QAAA,~~cACcc~~,CAAA,CAAE;~~QAAAqB~~,WAAA,EACF;~~QAAA5B~~,SAAA,EACD,~~GAAAN~~,SAAA,SAAqB;~~QAAAmC~~,IAAA,EAC1BL,IAAA,~~CAAAjC~~,KAAA;~~UAAAuC~~,IAAA;QAAA,C;;~~iBAEG3B~~,OAAA;~~QAAA4B~~,KAAA;QAAAD,IAAA,EAEJ;MAAA,C~~;;;;;;;;;;;;;;;;;SAtBXZ~~,E;~~CA2BJ~~","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","React","useCallback","SearchIcon","XIcon","useTranslation","Button","baseClass","SearchInput","t0","$","id","ariaLabel","autoComplete","className","disabled","onChange","onClear","onSearch","placeholder","value","t","t1","e","key","nativeEvent","isComposing","length","handleKeyDown","t2","filter","Boolean","t3","join","t4","t5","e_0","target","_jsxs","children","_jsx","onKeyDown","undefined","type","buttonStyle","icon","size","round"],"sources":["../../../../src/elements/Search/SearchInput/index.tsx"],"sourcesContent":["'use client'\n\nimport type { BrowserAutoComplete } from 'payload'\n\nimport React, { useCallback } from 'react'\n\nimport { SearchIcon } from '../../../icons/Search/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport './index.css'\n\nconst baseClass = 'search-input'\n\ntype SearchInputProps = {\n 'aria-label'?: string\n autoComplete?: BrowserAutoComplete\n className?: string\n disabled?: boolean\n id?: string\n onChange: (value: string) => void\n onClear?: () => void\n onSearch?: (value: string) => void\n placeholder?: string\n value: string\n}\n\nexport const SearchInput: React.FC<SearchInputProps> = ({\n id,\n 'aria-label': ariaLabel,\n autoComplete,\n className,\n disabled,\n onChange,\n onClear,\n onSearch,\n placeholder,\n value,\n}) => {\n const { t } = useTranslation()\n\n const handleKeyDown = useCallback(\n (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === 'Enter' && !e.nativeEvent.isComposing && value.length > 0) {\n onSearch(value)\n }\n },\n [value, onSearch],\n )\n\n return (\n <div className={[baseClass, className].filter(Boolean).join(' ')}>\n <SearchIcon />\n <input\n aria-label={ariaLabel ?? placeholder}\n autoComplete={autoComplete}\n className={`${baseClass}__input`}\n disabled={disabled}\n id={id}\n onChange={(e) => onChange(e.target.value)}\n onKeyDown={onSearch ? handleKeyDown : undefined}\n placeholder={placeholder}\n type=\"text\"\n value={value}\n />\n {onClear && value.length > 0 && (\n <Button\n aria-label={t('general:clear')}\n buttonStyle=\"ghost\"\n className={`${baseClass}__clear`}\n icon={<XIcon size={16} />}\n margin={false}\n onClick={onClear}\n round\n size=\"medium\"\n />\n )}\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/SelectAll/index.css CHANGED Viewed

@@ -1,5 +1,7 @@
 @layer payload-default {
   .select-all__checkbox {
-    display: block;
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
 }

package/dist/elements/SelectRow/index.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
-import type { ClientUser } from 'payload';
+import type { User } from 'payload';
 import React from 'react';
 import './index.css';
 export declare const SelectRow: React.FC<{
     rowData: {
         _isLocked: boolean;
-        _userEditing: ClientUser;
+        _userEditing: User;
         id: string;
     };
 }>;

package/dist/elements/SelectRow/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SelectRow/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,~~UAAU~~,EAAE,MAAM,SAAS,CAAA;~~AAEzC~~,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,OAAO,EAAE;QACP,SAAS,EAAE,OAAO,CAAA;QAClB,YAAY,EAAE,~~UAAU~~,CAAA;~~QACxB~~,EAAE,EAAE,MAAM,CAAA;KACX,CAAA;CACF,CAmBA,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SelectRow/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAEnC,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,OAAO,EAAE;QACP,SAAS,EAAE,OAAO,CAAA;QAClB,YAAY,EAAE,IAAI,CAAA;QAClB,EAAE,EAAE,MAAM,CAAA;KACX,CAAA;CACF,CAmBA,CAAA"}

package/dist/elements/SelectRow/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","React","CheckboxInput","useAuth","useSelection","Locked","baseClass","SelectRow","t0","$","rowData","user","selected","setSelection","t1","id","Symbol","for","_isLocked","_userEditing","documentIsLocked","_jsx","t2","get","t3","Boolean","t4","t5","t6","checked","className","join","onToggle","variant"],"sources":["../../../src/elements/SelectRow/index.tsx"],"sourcesContent":["'use client'\nimport type { ~~ClientUser~~ } from 'payload'\n\nimport React from 'react'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useSelection } from '../../providers/Selection/index.js'\nimport { Locked } from '../Locked/index.js'\nimport './index.css'\n\nconst baseClass = 'select-row'\n\nexport const SelectRow: React.FC<{\n rowData: {\n _isLocked: boolean\n _userEditing: ~~ClientUser~~\n id: string\n }\n}> = ({ rowData }) => {\n const { user } = useAuth()\n const { selected, setSelection } = useSelection()\n const { _isLocked, _userEditing } = rowData \|\| {}\n\n const documentIsLocked = _isLocked && _userEditing\n\n if (documentIsLocked && _userEditing.id !== user?.id) {\n return <Locked user={_userEditing} />\n }\n\n return (\n <CheckboxInput\n checked={Boolean(selected.get(rowData.id))}\n className={[baseClass, `${baseClass}__checkbox`].join(' ')}\n onToggle={() => setSelection(rowData.id)}\n variant=\"muted\"\n />\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAC9B,SAASC,OAAO,QAAQ;AACxB,SAASC,YAAY,QAAQ;AAC7B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,SAAA,GAMRC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU;EAAA,IAAAF,EAAW;EACf;IAAAG;EAAA,IAAiBR,OAAA;EACjB;IAAAS,QAAA;IAAAC;EAAA,IAAmCT,YAAA;EAAA,IAAAU,EAAA;EAAA,IAAAL,CAAA,QAAAC,OAAA,IAAAD,CAAA,QAAAE,IAAA,EAAAI,EAAA;IAM1BD,EAAA,GAAAE,MAAA,CAAAC,GAAA,8B;;MALT;QAAAC,SAAA;QAAAC;MAAA,IAAoCT,OAAA,MAAY;MAEhD,MAAAU,gBAAA,GAAyBF,SAAA,IAAaC,YAAA;MAAA,IAElCC,gBAAA,IAAoBD,YAAA,CAAAJ,EAAA,KAAoBJ,IAAA,EAAAI,EAAM;QACzCD,EAAA,GAAAO,IAAA,CAAAhB,MAAA;UAAAM,IAAA,EAAcQ;QAAA,C;;;;;;;;;;;;;;;IAKFG,EAAA,GAAAV,QAAA,CAAAW,GAAA,CAAab,OAAA,CAAAK,EAAU;IAAAN,CAAA,MAAAC,OAAA,CAAAK,EAAA;IAAAN,CAAA,MAAAG,QAAA;IAAAH,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAA/B,MAAAe,EAAA,GAAAC,OAAA,CAAQH,EAAuB;EAAA,IAAAI,EAAA;EAAA,IAAAjB,CAAA,QAAAO,MAAA,CAAAC,GAAA;IAC7BS,EAAA,IAAApB,SAAA,EAAY,GAAAA,SAAA,YAAwB;IAACG,CAAA,MAAAiB,EAAA;EAAA;IAAAA,EAAA,GAAAjB,CAAA;EAAA;EAAA,IAAAkB,EAAA;EAAA,IAAAlB,CAAA,QAAAC,OAAA,CAAAK,EAAA,IAAAN,CAAA,QAAAI,YAAA;IACtCc,EAAA,GAAAA,CAAA,KAAMd,YAAA,CAAaH,OAAA,CAAAK,EAAU;IAAAN,CAAA,MAAAC,OAAA,CAAAK,EAAA;IAAAN,CAAA,MAAAI,YAAA;IAAAJ,CAAA,MAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EAAA,IAAAmB,EAAA;EAAA,IAAAnB,CAAA,SAAAe,EAAA,IAAAf,CAAA,SAAAkB,EAAA;IAHzCC,EAAA,GAAAP,IAAA,CAAAnB,aAAA;MAAA2B,OAAA,EACWL,EAA+B;MAAAM,SAAA,EAC7BJ,EAAqC,CAAAK,IAAA,CAAM;MAAAC,QAAA,EAC5CL,EAA6B;MAAAM,OAAA,EAC/B;IAAA,C;;;;;;;SAJVL,E;CAOJ","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","React","CheckboxInput","useAuth","useSelection","Locked","baseClass","SelectRow","t0","$","rowData","user","selected","setSelection","t1","id","Symbol","for","_isLocked","_userEditing","documentIsLocked","_jsx","t2","get","t3","Boolean","t4","t5","t6","checked","className","join","onToggle","variant"],"sources":["../../../src/elements/SelectRow/index.tsx"],"sourcesContent":["'use client'\nimport type { User } from 'payload'\n\nimport React from 'react'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useSelection } from '../../providers/Selection/index.js'\nimport { Locked } from '../Locked/index.js'\nimport './index.css'\n\nconst baseClass = 'select-row'\n\nexport const SelectRow: React.FC<{\n rowData: {\n _isLocked: boolean\n _userEditing: User\n id: string\n }\n}> = ({ rowData }) => {\n const { user } = useAuth()\n const { selected, setSelection } = useSelection()\n const { _isLocked, _userEditing } = rowData \|\| {}\n\n const documentIsLocked = _isLocked && _userEditing\n\n if (documentIsLocked && _userEditing.id !== user?.id) {\n return <Locked user={_userEditing} />\n }\n\n return (\n <CheckboxInput\n checked={Boolean(selected.get(rowData.id))}\n className={[baseClass, `${baseClass}__checkbox`].join(' ')}\n onToggle={() => setSelection(rowData.id)}\n variant=\"muted\"\n />\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAC9B,SAASC,OAAO,QAAQ;AACxB,SAASC,YAAY,QAAQ;AAC7B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,SAAA,GAMRC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU;EAAA,IAAAF,EAAW;EACf;IAAAG;EAAA,IAAiBR,OAAA;EACjB;IAAAS,QAAA;IAAAC;EAAA,IAAmCT,YAAA;EAAA,IAAAU,EAAA;EAAA,IAAAL,CAAA,QAAAC,OAAA,IAAAD,CAAA,QAAAE,IAAA,EAAAI,EAAA;IAM1BD,EAAA,GAAAE,MAAA,CAAAC,GAAA,8B;;MALT;QAAAC,SAAA;QAAAC;MAAA,IAAoCT,OAAA,MAAY;MAEhD,MAAAU,gBAAA,GAAyBF,SAAA,IAAaC,YAAA;MAAA,IAElCC,gBAAA,IAAoBD,YAAA,CAAAJ,EAAA,KAAoBJ,IAAA,EAAAI,EAAM;QACzCD,EAAA,GAAAO,IAAA,CAAAhB,MAAA;UAAAM,IAAA,EAAcQ;QAAA,C;;;;;;;;;;;;;;;IAKFG,EAAA,GAAAV,QAAA,CAAAW,GAAA,CAAab,OAAA,CAAAK,EAAU;IAAAN,CAAA,MAAAC,OAAA,CAAAK,EAAA;IAAAN,CAAA,MAAAG,QAAA;IAAAH,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAA/B,MAAAe,EAAA,GAAAC,OAAA,CAAQH,EAAuB;EAAA,IAAAI,EAAA;EAAA,IAAAjB,CAAA,QAAAO,MAAA,CAAAC,GAAA;IAC7BS,EAAA,IAAApB,SAAA,EAAY,GAAAA,SAAA,YAAwB;IAACG,CAAA,MAAAiB,EAAA;EAAA;IAAAA,EAAA,GAAAjB,CAAA;EAAA;EAAA,IAAAkB,EAAA;EAAA,IAAAlB,CAAA,QAAAC,OAAA,CAAAK,EAAA,IAAAN,CAAA,QAAAI,YAAA;IACtCc,EAAA,GAAAA,CAAA,KAAMd,YAAA,CAAaH,OAAA,CAAAK,EAAU;IAAAN,CAAA,MAAAC,OAAA,CAAAK,EAAA;IAAAN,CAAA,MAAAI,YAAA;IAAAJ,CAAA,MAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EAAA,IAAAmB,EAAA;EAAA,IAAAnB,CAAA,SAAAe,EAAA,IAAAf,CAAA,SAAAkB,EAAA;IAHzCC,EAAA,GAAAP,IAAA,CAAAnB,aAAA;MAAA2B,OAAA,EACWL,EAA+B;MAAAM,SAAA,EAC7BJ,EAAqC,CAAAK,IAAA,CAAM;MAAAC,QAAA,EAC5CL,EAA6B;MAAAM,OAAA,EAC/B;IAAA,C;;;;;;;SAJVL,E;CAOJ","ignoreList":[]}