@payloadcms/ui 3.0.0-canary.96477cf → 3.0.0-canary.98e0119

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useEffect","useState","AnimateHeightImport","AnimateHeight","default","getTranslation","Button","Pill","usePayloadAPI","ChevronIcon","useAuth","useConfig","useDocumentInfo","ListQueryProvider","useTranslation","ColumnSelector","useDocumentDrawer","hoistQueryParamsToAnd","RelationshipProvider","TableColumnsProvider","DrawerLink","RelationshipTableWrapper","baseClass","RelationshipTable","props","$","field","filterOptions","initialData","initialDataFromProps","initialDrawerState","Label","relationTo","config","t0","getEntityConfig","routes","t1","serverURL","api","id","docID","permissions","t2","docs","Array","isArray","reduce","acc","doc","setInitialData","i18n","t","limit","setLimit","sort","setSort","undefined","page","setPage","where","setWhere","search","setSearch","openColumnSelector","setOpenColumnSelector","t3","collectionSlug","collectionConfig","apiURL","slug","t4","Symbol","for","depth","t5","initialParams","t6","t7","data","setParams","t8","admin","t9","versions","listSearchableFields","useAsTitle","params","copyOfWhere","searchAsConditions","map","fieldName","like","length","searchFilter","or","drafts","draft","t10","DocumentDrawer","DocumentDrawerToggler","t11","closeDrawer","openDrawer","t12","args","foundDocIndex","findIndex","doc_0","newDocs","onDrawerSave","t13","args_0","onDrawerCreate","preferenceKey","hasCreatePermission","collections","create","permission","t14","_jsx","children","t15","t16","t17","t18","t19","_jsxs","className","label","labels","plural","onClick","singular","t20","defaultLimit","pagination","defaultSort","handlePageChange","handlePerPageChange","handleSearchChange","handleSortChange","handleWhereChange","modifySearchParams","beforeRows","accessor","active","cellProps","components","Cell","type","RenderedComponent","sortColumnProps","appearance","height","icon","direction","pillStyle","category","initialState","onSave"],"sources":["../../../src/elements/RelationshipTable/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientCollectionConfig,\n  ClientField,\n  JoinFieldClient,\n  PaginatedDocs,\n  Where,\n} from 'payload'\n\nimport React, { useCallback, useEffect, useState } from 'react'\nimport AnimateHeightImport from 'react-animate-height'\n\nconst AnimateHeight = AnimateHeightImport.default || AnimateHeightImport\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { DocumentDrawerProps } from '../DocumentDrawer/types.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { Pill } from '../../elements/Pill/index.js'\nimport { usePayloadAPI } from '../../hooks/usePayloadAPI.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { ListQueryProvider } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ColumnSelector } from '../ColumnSelector/index.js'\nimport { useDocumentDrawer } from '../DocumentDrawer/index.js'\nimport { hoistQueryParamsToAnd } from '../ListDrawer/DrawerContent.js'\nimport { RelationshipProvider } from '../Table/RelationshipProvider/index.js'\nimport { TableColumnsProvider } from '../TableColumns/index.js'\nimport { DrawerLink } from './cells/DrawerLink/index.js'\nimport './index.scss'\nimport { RelationshipTableWrapper } from './TableWrapper.js'\n\nconst baseClass = 'relationship-table'\n\ntype RelationshipTableComponentProps = {\n  readonly field: JoinFieldClient\n  readonly filterOptions?: boolean | Where\n  readonly initialData?: PaginatedDocs\n  readonly initialDrawerState?: DocumentDrawerProps['initialState']\n  readonly Label?: React.ReactNode\n  readonly relationTo: string\n}\n\nexport const RelationshipTable: React.FC<RelationshipTableComponentProps> = (props) => {\n  const {\n    field,\n    filterOptions,\n    initialData: initialDataFromProps,\n    initialDrawerState,\n    Label,\n    relationTo,\n  } = props\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const { id: docID } = useDocumentInfo()\n\n  const { permissions } = useAuth()\n\n  const [initialData, setInitialData] = useState<PaginatedDocs>(() => {\n    if (initialDataFromProps) {\n      return {\n        ...initialDataFromProps,\n        docs: Array.isArray(initialDataFromProps.docs)\n          ? initialDataFromProps.docs.reduce((acc, doc) => {\n              if (typeof doc === 'string') {\n                return acc\n              }\n              return [...acc, doc]\n            }, [])\n          : [],\n      }\n    }\n  })\n\n  const { i18n, t } = useTranslation()\n\n  const [limit, setLimit] = useState<number>()\n  const [sort, setSort] = useState<string | undefined>(undefined)\n  const [page, setPage] = useState<number>(1)\n  const [where, setWhere] = useState<null | Where>(null)\n  const [search, setSearch] = useState<string>('')\n  const [openColumnSelector, setOpenColumnSelector] = useState(false)\n\n  const [collectionConfig] = useState(\n    () => getEntityConfig({ collectionSlug: relationTo }) as ClientCollectionConfig,\n  )\n\n  const apiURL = `${serverURL}${api}/${collectionConfig.slug}`\n\n  const [{ data }, { setParams }] = usePayloadAPI(apiURL, {\n    initialData,\n    initialParams: {\n      depth: 0,\n    },\n  })\n\n  useEffect(() => {\n    const {\n      admin: { listSearchableFields, useAsTitle } = {} as ClientCollectionConfig['admin'],\n      versions,\n    } = collectionConfig\n\n    const params: {\n      cacheBust?: number\n      depth?: number\n      draft?: string\n      limit?: number\n      page?: number\n      search?: string\n      sort?: string\n      where?: unknown\n    } = {\n      depth: 0,\n    }\n\n    let copyOfWhere = { ...(where || {}) }\n\n    if (filterOptions && typeof filterOptions !== 'boolean') {\n      copyOfWhere = hoistQueryParamsToAnd(copyOfWhere, filterOptions)\n    }\n\n    if (search) {\n      const searchAsConditions = (listSearchableFields || [useAsTitle]).map((fieldName) => {\n        return {\n          [fieldName]: {\n            like: search,\n          },\n        }\n      }, [])\n\n      if (searchAsConditions.length > 0) {\n        const searchFilter: Where = {\n          or: [...searchAsConditions],\n        }\n\n        copyOfWhere = hoistQueryParamsToAnd(copyOfWhere, searchFilter)\n      }\n    }\n\n    if (limit) {\n      params.limit = limit\n    }\n    if (page) {\n      params.page = page\n    }\n    if (sort) {\n      params.sort = sort\n    }\n    if (copyOfWhere) {\n      params.where = copyOfWhere\n    }\n    if (versions?.drafts) {\n      params.draft = 'true'\n    }\n\n    setParams(params)\n  }, [page, sort, where, search, collectionConfig, filterOptions, initialData, limit, setParams])\n\n  const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer, openDrawer }] = useDocumentDrawer({\n    collectionSlug: relationTo,\n  })\n\n  const onDrawerSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      const foundDocIndex = data?.docs?.findIndex((doc) => doc.id === args.doc.id)\n\n      if (foundDocIndex !== -1) {\n        const newDocs = [...data.docs]\n        newDocs[foundDocIndex] = args.doc\n        setInitialData({\n          ...data,\n          docs: newDocs,\n        })\n      } else {\n        setInitialData({\n          ...data,\n          docs: [args.doc, ...data.docs],\n        })\n      }\n    },\n    [data],\n  )\n\n  const onDrawerCreate = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      closeDrawer()\n      void onDrawerSave(args)\n    },\n    [closeDrawer, onDrawerSave],\n  )\n\n  const preferenceKey = `${relationTo}-list`\n\n  const hasCreatePermission = permissions?.collections?.[relationTo]?.create?.permission\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        {Label}\n        <div className={`${baseClass}__actions`}>\n          {hasCreatePermission && (\n            <DocumentDrawerToggler>{i18n.t('fields:addNew')}</DocumentDrawerToggler>\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          >\n            {t('general:columns')}\n          </Pill>\n        </div>\n      </div>\n      {data.docs && data.docs.length === 0 && (\n        <div className={`${baseClass}__no-results`}>\n          <p>\n            {i18n.t('general:noResults', {\n              label: getTranslation(collectionConfig?.labels?.plural, i18n),\n            })}\n          </p>\n          {hasCreatePermission && (\n            <Button onClick={openDrawer}>\n              {i18n.t('general:createNewLabel', {\n                label: getTranslation(collectionConfig?.labels?.singular, i18n),\n              })}\n            </Button>\n          )}\n        </div>\n      )}\n      {data.docs && data.docs.length > 0 && (\n        <RelationshipProvider>\n          <ListQueryProvider\n            data={data}\n            defaultLimit={limit || collectionConfig?.admin?.pagination?.defaultLimit}\n            defaultSort={sort}\n            handlePageChange={setPage}\n            handlePerPageChange={setLimit}\n            handleSearchChange={setSearch}\n            handleSortChange={setSort}\n            handleWhereChange={setWhere}\n            modifySearchParams={false}\n            preferenceKey={preferenceKey}\n          >\n            <TableColumnsProvider\n              beforeRows={[\n                {\n                  accessor: 'collection',\n                  active: true,\n                  cellProps: {\n                    field: {\n                      admin: {\n                        components: {\n                          Cell: {\n                            type: 'client',\n                            RenderedComponent: (\n                              <Pill>{getTranslation(collectionConfig.labels.singular, i18n)}</Pill>\n                            ),\n                          },\n                          Label: null,\n                        },\n                      },\n                    } as ClientField,\n                  },\n                  Heading: i18n.t('version:type'),\n                },\n              ]}\n              cellProps={[\n                {},\n                {\n                  field: {\n                    admin: {\n                      components: {\n                        Cell: {\n                          type: 'client',\n                          RenderedComponent: (\n                            <DrawerLink field={field} onDrawerSave={onDrawerSave} />\n                          ),\n                        },\n                      },\n                    },\n                  } as ClientField,\n                  link: false,\n                },\n              ]}\n              collectionSlug={relationTo}\n              preferenceKey={preferenceKey}\n              sortColumnProps={{\n                appearance: 'condensed',\n              }}\n            >\n              {/* @ts-expect-error TODO: get this CJS import to work, eslint keeps removing the type assertion */}\n              <AnimateHeight\n                className={`${baseClass}__columns`}\n                height={openColumnSelector ? 'auto' : 0}\n                id={`${baseClass}-columns`}\n              >\n                <div className={`${baseClass}__columns-inner`}>\n                  <ColumnSelector collectionSlug={collectionConfig.slug} />\n                </div>\n              </AnimateHeight>\n              <RelationshipTableWrapper collectionConfig={collectionConfig} />\n            </TableColumnsProvider>\n          </ListQueryProvider>\n        </RelationshipProvider>\n      )}\n      <DocumentDrawer\n        initialData={{\n          category: docID,\n        }}\n        initialState={initialDrawerState}\n        onSave={onDrawerCreate}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","Fragment","useCallback","useState","AnimateHeightImport","AnimateHeight","default","getTranslation","Button","Pill","useIgnoredEffect","ChevronIcon","useAuth","useConfig","ListQueryProvider","useServerFunctions","useTranslation","hoistQueryParamsToAnd","ColumnSelector","useDocumentDrawer","RelationshipProvider","TableColumnsProvider","DrawerLink","RelationshipTablePagination","baseClass","RelationshipTable","props","allowCreate","filterOptions","initialData","initialDataFromProps","initialDrawerData","Label","relationTo","Table","setTable","getEntityConfig","permissions","docs","Array","isArray","reduce","acc","doc","id","i18n","t","query","setQuery","openColumnSelector","setOpenColumnSelector","collectionConfig","collectionSlug","isLoadingTable","setIsLoadingTable","data","setData","columnState","setColumnState","getTableState","renderTable","newQuery","where","newData","state","newColumnState","NewTable","enableRowSelections","renderRowTypes","tableAppearance","DocumentDrawer","DocumentDrawerToggler","closeDrawer","openDrawer","onDrawerSave","args","foundDocIndex","findIndex","withNewOrUpdatedDoc","undefined","newDocs","onDrawerCreate","preferenceKey","canCreate","collections","create","permission","_jsxs","className","_jsx","icon","direction","onClick","pillStyle","length","label","labels","plural","singular","defaultLimit","admin","pagination","modifySearchParams","onQueryChange","LinkedCellOverride","sortColumnProps","appearance","height","slug","onSave"],"sources":["../../../src/elements/RelationshipTable/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientCollectionConfig,\n  JoinFieldClient,\n  ListQuery,\n  PaginatedDocs,\n  Where,\n} from 'payload'\n\nimport React, { Fragment, useCallback, useState } from 'react'\nimport AnimateHeightImport from 'react-animate-height'\n\nconst AnimateHeight = AnimateHeightImport.default || AnimateHeightImport\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { DocumentDrawerProps } from '../DocumentDrawer/types.js'\nimport type { Column } from '../Table/index.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { Pill } from '../../elements/Pill/index.js'\nimport { useIgnoredEffect } from '../../hooks/useIgnoredEffect.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 { useTranslation } from '../../providers/Translation/index.js'\nimport { hoistQueryParamsToAnd } from '../../utilities/mergeListSearchAndWhere.js'\nimport { ColumnSelector } from '../ColumnSelector/index.js'\nimport { useDocumentDrawer } from '../DocumentDrawer/index.js'\nimport { RelationshipProvider } from '../Table/RelationshipProvider/index.js'\nimport { TableColumnsProvider } from '../TableColumns/index.js'\nimport { DrawerLink } from './cells/DrawerLink/index.js'\nimport './index.scss'\nimport { RelationshipTablePagination } from './Pagination.js'\n\nconst baseClass = 'relationship-table'\n\ntype RelationshipTableComponentProps = {\n  readonly allowCreate?: boolean\n  readonly field: JoinFieldClient\n  readonly filterOptions?: Where\n  readonly initialData?: PaginatedDocs\n  readonly initialDrawerData?: DocumentDrawerProps['initialData']\n  readonly Label?: React.ReactNode\n  readonly relationTo: string\n}\n\nexport const RelationshipTable: React.FC<RelationshipTableComponentProps> = (props) => {\n  const {\n    allowCreate = true,\n    filterOptions,\n    initialData: initialDataFromProps,\n    initialDrawerData,\n    Label,\n    relationTo,\n  } = props\n  const [Table, setTable] = useState<React.ReactNode>(null)\n\n  const { getEntityConfig } = useConfig()\n\n  const { permissions } = useAuth()\n\n  const [initialData] = useState<PaginatedDocs>(() => {\n    if (initialDataFromProps) {\n      return {\n        ...initialDataFromProps,\n        docs: Array.isArray(initialDataFromProps.docs)\n          ? initialDataFromProps.docs.reduce((acc, doc) => {\n              if (typeof doc === 'string') {\n                return [\n                  ...acc,\n                  {\n                    id: doc,\n                  },\n                ]\n              }\n              return [...acc, doc]\n            }, [])\n          : [],\n      }\n    }\n  })\n\n  const { i18n, t } = useTranslation()\n\n  const [query, setQuery] = useState<ListQuery>()\n  const [openColumnSelector, setOpenColumnSelector] = useState(false)\n\n  const [collectionConfig] = useState(\n    () => getEntityConfig({ collectionSlug: relationTo }) as ClientCollectionConfig,\n  )\n\n  const [isLoadingTable, setIsLoadingTable] = useState(true)\n  const [data, setData] = useState<PaginatedDocs>(initialData)\n  const [columnState, setColumnState] = useState<Column[]>()\n\n  const { getTableState } = useServerFunctions()\n\n  const renderTable = useCallback(\n    async (docs?: PaginatedDocs['docs']) => {\n      const newQuery: ListQuery = {\n        ...(query || {}),\n        where: { ...(query?.where || {}) },\n      }\n\n      if (filterOptions) {\n        newQuery.where = hoistQueryParamsToAnd(newQuery.where, filterOptions)\n      }\n\n      const {\n        data: newData,\n        state: newColumnState,\n        Table: NewTable,\n      } = await getTableState({\n        collectionSlug: relationTo,\n        docs,\n        enableRowSelections: false,\n        query: newQuery,\n        renderRowTypes: true,\n        tableAppearance: 'condensed',\n      })\n\n      setData(newData)\n      setTable(NewTable)\n      setColumnState(newColumnState)\n      setIsLoadingTable(false)\n    },\n    [getTableState, relationTo, filterOptions, query],\n  )\n\n  useIgnoredEffect(\n    () => {\n      if (!Table || query) {\n        void renderTable()\n      }\n    },\n    [query],\n    [Table, renderTable],\n  )\n\n  const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer, openDrawer }] = useDocumentDrawer({\n    collectionSlug: relationTo,\n  })\n\n  const onDrawerSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      const foundDocIndex = data?.docs?.findIndex((doc) => doc.id === args.doc.id)\n      let withNewOrUpdatedDoc: PaginatedDocs['docs'] = undefined\n\n      if (foundDocIndex !== -1) {\n        const newDocs = [...data.docs]\n        newDocs[foundDocIndex] = args.doc\n        withNewOrUpdatedDoc = newDocs\n      } else {\n        withNewOrUpdatedDoc = [args.doc, ...data.docs]\n      }\n\n      void renderTable(withNewOrUpdatedDoc)\n    },\n    [data.docs, renderTable],\n  )\n\n  const onDrawerCreate = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      closeDrawer()\n      void onDrawerSave(args)\n    },\n    [closeDrawer, onDrawerSave],\n  )\n\n  const preferenceKey = `${relationTo}-list`\n\n  const canCreate =\n    allowCreate !== false && permissions?.collections?.[relationTo]?.create?.permission\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        {Label}\n        <div className={`${baseClass}__actions`}>\n          {canCreate && <DocumentDrawerToggler>{i18n.t('fields:addNew')}</DocumentDrawerToggler>}\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          >\n            {t('general:columns')}\n          </Pill>\n        </div>\n      </div>\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: getTranslation(collectionConfig?.labels?.plural, i18n),\n                })}\n              </p>\n              {canCreate && (\n                <Button onClick={openDrawer}>\n                  {i18n.t('general:createNewLabel', {\n                    label: getTranslation(collectionConfig?.labels?.singular, i18n),\n                  })}\n                </Button>\n              )}\n            </div>\n          )}\n          {data.docs && data.docs.length > 0 && (\n            <RelationshipProvider>\n              <ListQueryProvider\n                collectionSlug={relationTo}\n                data={data}\n                defaultLimit={collectionConfig?.admin?.pagination?.defaultLimit}\n                modifySearchParams={false}\n                onQueryChange={setQuery}\n                preferenceKey={preferenceKey}\n              >\n                <TableColumnsProvider\n                  collectionSlug={relationTo}\n                  columnState={columnState}\n                  docs={data.docs}\n                  LinkedCellOverride={<DrawerLink onDrawerSave={onDrawerSave} />}\n                  preferenceKey={preferenceKey}\n                  renderRowTypes\n                  setTable={setTable}\n                  sortColumnProps={{\n                    appearance: 'condensed',\n                  }}\n                  tableAppearance=\"condensed\"\n                >\n                  {/* @ts-expect-error TODO: get this CJS import to work, eslint keeps removing the type assertion */}\n                  <AnimateHeight\n                    className={`${baseClass}__columns`}\n                    height={openColumnSelector ? 'auto' : 0}\n                    id={`${baseClass}-columns`}\n                  >\n                    <div className={`${baseClass}__columns-inner`}>\n                      <ColumnSelector collectionSlug={collectionConfig.slug} />\n                    </div>\n                  </AnimateHeight>\n                  {Table}\n                  <RelationshipTablePagination />\n                </TableColumnsProvider>\n              </ListQueryProvider>\n            </RelationshipProvider>\n          )}\n        </Fragment>\n      )}\n      <DocumentDrawer initialData={initialDrawerData} onSave={onDrawerCreate} />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/RelationshipTable/index.scss

@@ -1,26 +1,28 @@
-.relationship-table {
-  position: relative;
+@layer payload-default {
+  .relationship-table {
+    position: relative;
 
-  &__header {
-    display: flex;
-    justify-content: space-between;
-    margin-bottom: var(--base);
-  }
+    &__header {
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: var(--base);
+    }
 
-  &__actions {
-    display: flex;
-    align-items: center;
-    gap: var(--base);
-  }
+    &__actions {
+      display: flex;
+      align-items: center;
+      gap: var(--base);
+    }
 
-  &__columns-inner {
-    padding-bottom: var(--base);
-  }
+    &__columns-inner {
+      padding-bottom: var(--base);
+    }
 
-  .table {
-    th,
-    td:first-child {
-      min-width: 0;
+    .table {
+      th,
+      td:first-child {
+        min-width: 0;
+      }
     }
   }
 }

package/dist/elements/RenderComponent/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const RenderComponent: React.FC<{
+    readonly Component?: React.ComponentType | React.ComponentType[];
+    readonly Fallback?: React.ComponentType;
+    readonly props?: object;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/RenderComponent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/RenderComponent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,EAAE,CAAA;IAChE,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACvC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,CAUA,CAAA"}

package/dist/elements/RenderComponent/index.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+export const RenderComponent = ({
+  Component,
+  Fallback,
+  props = {}
+}) => {
+  if (Array.isArray(Component)) {
+    return Component.map((c, index) => /*#__PURE__*/_jsx(RenderComponent, {
+      Component: c,
+      props: props
+    }, index));
+  }
+  if (typeof Component === 'function') {
+    return /*#__PURE__*/_jsx(Component, {
+      ...props
+    });
+  }
+  return Fallback ? /*#__PURE__*/_jsx(Fallback, {
+    ...props
+  }) : null;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","RenderComponent","Component","Fallback","props","Array","isArray","map","c","index","_jsx"],"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"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO,MAAMC,eAAA,GAIRA,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,KAAA,GAAQ,CAAC;AAAC,CAAE;EACvC,IAAIC,KAAA,CAAMC,OAAO,CAACJ,SAAA,GAAY;IAC5B,OAAOA,SAAA,CAAUK,GAAG,CAAC,CAACC,CAAA,EAAGC,KAAA,kBAAUC,IAAA,CAACT,eAAA;MAAgBC,SAAA,EAAWM,CAAA;MAAeJ,KAAA,EAAOA;OAAdK,KAAA;EACzE;EAEA,IAAI,OAAOP,SAAA,KAAc,YAAY;IACnC,oBAAOQ,IAAA,CAACR,SAAA;MAAW,GAAGE;;EACxB;EAEA,OAAOD,QAAA,gBAAWO,IAAA,CAACP,QAAA;IAAU,GAAGC;OAAY;AAC9C","ignoreList":[]}

package/dist/elements/RenderCustomComponent/index.d.ts

@@ -0,0 +1,18 @@
+type Args = {
+    CustomComponent?: React.ReactNode;
+    Fallback: React.ReactNode;
+};
+/**
+ * Renders a CustomComponent or a Fallback component.
+ * Only fallback if the Custom Component is undefined.
+ *
+ * If the CustomComponent is null, render null.
+ *
+ * @param {Object} args - Arguments object.
+ * @param {React.ReactNode} [args.CustomComponent] - Optional custom component to render.
+ * @param {React.ReactNode} args.Fallback - Fallback component to render if CustomComponent is undefined.
+ * @returns {React.ReactNode} Rendered component.
+ */
+export declare function RenderCustomComponent({ CustomComponent, Fallback }: Args): React.ReactNode;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/RenderCustomComponent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/RenderCustomComponent/index.tsx"],"names":[],"mappings":"AAAA,KAAK,IAAI,GAAG;IACV,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,CAE1F"}

package/dist/elements/RenderCustomComponent/index.js

@@ -0,0 +1,17 @@
+/**
+ * Renders a CustomComponent or a Fallback component.
+ * Only fallback if the Custom Component is undefined.
+ *
+ * If the CustomComponent is null, render null.
+ *
+ * @param {Object} args - Arguments object.
+ * @param {React.ReactNode} [args.CustomComponent] - Optional custom component to render.
+ * @param {React.ReactNode} args.Fallback - Fallback component to render if CustomComponent is undefined.
+ * @returns {React.ReactNode} Rendered component.
+ */export function RenderCustomComponent({
+  CustomComponent,
+  Fallback
+}) {
+  return CustomComponent !== undefined ? CustomComponent : Fallback;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["RenderCustomComponent","CustomComponent","Fallback","undefined"],"sources":["../../../src/elements/RenderCustomComponent/index.tsx"],"sourcesContent":["type Args = {\n  CustomComponent?: React.ReactNode\n  Fallback: React.ReactNode\n}\n\n/**\n * Renders a CustomComponent or a Fallback component.\n * Only fallback if the Custom Component is undefined.\n *\n * If the CustomComponent is null, render null.\n *\n * @param {Object} args - Arguments object.\n * @param {React.ReactNode} [args.CustomComponent] - Optional custom component to render.\n * @param {React.ReactNode} args.Fallback - Fallback component to render if CustomComponent is undefined.\n * @returns {React.ReactNode} Rendered component.\n */\nexport function RenderCustomComponent({ CustomComponent, Fallback }: Args): React.ReactNode {\n  return CustomComponent !== undefined ? CustomComponent : Fallback\n}\n"],"mappings":"AAKA;;;;;;;;;;GAWA,OAAO,SAASA,sBAAsB;EAAEC,eAAe;EAAEC;AAAQ,CAAQ;EACvE,OAAOD,eAAA,KAAoBE,SAAA,GAAYF,eAAA,GAAkBC,QAAA;AAC3D","ignoreList":[]}

package/dist/elements/RenderIfInViewport/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const RenderIfInViewport: React.FC<{
+    children: React.ReactNode;
+    className?: string;
+    forceRender?: boolean;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/RenderIfInViewport/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/RenderIfInViewport/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAwBA,CAAA"}

package/dist/elements/RenderIfInViewport/index.js

@@ -0,0 +1,63 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useIntersect } from '../../hooks/useIntersect.js';
+export const RenderIfInViewport = t0 => {
+  const $ = _c(9);
+  const {
+    children,
+    className,
+    forceRender
+  } = t0;
+  const [hasRendered, setHasRendered] = React.useState(Boolean(forceRender));
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      rootMargin: "1000px"
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const [intersectionRef, entry] = useIntersect(t1, Boolean(forceRender));
+  const isIntersecting = Boolean(entry?.isIntersecting);
+  const isAboveViewport = entry?.boundingClientRect?.top < 0;
+  const shouldRender = forceRender || isIntersecting || isAboveViewport;
+  let t2;
+  let t3;
+  if ($[1] !== shouldRender || $[2] !== hasRendered) {
+    t2 = () => {
+      if (shouldRender && !hasRendered) {
+        setHasRendered(true);
+      }
+    };
+    t3 = [shouldRender, hasRendered];
+    $[1] = shouldRender;
+    $[2] = hasRendered;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t2 = $[3];
+    t3 = $[4];
+  }
+  React.useEffect(t2, t3);
+  const t4 = hasRendered ? children : null;
+  let t5;
+  if ($[5] !== className || $[6] !== intersectionRef || $[7] !== t4) {
+    t5 = _jsx("div", {
+      className,
+      ref: intersectionRef,
+      children: t4
+    });
+    $[5] = className;
+    $[6] = intersectionRef;
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  return t5;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useIntersect","RenderIfInViewport","t0","$","children","className","forceRender","hasRendered","setHasRendered","useState","Boolean","t1","Symbol","for","rootMargin","intersectionRef","entry","isIntersecting","isAboveViewport","boundingClientRect","top","shouldRender","t2","t3","useEffect","t4","t5","_jsx","ref"],"sources":["../../../src/elements/RenderIfInViewport/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useIntersect } from '../../hooks/useIntersect.js'\n\nexport const RenderIfInViewport: React.FC<{\n  children: React.ReactNode\n  className?: string\n  forceRender?: boolean\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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAE7B,OAAO,MAAMC,kBAAA,GAIRC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAC;IAAAM,QAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAJ,EAAoC;EACxC,OAAAK,WAAA,EAAAC,cAAA,IAAsCT,KAAA,CAAAU,QAAA,CAAeC,OAAA,CAAQJ,WAAA;EAAA,IAAAK,EAAA;EAAA,IAAAR,CAAA,QAAAS,MAAA,CAAAC,GAAA;IAE3DF,EAAA;MAAAG,UAAA,EACc;IAAA;IACdX,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAHF,OAAAY,eAAA,EAAAC,KAAA,IAAiChB,YAAA,CAC/BW,EAEA,EACAD,OAAA,CAAQJ,WAAA;EAGV,MAAAW,cAAA,GAAuBP,OAAA,CAAQM,KAAA,EAAAC,cAAO;EACtC,MAAAC,eAAA,GAAwBF,KAAA,EAAAG,kBAAA,EAAAC,GAAA,IAAiC;EACzD,MAAAC,YAAA,GAAqBf,WAAA,IAAeW,cAAA,IAAkBC,eAAA;EAAA,IAAAI,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAApB,CAAA,QAAAkB,YAAA,IAAAlB,CAAA,QAAAI,WAAA;IAEtCe,EAAA,GAAAA,CAAA;MAAA,IACVD,YAAA,KAAiBd,WAAA;QACnBC,cAAA,KAAe;MAAA;IAAA;IAEhBe,EAAA,IAACF,YAAA,EAAcd,WAAA;IAAYJ,CAAA,MAAAkB,YAAA;IAAAlB,CAAA,MAAAI,WAAA;IAAAJ,CAAA,MAAAmB,EAAA;IAAAnB,CAAA,MAAAoB,EAAA;EAAA;IAAAD,EAAA,GAAAnB,CAAA;IAAAoB,EAAA,GAAApB,CAAA;EAAA;EAJ9BJ,KAAA,CAAAyB,SAAA,CAAgBF,EAIhB,EAAGC,EAA2B;EAIzB,MAAAE,EAAA,GAAAlB,WAAA,GAAcH,QAAA,OAAW;EAAA,IAAAsB,EAAA;EAAA,IAAAvB,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAY,eAAA,IAAAZ,CAAA,QAAAsB,EAAA;IAD5BC,EAAA,GAAAC,IAAA,CAAC;MAAAtB,SAAA;MAAAuB,GAAA,EAA+Bb,eAAA;MAAAX,QAAA,EAC7BqB;IAAyB,C;;;;;;;;SAD5BC,E;CAIJ","ignoreList":[]}

package/dist/elements/RenderServerComponent/index.d.ts

@@ -0,0 +1,19 @@
+import type { ImportMap, PayloadComponent } from 'payload';
+import React from 'react';
+export declare const getFromImportMap: <TOutput>(args: {
+    importMap: ImportMap;
+    PayloadComponent: PayloadComponent;
+    schemaPath?: string;
+    silent?: boolean;
+}) => TOutput;
+/**
+ * Can be used to render both MappedComponents and React Components.
+ */
+export declare const RenderServerComponent: React.FC<{
+    readonly clientProps?: object;
+    readonly Component?: PayloadComponent | PayloadComponent[] | React.ComponentType | React.ComponentType[];
+    readonly Fallback?: React.ComponentType;
+    readonly importMap: ImportMap;
+    readonly serverProps?: object;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/RenderServerComponent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/RenderServerComponent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAO1D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,gBAAgB,GAAI,OAAO,QAAS;IAC/C,SAAS,EAAE,SAAS,CAAA;IACpB,gBAAgB,EAAE,gBAAgB,CAAA;IAClC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,KAAG,OAuBH,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3C,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,SAAS,CAAC,EACf,gBAAgB,GAChB,gBAAgB,EAAE,GAClB,KAAK,CAAC,aAAa,GACnB,KAAK,CAAC,aAAa,EAAE,CAAA;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACvC,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAC9B,CAoDA,CAAA"}

package/dist/elements/RenderServerComponent/index.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isPlainObject, isReactServerComponentOrFunction, parsePayloadComponent } from 'payload/shared';
+import React from 'react';
+export const getFromImportMap = args => {
+  const {
+    importMap,
+    PayloadComponent,
+    schemaPath,
+    silent
+  } = args;
+  const {
+    exportName,
+    path
+  } = parsePayloadComponent(PayloadComponent);
+  const key = path + '#' + exportName;
+  const importMapEntry = importMap[key];
+  if (!importMapEntry && !silent) {
+    // eslint-disable-next-line no-console
+    console.error(`getFromImportMap: PayloadComponent not found in importMap`, {
+      key,
+      PayloadComponent,
+      schemaPath
+    }, 'You may need to run the `payload generate:importmap` command to generate the importMap ahead of runtime.');
+  }
+  return importMapEntry;
+};
+/**
+ * Can be used to render both MappedComponents and React Components.
+ */
+export const RenderServerComponent = ({
+  clientProps = {},
+  Component,
+  Fallback,
+  importMap,
+  serverProps
+}) => {
+  if (Array.isArray(Component)) {
+    return Component.map((c, index) => /*#__PURE__*/_jsx(RenderServerComponent, {
+      clientProps: clientProps,
+      Component: c,
+      importMap: importMap,
+      serverProps: serverProps
+    }, index));
+  }
+  if (typeof Component === 'function') {
+    const isRSC = isReactServerComponentOrFunction(Component);
+    return /*#__PURE__*/_jsx(Component, {
+      ...clientProps,
+      ...(isRSC ? serverProps : {})
+    });
+  }
+  if (typeof Component === 'string' || isPlainObject(Component)) {
+    const ResolvedComponent = getFromImportMap({
+      importMap,
+      PayloadComponent: Component,
+      schemaPath: ''
+    });
+    if (ResolvedComponent) {
+      const isRSC = isReactServerComponentOrFunction(ResolvedComponent);
+      return /*#__PURE__*/_jsx(ResolvedComponent, {
+        ...clientProps,
+        ...(isRSC ? serverProps : {}),
+        ...(isRSC && typeof Component === 'object' && Component?.serverProps ? Component.serverProps : {}),
+        ...(typeof Component === 'object' && Component?.clientProps ? Component.clientProps : {})
+      });
+    }
+  }
+  return Fallback ? /*#__PURE__*/_jsx(RenderServerComponent, {
+    clientProps: clientProps,
+    Component: Fallback,
+    importMap: importMap,
+    serverProps: serverProps
+  }) : null;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["isPlainObject","isReactServerComponentOrFunction","parsePayloadComponent","React","getFromImportMap","args","importMap","PayloadComponent","schemaPath","silent","exportName","path","key","importMapEntry","console","error","RenderServerComponent","clientProps","Component","Fallback","serverProps","Array","isArray","map","c","index","_jsx","isRSC","ResolvedComponent"],"sources":["../../../src/elements/RenderServerComponent/index.tsx"],"sourcesContent":["import type { ImportMap, PayloadComponent } from 'payload'\n\nimport {\n  isPlainObject,\n  isReactServerComponentOrFunction,\n  parsePayloadComponent,\n} from 'payload/shared'\nimport React from 'react'\n\nexport const getFromImportMap = <TOutput,>(args: {\n  importMap: ImportMap\n  PayloadComponent: PayloadComponent\n  schemaPath?: string\n  silent?: boolean\n}): TOutput => {\n  const { importMap, PayloadComponent, schemaPath, silent } = args\n\n  const { exportName, path } = parsePayloadComponent(PayloadComponent)\n\n  const key = path + '#' + exportName\n\n  const importMapEntry = importMap[key]\n\n  if (!importMapEntry && !silent) {\n    // eslint-disable-next-line no-console\n    console.error(\n      `getFromImportMap: PayloadComponent not found in importMap`,\n      {\n        key,\n        PayloadComponent,\n        schemaPath,\n      },\n      'You may need to run the `payload generate:importmap` command to generate the importMap ahead of runtime.',\n    )\n  }\n\n  return importMapEntry\n}\n\n/**\n * Can be used to render both MappedComponents and React Components.\n */\nexport const RenderServerComponent: React.FC<{\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 serverProps?: object\n}> = ({ clientProps = {}, Component, Fallback, importMap, serverProps }) => {\n  if (Array.isArray(Component)) {\n    return Component.map((c, index) => (\n      <RenderServerComponent\n        clientProps={clientProps}\n        Component={c}\n        importMap={importMap}\n        key={index}\n        serverProps={serverProps}\n      />\n    ))\n  }\n\n  if (typeof Component === 'function') {\n    const isRSC = isReactServerComponentOrFunction(Component)\n\n    return <Component {...clientProps} {...(isRSC ? serverProps : {})} />\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      return (\n        <ResolvedComponent\n          {...clientProps}\n          {...(isRSC ? serverProps : {})}\n          {...(isRSC && typeof Component === 'object' && Component?.serverProps\n            ? Component.serverProps\n            : {})}\n          {...(typeof Component === 'object' && Component?.clientProps\n            ? Component.clientProps\n            : {})}\n        />\n      )\n    }\n  }\n\n  return Fallback ? (\n    <RenderServerComponent\n      clientProps={clientProps}\n      Component={Fallback}\n      importMap={importMap}\n      serverProps={serverProps}\n    />\n  ) : null\n}\n"],"mappings":";AAEA,SACEA,aAAa,EACbC,gCAAgC,EAChCC,qBAAqB,QAChB;AACP,OAAOC,KAAA,MAAW;AAElB,OAAO,MAAMC,gBAAA,GAA8BC,IAAA;EAMzC,MAAM;IAAEC,SAAS;IAAEC,gBAAgB;IAAEC,UAAU;IAAEC;EAAM,CAAE,GAAGJ,IAAA;EAE5D,MAAM;IAAEK,UAAU;IAAEC;EAAI,CAAE,GAAGT,qBAAA,CAAsBK,gBAAA;EAEnD,MAAMK,GAAA,GAAMD,IAAA,GAAO,MAAMD,UAAA;EAEzB,MAAMG,cAAA,GAAiBP,SAAS,CAACM,GAAA,CAAI;EAErC,IAAI,CAACC,cAAA,IAAkB,CAACJ,MAAA,EAAQ;IAC9B;IACAK,OAAA,CAAQC,KAAK,CACX,2DAA2D,EAC3D;MACEH,GAAA;MACAL,gBAAA;MACAC;IACF,GACA;EAEJ;EAEA,OAAOK,cAAA;AACT;AAEA;;;AAGA,OAAO,MAAMG,qBAAA,GAURA,CAAC;EAAEC,WAAA,GAAc,CAAC,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEb,SAAS;EAAEc;AAAW,CAAE;EACrE,IAAIC,KAAA,CAAMC,OAAO,CAACJ,SAAA,GAAY;IAC5B,OAAOA,SAAA,CAAUK,GAAG,CAAC,CAACC,CAAA,EAAGC,KAAA,kBACvBC,IAAA,CAACV,qBAAA;MACCC,WAAA,EAAaA,WAAA;MACbC,SAAA,EAAWM,CAAA;MACXlB,SAAA,EAAWA,SAAA;MAEXc,WAAA,EAAaA;OADRK,KAAA;EAIX;EAEA,IAAI,OAAOP,SAAA,KAAc,YAAY;IACnC,MAAMS,KAAA,GAAQ1B,gCAAA,CAAiCiB,SAAA;IAE/C,oBAAOQ,IAAA,CAACR,SAAA;MAAW,GAAGD,WAAW;MAAG,IAAIU,KAAA,GAAQP,WAAA,GAAc,CAAC,CAAC;;EAClE;EAEA,IAAI,OAAOF,SAAA,KAAc,YAAYlB,aAAA,CAAckB,SAAA,GAAY;IAC7D,MAAMU,iBAAA,GAAoBxB,gBAAA,CAAsC;MAC9DE,SAAA;MACAC,gBAAA,EAAkBW,SAAA;MAClBV,UAAA,EAAY;IACd;IAEA,IAAIoB,iBAAA,EAAmB;MACrB,MAAMD,KAAA,GAAQ1B,gCAAA,CAAiC2B,iBAAA;MAE/C,oBACEF,IAAA,CAACE,iBAAA;QACE,GAAGX,WAAW;QACd,IAAIU,KAAA,GAAQP,WAAA,GAAc,CAAC,CAAC;QAC5B,IAAIO,KAAA,IAAS,OAAOT,SAAA,KAAc,YAAYA,SAAA,EAAWE,WAAA,GACtDF,SAAA,CAAUE,WAAW,GACrB,CAAC,CAAC;QACL,IAAI,OAAOF,SAAA,KAAc,YAAYA,SAAA,EAAWD,WAAA,GAC7CC,SAAA,CAAUD,WAAW,GACrB,CAAC,CAAC;;IAGZ;EACF;EAEA,OAAOE,QAAA,gBACLO,IAAA,CAACV,qBAAA;IACCC,WAAA,EAAaA,WAAA;IACbC,SAAA,EAAWC,QAAA;IACXb,SAAA,EAAWA,SAAA;IACXc,WAAA,EAAaA;OAEb;AACN","ignoreList":[]}

package/dist/elements/RenderTitle/index.scss

@@ -1,9 +1,11 @@
 @import '../../scss/styles.scss';
 
-.render-title {
-  display: inline-block;
-  &__id {
-    vertical-align: middle;
-    position: relative;
+@layer payload-default {
+  .render-title {
+    display: inline-block;
+    &__id {
+      vertical-align: middle;
+      position: relative;
+    }
   }
 }

package/dist/elements/SaveButton/index.d.ts

@@ -1,11 +1,5 @@
-import type { MappedComponent } from 'payload';
 import React from 'react';
-export declare const DefaultSaveButton: React.FC<{
+export declare const SaveButton: React.FC<{
     label?: string;
 }>;
-type Props = {
-    CustomComponent?: MappedComponent;
-};
-export declare const SaveButton: React.FC<Props>;
-export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/SaveButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SaveButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,OAAO,KAAiB,MAAM,OAAO,CAAA;AAUrC,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAqC1D,CAAA;AAED,KAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAKtC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SaveButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAA;AASrC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAqCnD,CAAA"}

package/dist/elements/SaveButton/index.js

@@ -5,11 +5,10 @@ import React, { useRef } from 'react';
 import { useForm, useFormModified } from '../../forms/Form/context.js';
 import { FormSubmit } from '../../forms/Submit/index.js';
 import { useHotkey } from '../../hooks/useHotkey.js';
-import { RenderComponent } from '../../providers/Config/RenderComponent.js';
 import { useEditDepth } from '../../providers/EditDepth/index.js';
 import { useOperation } from '../../providers/Operation/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
-export const DefaultSaveButton = ({
+export const SaveButton = ({
   label: labelProp
 }) => {
   const {
@@ -50,14 +49,4 @@ export const DefaultSaveButton = ({
     children: label
   });
 };
-export const SaveButton = ({
-  CustomComponent
-}) => {
-  if (CustomComponent) {
-    return /*#__PURE__*/_jsx(RenderComponent, {
-      mappedComponent: CustomComponent
-    });
-  }
-  return /*#__PURE__*/_jsx(DefaultSaveButton, {});
-};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useRef","useForm","useFormModified","FormSubmit","useHotkey","RenderComponent","useEditDepth","useOperation","useTranslation","DefaultSaveButton","label","labelProp","t","submit","modified","ref","editDepth","operation","forceDisable","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","_jsx","buttonId","disabled","onClick","size","type","SaveButton","CustomComponent","mappedComponent"],"sources":["../../../src/elements/SaveButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { MappedComponent } from 'payload'\n\nimport React, { useRef } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport const DefaultSaveButton: React.FC<{ label?: string }> = ({ label: labelProp }) => {\n  const { t } = useTranslation()\n  const { submit } = useForm()\n  const modified = useFormModified()\n  const label = labelProp || t('general:save')\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n  const operation = useOperation()\n\n  const forceDisable = operation === 'update' && !modified\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    if (forceDisable) {\n      // absorb the event\n    }\n\n    e.preventDefault()\n    e.stopPropagation()\n    if (ref?.current) {\n      ref.current.click()\n    }\n  })\n\n  return (\n    <FormSubmit\n      buttonId=\"action-save\"\n      disabled={forceDisable}\n      onClick={() => {\n        return void submit()\n      }}\n      ref={ref}\n      size=\"medium\"\n      type=\"button\"\n    >\n      {label}\n    </FormSubmit>\n  )\n}\n\ntype Props = {\n  CustomComponent?: MappedComponent\n}\n\nexport const SaveButton: React.FC<Props> = ({ CustomComponent }) => {\n  if (CustomComponent) {\n    return <RenderComponent mappedComponent={CustomComponent} />\n  }\n  return <DefaultSaveButton />\n}\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,IAASC,MAAM,QAAQ;AAE9B,SAASC,OAAO,EAAEC,eAAe,QAAQ;AACzC,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,YAAY,QAAQ;AAC7B,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,iBAAA,GAAkDA,CAAC;EAAEC,KAAA,EAAOC;AAAS,CAAE;EAClF,MAAM;IAAEC;EAAC,CAAE,GAAGJ,cAAA;EACd,MAAM;IAAEK;EAAM,CAAE,GAAGZ,OAAA;EACnB,MAAMa,QAAA,GAAWZ,eAAA;EACjB,MAAMQ,KAAA,GAAQC,SAAA,IAAaC,CAAA,CAAE;EAC7B,MAAMG,GAAA,GAAMf,MAAA,CAA0B;EACtC,MAAMgB,SAAA,GAAYV,YAAA;EAClB,MAAMW,SAAA,GAAYV,YAAA;EAElB,MAAMW,YAAA,GAAeD,SAAA,KAAc,YAAY,CAACH,QAAA;EAEhDV,SAAA,CAAU;IAAEe,UAAA,EAAY;IAAMH,SAAA;IAAWI,QAAA,EAAU,CAAC;EAAK,GAAIC,CAAA;IAC3D,IAAIH,YAAA,EAAc;MAChB;IAAA;IAGFG,CAAA,CAAEC,cAAc;IAChBD,CAAA,CAAEE,eAAe;IACjB,IAAIR,GAAA,EAAKS,OAAA,EAAS;MAChBT,GAAA,CAAIS,OAAO,CAACC,KAAK;IACnB;EACF;EAEA,oBACEC,IAAA,CAACvB,UAAA;IACCwB,QAAA,EAAS;IACTC,QAAA,EAAUV,YAAA;IACVW,OAAA,EAASA,CAAA;MACP,OAAO,KAAKhB,MAAA;IACd;IACAE,GAAA,EAAKA,GAAA;IACLe,IAAA,EAAK;IACLC,IAAA,EAAK;cAEJrB;;AAGP;AAMA,OAAO,MAAMsB,UAAA,GAA8BA,CAAC;EAAEC;AAAe,CAAE;EAC7D,IAAIA,eAAA,EAAiB;IACnB,oBAAOP,IAAA,CAACrB,eAAA;MAAgB6B,eAAA,EAAiBD;;EAC3C;EACA,oBAAOP,IAAA,CAACjB,iBAAA;AACV","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useRef","useForm","useFormModified","FormSubmit","useHotkey","useEditDepth","useOperation","useTranslation","SaveButton","label","labelProp","t","submit","modified","ref","editDepth","operation","forceDisable","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","_jsx","buttonId","disabled","onClick","size","type"],"sources":["../../../src/elements/SaveButton/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useRef } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport const SaveButton: React.FC<{ label?: string }> = ({ label: labelProp }) => {\n  const { t } = useTranslation()\n  const { submit } = useForm()\n  const modified = useFormModified()\n  const label = labelProp || t('general:save')\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n  const operation = useOperation()\n\n  const forceDisable = operation === 'update' && !modified\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    if (forceDisable) {\n      // absorb the event\n    }\n\n    e.preventDefault()\n    e.stopPropagation()\n    if (ref?.current) {\n      ref.current.click()\n    }\n  })\n\n  return (\n    <FormSubmit\n      buttonId=\"action-save\"\n      disabled={forceDisable}\n      onClick={() => {\n        return void submit()\n      }}\n      ref={ref}\n      size=\"medium\"\n      type=\"button\"\n    >\n      {label}\n    </FormSubmit>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,IAASC,MAAM,QAAQ;AAE9B,SAASC,OAAO,EAAEC,eAAe,QAAQ;AACzC,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAC1B,SAASC,YAAY,QAAQ;AAC7B,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,UAAA,GAA2CA,CAAC;EAAEC,KAAA,EAAOC;AAAS,CAAE;EAC3E,MAAM;IAAEC;EAAC,CAAE,GAAGJ,cAAA;EACd,MAAM;IAAEK;EAAM,CAAE,GAAGX,OAAA;EACnB,MAAMY,QAAA,GAAWX,eAAA;EACjB,MAAMO,KAAA,GAAQC,SAAA,IAAaC,CAAA,CAAE;EAC7B,MAAMG,GAAA,GAAMd,MAAA,CAA0B;EACtC,MAAMe,SAAA,GAAYV,YAAA;EAClB,MAAMW,SAAA,GAAYV,YAAA;EAElB,MAAMW,YAAA,GAAeD,SAAA,KAAc,YAAY,CAACH,QAAA;EAEhDT,SAAA,CAAU;IAAEc,UAAA,EAAY;IAAMH,SAAA;IAAWI,QAAA,EAAU,CAAC;EAAK,GAAIC,CAAA;IAC3D,IAAIH,YAAA,EAAc;MAChB;IAAA;IAGFG,CAAA,CAAEC,cAAc;IAChBD,CAAA,CAAEE,eAAe;IACjB,IAAIR,GAAA,EAAKS,OAAA,EAAS;MAChBT,GAAA,CAAIS,OAAO,CAACC,KAAK;IACnB;EACF;EAEA,oBACEC,IAAA,CAACtB,UAAA;IACCuB,QAAA,EAAS;IACTC,QAAA,EAAUV,YAAA;IACVW,OAAA,EAASA,CAAA;MACP,OAAO,KAAKhB,MAAA;IACd;IACAE,GAAA,EAAKA,GAAA;IACLe,IAAA,EAAK;IACLC,IAAA,EAAK;cAEJrB;;AAGP","ignoreList":[]}

package/dist/elements/SaveDraftButton/index.d.ts

@@ -1,9 +1,3 @@
-import type { MappedComponent } from 'payload';
 import React from 'react';
-export declare const DefaultSaveDraftButton: React.FC;
-type Props = {
-    CustomComponent?: MappedComponent;
-};
-export declare const SaveDraftButton: React.FC<Props>;
-export {};
+export declare const SaveDraftButton: React.FC;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/SaveDraftButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SaveDraftButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,OAAO,KAA8B,MAAM,OAAO,CAAA;AAelD,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EA4E1C,CAAA;AAED,KAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAK3C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SaveDraftButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAclD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAwFnC,CAAA"}

package/dist/elements/SaveDraftButton/index.js

@@ -6,14 +6,13 @@ import { useForm, useFormModified } from '../../forms/Form/context.js';
 import { FormSubmit } from '../../forms/Submit/index.js';
 import { useHotkey } from '../../hooks/useHotkey.js';
 import { useConfig } from '../../providers/Config/index.js';
-import { RenderComponent } from '../../providers/Config/RenderComponent.js';
 import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
 import { useEditDepth } from '../../providers/EditDepth/index.js';
 import { useLocale } from '../../providers/Locale/index.js';
 import { useOperation } from '../../providers/Operation/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 const baseClass = 'save-draft';
-export const DefaultSaveDraftButton = () => {
+export const SaveDraftButton = () => {
   const {
     config: {
       routes: {
@@ -25,7 +24,8 @@ export const DefaultSaveDraftButton = () => {
   const {
     id,
     collectionSlug,
-    globalSlug
+    globalSlug,
+    setUnpublishedVersionCount
   } = useDocumentInfo();
   const modified = useFormModified();
   const {
@@ -65,7 +65,8 @@ export const DefaultSaveDraftButton = () => {
       },
       skipValidation: true
     });
-  }, [submit, collectionSlug, globalSlug, serverURL, api, locale, id, forceDisable]);
+    setUnpublishedVersionCount(count => count + 1);
+  }, [submit, collectionSlug, globalSlug, serverURL, api, locale, id, forceDisable, setUnpublishedVersionCount]);
   useHotkey({
     cmdCtrlKey: true,
     editDepth,
@@ -94,14 +95,4 @@ export const DefaultSaveDraftButton = () => {
     children: t('version:saveDraft')
   });
 };
-export const SaveDraftButton = ({
-  CustomComponent
-}) => {
-  if (CustomComponent) {
-    return /*#__PURE__*/_jsx(RenderComponent, {
-      mappedComponent: CustomComponent
-    });
-  }
-  return /*#__PURE__*/_jsx(DefaultSaveDraftButton, {});
-};
 //# sourceMappingURL=index.js.map