@payloadcms/ui 3.68.0-internal-debug.185cc5f → 3.68.0-internal-debug.591ab42

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

@@ -1 +1 @@
-{"version":3,"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 { Pill } from '../../elements/Pill/index.js'\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.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 { AnimateHeight } from '../AnimateHeight/index.js'\nimport { ColumnSelector } from '../ColumnSelector/index.js'\nimport { useDocumentDrawer } from '../DocumentDrawer/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.scss'\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) => 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  const [openColumnSelector, setOpenColumnSelector] = useState(false)\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) => {\n    openDrawerWhenRelationChanges.current = true\n\n    if (id) {\n      setCurrentDrawerID(id)\n    } else {\n      setCurrentDrawerID(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  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        {Label}\n        <div className={`${baseClass}__actions`}>\n          <AddNewButton\n            allowCreate={allowCreate !== false}\n            baseClass={baseClass}\n            buttonStyle=\"none\"\n            className={`${baseClass}__add-new${isPolymorphic ? '-polymorphic' : ' doc-drawer__toggler'}`}\n            collections={config.collections}\n            i18n={i18n}\n            icon={isPolymorphic ? 'plus' : undefined}\n            label={i18n.t('fields:addNew')}\n            onClick={isPolymorphic ? setSelectedCollection : openDrawer}\n            permissions={permissions}\n            relationTo={relationTo}\n          />\n          <Pill\n            aria-controls={`${baseClass}-columns`}\n            aria-expanded={openColumnSelector}\n            className={`${baseClass}__toggle-columns ${\n              openColumnSelector ? `${baseClass}__buttons-active` : ''\n            }`}\n            icon={<ChevronIcon direction={openColumnSelector ? 'up' : 'down'} />}\n            onClick={() => setOpenColumnSelector(!openColumnSelector)}\n            pillStyle=\"light\"\n            size=\"small\"\n          >\n            {t('general:columns')}\n          </Pill>\n        </div>\n      </div>\n      {BeforeInput}\n      {isLoadingTable ? (\n        <p>{t('general:loading')}</p>\n      ) : (\n        <Fragment>\n          {data?.docs && data.docs.length === 0 && (\n            <div className={`${baseClass}__no-results`}>\n              <p>\n                {i18n.t('general:noResults', {\n                  label: isPolymorphic\n                    ? i18n.t('general:documents')\n                    : getTranslation(collectionConfig?.labels?.plural, i18n),\n                })}\n              </p>\n              <AddNewButton\n                allowCreate={canCreate}\n                baseClass={baseClass}\n                collections={config.collections}\n                i18n={i18n}\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            </div>\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                  <AnimateHeight\n                    className={`${baseClass}__columns`}\n                    height={openColumnSelector ? 'auto' : 0}\n                    id={`${baseClass}-columns`}\n                  >\n                    <div className={`${baseClass}__columns-inner`}>\n                      {collectionConfig && (\n                        <ColumnSelector collectionSlug={collectionConfig.slug} />\n                      )}\n                    </div>\n                  </AnimateHeight>\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"],"names":["getTranslation","hoistQueryParamsToAnd","transformColumnsToPreferences","React","Fragment","useCallback","useEffect","useRef","useState","Pill","useEffectEvent","ChevronIcon","useAuth","useConfig","ListQueryProvider","useServerFunctions","TableColumnsProvider","useTranslation","AnimateHeight","ColumnSelector","useDocumentDrawer","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","openColumnSelector","setOpenColumnSelector","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","div","className","buttonStyle","icon","label","onClick","aria-controls","aria-expanded","direction","pillStyle","size","p","length","labels","plural","singular","modifySearchParams","onQueryChange","replaceAll","LinkedCellOverride","height","slug","onDelete","onSave"],"mappings":"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"}
+{"version":3,"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 { Pill } from '../../elements/Pill/index.js'\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.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 { AnimateHeight } from '../AnimateHeight/index.js'\nimport { ColumnSelector } from '../ColumnSelector/index.js'\nimport { useDocumentDrawer } from '../DocumentDrawer/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.scss'\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) => 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  const [openColumnSelector, setOpenColumnSelector] = useState(false)\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) => {\n    openDrawerWhenRelationChanges.current = true\n\n    if (id) {\n      setCurrentDrawerID(id)\n    } else {\n      setCurrentDrawerID(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  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        {Label}\n        <div className={`${baseClass}__actions`}>\n          <AddNewButton\n            allowCreate={allowCreate !== false}\n            baseClass={baseClass}\n            buttonStyle=\"none\"\n            className={`${baseClass}__add-new${isPolymorphic ? '-polymorphic' : ' doc-drawer__toggler'}`}\n            collections={config.collections}\n            i18n={i18n}\n            icon={isPolymorphic ? 'plus' : undefined}\n            label={i18n.t('fields:addNew')}\n            onClick={isPolymorphic ? setSelectedCollection : openDrawer}\n            permissions={permissions}\n            relationTo={relationTo}\n          />\n          <Pill\n            aria-controls={`${baseClass}-columns`}\n            aria-expanded={openColumnSelector}\n            className={`${baseClass}__toggle-columns ${\n              openColumnSelector ? `${baseClass}__buttons-active` : ''\n            }`}\n            icon={<ChevronIcon direction={openColumnSelector ? 'up' : 'down'} />}\n            onClick={() => setOpenColumnSelector(!openColumnSelector)}\n            pillStyle=\"light\"\n            size=\"small\"\n          >\n            {t('general:columns')}\n          </Pill>\n        </div>\n      </div>\n      {BeforeInput}\n      {isLoadingTable ? (\n        <p>{t('general:loading')}</p>\n      ) : (\n        <Fragment>\n          {data?.docs && data.docs.length === 0 && (\n            <div className={`${baseClass}__no-results`}>\n              <p>\n                {i18n.t('general:noResults', {\n                  label: isPolymorphic\n                    ? i18n.t('general:documents')\n                    : getTranslation(collectionConfig?.labels?.plural, i18n),\n                })}\n              </p>\n              <AddNewButton\n                allowCreate={canCreate}\n                baseClass={baseClass}\n                collections={config.collections}\n                i18n={i18n}\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            </div>\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                  <AnimateHeight\n                    className={`${baseClass}__columns`}\n                    height={openColumnSelector ? 'auto' : 0}\n                    id={`${baseClass}-columns`}\n                  >\n                    <div className={`${baseClass}__columns-inner`}>\n                      {collectionConfig && (\n                        <ColumnSelector collectionSlug={collectionConfig.slug} />\n                      )}\n                    </div>\n                  </AnimateHeight>\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"],"names":["getTranslation","hoistQueryParamsToAnd","transformColumnsToPreferences","React","Fragment","useCallback","useEffect","useRef","useState","Pill","useEffectEvent","ChevronIcon","useAuth","useConfig","ListQueryProvider","useServerFunctions","TableColumnsProvider","useTranslation","AnimateHeight","ColumnSelector","useDocumentDrawer","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","openColumnSelector","setOpenColumnSelector","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","div","className","buttonStyle","icon","label","onClick","aria-controls","aria-expanded","direction","pillStyle","size","p","length","labels","plural","singular","modifySearchParams","onQueryChange","replaceAll","LinkedCellOverride","height","slug","onDelete","onSave"],"mappings":"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"}

package/dist/elements/RenderComponent/index.js

@@ -1,20 +1,32 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 export const RenderComponent = ({ Component, Fallback, props = {} })=>{
     if (Array.isArray(Component)) {
-        return Component.map((c, index)=>/*#__PURE__*/ _jsx(RenderComponent, {
+        return Component.map((c, index)=>/*#__PURE__*/ _jsxDEV(RenderComponent, {
                 Component: c,
                 props: props
-            }, index));
+            }, index, false, {
+                fileName: "src/elements/RenderComponent/index.tsx",
+                lineNumber: 9,
+                columnNumber: 40
+            }, this));
     }
     if (typeof Component === 'function') {
-        return /*#__PURE__*/ _jsx(Component, {
+        return /*#__PURE__*/ _jsxDEV(Component, {
             ...props
-        });
+        }, void 0, false, {
+            fileName: "src/elements/RenderComponent/index.tsx",
+            lineNumber: 13,
+            columnNumber: 12
+        }, this);
     }
-    return Fallback ? /*#__PURE__*/ _jsx(Fallback, {
+    return Fallback ? /*#__PURE__*/ _jsxDEV(Fallback, {
         ...props
-    }) : null;
+    }, void 0, false, {
+        fileName: "src/elements/RenderComponent/index.tsx",
+        lineNumber: 16,
+        columnNumber: 21
+    }, this) : null;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/RenderComponent/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const RenderComponent: React.FC<{\n  readonly Component?: React.ComponentType | React.ComponentType[]\n  readonly Fallback?: React.ComponentType\n  readonly props?: object\n}> = ({ Component, Fallback, props = {} }) => {\n  if (Array.isArray(Component)) {\n    return Component.map((c, index) => <RenderComponent Component={c} key={index} props={props} />)\n  }\n\n  if (typeof Component === 'function') {\n    return <Component {...props} />\n  }\n\n  return Fallback ? <Fallback {...props} /> : null\n}\n"],"names":["React","RenderComponent","Component","Fallback","props","Array","isArray","map","c","index"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,kBAIR,CAAC,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,QAAQ,CAAC,CAAC,EAAE;IACvC,IAAIC,MAAMC,OAAO,CAACJ,YAAY;QAC5B,OAAOA,UAAUK,GAAG,CAAC,CAACC,GAAGC,sBAAU,KAACR;gBAAgBC,WAAWM;gBAAeJ,OAAOA;eAAdK;IACzE;IAEA,IAAI,OAAOP,cAAc,YAAY;QACnC,qBAAO,KAACA;YAAW,GAAGE,KAAK;;IAC7B;IAEA,OAAOD,yBAAW,KAACA;QAAU,GAAGC,KAAK;SAAO;AAC9C,EAAC"}
+{"version":3,"sources":["../../../src/elements/RenderComponent/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const RenderComponent: React.FC<{\n  readonly Component?: React.ComponentType | React.ComponentType[]\n  readonly Fallback?: React.ComponentType\n  readonly props?: object\n}> = ({ Component, Fallback, props = {} }) => {\n  if (Array.isArray(Component)) {\n    return Component.map((c, index) => <RenderComponent Component={c} key={index} props={props} />)\n  }\n\n  if (typeof Component === 'function') {\n    return <Component {...props} />\n  }\n\n  return Fallback ? <Fallback {...props} /> : null\n}\n"],"names":["React","RenderComponent","Component","Fallback","props","Array","isArray","map","c","index"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,kBAIR,CAAC,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,QAAQ,CAAC,CAAC,EAAE;IACvC,IAAIC,MAAMC,OAAO,CAACJ,YAAY;QAC5B,OAAOA,UAAUK,GAAG,CAAC,CAACC,GAAGC,sBAAU,QAACR;gBAAgBC,WAAWM;gBAAeJ,OAAOA;eAAdK;;;;;IACzE;IAEA,IAAI,OAAOP,cAAc,YAAY;QACnC,qBAAO,QAACA;YAAW,GAAGE,KAAK;;;;;;IAC7B;IAEA,OAAOD,yBAAW,QAACA;QAAU,GAAGC,KAAK;;;;;eAAO;AAC9C,EAAC"}

package/dist/elements/RenderIfInViewport/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { useIntersect } from '../../hooks/useIntersect.js';
 export const RenderIfInViewport = ({ children, className, forceRender })=>{
@@ -18,11 +18,15 @@ export const RenderIfInViewport = ({ children, className, forceRender })=>{
         shouldRender,
         hasRendered
     ]);
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: className,
         ref: intersectionRef,
         children: hasRendered ? children : null
-    });
+    }, void 0, false, {
+        fileName: "src/elements/RenderIfInViewport/index.tsx",
+        lineNumber: 33,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/RenderIfInViewport/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { useIntersect } from '../../hooks/useIntersect.js'\n\nexport const RenderIfInViewport: React.FC<\n  {\n    children: React.ReactNode\n    className?: string\n  } & Pick<ClientComponentProps, 'forceRender'>\n> = ({ children, className, forceRender }) => {\n  const [hasRendered, setHasRendered] = React.useState(Boolean(forceRender))\n  const [intersectionRef, entry] = useIntersect(\n    {\n      rootMargin: '1000px',\n    },\n    Boolean(forceRender),\n  )\n\n  const isIntersecting = Boolean(entry?.isIntersecting)\n  const isAboveViewport = entry?.boundingClientRect?.top < 0\n  const shouldRender = forceRender || isIntersecting || isAboveViewport\n\n  React.useEffect(() => {\n    if (shouldRender && !hasRendered) {\n      setHasRendered(true)\n    }\n  }, [shouldRender, hasRendered])\n\n  return (\n    <div className={className} ref={intersectionRef}>\n      {hasRendered ? children : null}\n    </div>\n  )\n}\n"],"names":["React","useIntersect","RenderIfInViewport","children","className","forceRender","hasRendered","setHasRendered","useState","Boolean","intersectionRef","entry","rootMargin","isIntersecting","isAboveViewport","boundingClientRect","top","shouldRender","useEffect","div","ref"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,8BAA6B;AAE1D,OAAO,MAAMC,qBAKT,CAAC,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,EAAE;IACvC,MAAM,CAACC,aAAaC,eAAe,GAAGP,MAAMQ,QAAQ,CAACC,QAAQJ;IAC7D,MAAM,CAACK,iBAAiBC,MAAM,GAAGV,aAC/B;QACEW,YAAY;IACd,GACAH,QAAQJ;IAGV,MAAMQ,iBAAiBJ,QAAQE,OAAOE;IACtC,MAAMC,kBAAkBH,OAAOI,oBAAoBC,MAAM;IACzD,MAAMC,eAAeZ,eAAeQ,kBAAkBC;IAEtDd,MAAMkB,SAAS,CAAC;QACd,IAAID,gBAAgB,CAACX,aAAa;YAChCC,eAAe;QACjB;IACF,GAAG;QAACU;QAAcX;KAAY;IAE9B,qBACE,KAACa;QAAIf,WAAWA;QAAWgB,KAAKV;kBAC7BJ,cAAcH,WAAW;;AAGhC,EAAC"}
+{"version":3,"sources":["../../../src/elements/RenderIfInViewport/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { useIntersect } from '../../hooks/useIntersect.js'\n\nexport const RenderIfInViewport: React.FC<\n  {\n    children: React.ReactNode\n    className?: string\n  } & Pick<ClientComponentProps, 'forceRender'>\n> = ({ children, className, forceRender }) => {\n  const [hasRendered, setHasRendered] = React.useState(Boolean(forceRender))\n  const [intersectionRef, entry] = useIntersect(\n    {\n      rootMargin: '1000px',\n    },\n    Boolean(forceRender),\n  )\n\n  const isIntersecting = Boolean(entry?.isIntersecting)\n  const isAboveViewport = entry?.boundingClientRect?.top < 0\n  const shouldRender = forceRender || isIntersecting || isAboveViewport\n\n  React.useEffect(() => {\n    if (shouldRender && !hasRendered) {\n      setHasRendered(true)\n    }\n  }, [shouldRender, hasRendered])\n\n  return (\n    <div className={className} ref={intersectionRef}>\n      {hasRendered ? children : null}\n    </div>\n  )\n}\n"],"names":["React","useIntersect","RenderIfInViewport","children","className","forceRender","hasRendered","setHasRendered","useState","Boolean","intersectionRef","entry","rootMargin","isIntersecting","isAboveViewport","boundingClientRect","top","shouldRender","useEffect","div","ref"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,8BAA6B;AAE1D,OAAO,MAAMC,qBAKT,CAAC,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,EAAE;IACvC,MAAM,CAACC,aAAaC,eAAe,GAAGP,MAAMQ,QAAQ,CAACC,QAAQJ;IAC7D,MAAM,CAACK,iBAAiBC,MAAM,GAAGV,aAC/B;QACEW,YAAY;IACd,GACAH,QAAQJ;IAGV,MAAMQ,iBAAiBJ,QAAQE,OAAOE;IACtC,MAAMC,kBAAkBH,OAAOI,oBAAoBC,MAAM;IACzD,MAAMC,eAAeZ,eAAeQ,kBAAkBC;IAEtDd,MAAMkB,SAAS,CAAC;QACd,IAAID,gBAAgB,CAACX,aAAa;YAChCC,eAAe;QACjB;IACF,GAAG;QAACU;QAAcX;KAAY;IAE9B,qBACE,QAACa;QAAIf,WAAWA;QAAWgB,KAAKV;kBAC7BJ,cAAcH,WAAW;;;;;;AAGhC,EAAC"}

package/dist/elements/RenderServerComponent/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getFromImportMap, isPlainObject, isReactServerComponentOrFunction } from 'payload/shared';
 import React from 'react';
 import { removeUndefined } from '../../utilities/removeUndefined.js';
@@ -21,9 +21,13 @@ import { removeUndefined } from '../../utilities/removeUndefined.js';
             ...clientProps,
             ...isRSC ? serverProps : {}
         });
-        return /*#__PURE__*/ _jsx(Component, {
+        return /*#__PURE__*/ _jsxDEV(Component, {
             ...sanitizedProps
-        }, key);
+        }, key, false, {
+            fileName: "src/elements/RenderServerComponent/index.tsx",
+            lineNumber: 53,
+            columnNumber: 12
+        }, this);
     }
     if (typeof Component === 'string' || isPlainObject(Component)) {
         const ResolvedComponent = getFromImportMap({
@@ -40,9 +44,13 @@ import { removeUndefined } from '../../utilities/removeUndefined.js';
                 ...isRSC && typeof Component === 'object' && Component?.serverProps ? Component.serverProps : {},
                 ...typeof Component === 'object' && Component?.clientProps ? Component.clientProps : {}
             });
-            return /*#__PURE__*/ _jsx(ResolvedComponent, {
+            return /*#__PURE__*/ _jsxDEV(ResolvedComponent, {
                 ...sanitizedProps
-            }, key);
+            }, key, false, {
+                fileName: "src/elements/RenderServerComponent/index.tsx",
+                lineNumber: 76,
+                columnNumber: 14
+            }, this);
         }
     }
     return Fallback ? RenderServerComponent({

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/RenderServerComponent/index.tsx"],"sourcesContent":["import type { ImportMap, PayloadComponent } from 'payload'\n\nimport { getFromImportMap, isPlainObject, isReactServerComponentOrFunction } from 'payload/shared'\nimport React from 'react'\n\nimport { removeUndefined } from '../../utilities/removeUndefined.js'\n\ntype RenderServerComponentFn = (args: {\n  readonly clientProps?: object\n  readonly Component?:\n    | PayloadComponent\n    | PayloadComponent[]\n    | React.ComponentType\n    | React.ComponentType[]\n  readonly Fallback?: React.ComponentType\n  readonly importMap: ImportMap\n  readonly key?: string\n  readonly serverProps?: object\n}) => React.ReactNode\n\n/**\n * Can be used to render both MappedComponents and React Components.\n */\nexport const RenderServerComponent: RenderServerComponentFn = ({\n  clientProps = {},\n  Component,\n  Fallback,\n  importMap,\n  key,\n  serverProps,\n}) => {\n  if (Array.isArray(Component)) {\n    return Component.map((c, index) =>\n      RenderServerComponent({\n        clientProps,\n        Component: c,\n        importMap,\n        key: index,\n        serverProps,\n      }),\n    )\n  }\n\n  if (typeof Component === 'function') {\n    const isRSC = isReactServerComponentOrFunction(Component)\n\n    // prevent $undefined from being passed through the rsc requests\n    const sanitizedProps = removeUndefined({\n      ...clientProps,\n      ...(isRSC ? serverProps : {}),\n    })\n\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 isRSC = isReactServerComponentOrFunction(ResolvedComponent)\n\n      // prevent $undefined from being passed through rsc requests\n      const sanitizedProps = removeUndefined({\n        ...clientProps,\n        ...(isRSC ? serverProps : {}),\n        ...(isRSC && typeof Component === 'object' && Component?.serverProps\n          ? Component.serverProps\n          : {}),\n        ...(typeof Component === 'object' && Component?.clientProps ? Component.clientProps : {}),\n      })\n\n      return <ResolvedComponent key={key} {...sanitizedProps} />\n    }\n  }\n\n  return Fallback\n    ? RenderServerComponent({\n        clientProps,\n        Component: Fallback,\n        importMap,\n        key,\n        serverProps,\n      })\n    : null\n}\n"],"names":["getFromImportMap","isPlainObject","isReactServerComponentOrFunction","React","removeUndefined","RenderServerComponent","clientProps","Component","Fallback","importMap","key","serverProps","Array","isArray","map","c","index","isRSC","sanitizedProps","ResolvedComponent","PayloadComponent","schemaPath"],"mappings":";AAEA,SAASA,gBAAgB,EAAEC,aAAa,EAAEC,gCAAgC,QAAQ,iBAAgB;AAClG,OAAOC,WAAW,QAAO;AAEzB,SAASC,eAAe,QAAQ,qCAAoC;AAepE;;CAEC,GACD,OAAO,MAAMC,wBAAiD,CAAC,EAC7DC,cAAc,CAAC,CAAC,EAChBC,SAAS,EACTC,QAAQ,EACRC,SAAS,EACTC,GAAG,EACHC,WAAW,EACZ;IACC,IAAIC,MAAMC,OAAO,CAACN,YAAY;QAC5B,OAAOA,UAAUO,GAAG,CAAC,CAACC,GAAGC,QACvBX,sBAAsB;gBACpBC;gBACAC,WAAWQ;gBACXN;gBACAC,KAAKM;gBACLL;YACF;IAEJ;IAEA,IAAI,OAAOJ,cAAc,YAAY;QACnC,MAAMU,QAAQf,iCAAiCK;QAE/C,gEAAgE;QAChE,MAAMW,iBAAiBd,gBAAgB;YACrC,GAAGE,WAAW;YACd,GAAIW,QAAQN,cAAc,CAAC,CAAC;QAC9B;QAEA,qBAAO,KAACJ;YAAqB,GAAGW,cAAc;WAAvBR;IACzB;IAEA,IAAI,OAAOH,cAAc,YAAYN,cAAcM,YAAY;QAC7D,MAAMY,oBAAoBnB,iBAAsC;YAC9DS;YACAW,kBAAkBb;YAClBc,YAAY;QACd;QAEA,IAAIF,mBAAmB;YACrB,MAAMF,QAAQf,iCAAiCiB;YAE/C,4DAA4D;YAC5D,MAAMD,iBAAiBd,gBAAgB;gBACrC,GAAGE,WAAW;gBACd,GAAIW,QAAQN,cAAc,CAAC,CAAC;gBAC5B,GAAIM,SAAS,OAAOV,cAAc,YAAYA,WAAWI,cACrDJ,UAAUI,WAAW,GACrB,CAAC,CAAC;gBACN,GAAI,OAAOJ,cAAc,YAAYA,WAAWD,cAAcC,UAAUD,WAAW,GAAG,CAAC,CAAC;YAC1F;YAEA,qBAAO,KAACa;gBAA6B,GAAGD,cAAc;eAAvBR;QACjC;IACF;IAEA,OAAOF,WACHH,sBAAsB;QACpBC;QACAC,WAAWC;QACXC;QACAC;QACAC;IACF,KACA;AACN,EAAC"}
+{"version":3,"sources":["../../../src/elements/RenderServerComponent/index.tsx"],"sourcesContent":["import type { ImportMap, PayloadComponent } from 'payload'\n\nimport { getFromImportMap, isPlainObject, isReactServerComponentOrFunction } from 'payload/shared'\nimport React from 'react'\n\nimport { removeUndefined } from '../../utilities/removeUndefined.js'\n\ntype RenderServerComponentFn = (args: {\n  readonly clientProps?: object\n  readonly Component?:\n    | PayloadComponent\n    | PayloadComponent[]\n    | React.ComponentType\n    | React.ComponentType[]\n  readonly Fallback?: React.ComponentType\n  readonly importMap: ImportMap\n  readonly key?: string\n  readonly serverProps?: object\n}) => React.ReactNode\n\n/**\n * Can be used to render both MappedComponents and React Components.\n */\nexport const RenderServerComponent: RenderServerComponentFn = ({\n  clientProps = {},\n  Component,\n  Fallback,\n  importMap,\n  key,\n  serverProps,\n}) => {\n  if (Array.isArray(Component)) {\n    return Component.map((c, index) =>\n      RenderServerComponent({\n        clientProps,\n        Component: c,\n        importMap,\n        key: index,\n        serverProps,\n      }),\n    )\n  }\n\n  if (typeof Component === 'function') {\n    const isRSC = isReactServerComponentOrFunction(Component)\n\n    // prevent $undefined from being passed through the rsc requests\n    const sanitizedProps = removeUndefined({\n      ...clientProps,\n      ...(isRSC ? serverProps : {}),\n    })\n\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 isRSC = isReactServerComponentOrFunction(ResolvedComponent)\n\n      // prevent $undefined from being passed through rsc requests\n      const sanitizedProps = removeUndefined({\n        ...clientProps,\n        ...(isRSC ? serverProps : {}),\n        ...(isRSC && typeof Component === 'object' && Component?.serverProps\n          ? Component.serverProps\n          : {}),\n        ...(typeof Component === 'object' && Component?.clientProps ? Component.clientProps : {}),\n      })\n\n      return <ResolvedComponent key={key} {...sanitizedProps} />\n    }\n  }\n\n  return Fallback\n    ? RenderServerComponent({\n        clientProps,\n        Component: Fallback,\n        importMap,\n        key,\n        serverProps,\n      })\n    : null\n}\n"],"names":["getFromImportMap","isPlainObject","isReactServerComponentOrFunction","React","removeUndefined","RenderServerComponent","clientProps","Component","Fallback","importMap","key","serverProps","Array","isArray","map","c","index","isRSC","sanitizedProps","ResolvedComponent","PayloadComponent","schemaPath"],"mappings":";AAEA,SAASA,gBAAgB,EAAEC,aAAa,EAAEC,gCAAgC,QAAQ,iBAAgB;AAClG,OAAOC,WAAW,QAAO;AAEzB,SAASC,eAAe,QAAQ,qCAAoC;AAepE;;CAEC,GACD,OAAO,MAAMC,wBAAiD,CAAC,EAC7DC,cAAc,CAAC,CAAC,EAChBC,SAAS,EACTC,QAAQ,EACRC,SAAS,EACTC,GAAG,EACHC,WAAW,EACZ;IACC,IAAIC,MAAMC,OAAO,CAACN,YAAY;QAC5B,OAAOA,UAAUO,GAAG,CAAC,CAACC,GAAGC,QACvBX,sBAAsB;gBACpBC;gBACAC,WAAWQ;gBACXN;gBACAC,KAAKM;gBACLL;YACF;IAEJ;IAEA,IAAI,OAAOJ,cAAc,YAAY;QACnC,MAAMU,QAAQf,iCAAiCK;QAE/C,gEAAgE;QAChE,MAAMW,iBAAiBd,gBAAgB;YACrC,GAAGE,WAAW;YACd,GAAIW,QAAQN,cAAc,CAAC,CAAC;QAC9B;QAEA,qBAAO,QAACJ;YAAqB,GAAGW,cAAc;WAAvBR;;;;;IACzB;IAEA,IAAI,OAAOH,cAAc,YAAYN,cAAcM,YAAY;QAC7D,MAAMY,oBAAoBnB,iBAAsC;YAC9DS;YACAW,kBAAkBb;YAClBc,YAAY;QACd;QAEA,IAAIF,mBAAmB;YACrB,MAAMF,QAAQf,iCAAiCiB;YAE/C,4DAA4D;YAC5D,MAAMD,iBAAiBd,gBAAgB;gBACrC,GAAGE,WAAW;gBACd,GAAIW,QAAQN,cAAc,CAAC,CAAC;gBAC5B,GAAIM,SAAS,OAAOV,cAAc,YAAYA,WAAWI,cACrDJ,UAAUI,WAAW,GACrB,CAAC,CAAC;gBACN,GAAI,OAAOJ,cAAc,YAAYA,WAAWD,cAAcC,UAAUD,WAAW,GAAG,CAAC,CAAC;YAC1F;YAEA,qBAAO,QAACa;gBAA6B,GAAGD,cAAc;eAAvBR;;;;;QACjC;IACF;IAEA,OAAOF,WACHH,sBAAsB;QACpBC;QACAC,WAAWC;QACXC;QACAC;QACAC;IACF,KACA;AACN,EAAC"}

package/dist/elements/RenderTitle/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { Fragment } from 'react';
 import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
 import { useDocumentTitle } from '../../providers/DocumentTitle/index.js';
@@ -14,10 +14,14 @@ export const RenderTitle = (props)=>{
     const idAsTitle = title === id;
     const Tag = element;
     // Render and invisible character to prevent layout shift when the title populates from context
-    const EmptySpace = /*#__PURE__*/ _jsx(Fragment, {
+    const EmptySpace = /*#__PURE__*/ _jsxDEV(Fragment, {
         children: " "
-    });
-    return /*#__PURE__*/ _jsx(Tag, {
+    }, void 0, false, {
+        fileName: "src/elements/RenderTitle/index.tsx",
+        lineNumber: 32,
+        columnNumber: 22
+    }, this);
+    return /*#__PURE__*/ _jsxDEV(Tag, {
         className: [
             className,
             baseClass,
@@ -25,13 +29,25 @@ export const RenderTitle = (props)=>{
         ].filter(Boolean).join(' '),
         "data-doc-id": id,
         title: title,
-        children: isInitializing ? EmptySpace : /*#__PURE__*/ _jsx(Fragment, {
-            children: idAsTitle ? /*#__PURE__*/ _jsx(IDLabel, {
+        children: isInitializing ? EmptySpace : /*#__PURE__*/ _jsxDEV(Fragment, {
+            children: idAsTitle ? /*#__PURE__*/ _jsxDEV(IDLabel, {
                 className: `${baseClass}__id`,
                 id: id
-            }) : title || EmptySpace
-        })
-    });
+            }, void 0, false, {
+                fileName: "src/elements/RenderTitle/index.tsx",
+                lineNumber: 46,
+                columnNumber: 24
+            }, this) : title || EmptySpace
+        }, void 0, false, {
+            fileName: "src/elements/RenderTitle/index.tsx",
+            lineNumber: 45,
+            columnNumber: 9
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/RenderTitle/index.tsx",
+        lineNumber: 35,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/RenderTitle/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment } from 'react'\n\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useDocumentTitle } from '../../providers/DocumentTitle/index.js'\nimport { IDLabel } from '../IDLabel/index.js'\nimport './index.scss'\n\nconst baseClass = 'render-title'\n\nexport type RenderTitleProps = {\n  className?: string\n  element?: React.ElementType\n  fallback?: string\n  fallbackToID?: boolean\n  title?: string\n}\n\nexport const RenderTitle: React.FC<RenderTitleProps> = (props) => {\n  const { className, element = 'h1', fallback, title: titleFromProps } = props\n\n  const { id, isInitializing } = useDocumentInfo()\n  const { title: titleFromContext } = useDocumentTitle()\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>&nbsp;</Fragment>\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      ) : (\n        <Fragment>\n          {idAsTitle ? <IDLabel className={`${baseClass}__id`} id={id} /> : title || EmptySpace}\n        </Fragment>\n      )}\n    </Tag>\n  )\n}\n"],"names":["React","Fragment","useDocumentInfo","useDocumentTitle","IDLabel","baseClass","RenderTitle","props","className","element","fallback","title","titleFromProps","id","isInitializing","titleFromContext","idAsTitle","Tag","EmptySpace","filter","Boolean","join","data-doc-id"],"mappings":"AAAA;;AACA,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,gBAAgB,QAAQ,yCAAwC;AACzE,SAASC,OAAO,QAAQ,sBAAqB;AAC7C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAUlB,OAAO,MAAMC,cAA0C,CAACC;IACtD,MAAM,EAAEC,SAAS,EAAEC,UAAU,IAAI,EAAEC,QAAQ,EAAEC,OAAOC,cAAc,EAAE,GAAGL;IAEvE,MAAM,EAAEM,EAAE,EAAEC,cAAc,EAAE,GAAGZ;IAC/B,MAAM,EAAES,OAAOI,gBAAgB,EAAE,GAAGZ;IAEpC,MAAMQ,QAAQC,kBAAkBG,oBAAoBL;IAEpD,MAAMM,YAAYL,UAAUE;IAE5B,MAAMI,MAAMR;IAEZ,+FAA+F;IAC/F,MAAMS,2BAAa,KAACjB;kBAAS;;IAE7B,qBACE,KAACgB;QACCT,WAAW;YAACA;YAAWH;YAAWW,aAAa,GAAGX,UAAU,QAAQ,CAAC;SAAC,CACnEc,MAAM,CAACC,SACPC,IAAI,CAAC;QACRC,eAAaT;QACbF,OAAOA;kBAENG,iBACCI,2BAEA,KAACjB;sBACEe,0BAAY,KAACZ;gBAAQI,WAAW,GAAGH,UAAU,IAAI,CAAC;gBAAEQ,IAAIA;iBAASF,SAASO;;;AAKrF,EAAC"}
+{"version":3,"sources":["../../../src/elements/RenderTitle/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment } from 'react'\n\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useDocumentTitle } from '../../providers/DocumentTitle/index.js'\nimport { IDLabel } from '../IDLabel/index.js'\nimport './index.scss'\n\nconst baseClass = 'render-title'\n\nexport type RenderTitleProps = {\n  className?: string\n  element?: React.ElementType\n  fallback?: string\n  fallbackToID?: boolean\n  title?: string\n}\n\nexport const RenderTitle: React.FC<RenderTitleProps> = (props) => {\n  const { className, element = 'h1', fallback, title: titleFromProps } = props\n\n  const { id, isInitializing } = useDocumentInfo()\n  const { title: titleFromContext } = useDocumentTitle()\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>&nbsp;</Fragment>\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      ) : (\n        <Fragment>\n          {idAsTitle ? <IDLabel className={`${baseClass}__id`} id={id} /> : title || EmptySpace}\n        </Fragment>\n      )}\n    </Tag>\n  )\n}\n"],"names":["React","Fragment","useDocumentInfo","useDocumentTitle","IDLabel","baseClass","RenderTitle","props","className","element","fallback","title","titleFromProps","id","isInitializing","titleFromContext","idAsTitle","Tag","EmptySpace","filter","Boolean","join","data-doc-id"],"mappings":"AAAA;;AACA,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,gBAAgB,QAAQ,yCAAwC;AACzE,SAASC,OAAO,QAAQ,sBAAqB;AAC7C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAUlB,OAAO,MAAMC,cAA0C,CAACC;IACtD,MAAM,EAAEC,SAAS,EAAEC,UAAU,IAAI,EAAEC,QAAQ,EAAEC,OAAOC,cAAc,EAAE,GAAGL;IAEvE,MAAM,EAAEM,EAAE,EAAEC,cAAc,EAAE,GAAGZ;IAC/B,MAAM,EAAES,OAAOI,gBAAgB,EAAE,GAAGZ;IAEpC,MAAMQ,QAAQC,kBAAkBG,oBAAoBL;IAEpD,MAAMM,YAAYL,UAAUE;IAE5B,MAAMI,MAAMR;IAEZ,+FAA+F;IAC/F,MAAMS,2BAAa,QAACjB;kBAAS;;;;;;IAE7B,qBACE,QAACgB;QACCT,WAAW;YAACA;YAAWH;YAAWW,aAAa,GAAGX,UAAU,QAAQ,CAAC;SAAC,CACnEc,MAAM,CAACC,SACPC,IAAI,CAAC;QACRC,eAAaT;QACbF,OAAOA;kBAENG,iBACCI,2BAEA,QAACjB;sBACEe,0BAAY,QAACZ;gBAAQI,WAAW,GAAGH,UAAU,IAAI,CAAC;gBAAEQ,IAAIA;;;;;uBAASF,SAASO;;;;;;;;;;;AAKrF,EAAC"}

package/dist/elements/RestoreButton/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter } from 'next/navigation.js';
@@ -119,24 +119,32 @@ export const RestoreButton = (props)=>{
         restoreAsPublished
     ]);
     if (id) {
-        return /*#__PURE__*/ _jsxs(Fragment, {
+        return /*#__PURE__*/ _jsxDEV(Fragment, {
             children: [
-                /*#__PURE__*/ _jsx(Button, {
+                /*#__PURE__*/ _jsxDEV(Button, {
                     buttonStyle: "primary",
                     id: buttonId,
                     onClick: ()=>{
                         openModal(modalSlug);
                     },
                     children: t('general:restore')
-                }, buttonId),
-                /*#__PURE__*/ _jsx(ConfirmationModal, {
-                    body: /*#__PURE__*/ _jsxs(Fragment, {
+                }, buttonId, false, {
+                    fileName: "src/elements/RestoreButton/index.tsx",
+                    lineNumber: 156,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
+                    body: /*#__PURE__*/ _jsxDEV(Fragment, {
                         children: [
-                            /*#__PURE__*/ _jsx(Translation, {
+                            /*#__PURE__*/ _jsxDEV(Translation, {
                                 elements: {
-                                    '1': ({ children })=>/*#__PURE__*/ _jsx("strong", {
+                                    '1': ({ children })=>/*#__PURE__*/ _jsxDEV("strong", {
                                             children: children
-                                        })
+                                        }, void 0, false, {
+                                            fileName: "src/elements/RestoreButton/index.tsx",
+                                            lineNumber: 171,
+                                            columnNumber: 42
+                                        }, void 0)
                                 },
                                 i18nKey: collectionConfig?.versions?.drafts ? 'general:aboutToRestoreAsDraft' : 'general:aboutToRestore',
                                 t: t,
@@ -144,27 +152,51 @@ export const RestoreButton = (props)=>{
                                     label: getTranslation(singularLabel, i18n),
                                     title: titleFromProps || title || id
                                 }
-                            }),
-                            collectionConfig?.versions?.drafts && /*#__PURE__*/ _jsx("div", {
+                            }, void 0, false, {
+                                fileName: "src/elements/RestoreButton/index.tsx",
+                                lineNumber: 169,
+                                columnNumber: 15
+                            }, void 0),
+                            collectionConfig?.versions?.drafts && /*#__PURE__*/ _jsxDEV("div", {
                                 className: `${baseClass}__checkbox`,
-                                children: /*#__PURE__*/ _jsx(CheckboxInput, {
+                                children: /*#__PURE__*/ _jsxDEV(CheckboxInput, {
                                     checked: restoreAsPublished,
                                     id: "restore-as-published",
                                     label: t('general:restoreAsPublished'),
                                     name: "restore-as-published",
                                     onToggle: (e)=>setRestoreAsPublished(e.target.checked)
-                                })
-                            })
+                                }, void 0, false, {
+                                    fileName: "src/elements/RestoreButton/index.tsx",
+                                    lineNumber: 186,
+                                    columnNumber: 19
+                                }, void 0)
+                            }, void 0, false, {
+                                fileName: "src/elements/RestoreButton/index.tsx",
+                                lineNumber: 185,
+                                columnNumber: 17
+                            }, void 0)
                         ]
-                    }),
+                    }, void 0, true, {
+                        fileName: "src/elements/RestoreButton/index.tsx",
+                        lineNumber: 168,
+                        columnNumber: 13
+                    }, void 0),
                     className: baseClass,
                     confirmingLabel: t('general:restoring'),
                     heading: t('general:confirmRestoration'),
                     modalSlug: modalSlug,
                     onConfirm: handleRestore
-                })
+                }, void 0, false, {
+                    fileName: "src/elements/RestoreButton/index.tsx",
+                    lineNumber: 166,
+                    columnNumber: 9
+                }, this)
             ]
-        });
+        }, void 0, true, {
+            fileName: "src/elements/RestoreButton/index.tsx",
+            lineNumber: 155,
+            columnNumber: 7
+        }, this);
     }
     return null;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/RestoreButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { Fragment, useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentTitle } from '../../providers/DocumentTitle/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { Translation } from '../Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'restore-button'\n\nexport type Props = {\n  readonly buttonId?: string\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly id?: string\n  readonly onRestore?: DocumentDrawerContextType['onRestore']\n  readonly redirectAfterRestore?: boolean\n  readonly singularLabel: SanitizedCollectionConfig['labels']['singular']\n  readonly title?: string\n}\n\nexport const RestoreButton: React.FC<Props> = (props) => {\n  const {\n    id,\n    buttonId,\n    collectionSlug,\n    onRestore,\n    redirectAfterRestore = true,\n    singularLabel,\n    title: titleFromProps,\n  } = props\n\n  const {\n    config: {\n      routes: { admin: adminRoute, api },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const { title } = useDocumentTitle()\n  const { startRouteTransition } = useRouteTransition()\n  const { openModal } = useModal()\n\n  const modalSlug = `restore-${id}`\n\n  const [restoreAsPublished, setRestoreAsPublished] = useState(false)\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:restoringTitle', { title }))\n  }, [t, title])\n\n  const handleRestore = useCallback(async () => {\n    try {\n      const url = `${serverURL}${api}/${collectionSlug}?${qs.stringify({\n        trash: true,\n        where: {\n          and: [{ id: { equals: id } }, { deletedAt: { exists: true } }],\n        },\n      })}`\n\n      const body: Record<string, unknown> = {\n        deletedAt: null,\n      }\n\n      // Only include _status if drafts are enabled\n      if (collectionConfig?.versions?.drafts) {\n        body._status = restoreAsPublished ? 'published' : 'draft'\n      }\n\n      const res = await requests.patch(url, {\n        body: JSON.stringify(body),\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n\n      const json = await res.json()\n\n      if (res.status < 400) {\n        toast.success(\n          t('general:titleRestored', {\n            label: getTranslation(singularLabel, i18n),\n            title,\n          }) || json.message,\n        )\n\n        if (redirectAfterRestore) {\n          return startRouteTransition(() =>\n            router.push(\n              formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}/${id}`,\n              }),\n            ),\n          )\n        }\n\n        if (typeof onRestore === 'function') {\n          await onRestore({ id, collectionConfig })\n        }\n\n        return\n      }\n\n      if (json.errors) {\n        json.errors.forEach((error) => toast.error(error.message))\n      } else {\n        addDefaultError()\n      }\n    } catch (_err) {\n      addDefaultError()\n    }\n  }, [\n    serverURL,\n    api,\n    collectionSlug,\n    id,\n    t,\n    singularLabel,\n    addDefaultError,\n    i18n,\n    title,\n    router,\n    adminRoute,\n    redirectAfterRestore,\n    onRestore,\n    collectionConfig,\n    startRouteTransition,\n    restoreAsPublished,\n  ])\n\n  if (id) {\n    return (\n      <Fragment>\n        <Button\n          buttonStyle=\"primary\"\n          id={buttonId}\n          key={buttonId}\n          onClick={() => {\n            openModal(modalSlug)\n          }}\n        >\n          {t('general:restore')}\n        </Button>\n        <ConfirmationModal\n          body={\n            <Fragment>\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey={\n                  collectionConfig?.versions?.drafts\n                    ? 'general:aboutToRestoreAsDraft'\n                    : 'general:aboutToRestore'\n                }\n                t={t}\n                variables={{\n                  label: getTranslation(singularLabel, i18n),\n                  title: titleFromProps || title || id,\n                }}\n              />\n              {collectionConfig?.versions?.drafts && (\n                <div className={`${baseClass}__checkbox`}>\n                  <CheckboxInput\n                    checked={restoreAsPublished}\n                    id=\"restore-as-published\"\n                    label={t('general:restoreAsPublished')}\n                    name=\"restore-as-published\"\n                    onToggle={(e) => setRestoreAsPublished(e.target.checked)}\n                  />\n                </div>\n              )}\n            </Fragment>\n          }\n          className={baseClass}\n          confirmingLabel={t('general:restoring')}\n          heading={t('general:confirmRestoration')}\n          modalSlug={modalSlug}\n          onConfirm={handleRestore}\n        />\n      </Fragment>\n    )\n  }\n\n  return null\n}\n"],"names":["useModal","getTranslation","useRouter","formatAdminURL","qs","React","Fragment","useCallback","useState","toast","CheckboxInput","useConfig","useDocumentTitle","useRouteTransition","useTranslation","requests","Button","ConfirmationModal","Translation","baseClass","RestoreButton","props","id","buttonId","collectionSlug","onRestore","redirectAfterRestore","singularLabel","title","titleFromProps","config","routes","admin","adminRoute","api","serverURL","getEntityConfig","collectionConfig","router","i18n","t","startRouteTransition","openModal","modalSlug","restoreAsPublished","setRestoreAsPublished","addDefaultError","error","handleRestore","url","stringify","trash","where","and","equals","deletedAt","exists","body","versions","drafts","_status","res","patch","JSON","headers","language","json","status","success","label","message","push","path","errors","forEach","_err","buttonStyle","onClick","elements","children","strong","i18nKey","variables","div","className","checked","name","onToggle","e","target","confirmingLabel","heading","onConfirm"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/RestoreButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { Fragment, useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentTitle } from '../../providers/DocumentTitle/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { Translation } from '../Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'restore-button'\n\nexport type Props = {\n  readonly buttonId?: string\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly id?: string\n  readonly onRestore?: DocumentDrawerContextType['onRestore']\n  readonly redirectAfterRestore?: boolean\n  readonly singularLabel: SanitizedCollectionConfig['labels']['singular']\n  readonly title?: string\n}\n\nexport const RestoreButton: React.FC<Props> = (props) => {\n  const {\n    id,\n    buttonId,\n    collectionSlug,\n    onRestore,\n    redirectAfterRestore = true,\n    singularLabel,\n    title: titleFromProps,\n  } = props\n\n  const {\n    config: {\n      routes: { admin: adminRoute, api },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const { title } = useDocumentTitle()\n  const { startRouteTransition } = useRouteTransition()\n  const { openModal } = useModal()\n\n  const modalSlug = `restore-${id}`\n\n  const [restoreAsPublished, setRestoreAsPublished] = useState(false)\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:restoringTitle', { title }))\n  }, [t, title])\n\n  const handleRestore = useCallback(async () => {\n    try {\n      const url = `${serverURL}${api}/${collectionSlug}?${qs.stringify({\n        trash: true,\n        where: {\n          and: [{ id: { equals: id } }, { deletedAt: { exists: true } }],\n        },\n      })}`\n\n      const body: Record<string, unknown> = {\n        deletedAt: null,\n      }\n\n      // Only include _status if drafts are enabled\n      if (collectionConfig?.versions?.drafts) {\n        body._status = restoreAsPublished ? 'published' : 'draft'\n      }\n\n      const res = await requests.patch(url, {\n        body: JSON.stringify(body),\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n\n      const json = await res.json()\n\n      if (res.status < 400) {\n        toast.success(\n          t('general:titleRestored', {\n            label: getTranslation(singularLabel, i18n),\n            title,\n          }) || json.message,\n        )\n\n        if (redirectAfterRestore) {\n          return startRouteTransition(() =>\n            router.push(\n              formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}/${id}`,\n              }),\n            ),\n          )\n        }\n\n        if (typeof onRestore === 'function') {\n          await onRestore({ id, collectionConfig })\n        }\n\n        return\n      }\n\n      if (json.errors) {\n        json.errors.forEach((error) => toast.error(error.message))\n      } else {\n        addDefaultError()\n      }\n    } catch (_err) {\n      addDefaultError()\n    }\n  }, [\n    serverURL,\n    api,\n    collectionSlug,\n    id,\n    t,\n    singularLabel,\n    addDefaultError,\n    i18n,\n    title,\n    router,\n    adminRoute,\n    redirectAfterRestore,\n    onRestore,\n    collectionConfig,\n    startRouteTransition,\n    restoreAsPublished,\n  ])\n\n  if (id) {\n    return (\n      <Fragment>\n        <Button\n          buttonStyle=\"primary\"\n          id={buttonId}\n          key={buttonId}\n          onClick={() => {\n            openModal(modalSlug)\n          }}\n        >\n          {t('general:restore')}\n        </Button>\n        <ConfirmationModal\n          body={\n            <Fragment>\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey={\n                  collectionConfig?.versions?.drafts\n                    ? 'general:aboutToRestoreAsDraft'\n                    : 'general:aboutToRestore'\n                }\n                t={t}\n                variables={{\n                  label: getTranslation(singularLabel, i18n),\n                  title: titleFromProps || title || id,\n                }}\n              />\n              {collectionConfig?.versions?.drafts && (\n                <div className={`${baseClass}__checkbox`}>\n                  <CheckboxInput\n                    checked={restoreAsPublished}\n                    id=\"restore-as-published\"\n                    label={t('general:restoreAsPublished')}\n                    name=\"restore-as-published\"\n                    onToggle={(e) => setRestoreAsPublished(e.target.checked)}\n                  />\n                </div>\n              )}\n            </Fragment>\n          }\n          className={baseClass}\n          confirmingLabel={t('general:restoring')}\n          heading={t('general:confirmRestoration')}\n          modalSlug={modalSlug}\n          onConfirm={handleRestore}\n        />\n      </Fragment>\n    )\n  }\n\n  return null\n}\n"],"names":["useModal","getTranslation","useRouter","formatAdminURL","qs","React","Fragment","useCallback","useState","toast","CheckboxInput","useConfig","useDocumentTitle","useRouteTransition","useTranslation","requests","Button","ConfirmationModal","Translation","baseClass","RestoreButton","props","id","buttonId","collectionSlug","onRestore","redirectAfterRestore","singularLabel","title","titleFromProps","config","routes","admin","adminRoute","api","serverURL","getEntityConfig","collectionConfig","router","i18n","t","startRouteTransition","openModal","modalSlug","restoreAsPublished","setRestoreAsPublished","addDefaultError","error","handleRestore","url","stringify","trash","where","and","equals","deletedAt","exists","body","versions","drafts","_status","res","patch","JSON","headers","language","json","status","success","label","message","push","path","errors","forEach","_err","buttonStyle","onClick","elements","children","strong","i18nKey","variables","div","className","checked","name","onToggle","e","target","confirmingLabel","heading","onConfirm"],"mappings":"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"}

package/dist/elements/RestoreMany/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter, useSearchParams } from 'next/navigation.js';
@@ -135,43 +135,67 @@ export const RestoreMany = (props)=>{
     };
     const collectionConfig = collections.find(({ slug: s })=>s === slug);
     const labelString = getTranslation(count === 1 ? collectionConfig.labels.singular : collectionConfig.labels.plural, i18n);
-    return /*#__PURE__*/ _jsxs(React.Fragment, {
+    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
         children: [
-            /*#__PURE__*/ _jsx(ListSelectionButton, {
+            /*#__PURE__*/ _jsxDEV(ListSelectionButton, {
                 "aria-label": t('general:restore'),
                 className: "restore-documents__toggle",
                 onClick: ()=>{
                     openModal(confirmManyRestoreDrawerSlug);
                 },
                 children: t('general:restore')
-            }),
-            /*#__PURE__*/ _jsx(ConfirmationModal, {
-                body: /*#__PURE__*/ _jsxs(React.Fragment, {
+            }, void 0, false, {
+                fileName: "src/elements/RestoreMany/index.tsx",
+                lineNumber: 168,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
+                body: /*#__PURE__*/ _jsxDEV(React.Fragment, {
                     children: [
                         t(collectionConfig?.versions?.drafts ? 'general:aboutToRestoreAsDraftCount' : 'general:aboutToRestoreCount', {
                             count,
                             label: labelString
                         }),
-                        collectionConfig?.versions?.drafts && /*#__PURE__*/ _jsx("div", {
+                        collectionConfig?.versions?.drafts && /*#__PURE__*/ _jsxDEV("div", {
                             className: `${baseClass}__checkbox`,
-                            children: /*#__PURE__*/ _jsx(CheckboxInput, {
+                            children: /*#__PURE__*/ _jsxDEV(CheckboxInput, {
                                 checked: restoreAsPublished,
                                 id: "restore-as-published-many",
                                 label: t('general:restoreAsPublished'),
                                 name: "restore-as-published-many",
                                 onToggle: (e)=>setRestoreAsPublished(e.target.checked)
-                            })
-                        })
+                            }, void 0, false, {
+                                fileName: "src/elements/RestoreMany/index.tsx",
+                                lineNumber: 191,
+                                columnNumber: 17
+                            }, void 0)
+                        }, void 0, false, {
+                            fileName: "src/elements/RestoreMany/index.tsx",
+                            lineNumber: 190,
+                            columnNumber: 15
+                        }, void 0)
                     ]
-                }),
+                }, void 0, true, {
+                    fileName: "src/elements/RestoreMany/index.tsx",
+                    lineNumber: 179,
+                    columnNumber: 11
+                }, void 0),
                 className: baseClass,
                 confirmingLabel: t('general:restoring'),
                 heading: t('general:confirmRestoration'),
                 modalSlug: confirmManyRestoreDrawerSlug,
                 onConfirm: handleRestore
-            })
+            }, void 0, false, {
+                fileName: "src/elements/RestoreMany/index.tsx",
+                lineNumber: 177,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/RestoreMany/index.tsx",
+        lineNumber: 167,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map