npm - @payloadcms/ui - Versions diffs - 3.0.0-alpha.48 → 3.0.0-alpha.49 - Mend

@payloadcms/ui 3.0.0-alpha.48 → 3.0.0-alpha.49

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

Files changed (1612) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentControls/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC1E,OAAO,KAAK,EAAE,yBAAyB,~~EAAyB~~,MAAM,eAAe,CAAA;~~AAErF~~,OAAO,KAAmB,MAAM,OAAO,CAAA;~~AAiBvC~~,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,oBAAoB,GAAG,gBAAgB,GAAG,IAAI,CAAA;IAC3D,IAAI,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;CACxC,CA8MA,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentControls/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC1E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAE9D,OAAO,KAAmB,MAAM,OAAO,CAAA;AAgBvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,oBAAoB,GAAG,gBAAgB,GAAG,IAAI,CAAA;IAC3D,IAAI,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;CACxC,CA8MA,CAAA"}

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

@@ -2,16 +2,17 @@
 import React, { Fragment } from 'react';
 import { useConfig } from '../../providers/Config/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
-import { formatDate } from '../../utilities/formatDate/index.js';
-import DeleteDocument from '../DeleteDocument/index.js';
-import DuplicateDocument from '../DuplicateDocument/index.js';
+import { formatDate } from '../../utilities/formatDate.js';
+import { Autosave } from '../Autosave/index.js';
+import { DeleteDocument } from '../DeleteDocument/index.js';
+import { DuplicateDocument } from '../DuplicateDocument/index.js';
 import { Gutter } from '../Gutter/index.js';
-import * as PopupList from '../Popup/PopupButtonList/index.js';
-import Popup from '../Popup/index.js';
+import { PopupList } from '../Popup/index.js';
+import { Popup } from '../Popup/index.js';
 import { Publish } from '../Publish/index.js';
 import { Save } from '../Save/index.js';
 import { SaveDraft } from '../SaveDraft/index.js';
-import Status from '../Status/index.js';
+import { Status } from '../Status/index.js';
 const baseClass = 'doc-controls';
 export const DocumentControls = (props)=>{
     const { id, slug, data, disableActions, hasSavePermission, isAccountView, isEditing, permissions } = props;
@@ -44,7 +45,12 @@ export const DocumentControls = (props)=>{
         ].filter(Boolean).join(' ')
     }, /*#__PURE__*/ React.createElement(Status, null)), (collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave || globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave) && hasSavePermission && /*#__PURE__*/ React.createElement("li", {
         className: `${baseClass}__list-item`
-    })), collectionConfig?.timestamps && (isEditing || isAccountView) && /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement("li", {
+    }, /*#__PURE__*/ React.createElement(Autosave, {
+        collection: collectionConfig,
+        global: globalConfig,
+        id: id,
+        publishedDocUpdatedAt: data?.createdAt
+    }))), collectionConfig?.timestamps && (isEditing || isAccountView) && /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement("li", {
         className: [
             `${baseClass}__list-item`,
             `${baseClass}__value-wrap`

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/elements/DocumentControls/index.tsx"],"sourcesContent":["'use client'\nimport type { CollectionPermission, GlobalPermission } from 'payload/auth'\nimport type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload/types'\n\nimport React, { Fragment } from 'react'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatDate } from '../../utilities/formatDate/index.js'\nimport Autosave from '../Autosave/index.js'\nimport DeleteDocument from '../DeleteDocument/index.js'\nimport DuplicateDocument from '../DuplicateDocument/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport * as PopupList from '../Popup/PopupButtonList/index.js'\nimport Popup from '../Popup/index.js'\nimport PreviewButton from '../PreviewButton/index.js'\nimport { Publish } from '../Publish/index.js'\nimport { Save } from '../Save/index.js'\nimport { SaveDraft } from '../SaveDraft/index.js'\nimport Status from '../Status/index.js'\nimport './index.scss'\n\nconst baseClass = 'doc-controls'\n\nexport const DocumentControls: React.FC<{\n apiURL: string\n data?: any\n disableActions?: boolean\n hasSavePermission?: boolean\n id?: number \| string\n isAccountView?: boolean\n isEditing?: boolean\n permissions: CollectionPermission \| GlobalPermission \| null\n slug: SanitizedCollectionConfig['slug']\n}> = (props) => {\n const {\n id,\n slug,\n data,\n disableActions,\n hasSavePermission,\n isAccountView,\n isEditing,\n permissions,\n } = props\n\n const { i18n } = useTranslation()\n\n const config = useConfig()\n\n const collectionConfig = config.collections.find((coll) => coll.slug === slug)\n const globalConfig = config.globals.find((global) => global.slug === slug)\n\n const {\n admin: { dateFormat },\n routes: { admin: adminRoute },\n } = config\n\n const hasCreatePermission =\n permissions && 'create' in permissions && permissions.create?.permission\n\n const hasDeletePermission =\n permissions && 'delete' in permissions && permissions.delete?.permission\n\n const showDotMenu = Boolean(\n collectionConfig && id && !disableActions && (hasCreatePermission \|\| hasDeletePermission),\n )\n\n return (\n <Gutter className={baseClass}>\n <div className={`${baseClass}__wrapper`}>\n <div className={`${baseClass}__content`}>\n <ul className={`${baseClass}__meta`}>\n {collectionConfig && !isEditing && !isAccountView && (\n <li className={`${baseClass}__list-item`}>\n <p className={`${baseClass}__value`}>\n {i18n.t('general:creatingNewLabel', {\n label:\n typeof collectionConfig?.labels?.singular === 'string'\n ? collectionConfig.labels.singular\n : 'document',\n })}\n </p>\n </li>\n )}\n {(collectionConfig?.versions?.drafts \|\| globalConfig?.versions?.drafts) && (\n <Fragment>\n {(globalConfig \|\| (collectionConfig && isEditing)) && (\n <li\n className={[`${baseClass}__status`, `${baseClass}__list-item`]\n .filter(Boolean)\n .join(' ')}\n >\n <Status />\n </li>\n )}\n {((collectionConfig?.versions?.drafts &&\n collectionConfig?.versions?.drafts?.autosave) \|\|\n (globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave)) &&\n hasSavePermission && (\n <li className={`${baseClass}__list-item`}>\n {/* <Autosave\n collection={collectionConfig}\n global={globalConfig}\n id={id}\n publishedDocUpdatedAt={data?.createdAt}\n /> /}\n </li>\n )}\n </Fragment>\n )}\n {collectionConfig?.timestamps && (isEditing \|\| isAccountView) && (\n <Fragment>\n <li\n className={[`${baseClass}__list-item`, `${baseClass}__value-wrap`]\n .filter(Boolean)\n .join(' ')}\n title={\n data?.updatedAt ? formatDate(data?.updatedAt, dateFormat, i18n.language) : ''\n }\n >\n <p className={`${baseClass}__label`}>{i18n.t('general:lastModified')}: </p>\n {data?.updatedAt && (\n <p className={`${baseClass}__value`}>\n {formatDate(data.updatedAt, dateFormat, i18n.language)}\n </p>\n )}\n </li>\n <li\n className={[`${baseClass}__list-item`, `${baseClass}__value-wrap`]\n .filter(Boolean)\n .join(' ')}\n title={\n data?.createdAt ? formatDate(data?.createdAt, dateFormat, i18n.language) : ''\n }\n >\n <p className={`${baseClass}__label`}>{i18n.t('general:created')}: </p>\n {data?.createdAt && (\n <p className={`${baseClass}__value`}>\n {formatDate(data?.createdAt, dateFormat, i18n.language)}\n </p>\n )}\n </li>\n </Fragment>\n )}\n </ul>\n </div>\n <div className={`${baseClass}__controls-wrapper`}>\n <div className={`${baseClass}__controls`}>\n {/ {(collectionConfig?.admin?.preview \|\| globalConfig?.admin?.preview) && (\n <PreviewButton\n CustomComponent={\n collectionConfig?.admin?.components?.edit?.PreviewButton \|\|\n globalConfig?.admin?.components?.elements?.PreviewButton\n }\n generatePreviewURL={collectionConfig?.admin?.preview \|\| globalConfig?.admin?.preview}\n />\n )} */}\n {hasSavePermission && (\n <React.Fragment>\n {collectionConfig?.versions?.drafts \|\| globalConfig?.versions?.drafts ? (\n <React.Fragment>\n {((collectionConfig?.versions?.drafts &&\n !collectionConfig?.versions?.drafts?.autosave) \|\|\n (globalConfig?.versions?.drafts &&\n !globalConfig?.versions?.drafts?.autosave)) && (\n <SaveDraft\n CustomComponent={\n collectionConfig?.admin?.components?.edit?.SaveDraftButton \|\|\n globalConfig?.admin?.components?.elements?.SaveDraftButton\n }\n />\n )}\n <Publish\n CustomComponent={\n collectionConfig?.admin?.components?.edit?.PublishButton \|\|\n globalConfig?.admin?.components?.elements?.PublishButton\n }\n />\n </React.Fragment>\n ) : (\n <Save\n CustomComponent={\n collectionConfig?.admin?.components?.edit?.SaveButton \|\|\n globalConfig?.admin?.components?.elements?.SaveButton\n }\n />\n )}\n </React.Fragment>\n )}\n </div>\n {showDotMenu && (\n <Popup\n button={\n <div className={`${baseClass}__dots`}>\n <div />\n <div />\n <div />\n </div>\n }\n className={`${baseClass}__popup`}\n horizontalAlign=\"right\"\n size=\"large\"\n verticalAlign=\"bottom\"\n >\n <PopupList.ButtonGroup>\n {hasCreatePermission && (\n <React.Fragment>\n <PopupList.Button\n href={`${adminRoute}/collections/${collectionConfig?.slug}/create`}\n id=\"action-create\"\n >\n {i18n.t('general:createNew')}\n </PopupList.Button>\n {!collectionConfig?.admin?.disableDuplicate && isEditing && (\n <DuplicateDocument\n id={id.toString()}\n singularLabel={collectionConfig?.labels?.singular}\n slug={collectionConfig?.slug}\n />\n )}\n </React.Fragment>\n )}\n {hasDeletePermission && (\n <DeleteDocument\n buttonId=\"action-delete\"\n collectionSlug={collectionConfig?.slug}\n id={id.toString()}\n singularLabel={collectionConfig?.labels?.singular}\n useAsTitle={collectionConfig?.admin?.useAsTitle}\n />\n )}\n </PopupList.ButtonGroup>\n </Popup>\n )}\n </div>\n </div>\n <div className={`${baseClass}__divider`} />\n </Gutter>\n )\n}\n"],"names":["React","Fragment","useConfig","useTranslation","formatDate","DeleteDocument","DuplicateDocument","Gutter","PopupList","Popup","Publish","Save","SaveDraft","Status","baseClass","DocumentControls","props","id","slug","data","disableActions","hasSavePermission","isAccountView","isEditing","permissions","i18n","config","collectionConfig","collections","find","coll","globalConfig","globals","global","admin","dateFormat","routes","adminRoute","hasCreatePermission","create","permission","hasDeletePermission","delete","showDotMenu","Boolean","className","div","ul","li","p","t","label","labels","singular","versions","drafts","filter","join","autosave","timestamps","title","updatedAt","language","createdAt","CustomComponent","components","edit","SaveDraftButton","elements","PublishButton","SaveButton","button","horizontalAlign","size","verticalAlign","ButtonGroup","Button","href","disableDuplicate","toString","singularLabel","buttonId","collectionSlug","useAsTitle"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/elements/DocumentControls/index.tsx"],"sourcesContent":["'use client'\nimport type { CollectionPermission, GlobalPermission } from 'payload/auth'\nimport type { SanitizedCollectionConfig } from 'payload/types'\n\nimport React, { Fragment } from 'react'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatDate } from '../../utilities/formatDate.js'\nimport { Autosave } from '../Autosave/index.js'\nimport { DeleteDocument } from '../DeleteDocument/index.js'\nimport { DuplicateDocument } from '../DuplicateDocument/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport { Popup } from '../Popup/index.js'\nimport { PreviewButton } from '../PreviewButton/index.js'\nimport { Publish } from '../Publish/index.js'\nimport { Save } from '../Save/index.js'\nimport { SaveDraft } from '../SaveDraft/index.js'\nimport { Status } from '../Status/index.js'\nimport './index.scss'\n\nconst baseClass = 'doc-controls'\n\nexport const DocumentControls: React.FC<{\n apiURL: string\n data?: any\n disableActions?: boolean\n hasSavePermission?: boolean\n id?: number \| string\n isAccountView?: boolean\n isEditing?: boolean\n permissions: CollectionPermission \| GlobalPermission \| null\n slug: SanitizedCollectionConfig['slug']\n}> = (props) => {\n const {\n id,\n slug,\n data,\n disableActions,\n hasSavePermission,\n isAccountView,\n isEditing,\n permissions,\n } = props\n\n const { i18n } = useTranslation()\n\n const config = useConfig()\n\n const collectionConfig = config.collections.find((coll) => coll.slug === slug)\n const globalConfig = config.globals.find((global) => global.slug === slug)\n\n const {\n admin: { dateFormat },\n routes: { admin: adminRoute },\n } = config\n\n const hasCreatePermission =\n permissions && 'create' in permissions && permissions.create?.permission\n\n const hasDeletePermission =\n permissions && 'delete' in permissions && permissions.delete?.permission\n\n const showDotMenu = Boolean(\n collectionConfig && id && !disableActions && (hasCreatePermission \|\| hasDeletePermission),\n )\n\n return (\n <Gutter className={baseClass}>\n <div className={`${baseClass}__wrapper`}>\n <div className={`${baseClass}__content`}>\n <ul className={`${baseClass}__meta`}>\n {collectionConfig && !isEditing && !isAccountView && (\n <li className={`${baseClass}__list-item`}>\n <p className={`${baseClass}__value`}>\n {i18n.t('general:creatingNewLabel', {\n label:\n typeof collectionConfig?.labels?.singular === 'string'\n ? collectionConfig.labels.singular\n : 'document',\n })}\n </p>\n </li>\n )}\n {(collectionConfig?.versions?.drafts \|\| globalConfig?.versions?.drafts) && (\n <Fragment>\n {(globalConfig \|\| (collectionConfig && isEditing)) && (\n <li\n className={[`${baseClass}__status`, `${baseClass}__list-item`]\n .filter(Boolean)\n .join(' ')}\n >\n <Status />\n </li>\n )}\n {((collectionConfig?.versions?.drafts &&\n collectionConfig?.versions?.drafts?.autosave) \|\|\n (globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave)) &&\n hasSavePermission && (\n <li className={`${baseClass}__list-item`}>\n <Autosave\n collection={collectionConfig}\n global={globalConfig}\n id={id}\n publishedDocUpdatedAt={data?.createdAt}\n />\n </li>\n )}\n </Fragment>\n )}\n {collectionConfig?.timestamps && (isEditing \|\| isAccountView) && (\n <Fragment>\n <li\n className={[`${baseClass}__list-item`, `${baseClass}__value-wrap`]\n .filter(Boolean)\n .join(' ')}\n title={\n data?.updatedAt ? formatDate(data?.updatedAt, dateFormat, i18n.language) : ''\n }\n >\n <p className={`${baseClass}__label`}>{i18n.t('general:lastModified')}: </p>\n {data?.updatedAt && (\n <p className={`${baseClass}__value`}>\n {formatDate(data.updatedAt, dateFormat, i18n.language)}\n </p>\n )}\n </li>\n <li\n className={[`${baseClass}__list-item`, `${baseClass}__value-wrap`]\n .filter(Boolean)\n .join(' ')}\n title={\n data?.createdAt ? formatDate(data?.createdAt, dateFormat, i18n.language) : ''\n }\n >\n <p className={`${baseClass}__label`}>{i18n.t('general:created')}: </p>\n {data?.createdAt && (\n <p className={`${baseClass}__value`}>\n {formatDate(data?.createdAt, dateFormat, i18n.language)}\n </p>\n )}\n </li>\n </Fragment>\n )}\n </ul>\n </div>\n <div className={`${baseClass}__controls-wrapper`}>\n <div className={`${baseClass}__controls`}>\n {/* {(collectionConfig?.admin?.preview \|\| globalConfig?.admin?.preview) && (\n <PreviewButton\n CustomComponent={\n collectionConfig?.admin?.components?.edit?.PreviewButton \|\|\n globalConfig?.admin?.components?.elements?.PreviewButton\n }\n generatePreviewURL={collectionConfig?.admin?.preview \|\| globalConfig?.admin?.preview}\n />\n )} */}\n {hasSavePermission && (\n <React.Fragment>\n {collectionConfig?.versions?.drafts \|\| globalConfig?.versions?.drafts ? (\n <React.Fragment>\n {((collectionConfig?.versions?.drafts &&\n !collectionConfig?.versions?.drafts?.autosave) \|\|\n (globalConfig?.versions?.drafts &&\n !globalConfig?.versions?.drafts?.autosave)) && (\n <SaveDraft\n CustomComponent={\n collectionConfig?.admin?.components?.edit?.SaveDraftButton \|\|\n globalConfig?.admin?.components?.elements?.SaveDraftButton\n }\n />\n )}\n <Publish\n CustomComponent={\n collectionConfig?.admin?.components?.edit?.PublishButton \|\|\n globalConfig?.admin?.components?.elements?.PublishButton\n }\n />\n </React.Fragment>\n ) : (\n <Save\n CustomComponent={\n collectionConfig?.admin?.components?.edit?.SaveButton \|\|\n globalConfig?.admin?.components?.elements?.SaveButton\n }\n />\n )}\n </React.Fragment>\n )}\n </div>\n {showDotMenu && (\n <Popup\n button={\n <div className={`${baseClass}__dots`}>\n <div />\n <div />\n <div />\n </div>\n }\n className={`${baseClass}__popup`}\n horizontalAlign=\"right\"\n size=\"large\"\n verticalAlign=\"bottom\"\n >\n <PopupList.ButtonGroup>\n {hasCreatePermission && (\n <React.Fragment>\n <PopupList.Button\n href={`${adminRoute}/collections/${collectionConfig?.slug}/create`}\n id=\"action-create\"\n >\n {i18n.t('general:createNew')}\n </PopupList.Button>\n {!collectionConfig?.admin?.disableDuplicate && isEditing && (\n <DuplicateDocument\n id={id.toString()}\n singularLabel={collectionConfig?.labels?.singular}\n slug={collectionConfig?.slug}\n />\n )}\n </React.Fragment>\n )}\n {hasDeletePermission && (\n <DeleteDocument\n buttonId=\"action-delete\"\n collectionSlug={collectionConfig?.slug}\n id={id.toString()}\n singularLabel={collectionConfig?.labels?.singular}\n useAsTitle={collectionConfig?.admin?.useAsTitle}\n />\n )}\n </PopupList.ButtonGroup>\n </Popup>\n )}\n </div>\n </div>\n <div className={`${baseClass}__divider`} />\n </Gutter>\n )\n}\n"],"names":["React","Fragment","useConfig","useTranslation","formatDate","Autosave","DeleteDocument","DuplicateDocument","Gutter","PopupList","Popup","Publish","Save","SaveDraft","Status","baseClass","DocumentControls","props","id","slug","data","disableActions","hasSavePermission","isAccountView","isEditing","permissions","i18n","config","collectionConfig","collections","find","coll","globalConfig","globals","global","admin","dateFormat","routes","adminRoute","hasCreatePermission","create","permission","hasDeletePermission","delete","showDotMenu","Boolean","className","div","ul","li","p","t","label","labels","singular","versions","drafts","filter","join","autosave","collection","publishedDocUpdatedAt","createdAt","timestamps","title","updatedAt","language","CustomComponent","components","edit","SaveDraftButton","elements","PublishButton","SaveButton","button","horizontalAlign","size","verticalAlign","ButtonGroup","Button","href","disableDuplicate","toString","singularLabel","buttonId","collectionSlug","useAsTitle"],"mappings":"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"}

package/dist/elements/DocumentDrawer/DrawerContent.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/DrawerContent.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAGvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;~~AA2KrD~~,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,~~CAwB~~/D,CAAA"}
1	+ {"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/DrawerContent.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAGvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAgLrD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAoB/D,CAAA"}

package/dist/elements/DocumentDrawer/DrawerContent.js CHANGED Viewed

@@ -3,20 +3,20 @@ import * as facelessUIImport from '@faceless-ui/modal';
 import queryString from 'qs';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { toast } from 'react-toastify';
-import { FieldPathProvider, useFieldPath } from '../../forms/FieldPathProvider/index.js';
-import { useRelatedCollections } from '../../forms/fields/Relationship/AddNew/useRelatedCollections.js';
+import { useRelatedCollections } from '../../fields/Relationship/AddNew/useRelatedCollections.js';
 import usePayloadAPI from '../../hooks/usePayloadAPI.js';
 import { X } from '../../icons/X/index.js';
-import { formatDocTitle, useAuth } from '../../index.js';
-import { useComponentMap } from '../../providers/ComponentMapProvider/index.js';
+import { useComponentMap } from '../../providers/ComponentMap/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { DocumentInfoProvider } from '../../providers/DocumentInfo/index.js';
 import { useFormQueryParams } from '../../providers/FormQueryParams/index.js';
 import { useLocale } from '../../providers/Locale/index.js';
+import { usePreferences } from '../../providers/Preferences/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
+import { formatDocTitle } from '../../utilities/formatDocTitle.js';
 import { getFormState } from '../../utilities/getFormState.js';
 import { Gutter } from '../Gutter/index.js';
-import IDLabel from '../IDLabel/index.js';
+import { IDLabel } from '../IDLabel/index.js';
 import { LoadingOverlay } from '../Loading/index.js';
 import { RenderTitle } from '../RenderTitle/index.js';
 import { baseClass } from './index.js';
@@ -33,8 +33,7 @@ const Content = ({ id, Header, collectionSlug, drawerSlug, initialData, onSave }
     const [collectionConfig] = useRelatedCollections(collectionSlug);
     const { formQueryParams } = useFormQueryParams();
     const formattedQueryParams = queryString.stringify(formQueryParams);
-    const { permissions } = useAuth();
-    const { schemaPath } = useFieldPath();
+    const { getPreference } = usePreferences();
     const { componentMap } = useComponentMap();
     const { Edit } = componentMap[`${collectionSlug ? 'collections' : 'globals'}`][collectionSlug];
     // no need to an additional requests when creating new documents
@@ -76,14 +75,21 @@ const Content = ({ id, Header, collectionSlug, drawerSlug, initialData, onSave }
     useEffect(()=>{
         if (!hasInitializedState.current && (!initialID.current || initialID.current && data)) {
             const getInitialState = async ()=>{
+                let docPreferences = {
+                    fields: {}
+                };
+                if (id) {
+                    docPreferences = await getPreference(`collection-${collectionSlug}-${id}`);
+                }
                 const result = await getFormState({
                     apiRoute,
                     body: {
                         id,
                         collectionSlug,
                         data: data || {},
+                        docPreferences,
                         operation: isEditing ? 'update' : 'create',
-                        schemaPath
+                        schemaPath: collectionSlug
                     },
                     serverURL
                 });
@@ -96,16 +102,15 @@ const Content = ({ id, Header, collectionSlug, drawerSlug, initialData, onSave }
         apiRoute,
         data,
         isEditing,
-        schemaPath,
-        serverURL,
         collectionSlug,
-        id
+        serverURL,
+        id,
+        getPreference
     ]);
     if (isError) return null;
     if (!initialState || isLoadingDocument) {
         return /*#__PURE__*/ React.createElement(LoadingOverlay, null);
     }
-    const docPermissions = permissions?.collections[collectionSlug];
     const title = formatDocTitle({
         collectionConfig,
         data,
@@ -134,8 +139,11 @@ const Content = ({ id, Header, collectionSlug, drawerSlug, initialData, onSave }
         collectionSlug: collectionConfig.slug,
         disableActions: true,
         disableLeaveWithoutSaving: true,
-        docPermissions: docPermissions,
-        hasSavePermission: docPermissions?.update?.permission,
+        // Do NOT pass in the docPermissions we have here. This is because the permissions we have here do not have their where: { } returns resolved.
+        // If we set it to null though, the DocumentInfoProvider will fully-fetch the permissions from the server, and the where: { } returns will be resolved.
+        docPermissions: null,
+        // Same reason as above. We need to fully-fetch the docPreferences from the server. This is done in DocumentInfoProvider if we set it to null here.
+        hasSavePermission: null,
         // isLoading,
         id: id,
         initialData: data,
@@ -165,15 +173,12 @@ export const DocumentDrawerContent = (props)=>{
         onSaveFromProps,
         collectionConfig
     ]);
-    return /*#__PURE__*/ React.createElement(FieldPathProvider, {
-        path: "",
-        schemaPath: collectionSlug
-    }, /*#__PURE__*/ React.createElement(Content, {
+    return /*#__PURE__*/ React.createElement(Content, {
         ...props,
         id: idFromProps || doc?.id,
         initialData: doc,
         onSave: onSave
-    }));
+    });
 };
 //# sourceMappingURL=DrawerContent.js.map

package/dist/elements/DocumentDrawer/DrawerContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/elements/DocumentDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport type { FormState, TypeWithID } from 'payload/types'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport queryString from 'qs'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\n\nimport type { DocumentDrawerProps } from './types.js'\n\nimport { FieldPathProvider, useFieldPath } from '../../forms/FieldPathProvider/index.js'\nimport { useRelatedCollections } from '../../forms/fields/Relationship/AddNew/useRelatedCollections.js'\nimport usePayloadAPI from '../../hooks/usePayloadAPI.js'\nimport { X } from '../../icons/X/index.js'\nimport { formatDocTitle, useAuth } from '../../index.js'\nimport { useComponentMap } from '../../providers/ComponentMapProvider/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentInfoProvider } from '../../providers/DocumentInfo/index.js'\nimport { useFormQueryParams } from '../../providers/FormQueryParams/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { getFormState } from '../../utilities/getFormState.js'\nimport { Gutter } from '../Gutter/index.js'\nimport IDLabel from '../IDLabel/index.js'\nimport { LoadingOverlay } from '../Loading/index.js'\nimport { RenderTitle } from '../RenderTitle/index.js'\nimport { baseClass } from './index.js'\n\nconst Content: React.FC<DocumentDrawerProps> = ({\n id,\n Header,\n collectionSlug,\n drawerSlug,\n initialData,\n onSave,\n}) => {\n const { useModal } = facelessUIImport\n\n const config = useConfig()\n\n const {\n routes: { api: apiRoute },\n serverURL,\n } = config\n\n const { closeModal, modalState, toggleModal } = useModal()\n const locale = useLocale()\n const [initialState, setInitialState] = useState<FormState>()\n const { i18n, t } = useTranslation()\n const hasInitializedState = useRef(false)\n const [isOpen, setIsOpen] = useState(false)\n const [collectionConfig] = useRelatedCollections(collectionSlug)\n const { formQueryParams } = useFormQueryParams()\n const formattedQueryParams = queryString.stringify(formQueryParams)\n\n const { permissions } = useAuth()\n\n const { schemaPath } = useFieldPath()\n\n const { componentMap } = useComponentMap()\n\n const { Edit } = componentMap[`${collectionSlug ? 'collections' : 'globals'}`][collectionSlug]\n\n // no need to an additional requests when creating new documents\n const initialID = useRef(id)\n\n const [{ data, isError, isLoading: isLoadingDocument }] = usePayloadAPI(\n initialID.current ? `${serverURL}${apiRoute}/${collectionSlug}/${initialID.current}` : null,\n { initialData, initialParams: { depth: 0, draft: 'true', 'fallback-locale': 'null' } },\n )\n\n useEffect(() => {\n setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n }, [modalState, drawerSlug])\n\n useEffect(() => {\n if (isOpen && !isLoadingDocument && isError) {\n closeModal(drawerSlug)\n toast.error(data.errors?.[0].message \|\| t('error:unspecific'))\n }\n }, [isError, t, isOpen, data, drawerSlug, closeModal, isLoadingDocument])\n\n const isEditing = Boolean(id)\n\n const apiURL = id ? `${serverURL}${apiRoute}/${collectionSlug}/${id}?locale=${locale.code}` : null\n\n const action = `${serverURL}${apiRoute}/${collectionSlug}${\n isEditing ? `/${id}` : ''\n }?${formattedQueryParams}`\n\n // const hasSavePermission =\n // (isEditing && docPermissions?.update?.permission) \|\|\n // (!isEditing && (docPermissions as CollectionPermission)?.create?.permission)\n\n useEffect(() => {\n if (!hasInitializedState.current && (!initialID.current \|\| (initialID.current && data))) {\n const getInitialState = async () => {\n const result = await getFormState({\n apiRoute,\n body: {\n id,\n collectionSlug,\n data: data \|\| {},\n operation: isEditing ? 'update' : 'create',\n schemaPath,\n },\n serverURL,\n })\n\n setInitialState(result)\n hasInitializedState.current = true\n }\n\n void getInitialState()\n }\n }, [apiRoute, data, isEditing, schemaPath, serverURL, collectionSlug, id])\n\n if (isError) return null\n\n if (!initialState \|\| isLoadingDocument) {\n return <LoadingOverlay />\n }\n\n const docPermissions = permissions?.collections[collectionSlug]\n\n const title = formatDocTitle({\n collectionConfig,\n data,\n dateFormat: config.admin.dateFormat,\n i18n,\n })\n\n return (\n <DocumentInfoProvider\n BeforeDocument={\n <Gutter className={`${baseClass}__header`}>\n <div className={`${baseClass}__header-content`}>\n <h2 className={`${baseClass}__header-text`}>\n {Header \|\| <RenderTitle element=\"span\" />}\n </h2>\n {/* TODO: the `button` HTML element breaks CSS transitions on the drawer for some reason...\n i.e. changing to a `div` element will fix the animation issue but will break accessibility\n */}\n <button\n aria-label={t('general:close')}\n className={`${baseClass}__header-close`}\n onClick={() => toggleModal(drawerSlug)}\n type=\"button\"\n >\n <X />\n </button>\n </div>\n {id && id !== title ? <IDLabel id={id.toString()} /> : null}\n </Gutter>\n }\n action={action}\n apiURL={apiURL}\n collectionSlug={collectionConfig.slug}\n disableActions\n disableLeaveWithoutSaving\n docPermissions={docPermissions}\n hasSavePermission={docPermissions?.update?.permission}\n // isLoading,\n id={id}\n initialData={data}\n initialState={initialState}\n isEditing={isEditing}\n onSave={onSave}\n title={title}\n >\n {Edit}\n </DocumentInfoProvider>\n )\n}\n\n// First provide the document context using `DocumentInfoProvider`\n// this is so we can utilize the `useDocumentInfo` hook in the `Content` component\n// this drawer is used for both creating and editing documents\n// this means that the `id` may be unknown until the document is created\nexport const DocumentDrawerContent: React.FC<DocumentDrawerProps> = (props) => {\n const { id: idFromProps, collectionSlug, onSave: onSaveFromProps } = props\n const [collectionConfig] = useRelatedCollections(collectionSlug)\n const [doc, setDoc] = useState<TypeWithID \| null>()\n\n const onSave = useCallback<DocumentDrawerProps['onSave']>(\n (args) => {\n setDoc(args.doc)\n\n if (typeof onSaveFromProps === 'function') {\n void onSaveFromProps({\n ...args,\n collectionConfig,\n })\n }\n },\n [onSaveFromProps, collectionConfig],\n )\n\n return (\n <FieldPathProvider path=\"\" schemaPath={collectionSlug}>\n <Content {...props} id={idFromProps \|\| doc?.id} initialData={doc} onSave={onSave} />\n </FieldPathProvider>\n )\n}\n"],"names":["facelessUIImport","queryString","React","useCallback","useEffect","useRef","useState","toast","FieldPathProvider","useFieldPath","useRelatedCollections","usePayloadAPI","X","formatDocTitle","useAuth","useComponentMap","useConfig","DocumentInfoProvider","useFormQueryParams","useLocale","useTranslation","getFormState","Gutter","IDLabel","LoadingOverlay","RenderTitle","baseClass","Content","id","Header","collectionSlug","drawerSlug","initialData","onSave","useModal","config","routes","api","apiRoute","serverURL","closeModal","modalState","toggleModal","locale","initialState","setInitialState","i18n","t","hasInitializedState","isOpen","setIsOpen","collectionConfig","formQueryParams","formattedQueryParams","stringify","permissions","schemaPath","componentMap","Edit","initialID","data","isError","isLoading","isLoadingDocument","current","initialParams","depth","draft","Boolean","error","errors","message","isEditing","apiURL","code","action","getInitialState","result","body","operation","docPermissions","collections","title","dateFormat","admin","BeforeDocument","className","div","h2","element","button","aria-label","onClick","type","toString","slug","disableActions","disableLeaveWithoutSaving","hasSavePermission","update","permission","DocumentDrawerContent","props","idFromProps","onSaveFromProps","doc","setDoc","args","path"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/elements/DocumentDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport type { DocumentPreferences, FormState, TypeWithID } from 'payload/types'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport queryString from 'qs'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\n\nimport type { DocumentDrawerProps } from './types.js'\n\nimport { useRelatedCollections } from '../../fields/Relationship/AddNew/useRelatedCollections.js'\nimport usePayloadAPI from '../../hooks/usePayloadAPI.js'\nimport { X } from '../../icons/X/index.js'\nimport { useComponentMap } from '../../providers/ComponentMap/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentInfoProvider } from '../../providers/DocumentInfo/index.js'\nimport { useFormQueryParams } from '../../providers/FormQueryParams/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatDocTitle } from '../../utilities/formatDocTitle.js'\nimport { getFormState } from '../../utilities/getFormState.js'\nimport { Gutter } from '../Gutter/index.js'\nimport { IDLabel } from '../IDLabel/index.js'\nimport { LoadingOverlay } from '../Loading/index.js'\nimport { RenderTitle } from '../RenderTitle/index.js'\nimport { baseClass } from './index.js'\n\nconst Content: React.FC<DocumentDrawerProps> = ({\n id,\n Header,\n collectionSlug,\n drawerSlug,\n initialData,\n onSave,\n}) => {\n const { useModal } = facelessUIImport\n\n const config = useConfig()\n\n const {\n routes: { api: apiRoute },\n serverURL,\n } = config\n\n const { closeModal, modalState, toggleModal } = useModal()\n const locale = useLocale()\n const [initialState, setInitialState] = useState<FormState>()\n const { i18n, t } = useTranslation()\n const hasInitializedState = useRef(false)\n const [isOpen, setIsOpen] = useState(false)\n const [collectionConfig] = useRelatedCollections(collectionSlug)\n const { formQueryParams } = useFormQueryParams()\n const formattedQueryParams = queryString.stringify(formQueryParams)\n const { getPreference } = usePreferences()\n\n const { componentMap } = useComponentMap()\n\n const { Edit } = componentMap[`${collectionSlug ? 'collections' : 'globals'}`][collectionSlug]\n\n // no need to an additional requests when creating new documents\n const initialID = useRef(id)\n\n const [{ data, isError, isLoading: isLoadingDocument }] = usePayloadAPI(\n initialID.current ? `${serverURL}${apiRoute}/${collectionSlug}/${initialID.current}` : null,\n { initialData, initialParams: { depth: 0, draft: 'true', 'fallback-locale': 'null' } },\n )\n\n useEffect(() => {\n setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n }, [modalState, drawerSlug])\n\n useEffect(() => {\n if (isOpen && !isLoadingDocument && isError) {\n closeModal(drawerSlug)\n toast.error(data.errors?.[0].message \|\| t('error:unspecific'))\n }\n }, [isError, t, isOpen, data, drawerSlug, closeModal, isLoadingDocument])\n\n const isEditing = Boolean(id)\n\n const apiURL = id ? `${serverURL}${apiRoute}/${collectionSlug}/${id}?locale=${locale.code}` : null\n\n const action = `${serverURL}${apiRoute}/${collectionSlug}${\n isEditing ? `/${id}` : ''\n }?${formattedQueryParams}`\n\n // const hasSavePermission =\n // (isEditing && docPermissions?.update?.permission) \|\|\n // (!isEditing && (docPermissions as CollectionPermission)?.create?.permission)\n\n useEffect(() => {\n if (!hasInitializedState.current && (!initialID.current \|\| (initialID.current && data))) {\n const getInitialState = async () => {\n let docPreferences: DocumentPreferences = { fields: {} }\n\n if (id) {\n docPreferences = await getPreference(`collection-${collectionSlug}-${id}`)\n }\n\n const result = await getFormState({\n apiRoute,\n body: {\n id,\n collectionSlug,\n data: data \|\| {},\n docPreferences,\n operation: isEditing ? 'update' : 'create',\n schemaPath: collectionSlug,\n },\n serverURL,\n })\n\n setInitialState(result)\n hasInitializedState.current = true\n }\n\n void getInitialState()\n }\n }, [apiRoute, data, isEditing, collectionSlug, serverURL, id, getPreference])\n\n if (isError) return null\n\n if (!initialState \|\| isLoadingDocument) {\n return <LoadingOverlay />\n }\n\n const title = formatDocTitle({\n collectionConfig,\n data,\n dateFormat: config.admin.dateFormat,\n i18n,\n })\n\n return (\n <DocumentInfoProvider\n BeforeDocument={\n <Gutter className={`${baseClass}__header`}>\n <div className={`${baseClass}__header-content`}>\n <h2 className={`${baseClass}__header-text`}>\n {Header \|\| <RenderTitle element=\"span\" />}\n </h2>\n {/* TODO: the `button` HTML element breaks CSS transitions on the drawer for some reason...\n i.e. changing to a `div` element will fix the animation issue but will break accessibility\n */}\n <button\n aria-label={t('general:close')}\n className={`${baseClass}__header-close`}\n onClick={() => toggleModal(drawerSlug)}\n type=\"button\"\n >\n <X />\n </button>\n </div>\n {id && id !== title ? <IDLabel id={id.toString()} /> : null}\n </Gutter>\n }\n action={action}\n apiURL={apiURL}\n collectionSlug={collectionConfig.slug}\n disableActions\n disableLeaveWithoutSaving\n // Do NOT pass in the docPermissions we have here. This is because the permissions we have here do not have their where: { } returns resolved.\n // If we set it to null though, the DocumentInfoProvider will fully-fetch the permissions from the server, and the where: { } returns will be resolved.\n docPermissions={null}\n // Same reason as above. We need to fully-fetch the docPreferences from the server. This is done in DocumentInfoProvider if we set it to null here.\n hasSavePermission={null}\n // isLoading,\n id={id}\n initialData={data}\n initialState={initialState}\n isEditing={isEditing}\n onSave={onSave}\n title={title}\n >\n {Edit}\n </DocumentInfoProvider>\n )\n}\n\n// First provide the document context using `DocumentInfoProvider`\n// this is so we can utilize the `useDocumentInfo` hook in the `Content` component\n// this drawer is used for both creating and editing documents\n// this means that the `id` may be unknown until the document is created\nexport const DocumentDrawerContent: React.FC<DocumentDrawerProps> = (props) => {\n const { id: idFromProps, collectionSlug, onSave: onSaveFromProps } = props\n const [collectionConfig] = useRelatedCollections(collectionSlug)\n const [doc, setDoc] = useState<TypeWithID \| null>()\n\n const onSave = useCallback<DocumentDrawerProps['onSave']>(\n (args) => {\n setDoc(args.doc)\n\n if (typeof onSaveFromProps === 'function') {\n void onSaveFromProps({\n ...args,\n collectionConfig,\n })\n }\n },\n [onSaveFromProps, collectionConfig],\n )\n\n return <Content {...props} id={idFromProps \|\| doc?.id} initialData={doc} onSave={onSave} />\n}\n"],"names":["facelessUIImport","queryString","React","useCallback","useEffect","useRef","useState","toast","useRelatedCollections","usePayloadAPI","X","useComponentMap","useConfig","DocumentInfoProvider","useFormQueryParams","useLocale","usePreferences","useTranslation","formatDocTitle","getFormState","Gutter","IDLabel","LoadingOverlay","RenderTitle","baseClass","Content","id","Header","collectionSlug","drawerSlug","initialData","onSave","useModal","config","routes","api","apiRoute","serverURL","closeModal","modalState","toggleModal","locale","initialState","setInitialState","i18n","t","hasInitializedState","isOpen","setIsOpen","collectionConfig","formQueryParams","formattedQueryParams","stringify","getPreference","componentMap","Edit","initialID","data","isError","isLoading","isLoadingDocument","current","initialParams","depth","draft","Boolean","error","errors","message","isEditing","apiURL","code","action","getInitialState","docPreferences","fields","result","body","operation","schemaPath","title","dateFormat","admin","BeforeDocument","className","div","h2","element","button","aria-label","onClick","type","toString","slug","disableActions","disableLeaveWithoutSaving","docPermissions","hasSavePermission","DocumentDrawerContent","props","idFromProps","onSaveFromProps","doc","setDoc","args"],"mappings":"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"}

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

@@ -2,7 +2,7 @@
 import * as facelessUIImport from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import React, { useCallback, useEffect, useId, useMemo, useState } from 'react';
-import { useRelatedCollections } from '../../forms/fields/Relationship/AddNew/useRelatedCollections.js';
+import { useRelatedCollections } from '../../fields/Relationship/AddNew/useRelatedCollections.js';
 import { useEditDepth } from '../../providers/EditDepth/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Drawer, DrawerToggler } from '../Drawer/index.js';

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/elements/DocumentDrawer/index.tsx"],"sourcesContent":["'use client'\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useEffect, useId, useMemo, useState } from 'react'\n\nimport type { DocumentDrawerProps, DocumentTogglerProps, UseDocumentDrawer } from './types.js'\n\nimport { useRelatedCollections } from '../../~~forms/~~fields/Relationship/AddNew/useRelatedCollections.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Drawer, DrawerToggler } from '../Drawer/index.js'\nimport { DocumentDrawerContent } from './DrawerContent.js'\nimport './index.scss'\n\nexport const baseClass = 'doc-drawer'\n\nconst formatDocumentDrawerSlug = ({\n id,\n collectionSlug,\n depth,\n uuid,\n}: {\n collectionSlug: string\n depth: number\n id: number \| string\n uuid: string // supply when creating a new document and no id is available\n}) => `doc-drawer_${collectionSlug}_${depth}${id ? `_${id}` : ''}_${uuid}`\n\nexport const DocumentDrawerToggler: React.FC<DocumentTogglerProps> = ({\n id,\n children,\n className,\n collectionSlug,\n disabled,\n drawerSlug,\n ...rest\n}) => {\n const { i18n, t } = useTranslation()\n const [collectionConfig] = useRelatedCollections(collectionSlug)\n\n return (\n <DrawerToggler\n aria-label={t(!id ? 'fields:addNewLabel' : 'general:editLabel', {\n label: getTranslation(collectionConfig.labels.singular, i18n),\n })}\n className={[className, `${baseClass}__toggler`].filter(Boolean).join(' ')}\n disabled={disabled}\n slug={drawerSlug}\n {...rest}\n >\n {children}\n </DrawerToggler>\n )\n}\n\nexport const DocumentDrawer: React.FC<DocumentDrawerProps> = (props) => {\n const { drawerSlug } = props\n\n return (\n <Drawer Header={null} className={baseClass} gutter={false} slug={drawerSlug}>\n <DocumentDrawerContent {...props} />\n </Drawer>\n )\n}\n\nexport const useDocumentDrawer: UseDocumentDrawer = ({ id, collectionSlug }) => {\n const { useModal } = facelessUIImport\n\n const drawerDepth = useEditDepth()\n const uuid = useId()\n const { closeModal, modalState, openModal, toggleModal } = useModal()\n const [isOpen, setIsOpen] = useState(false)\n\n const drawerSlug = formatDocumentDrawerSlug({\n id,\n collectionSlug,\n depth: drawerDepth,\n uuid,\n })\n\n useEffect(() => {\n setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n }, [modalState, drawerSlug])\n\n const toggleDrawer = useCallback(() => {\n toggleModal(drawerSlug)\n }, [toggleModal, drawerSlug])\n\n const closeDrawer = useCallback(() => {\n closeModal(drawerSlug)\n }, [closeModal, drawerSlug])\n\n const openDrawer = useCallback(() => {\n openModal(drawerSlug)\n }, [openModal, drawerSlug])\n\n const MemoizedDrawer = useMemo(() => {\n return (props) => (\n <DocumentDrawer\n {...props}\n collectionSlug={collectionSlug}\n drawerSlug={drawerSlug}\n id={id}\n key={drawerSlug}\n />\n )\n }, [id, drawerSlug, collectionSlug])\n\n const MemoizedDrawerToggler = useMemo(() => {\n return (props) => (\n <DocumentDrawerToggler\n {...props}\n collectionSlug={collectionSlug}\n drawerSlug={drawerSlug}\n id={id}\n />\n )\n }, [id, drawerSlug, collectionSlug])\n\n const MemoizedDrawerState = useMemo(\n () => ({\n closeDrawer,\n drawerDepth,\n drawerSlug,\n isDrawerOpen: isOpen,\n openDrawer,\n toggleDrawer,\n }),\n [drawerDepth, drawerSlug, isOpen, toggleDrawer, closeDrawer, openDrawer],\n )\n\n return [MemoizedDrawer, MemoizedDrawerToggler, MemoizedDrawerState]\n}\n"],"names":["facelessUIImport","getTranslation","React","useCallback","useEffect","useId","useMemo","useState","useRelatedCollections","useEditDepth","useTranslation","Drawer","DrawerToggler","DocumentDrawerContent","baseClass","formatDocumentDrawerSlug","id","collectionSlug","depth","uuid","DocumentDrawerToggler","children","className","disabled","drawerSlug","rest","i18n","t","collectionConfig","aria-label","label","labels","singular","filter","Boolean","join","slug","DocumentDrawer","props","Header","gutter","useDocumentDrawer","useModal","drawerDepth","closeModal","modalState","openModal","toggleModal","isOpen","setIsOpen","toggleDrawer","closeDrawer","openDrawer","MemoizedDrawer","key","MemoizedDrawerToggler","MemoizedDrawerState","isDrawerOpen"],"mappings":"AAAA;AACA,YAAYA,sBAAsB,qBAAoB;AACtD,SAASC,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,KAAK,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAO;AAI/E,SAASC,qBAAqB,QAAQ,~~kEAAiE~~;~~AACvG~~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"}
1	+ {"version":3,"sources":["../../../src/elements/DocumentDrawer/index.tsx"],"sourcesContent":["'use client'\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useEffect, useId, useMemo, useState } from 'react'\n\nimport type { DocumentDrawerProps, DocumentTogglerProps, UseDocumentDrawer } from './types.js'\n\nimport { useRelatedCollections } from '../../fields/Relationship/AddNew/useRelatedCollections.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Drawer, DrawerToggler } from '../Drawer/index.js'\nimport { DocumentDrawerContent } from './DrawerContent.js'\nimport './index.scss'\n\nexport const baseClass = 'doc-drawer'\n\nconst formatDocumentDrawerSlug = ({\n id,\n collectionSlug,\n depth,\n uuid,\n}: {\n collectionSlug: string\n depth: number\n id: number \| string\n uuid: string // supply when creating a new document and no id is available\n}) => `doc-drawer_${collectionSlug}_${depth}${id ? `_${id}` : ''}_${uuid}`\n\nexport const DocumentDrawerToggler: React.FC<DocumentTogglerProps> = ({\n id,\n children,\n className,\n collectionSlug,\n disabled,\n drawerSlug,\n ...rest\n}) => {\n const { i18n, t } = useTranslation()\n const [collectionConfig] = useRelatedCollections(collectionSlug)\n\n return (\n <DrawerToggler\n aria-label={t(!id ? 'fields:addNewLabel' : 'general:editLabel', {\n label: getTranslation(collectionConfig.labels.singular, i18n),\n })}\n className={[className, `${baseClass}__toggler`].filter(Boolean).join(' ')}\n disabled={disabled}\n slug={drawerSlug}\n {...rest}\n >\n {children}\n </DrawerToggler>\n )\n}\n\nexport const DocumentDrawer: React.FC<DocumentDrawerProps> = (props) => {\n const { drawerSlug } = props\n\n return (\n <Drawer Header={null} className={baseClass} gutter={false} slug={drawerSlug}>\n <DocumentDrawerContent {...props} />\n </Drawer>\n )\n}\n\nexport const useDocumentDrawer: UseDocumentDrawer = ({ id, collectionSlug }) => {\n const { useModal } = facelessUIImport\n\n const drawerDepth = useEditDepth()\n const uuid = useId()\n const { closeModal, modalState, openModal, toggleModal } = useModal()\n const [isOpen, setIsOpen] = useState(false)\n\n const drawerSlug = formatDocumentDrawerSlug({\n id,\n collectionSlug,\n depth: drawerDepth,\n uuid,\n })\n\n useEffect(() => {\n setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n }, [modalState, drawerSlug])\n\n const toggleDrawer = useCallback(() => {\n toggleModal(drawerSlug)\n }, [toggleModal, drawerSlug])\n\n const closeDrawer = useCallback(() => {\n closeModal(drawerSlug)\n }, [closeModal, drawerSlug])\n\n const openDrawer = useCallback(() => {\n openModal(drawerSlug)\n }, [openModal, drawerSlug])\n\n const MemoizedDrawer = useMemo(() => {\n return (props) => (\n <DocumentDrawer\n {...props}\n collectionSlug={collectionSlug}\n drawerSlug={drawerSlug}\n id={id}\n key={drawerSlug}\n />\n )\n }, [id, drawerSlug, collectionSlug])\n\n const MemoizedDrawerToggler = useMemo(() => {\n return (props) => (\n <DocumentDrawerToggler\n {...props}\n collectionSlug={collectionSlug}\n drawerSlug={drawerSlug}\n id={id}\n />\n )\n }, [id, drawerSlug, collectionSlug])\n\n const MemoizedDrawerState = useMemo(\n () => ({\n closeDrawer,\n drawerDepth,\n drawerSlug,\n isDrawerOpen: isOpen,\n openDrawer,\n toggleDrawer,\n }),\n [drawerDepth, drawerSlug, isOpen, toggleDrawer, closeDrawer, openDrawer],\n )\n\n return [MemoizedDrawer, MemoizedDrawerToggler, MemoizedDrawerState]\n}\n"],"names":["facelessUIImport","getTranslation","React","useCallback","useEffect","useId","useMemo","useState","useRelatedCollections","useEditDepth","useTranslation","Drawer","DrawerToggler","DocumentDrawerContent","baseClass","formatDocumentDrawerSlug","id","collectionSlug","depth","uuid","DocumentDrawerToggler","children","className","disabled","drawerSlug","rest","i18n","t","collectionConfig","aria-label","label","labels","singular","filter","Boolean","join","slug","DocumentDrawer","props","Header","gutter","useDocumentDrawer","useModal","drawerDepth","closeModal","modalState","openModal","toggleModal","isOpen","setIsOpen","toggleDrawer","closeDrawer","openDrawer","MemoizedDrawer","key","MemoizedDrawerToggler","MemoizedDrawerState","isDrawerOpen"],"mappings":"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"}

package/dist/elements/DocumentDrawer/types.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { TypeWithID } from 'payload/types.js';
+import type { TypeWithID } from 'payload/types';
 import type React from 'react';
 import type { HTMLAttributes } from 'react';
 import type { DocumentInfoContext } from '../../providers/DocumentInfo/types.js';

package/dist/elements/DocumentDrawer/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,~~kBAAkB~~,CAAA;~~AAClD~~,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAA;AAChF,OAAO,KAAK,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAE9D,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG;IAC9D,cAAc,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;IAC3B,WAAW,CAAC,EAAE,UAAU,CAAA;IACxB,MAAM,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;CACvC,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,CAAC,IAAI,EAAE;IAAE,cAAc,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,KAAK;IAC1F,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC5D,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,oBAAoB,EAAE,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC7D;QACE,WAAW,EAAE,MAAM,IAAI,CAAA;QACvB,WAAW,EAAE,MAAM,CAAA;QACnB,UAAU,EAAE,MAAM,CAAA;QAClB,YAAY,EAAE,OAAO,CAAA;QACrB,UAAU,EAAE,MAAM,IAAI,CAAA;QACtB,YAAY,EAAE,MAAM,IAAI,CAAA;KACzB;CACF,CAAA"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAA;AAChF,OAAO,KAAK,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAE9D,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG;IAC9D,cAAc,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;IAC3B,WAAW,CAAC,EAAE,UAAU,CAAA;IACxB,MAAM,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;CACvC,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,CAAC,IAAI,EAAE;IAAE,cAAc,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,KAAK;IAC1F,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC5D,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,oBAAoB,EAAE,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC7D;QACE,WAAW,EAAE,MAAM,IAAI,CAAA;QACvB,WAAW,EAAE,MAAM,CAAA;QACnB,UAAU,EAAE,MAAM,CAAA;QAClB,YAAY,EAAE,OAAO,CAAA;QACrB,UAAU,EAAE,MAAM,IAAI,CAAA;QACtB,YAAY,EAAE,MAAM,IAAI,CAAA;KACzB;CACF,CAAA"}

package/dist/elements/DocumentDrawer/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/elements/DocumentDrawer/types.ts"],"sourcesContent":["import type { TypeWithID } from 'payload/types~~.js~~'\nimport type React from 'react'\nimport type { HTMLAttributes } from 'react'\n\nimport type { DocumentInfoContext } from '../../providers/DocumentInfo/types.js'\nimport type { Props as DrawerProps } from '../Drawer/types.js'\n\nexport type DocumentDrawerProps = Pick<DrawerProps, 'Header'> & {\n collectionSlug: string\n drawerSlug?: string\n id?: null \| number \| string\n initialData?: TypeWithID\n onSave?: DocumentInfoContext['onSave']\n}\n\nexport type DocumentTogglerProps = HTMLAttributes<HTMLButtonElement> & {\n children?: React.ReactNode\n className?: string\n collectionSlug: string\n disabled?: boolean\n drawerSlug?: string\n id?: string\n}\n\nexport type UseDocumentDrawer = (args: { collectionSlug: string; id?: number \| string }) => [\n React.FC<Omit<DocumentDrawerProps, 'collectionSlug' \| 'id'>>, // drawer\n React.FC<Omit<DocumentTogglerProps, 'collectionSlug' \| 'id'>>, // toggler\n {\n closeDrawer: () => void\n drawerDepth: number\n drawerSlug: string\n isDrawerOpen: boolean\n openDrawer: () => void\n toggleDrawer: () => void\n },\n]\n"],"names":[],"mappings":"AAwBA,WAWC"}
1	+ {"version":3,"sources":["../../../src/elements/DocumentDrawer/types.ts"],"sourcesContent":["import type { TypeWithID } from 'payload/types'\nimport type React from 'react'\nimport type { HTMLAttributes } from 'react'\n\nimport type { DocumentInfoContext } from '../../providers/DocumentInfo/types.js'\nimport type { Props as DrawerProps } from '../Drawer/types.js'\n\nexport type DocumentDrawerProps = Pick<DrawerProps, 'Header'> & {\n collectionSlug: string\n drawerSlug?: string\n id?: null \| number \| string\n initialData?: TypeWithID\n onSave?: DocumentInfoContext['onSave']\n}\n\nexport type DocumentTogglerProps = HTMLAttributes<HTMLButtonElement> & {\n children?: React.ReactNode\n className?: string\n collectionSlug: string\n disabled?: boolean\n drawerSlug?: string\n id?: string\n}\n\nexport type UseDocumentDrawer = (args: { collectionSlug: string; id?: number \| string }) => [\n React.FC<Omit<DocumentDrawerProps, 'collectionSlug' \| 'id'>>, // drawer\n React.FC<Omit<DocumentTogglerProps, 'collectionSlug' \| 'id'>>, // toggler\n {\n closeDrawer: () => void\n drawerDepth: number\n drawerSlug: string\n isDrawerOpen: boolean\n openDrawer: () => void\n toggleDrawer: () => void\n },\n]\n"],"names":[],"mappings":"AAwBA,WAWC"}

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

@@ -1,12 +1,17 @@
-import type { Description } from 'payload/types';
+import type { Description, DocumentPermissions } from 'payload/types';
 import React from 'react';
-import type { FieldMap } from '../../utilities/buildComponentMap/types.js';
+import type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js';
 import './index.scss';
-export declare const DocumentFields: React.FC<{
+type Args = {
     AfterFields?: React.ReactNode;
     BeforeFields?: React.ReactNode;
     description?: Description;
+    docPermissions: DocumentPermissions;
     fieldMap: FieldMap;
     forceSidebarWrap?: boolean;
-}>;
+    readOnly: boolean;
+    schemaPath: string;
+};
+export declare const DocumentFields: React.FC<Args>;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentFields/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,~~EAAa~~,MAAM,eAAe,CAAA;~~AAE3D~~,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,~~4CAA4C~~,CAAA;~~AAI1E~~,OAAO,cAAc,CAAA;AAIrB,~~eAAO,MAAM,cAAc,EAAE,~~KAAK,~~CAAC~~,~~EAAE,CAAC~~;~~IACpC~~,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,QAAQ,EAAE,QAAQ,CAAA;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAA;~~CAC3B~~,~~CA8CA~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentFields/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAErE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yDAAyD,CAAA;AAIvF,OAAO,cAAc,CAAA;AAIrB,KAAK,IAAI,GAAG;IACV,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,cAAc,EAAE,mBAAmB,CAAA;IACnC,QAAQ,EAAE,QAAQ,CAAA;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAkEzC,CAAA"}

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

@@ -1,10 +1,9 @@
 'use client';
 import React from 'react';
-import RenderFields from '../../forms/RenderFields/index.js';
+import { RenderFields } from '../../forms/RenderFields/index.js';
 import { Gutter } from '../Gutter/index.js';
 const baseClass = 'document-fields';
-export const DocumentFields = (props)=>{
-    const { AfterFields, BeforeFields, description, fieldMap, forceSidebarWrap } = props;
+export const DocumentFields = ({ AfterFields, BeforeFields, description, docPermissions, fieldMap, forceSidebarWrap, readOnly, schemaPath })=>{
     const mainFields = fieldMap.filter(({ isSidebar })=>!isSidebar);
     const sidebarFields = fieldMap.filter(({ isSidebar })=>isSidebar);
     const hasSidebarFields = sidebarFields && sidebarFields.length > 0;
@@ -24,7 +23,11 @@ export const DocumentFields = (props)=>{
         className: `${baseClass}__sub-header`
     })), BeforeFields, /*#__PURE__*/ React.createElement(RenderFields, {
         className: `${baseClass}__fields`,
-        fieldMap: mainFields
+        fieldMap: mainFields,
+        path: "",
+        permissions: docPermissions?.['fields'],
+        readOnly: readOnly,
+        schemaPath: schemaPath
     }), AfterFields)), hasSidebarFields && /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__sidebar-wrap`
     }, /*#__PURE__*/ React.createElement("div", {
@@ -32,7 +35,11 @@ export const DocumentFields = (props)=>{
     }, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__sidebar-fields`
     }, /*#__PURE__*/ React.createElement(RenderFields, {
-        fieldMap: sidebarFields
+        fieldMap: sidebarFields,
+        path: "",
+        permissions: docPermissions?.fields,
+        readOnly: readOnly,
+        schemaPath: schemaPath
     }))))));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/elements/DocumentFields/index.tsx"],"sourcesContent":["'use client'\nimport type { Description, ~~Operation~~ } from 'payload/types'\n\nimport React from 'react'\n\nimport type { FieldMap } from '../../~~utilities~~/buildComponentMap/types.js'\n\nimport RenderFields from '../../forms/RenderFields/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport './index.scss'\n\nconst baseClass = 'document-fields'\n\~~nexport~~ ~~const~~ ~~DocumentFields:~~ ~~React.FC<~~{\n AfterFields?: React.ReactNode\n BeforeFields?: React.ReactNode\n description?: Description\n fieldMap: FieldMap\n forceSidebarWrap?: boolean\n}> = (~~props) =>~~ {\n ~~const {~~ AfterFields, BeforeFields, description, fieldMap, forceSidebarWrap } = ~~props~~\n\n const mainFields = fieldMap.filter(({ isSidebar }) => !isSidebar)\n\n const sidebarFields = fieldMap.filter(({ isSidebar }) => isSidebar)\n\n const hasSidebarFields = sidebarFields && sidebarFields.length > 0\n\n return (\n <React.Fragment>\n <div\n className={[\n baseClass,\n hasSidebarFields ? `${baseClass}--has-sidebar` : `${baseClass}--no-sidebar`,\n forceSidebarWrap && `${baseClass}--force-sidebar-wrap`,\n ]\n .filter(Boolean)\n .join(' ')}\n >\n <div className={`${baseClass}__main`}>\n <Gutter className={`${baseClass}__edit`}>\n <header className={`${baseClass}__header`}>\n {description && (\n <div className={`${baseClass}__sub-header`}>\n {/* <ViewDescription description={description} /> */}\n </div>\n )}\n </header>\n {BeforeFields}\n <RenderFields className={`${baseClass}__fields`} fieldMap={mainFields} />\n {AfterFields}\n </Gutter>\n </div>\n {hasSidebarFields && (\n <div className={`${baseClass}__sidebar-wrap`}>\n <div className={`${baseClass}__sidebar`}>\n <div className={`${baseClass}__sidebar-fields`}>\n <RenderFields fieldMap={sidebarFields} />\n </div>\n </div>\n </div>\n )}\n </div>\n </React.Fragment>\n )\n}\n"],"names":["React","RenderFields","Gutter","baseClass","DocumentFields","~~props","~~AfterFields","BeforeFields","description","fieldMap","forceSidebarWrap","mainFields","filter","isSidebar","sidebarFields","hasSidebarFields","length","Fragment","div","className","Boolean","join","header"],"mappings":"AAAA;AAGA,OAAOA,WAAW,QAAO;AAIzB,~~OAAOC~~,~~kBAAkB~~,oCAAmC;~~AAC5D~~,SAASC,MAAM,QAAQ,qBAAoB;AAG3C,MAAMC,YAAY;~~AAElB~~,OAAO,MAAMC,~~iBAMR~~,~~CAACC;IACJ~~,~~MAAM~~,~~EAAEC,~~WAAW,~~EAAEC~~,YAAY,~~EAAEC~~,WAAW,~~EAAEC~~,QAAQ,~~EAAEC~~,gBAAgB,~~EAAE~~,~~GAAGL~~;~~IAE/E~~,~~MAAMM~~,~~aAAaF~~,~~SAASG~~,MAAM,CAAC,CAAC,EAAEC,SAAS,EAAE,GAAK,CAACA;IAEvD,MAAMC,~~gBAAgBL~~,~~SAASG~~,MAAM,CAAC,CAAC,EAAEC,SAAS,EAAE,GAAKA;IAEzD,MAAME,mBAAmBD,iBAAiBA,cAAcE,MAAM,GAAG;IAEjE,qBACE,~~oBAAChB~~,~~MAAMiB~~,QAAQ,sBACb,oBAACC;QACCC,WAAW;~~YACThB~~;~~YACAY~~,mBAAmB,CAAC,~~EAAEZ~~,UAAU,aAAa,CAAC,GAAG,CAAC,EAAEA,UAAU,YAAY,CAAC;YAC3EO,oBAAoB,CAAC,EAAEP,UAAU,oBAAoB,CAAC;SACvD,~~CACES~~,MAAM,CAACQ,SACPC,IAAI,CAAC;qBAER,oBAACH;QAAIC,WAAW,CAAC,~~EAAEhB~~,UAAU,MAAM,CAAC;qBAClC,oBAACD;~~QAAOiB~~,WAAW,CAAC,~~EAAEhB~~,UAAU,MAAM,CAAC;qBACrC,~~oBAACmB~~;QAAOH,WAAW,CAAC,~~EAAEhB~~,UAAU,QAAQ,CAAC;~~OACtCK~~,6BACC,~~oBAACU~~;QAAIC,WAAW,CAAC,~~EAAEhB~~,UAAU,YAAY,CAAC;~~SAK7CI~~,4BACD,~~oBAACN~~;~~QAAakB~~,WAAW,CAAC,~~EAAEhB~~,UAAU,QAAQ,CAAC;~~QAAEM~~,~~UAAUE~~;~~QAC1DL~~,~~eAGJS~~,kCACC,oBAACG;QAAIC,WAAW,CAAC,~~EAAEhB~~,UAAU,cAAc,CAAC;qBAC1C,~~oBAACe~~;QAAIC,WAAW,CAAC,~~EAAEhB~~,UAAU,SAAS,CAAC;qBACrC,~~oBAACe~~;QAAIC,WAAW,CAAC,~~EAAEhB~~,UAAU,gBAAgB,CAAC;qBAC5C,oBAACF;~~QAAaQ~~,~~UAAUK~~;;~~AAQxC~~,EAAC"}
1	+ {"version":3,"sources":["../../../src/elements/DocumentFields/index.tsx"],"sourcesContent":["'use client'\nimport type { Description, DocumentPermissions } from 'payload/types'\n\nimport React from 'react'\n\nimport type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js'\n\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport './index.scss'\n\nconst baseClass = 'document-fields'\n\ntype Args = {\n AfterFields?: React.ReactNode\n BeforeFields?: React.ReactNode\n description?: Description\n docPermissions: DocumentPermissions\n fieldMap: FieldMap\n forceSidebarWrap?: boolean\n readOnly: boolean\n schemaPath: string\n}\n\nexport const DocumentFields: React.FC<Args> = ({\n AfterFields,\n BeforeFields,\n description,\n docPermissions,\n fieldMap,\n forceSidebarWrap,\n readOnly,\n schemaPath,\n}) => {\n const mainFields = fieldMap.filter(({ isSidebar }) => !isSidebar)\n\n const sidebarFields = fieldMap.filter(({ isSidebar }) => isSidebar)\n\n const hasSidebarFields = sidebarFields && sidebarFields.length > 0\n\n return (\n <React.Fragment>\n <div\n className={[\n baseClass,\n hasSidebarFields ? `${baseClass}--has-sidebar` : `${baseClass}--no-sidebar`,\n forceSidebarWrap && `${baseClass}--force-sidebar-wrap`,\n ]\n .filter(Boolean)\n .join(' ')}\n >\n <div className={`${baseClass}__main`}>\n <Gutter className={`${baseClass}__edit`}>\n <header className={`${baseClass}__header`}>\n {description && (\n <div className={`${baseClass}__sub-header`}>\n {/* <ViewDescription description={description} /> */}\n </div>\n )}\n </header>\n {BeforeFields}\n <RenderFields\n className={`${baseClass}__fields`}\n fieldMap={mainFields}\n path=\"\"\n permissions={docPermissions?.['fields']}\n readOnly={readOnly}\n schemaPath={schemaPath}\n />\n {AfterFields}\n </Gutter>\n </div>\n {hasSidebarFields && (\n <div className={`${baseClass}__sidebar-wrap`}>\n <div className={`${baseClass}__sidebar`}>\n <div className={`${baseClass}__sidebar-fields`}>\n <RenderFields\n fieldMap={sidebarFields}\n path=\"\"\n permissions={docPermissions?.fields}\n readOnly={readOnly}\n schemaPath={schemaPath}\n />\n </div>\n </div>\n </div>\n )}\n </div>\n </React.Fragment>\n )\n}\n"],"names":["React","RenderFields","Gutter","baseClass","DocumentFields","AfterFields","BeforeFields","description","docPermissions","fieldMap","forceSidebarWrap","readOnly","schemaPath","mainFields","filter","isSidebar","sidebarFields","hasSidebarFields","length","Fragment","div","className","Boolean","join","header","path","permissions","fields"],"mappings":"AAAA;AAGA,OAAOA,WAAW,QAAO;AAIzB,SAASC,YAAY,QAAQ,oCAAmC;AAChE,SAASC,MAAM,QAAQ,qBAAoB;AAG3C,MAAMC,YAAY;AAalB,OAAO,MAAMC,iBAAiC,CAAC,EAC7CC,WAAW,EACXC,YAAY,EACZC,WAAW,EACXC,cAAc,EACdC,QAAQ,EACRC,gBAAgB,EAChBC,QAAQ,EACRC,UAAU,EACX;IACC,MAAMC,aAAaJ,SAASK,MAAM,CAAC,CAAC,EAAEC,SAAS,EAAE,GAAK,CAACA;IAEvD,MAAMC,gBAAgBP,SAASK,MAAM,CAAC,CAAC,EAAEC,SAAS,EAAE,GAAKA;IAEzD,MAAME,mBAAmBD,iBAAiBA,cAAcE,MAAM,GAAG;IAEjE,qBACE,oBAAClB,MAAMmB,QAAQ,sBACb,oBAACC;QACCC,WAAW;YACTlB;YACAc,mBAAmB,CAAC,EAAEd,UAAU,aAAa,CAAC,GAAG,CAAC,EAAEA,UAAU,YAAY,CAAC;YAC3EO,oBAAoB,CAAC,EAAEP,UAAU,oBAAoB,CAAC;SACvD,CACEW,MAAM,CAACQ,SACPC,IAAI,CAAC;qBAER,oBAACH;QAAIC,WAAW,CAAC,EAAElB,UAAU,MAAM,CAAC;qBAClC,oBAACD;QAAOmB,WAAW,CAAC,EAAElB,UAAU,MAAM,CAAC;qBACrC,oBAACqB;QAAOH,WAAW,CAAC,EAAElB,UAAU,QAAQ,CAAC;OACtCI,6BACC,oBAACa;QAAIC,WAAW,CAAC,EAAElB,UAAU,YAAY,CAAC;SAK7CG,4BACD,oBAACL;QACCoB,WAAW,CAAC,EAAElB,UAAU,QAAQ,CAAC;QACjCM,UAAUI;QACVY,MAAK;QACLC,aAAalB,gBAAgB,CAAC,SAAS;QACvCG,UAAUA;QACVC,YAAYA;QAEbP,eAGJY,kCACC,oBAACG;QAAIC,WAAW,CAAC,EAAElB,UAAU,cAAc,CAAC;qBAC1C,oBAACiB;QAAIC,WAAW,CAAC,EAAElB,UAAU,SAAS,CAAC;qBACrC,oBAACiB;QAAIC,WAAW,CAAC,EAAElB,UAAU,gBAAgB,CAAC;qBAC5C,oBAACF;QACCQ,UAAUO;QACVS,MAAK;QACLC,aAAalB,gBAAgBmB;QAC7BhB,UAAUA;QACVC,YAAYA;;AAS9B,EAAC"}

package/dist/elements/DocumentHeader/Tabs/Tab/TabLink.js CHANGED Viewed

@@ -22,7 +22,7 @@ export const DocumentTabLink = ({ adminRoute, baseClass, children, href: hrefFro
         ].filter(Boolean).join(' ')
     }, /*#__PURE__*/ React.createElement(Link, {
         className: `${baseClass}__link`,
-        href: !isActive ? href : '',
+        href: !isActive || href !== pathname ? href : '',
         ...newTab && {
             rel: 'noopener noreferrer',
             target: '_blank'

package/dist/elements/DocumentHeader/Tabs/Tab/TabLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/elements/DocumentHeader/Tabs/Tab/TabLink.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedConfig } from 'payload/types'\n\nimport LinkImport from 'next/link.js'\nimport { useParams, usePathname } from 'next/navigation.js'\nimport React from 'react'\n\nconst Link = (LinkImport.default \|\| LinkImport) as unknown as typeof LinkImport.default\n\nexport const DocumentTabLink: React.FC<{\n adminRoute: SanitizedConfig['routes']['admin']\n baseClass: string\n children?: React.ReactNode\n href: string\n isActive?: boolean\n isCollection?: boolean\n newTab?: boolean\n}> = ({\n adminRoute,\n baseClass,\n children,\n href: hrefFromProps,\n isActive: isActiveFromProps,\n newTab,\n}) => {\n const pathname = usePathname()\n const params = useParams()\n const [entityType, entitySlug, segmentThree, segmentFour, ...rest] = params.segments \|\| []\n const isCollection = entityType === 'collections'\n let docPath = `${adminRoute}/${isCollection ? 'collections' : 'globals'}/${entitySlug}`\n if (isCollection && segmentThree) {\n // doc ID\n docPath += `/${segmentThree}`\n }\n\n const href = `${docPath}${hrefFromProps}`\n\n const isActive =\n (href === docPath && pathname === docPath) \|\|\n (href !== docPath && pathname.startsWith(href)) \|\|\n isActiveFromProps\n\n return (\n <li className={[baseClass, isActive && `${baseClass}--active`].filter(Boolean).join(' ')}>\n <Link\n className={`${baseClass}__link`}\n href={!isActive ? href : ''}\n {...(newTab && { rel: 'noopener noreferrer', target: '_blank' })}\n tabIndex={isActive ? -1 : 0}\n >\n {children}\n </Link>\n </li>\n )\n}\n"],"names":["LinkImport","useParams","usePathname","React","Link","default","DocumentTabLink","adminRoute","baseClass","children","href","hrefFromProps","isActive","isActiveFromProps","newTab","pathname","params","entityType","entitySlug","segmentThree","segmentFour","rest","segments","isCollection","docPath","startsWith","li","className","filter","Boolean","join","rel","target","tabIndex"],"mappings":"AAAA;AAGA,OAAOA,gBAAgB,eAAc;AACrC,SAASC,SAAS,EAAEC,WAAW,QAAQ,qBAAoB;AAC3D,OAAOC,WAAW,QAAO;AAEzB,MAAMC,OAAQJ,WAAWK,OAAO,IAAIL;AAEpC,OAAO,MAAMM,kBAQR,CAAC,EACJC,UAAU,EACVC,SAAS,EACTC,QAAQ,EACRC,MAAMC,aAAa,EACnBC,UAAUC,iBAAiB,EAC3BC,MAAM,EACP;IACC,MAAMC,WAAWb;IACjB,MAAMc,SAASf;IACf,MAAM,CAACgB,YAAYC,YAAYC,cAAcC,aAAa,GAAGC,KAAK,GAAGL,OAAOM,QAAQ,IAAI,EAAE;IAC1F,MAAMC,eAAeN,eAAe;IACpC,IAAIO,UAAU,CAAC,EAAEjB,WAAW,CAAC,EAAEgB,eAAe,gBAAgB,UAAU,CAAC,EAAEL,WAAW,CAAC;IACvF,IAAIK,gBAAgBJ,cAAc;QAChC,SAAS;QACTK,WAAW,CAAC,CAAC,EAAEL,aAAa,CAAC;IAC/B;IAEA,MAAMT,OAAO,CAAC,EAAEc,QAAQ,EAAEb,cAAc,CAAC;IAEzC,MAAMC,WACJ,AAACF,SAASc,WAAWT,aAAaS,WACjCd,SAASc,WAAWT,SAASU,UAAU,CAACf,SACzCG;IAEF,qBACE,oBAACa;QAAGC,WAAW;YAACnB;YAAWI,YAAY,CAAC,EAAEJ,UAAU,QAAQ,CAAC;SAAC,CAACoB,MAAM,CAACC,SAASC,IAAI,CAAC;qBAClF,oBAAC1B;QACCuB,WAAW,CAAC,EAAEnB,UAAU,MAAM,CAAC;QAC/BE,MAAM,CAACE,~~WAAWF~~,OAAO;~~QACxB~~,GAAII,UAAU;YAAEiB,KAAK;YAAuBC,QAAQ;QAAS,CAAC;QAC/DC,UAAUrB,WAAW,CAAC,IAAI;OAEzBH;AAIT,EAAC"}
1	+ {"version":3,"sources":["../../../../../src/elements/DocumentHeader/Tabs/Tab/TabLink.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedConfig } from 'payload/types'\n\nimport LinkImport from 'next/link.js'\nimport { useParams, usePathname } from 'next/navigation.js'\nimport React from 'react'\n\nconst Link = (LinkImport.default \|\| LinkImport) as unknown as typeof LinkImport.default\n\nexport const DocumentTabLink: React.FC<{\n adminRoute: SanitizedConfig['routes']['admin']\n baseClass: string\n children?: React.ReactNode\n href: string\n isActive?: boolean\n isCollection?: boolean\n newTab?: boolean\n}> = ({\n adminRoute,\n baseClass,\n children,\n href: hrefFromProps,\n isActive: isActiveFromProps,\n newTab,\n}) => {\n const pathname = usePathname()\n const params = useParams()\n const [entityType, entitySlug, segmentThree, segmentFour, ...rest] = params.segments \|\| []\n const isCollection = entityType === 'collections'\n let docPath = `${adminRoute}/${isCollection ? 'collections' : 'globals'}/${entitySlug}`\n if (isCollection && segmentThree) {\n // doc ID\n docPath += `/${segmentThree}`\n }\n\n const href = `${docPath}${hrefFromProps}`\n\n const isActive =\n (href === docPath && pathname === docPath) \|\|\n (href !== docPath && pathname.startsWith(href)) \|\|\n isActiveFromProps\n\n return (\n <li className={[baseClass, isActive && `${baseClass}--active`].filter(Boolean).join(' ')}>\n <Link\n className={`${baseClass}__link`}\n href={!isActive \|\| href !== pathname ? href : ''}\n {...(newTab && { rel: 'noopener noreferrer', target: '_blank' })}\n tabIndex={isActive ? -1 : 0}\n >\n {children}\n </Link>\n </li>\n )\n}\n"],"names":["LinkImport","useParams","usePathname","React","Link","default","DocumentTabLink","adminRoute","baseClass","children","href","hrefFromProps","isActive","isActiveFromProps","newTab","pathname","params","entityType","entitySlug","segmentThree","segmentFour","rest","segments","isCollection","docPath","startsWith","li","className","filter","Boolean","join","rel","target","tabIndex"],"mappings":"AAAA;AAGA,OAAOA,gBAAgB,eAAc;AACrC,SAASC,SAAS,EAAEC,WAAW,QAAQ,qBAAoB;AAC3D,OAAOC,WAAW,QAAO;AAEzB,MAAMC,OAAQJ,WAAWK,OAAO,IAAIL;AAEpC,OAAO,MAAMM,kBAQR,CAAC,EACJC,UAAU,EACVC,SAAS,EACTC,QAAQ,EACRC,MAAMC,aAAa,EACnBC,UAAUC,iBAAiB,EAC3BC,MAAM,EACP;IACC,MAAMC,WAAWb;IACjB,MAAMc,SAASf;IACf,MAAM,CAACgB,YAAYC,YAAYC,cAAcC,aAAa,GAAGC,KAAK,GAAGL,OAAOM,QAAQ,IAAI,EAAE;IAC1F,MAAMC,eAAeN,eAAe;IACpC,IAAIO,UAAU,CAAC,EAAEjB,WAAW,CAAC,EAAEgB,eAAe,gBAAgB,UAAU,CAAC,EAAEL,WAAW,CAAC;IACvF,IAAIK,gBAAgBJ,cAAc;QAChC,SAAS;QACTK,WAAW,CAAC,CAAC,EAAEL,aAAa,CAAC;IAC/B;IAEA,MAAMT,OAAO,CAAC,EAAEc,QAAQ,EAAEb,cAAc,CAAC;IAEzC,MAAMC,WACJ,AAACF,SAASc,WAAWT,aAAaS,WACjCd,SAASc,WAAWT,SAASU,UAAU,CAACf,SACzCG;IAEF,qBACE,oBAACa;QAAGC,WAAW;YAACnB;YAAWI,YAAY,CAAC,EAAEJ,UAAU,QAAQ,CAAC;SAAC,CAACoB,MAAM,CAACC,SAASC,IAAI,CAAC;qBAClF,oBAAC1B;QACCuB,WAAW,CAAC,EAAEnB,UAAU,MAAM,CAAC;QAC/BE,MAAM,CAACE,YAAYF,SAASK,WAAWL,OAAO;QAC7C,GAAII,UAAU;YAAEiB,KAAK;YAAuBC,QAAQ;QAAS,CAAC;QAC/DC,UAAUrB,WAAW,CAAC,IAAI;OAEzBH;AAIT,EAAC"}

package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,~~EAGhC~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAQhC,CAAA"}

package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.js CHANGED Viewed

@@ -4,9 +4,12 @@ import { useDocumentInfo } from '../../../../../providers/DocumentInfo/index.js'
 import { baseClass } from '../../Tab/index.js';
 export const VersionsPill = ()=>{
     const { versions } = useDocumentInfo();
-    return /*#__PURE__*/ React.createElement("span", {
-        className: `${baseClass}__count`
-    }, versions?.totalDocs?.toString());
+    if (versions?.totalDocs > 0) {
+        return /*#__PURE__*/ React.createElement("span", {
+            className: `${baseClass}__count`
+        }, versions?.totalDocs?.toString());
+    }
+    return null;
 };
 //# sourceMappingURL=index.js.map

package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useDocumentInfo } from '../../../../../providers/DocumentInfo/index.js'\nimport { baseClass } from '../../Tab/index.js'\n\nexport const VersionsPill: React.FC = () => {\n const { versions } = useDocumentInfo()\n return <span className={`${baseClass}__count`}>{versions?.totalDocs?.toString()}</span>\n}\n"],"names":["React","useDocumentInfo","baseClass","VersionsPill","versions","~~span~~","~~className~~","~~totalDocs~~","toString"],"mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,eAAe,QAAQ,iDAAgD;AAChF,SAASC,SAAS,QAAQ,qBAAoB;AAE9C,OAAO,MAAMC,eAAyB;IACpC,MAAM,EAAEC,QAAQ,EAAE,GAAGH;~~IACrB~~,qBAAO,~~oBAACI~~;~~QAAKC~~,WAAW,CAAC,~~EAAEJ~~,UAAU,OAAO,CAAC;~~OAAGE~~,~~UAAUG~~,~~WAAWC~~;~~AACvE~~,EAAC"}
1	+ {"version":3,"sources":["../../../../../../src/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useDocumentInfo } from '../../../../../providers/DocumentInfo/index.js'\nimport { baseClass } from '../../Tab/index.js'\n\nexport const VersionsPill: React.FC = () => {\n const { versions } = useDocumentInfo()\n\n if (versions?.totalDocs > 0) {\n return <span className={`${baseClass}__count`}>{versions?.totalDocs?.toString()}</span>\n }\n\n return null\n}\n"],"names":["React","useDocumentInfo","baseClass","VersionsPill","versions","totalDocs","span","className","toString"],"mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,eAAe,QAAQ,iDAAgD;AAChF,SAASC,SAAS,QAAQ,qBAAoB;AAE9C,OAAO,MAAMC,eAAyB;IACpC,MAAM,EAAEC,QAAQ,EAAE,GAAGH;IAErB,IAAIG,UAAUC,YAAY,GAAG;QAC3B,qBAAO,oBAACC;YAAKC,WAAW,CAAC,EAAEL,UAAU,OAAO,CAAC;WAAGE,UAAUC,WAAWG;IACvE;IAEA,OAAO;AACT,EAAC"}

package/dist/elements/DraggableSortable/DraggableSortableItem/index.d.ts CHANGED Viewed

@@ -4,5 +4,4 @@ import type { ChildFunction } from './types.js';
 export declare const DraggableSortableItem: React.FC<UseDraggableArguments & {
     children: ChildFunction;
 }>;
-export default DraggableSortableItem;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/DraggableSortable/DraggableSortableItem/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAE1D,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAI/C,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAC1C,qBAAqB,GAAG;IACtB,QAAQ,EAAE,aAAa,CAAA;CACxB,CAwBF,CAAA~~;AAED,eAAe,qBAAqB,CAAA~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAE1D,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAI/C,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAC1C,qBAAqB,GAAG;IACtB,QAAQ,EAAE,aAAa,CAAA;CACxB,CAwBF,CAAA"}

package/dist/elements/DraggableSortable/DraggableSortableItem/index.js CHANGED Viewed

@@ -18,6 +18,5 @@ export const DraggableSortableItem = (props)=>{
         transform
     }));
 };
-export default DraggableSortableItem;
 //# sourceMappingURL=index.js.map

package/dist/elements/DraggableSortable/DraggableSortableItem/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/index.tsx"],"sourcesContent":["import type { UseDraggableArguments } from '@dnd-kit/core'\n\nimport React, { Fragment } from 'react'\n\nimport type { ChildFunction } from './types.js'\n\nimport { useDraggableSortable } from '../useDraggableSortable/index.js'\n\nexport const DraggableSortableItem: React.FC<\n UseDraggableArguments & {\n children: ChildFunction\n }\n> = (props) => {\n const { id, children, disabled } = props\n\n const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({\n id,\n disabled,\n })\n\n return (\n <Fragment>\n {children({\n attributes: {\n ...attributes,\n style: {\n cursor: isDragging ? 'grabbing' : 'grab',\n },\n },\n listeners,\n setNodeRef,\n transform,\n })}\n </Fragment>\n )\n}\n~~\nexport default DraggableSortableItem\n~~"],"names":["React","Fragment","useDraggableSortable","DraggableSortableItem","props","id","children","disabled","attributes","isDragging","listeners","setNodeRef","transform","style","cursor"],"mappings":"AAEA,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AAIvC,SAASC,oBAAoB,QAAQ,mCAAkC;AAEvE,OAAO,MAAMC,wBAIT,CAACC;IACH,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAGH;IAEnC,MAAM,EAAEI,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGV,qBAAqB;QACxFG;QACAE;IACF;IAEA,qBACE,oBAACN,gBACEK,SAAS;QACRE,YAAY;YACV,GAAGA,UAAU;YACbK,OAAO;gBACLC,QAAQL,aAAa,aAAa;YACpC;QACF;QACAC;QACAC;QACAC;IACF;AAGN,EAAC~~;AAED,eAAeT,sBAAqB~~"}
1	+ {"version":3,"sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/index.tsx"],"sourcesContent":["import type { UseDraggableArguments } from '@dnd-kit/core'\n\nimport React, { Fragment } from 'react'\n\nimport type { ChildFunction } from './types.js'\n\nimport { useDraggableSortable } from '../useDraggableSortable/index.js'\n\nexport const DraggableSortableItem: React.FC<\n UseDraggableArguments & {\n children: ChildFunction\n }\n> = (props) => {\n const { id, children, disabled } = props\n\n const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({\n id,\n disabled,\n })\n\n return (\n <Fragment>\n {children({\n attributes: {\n ...attributes,\n style: {\n cursor: isDragging ? 'grabbing' : 'grab',\n },\n },\n listeners,\n setNodeRef,\n transform,\n })}\n </Fragment>\n )\n}\n"],"names":["React","Fragment","useDraggableSortable","DraggableSortableItem","props","id","children","disabled","attributes","isDragging","listeners","setNodeRef","transform","style","cursor"],"mappings":"AAEA,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AAIvC,SAASC,oBAAoB,QAAQ,mCAAkC;AAEvE,OAAO,MAAMC,wBAIT,CAACC;IACH,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAGH;IAEnC,MAAM,EAAEI,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGV,qBAAqB;QACxFG;QACAE;IACF;IAEA,qBACE,oBAACN,gBACEK,SAAS;QACRE,YAAY;YACV,GAAGA,UAAU;YACbK,OAAO;gBACLC,QAAQL,aAAa,aAAa;YACpC;QACF;QACAC;QACAC;QACAC;IACF;AAGN,EAAC"}

package/dist/elements/DraggableSortable/DraggableSortableItem/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;~~AAE1D~~,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AAC9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAA;AAElF,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG;IACpD,UAAU,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAA;IAC/C,SAAS,EAAE,oBAAoB,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,0BAA0B,KAAK,KAAK,CAAC,SAAS,CAAA;AAEjF,MAAM,MAAM,KAAK,GAAG,qBAAqB,GAAG;IAC1C,QAAQ,EAAE,aAAa,CAAA;CACxB,CAAA"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AAC9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAA;AAElF,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG;IACpD,UAAU,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAA;IAC/C,SAAS,EAAE,oBAAoB,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,0BAA0B,KAAK,KAAK,CAAC,SAAS,CAAA;AAEjF,MAAM,MAAM,KAAK,GAAG,qBAAqB,GAAG;IAC1C,QAAQ,EAAE,aAAa,CAAA;CACxB,CAAA"}