@payloadcms/ui 4.0.0-internal.40de3ec → 4.0.0-internal.435b2d6

package/dist/elements/DocumentDrawer/DrawerHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useCallback","useModal","RenderTitle","useFormModified","ChevronIcon","useDocumentInfo","useDocumentTitle","useTranslation","Button","IDLabel","LeaveWithoutSavingModal","documentDrawerBaseClass","leaveWithoutSavingModalSlug","DocumentDrawerHeader","t0","$","AfterHeader","drawerSlug","showDocumentID","t1","undefined","closeModal","openModal","t","isModified","t2","handleOnClose","t3","t4","_jsxs","className","children","_jsx","buttonStyle","icon","direction","size","element","DocumentID","modalSlug","onConfirm","id","title","toString"],"sources":["../../../../src/elements/DocumentDrawer/DrawerHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport { useCallback } from 'react'\n\nimport { useModal } from '../../../elements/Modal/index.js'\nimport { RenderTitle } from '../../../elements/RenderTitle/index.js'\nimport { useFormModified } from '../../../forms/Form/index.js'\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useDocumentTitle } from '../../../providers/DocumentTitle/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { IDLabel } from '../../IDLabel/index.js'\nimport { LeaveWithoutSavingModal } from '../../LeaveWithoutSaving/index.js'\nimport { documentDrawerBaseClass } from '../index.js'\nimport './index.css'\n\nconst leaveWithoutSavingModalSlug = 'leave-without-saving-doc-drawer'\n\nexport const DocumentDrawerHeader: React.FC<{\n  AfterHeader?: React.ReactNode\n  drawerSlug: string\n  showDocumentID?: boolean\n}> = ({ AfterHeader, drawerSlug, showDocumentID = true }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n  const isModified = useFormModified()\n\n  const handleOnClose = useCallback(() => {\n    if (isModified) {\n      openModal(leaveWithoutSavingModalSlug)\n    } else {\n      closeModal(drawerSlug)\n    }\n  }, [isModified, openModal, closeModal, drawerSlug])\n\n  return (\n    <div className={`${documentDrawerBaseClass}__header`}>\n      <div className={`${documentDrawerBaseClass}__header-content`}>\n        <Button\n          aria-label={t('general:close')}\n          buttonStyle=\"ghost\"\n          className={`${documentDrawerBaseClass}__header-close`}\n          icon={<ChevronIcon direction=\"left\" size={24} />}\n          onClick={handleOnClose}\n        />\n        <h2 className={`${documentDrawerBaseClass}__header-text`}>\n          {<RenderTitle element=\"span\" />}\n        </h2>\n      </div>\n      {showDocumentID && <DocumentID />}\n      {AfterHeader ? (\n        <div className={`${documentDrawerBaseClass}__after-header`}>{AfterHeader}</div>\n      ) : null}\n\n      <LeaveWithoutSavingModal\n        modalSlug={leaveWithoutSavingModalSlug}\n        onConfirm={() => closeModal(drawerSlug)}\n      />\n    </div>\n  )\n}\n\nconst DocumentID: React.FC = () => {\n  const { id } = useDocumentInfo()\n  const { title } = useDocumentTitle()\n  return id && id !== title ? <IDLabel id={id.toString()} /> : null\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","hasAutosaveEnabled","hasDraftsEnabled","useCallback","useEffect","useRef","useState","useModal","RenderTitle","useFormModified","ChevronIcon","useConfig","useDocumentInfo","useTranslation","formatDate","formatTimeToNow","Autosave","Button","LeaveWithoutSavingModal","Locked","RenderCustomComponent","Status","documentDrawerBaseClass","leaveWithoutSavingModalSlug","DocumentDrawerHeader","actions","AfterHeader","BeforeDocumentMeta","drawerSlug","readOnlyForIncomingUser","renderTitleAsLink","CustomStatus","user","closeModal","openModal","i18n","t","config","getEntityConfig","isModified","id","collectionSlug","data","globalSlug","hasSavePermission","isEditing","isTrashed","collectionConfig","globalConfig","collectionHasDraftsEnabled","globalHasDraftsEnabled","autosaveEnabled","unsavedDraftWithValidations","versions","drafts","validate","showStatus","Boolean","showAutosave","singularLabel","labels","singular","label","headerLabel","updatedAt","createdAt","admin","dateFormat","relativeTime","setRelativeTime","formattedUpdatedAt","setFormattedUpdatedAt","formattedCreatedAt","setFormattedCreatedAt","i18nRef","current","date","update","interval","setInterval","clearInterval","pattern","showUpdatedAt","timestamps","handleOnClose","showLockedMetaIcon","showBeforeMeta","showMeta","_jsxs","className","_jsx","buttonStyle","icon","direction","size","onClick","element","renderAsLink","CustomComponent","Fallback","title","undefined","distance","collection","global","publishedDocUpdatedAt","modalSlug","onConfirm"],"sources":["../../../../src/elements/DocumentDrawer/DrawerHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport type { User } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { hasAutosaveEnabled, hasDraftsEnabled } from 'payload/shared'\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nimport { useModal } from '../../../elements/Modal/index.js'\nimport { RenderTitle } from '../../../elements/RenderTitle/index.js'\nimport { useFormModified } from '../../../forms/Form/index.js'\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatDate, formatTimeToNow } from '../../../utilities/formatDocTitle/formatDateTitle.js'\nimport { Autosave } from '../../Autosave/index.js'\nimport { Button } from '../../Button/index.js'\nimport { LeaveWithoutSavingModal } from '../../LeaveWithoutSaving/index.js'\nimport { Locked } from '../../Locked/index.js'\nimport { RenderCustomComponent } from '../../RenderCustomComponent/index.js'\nimport { Status } from '../../Status/index.js'\nimport { documentDrawerBaseClass } from '../index.js'\nimport './index.css'\n\nconst leaveWithoutSavingModalSlug = 'leave-without-saving-doc-drawer'\n\nexport const DocumentDrawerHeader: React.FC<{\n  actions?: React.ReactNode\n  AfterHeader?: React.ReactNode\n  BeforeDocumentMeta?: React.ReactNode\n  drawerSlug: string\n  readOnlyForIncomingUser?: boolean\n  renderTitleAsLink?: boolean\n  Status?: React.ReactNode\n  user?: User\n}> = ({\n  actions,\n  AfterHeader,\n  BeforeDocumentMeta,\n  drawerSlug,\n  readOnlyForIncomingUser,\n  renderTitleAsLink = true,\n  Status: CustomStatus,\n  user,\n}) => {\n  const { closeModal, openModal } = useModal()\n  const { i18n, t } = useTranslation()\n  const { config, getEntityConfig } = useConfig()\n  const isModified = useFormModified()\n  const { id, collectionSlug, data, globalSlug, hasSavePermission, isEditing, isTrashed } =\n    useDocumentInfo()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const globalConfig = getEntityConfig({ globalSlug })\n\n  const collectionHasDraftsEnabled = hasDraftsEnabled(collectionConfig)\n  const globalHasDraftsEnabled = hasDraftsEnabled(globalConfig)\n  const autosaveEnabled = hasAutosaveEnabled(collectionConfig) || hasAutosaveEnabled(globalConfig)\n\n  const unsavedDraftWithValidations =\n    !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate\n\n  const showStatus =\n    (collectionHasDraftsEnabled || globalHasDraftsEnabled) &&\n    (Boolean(globalConfig) || (Boolean(collectionConfig) && isEditing))\n\n  const showAutosave =\n    (collectionHasDraftsEnabled || globalHasDraftsEnabled) &&\n    hasSavePermission &&\n    autosaveEnabled &&\n    !unsavedDraftWithValidations &&\n    !isTrashed\n\n  const singularLabel = getTranslation(\n    collectionConfig?.labels?.singular ?? globalConfig?.label ?? t('general:document'),\n    i18n,\n  )\n\n  const headerLabel = id\n    ? `${t('general:editing')} ${singularLabel}`\n    : t('general:creatingNewLabel', { label: singularLabel })\n\n  const updatedAt = data?.updatedAt\n  const createdAt = data?.createdAt\n\n  const {\n    admin: { dateFormat },\n  } = config\n\n  const [relativeTime, setRelativeTime] = useState<string>('')\n  const [formattedUpdatedAt, setFormattedUpdatedAt] = useState<string>('')\n  const [formattedCreatedAt, setFormattedCreatedAt] = useState<string>('')\n\n  const i18nRef = useRef(i18n)\n  i18nRef.current = i18n\n\n  useEffect(() => {\n    const date = updatedAt || createdAt\n\n    if (!date) {\n      setRelativeTime('')\n      return\n    }\n\n    const update = () => setRelativeTime(formatTimeToNow({ date, i18n: i18nRef.current }))\n\n    update()\n    const interval = setInterval(update, 60000)\n    return () => clearInterval(interval)\n  }, [updatedAt, createdAt])\n\n  useEffect(() => {\n    if (updatedAt) {\n      setFormattedUpdatedAt(formatDate({ date: updatedAt, i18n, pattern: dateFormat }))\n    }\n    if (createdAt) {\n      setFormattedCreatedAt(formatDate({ date: createdAt, i18n, pattern: dateFormat }))\n    }\n  }, [updatedAt, createdAt, i18n, dateFormat])\n\n  const showUpdatedAt = Boolean(\n    collectionConfig?.timestamps && isEditing && (updatedAt || createdAt),\n  )\n\n  const handleOnClose = useCallback(() => {\n    if (isModified) {\n      openModal(leaveWithoutSavingModalSlug)\n    } else {\n      closeModal(drawerSlug)\n    }\n  }, [isModified, openModal, closeModal, drawerSlug])\n\n  const showLockedMetaIcon = user && readOnlyForIncomingUser\n\n  const showBeforeMeta = Boolean(showLockedMetaIcon || BeforeDocumentMeta)\n  const showMeta = showBeforeMeta || showStatus || showUpdatedAt || showAutosave\n\n  return (\n    <div className={`${documentDrawerBaseClass}__header`}>\n      <div className={`${documentDrawerBaseClass}__header-bar`}>\n        <div className={`${documentDrawerBaseClass}__header-content`}>\n          <Button\n            aria-label={t('general:close')}\n            buttonStyle=\"ghost\"\n            className={`${documentDrawerBaseClass}__header-close`}\n            icon={<ChevronIcon direction=\"left\" size={24} />}\n            onClick={handleOnClose}\n          />\n          <span className={`${documentDrawerBaseClass}__header-text`}>{headerLabel}</span>\n        </div>\n        {actions ? (\n          <div className={`${documentDrawerBaseClass}__header-actions`}>{actions}</div>\n        ) : null}\n      </div>\n\n      <div className={`${documentDrawerBaseClass}__title-bar`}>\n        <RenderTitle\n          className={`${documentDrawerBaseClass}__title`}\n          element=\"h2\"\n          renderAsLink={renderTitleAsLink}\n        />\n        {showMeta ? (\n          <div className={`${documentDrawerBaseClass}__meta`}>\n            {showBeforeMeta && (\n              <div className={`${documentDrawerBaseClass}__before-meta`}>\n                {showLockedMetaIcon && (\n                  <Locked className={`${documentDrawerBaseClass}__locked-controls`} user={user} />\n                )}\n                {BeforeDocumentMeta}\n              </div>\n            )}\n            {showStatus ? (\n              <RenderCustomComponent CustomComponent={CustomStatus} Fallback={<Status />} />\n            ) : null}\n            {showUpdatedAt ? (\n              <span\n                className={`${documentDrawerBaseClass}__updated-at`}\n                title={formattedUpdatedAt || formattedCreatedAt || undefined}\n              >\n                {relativeTime\n                  ? t(isTrashed ? 'general:deletedAgo' : 'general:updatedAgo', {\n                      distance: relativeTime,\n                    })\n                  : `${t('general:loading')}...`}\n              </span>\n            ) : null}\n            {showAutosave ? (\n              <Autosave\n                collection={collectionConfig}\n                global={globalConfig}\n                id={id}\n                publishedDocUpdatedAt={data?.createdAt}\n              />\n            ) : null}\n          </div>\n        ) : null}\n        {AfterHeader ? (\n          <div className={`${documentDrawerBaseClass}__after-header`}>{AfterHeader}</div>\n        ) : null}\n      </div>\n\n      <LeaveWithoutSavingModal\n        modalSlug={leaveWithoutSavingModalSlug}\n        onConfirm={() => closeModal(drawerSlug)}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAIA,SAASA,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ;AACrD,SAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAEzD,SAASC,QAAQ,QAAQ;AACzB,SAASC,WAAW,QAAQ;AAC5B,SAASC,eAAe,QAAQ;AAChC,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,EAAEC,eAAe,QAAQ;AAC5C,SAASC,QAAQ,QAAQ;AACzB,SAASC,MAAM,QAAQ;AACvB,SAASC,uBAAuB,QAAQ;AACxC,SAASC,MAAM,QAAQ;AACvB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,MAAM,QAAQ;AACvB,SAASC,uBAAuB,QAAQ;AACxC,OAAO;AAEP,MAAMC,2BAAA,GAA8B;AAEpC,OAAO,MAAMC,oBAAA,GASRA,CAAC;EACJC,OAAO;EACPC,WAAW;EACXC,kBAAkB;EAClBC,UAAU;EACVC,uBAAuB;EACvBC,iBAAA,GAAoB,IAAI;EACxBT,MAAA,EAAQU,YAAY;EACpBC;AAAI,CACL;EACC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAE,GAAG3B,QAAA;EAClC,MAAM;IAAE4B,IAAI;IAAEC;EAAC,CAAE,GAAGvB,cAAA;EACpB,MAAM;IAAEwB,MAAM;IAAEC;EAAe,CAAE,GAAG3B,SAAA;EACpC,MAAM4B,UAAA,GAAa9B,eAAA;EACnB,MAAM;IAAE+B,EAAE;IAAEC,cAAc;IAAEC,IAAI;IAAEC,UAAU;IAAEC,iBAAiB;IAAEC,SAAS;IAAEC;EAAS,CAAE,GACrFlC,eAAA;EAEF,MAAMmC,gBAAA,GAAmBT,eAAA,CAAgB;IAAEG;EAAe;EAC1D,MAAMO,YAAA,GAAeV,eAAA,CAAgB;IAAEK;EAAW;EAElD,MAAMM,0BAAA,GAA6B/C,gBAAA,CAAiB6C,gBAAA;EACpD,MAAMG,sBAAA,GAAyBhD,gBAAA,CAAiB8C,YAAA;EAChD,MAAMG,eAAA,GAAkBlD,kBAAA,CAAmB8C,gBAAA,KAAqB9C,kBAAA,CAAmB+C,YAAA;EAEnF,MAAMI,2BAAA,GACJ,CAACZ,EAAA,IAAMO,gBAAA,EAAkBM,QAAA,EAAUC,MAAA,IAAUP,gBAAA,CAAiBM,QAAQ,EAAEC,MAAA,CAAOC,QAAA;EAEjF,MAAMC,UAAA,GACJ,CAACP,0BAAA,IAA8BC,sBAAqB,MACnDO,OAAA,CAAQT,YAAA,KAAkBS,OAAA,CAAQV,gBAAA,KAAqBF,SAAS;EAEnE,MAAMa,YAAA,GACJ,CAACT,0BAAA,IAA8BC,sBAAqB,KACpDN,iBAAA,IACAO,eAAA,IACA,CAACC,2BAAA,IACD,CAACN,SAAA;EAEH,MAAMa,aAAA,GAAgB3D,cAAA,CACpB+C,gBAAA,EAAkBa,MAAA,EAAQC,QAAA,IAAYb,YAAA,EAAcc,KAAA,IAAS1B,CAAA,CAAE,qBAC/DD,IAAA;EAGF,MAAM4B,WAAA,GAAcvB,EAAA,GAChB,GAAGJ,CAAA,CAAE,sBAAsBuB,aAAA,EAAe,GAC1CvB,CAAA,CAAE,4BAA4B;IAAE0B,KAAA,EAAOH;EAAc;EAEzD,MAAMK,SAAA,GAAYtB,IAAA,EAAMsB,SAAA;EACxB,MAAMC,SAAA,GAAYvB,IAAA,EAAMuB,SAAA;EAExB,MAAM;IACJC,KAAA,EAAO;MAAEC;IAAU;EAAE,CACtB,GAAG9B,MAAA;EAEJ,MAAM,CAAC+B,YAAA,EAAcC,eAAA,CAAgB,GAAG/D,QAAA,CAAiB;EACzD,MAAM,CAACgE,kBAAA,EAAoBC,qBAAA,CAAsB,GAAGjE,QAAA,CAAiB;EACrE,MAAM,CAACkE,kBAAA,EAAoBC,qBAAA,CAAsB,GAAGnE,QAAA,CAAiB;EAErE,MAAMoE,OAAA,GAAUrE,MAAA,CAAO8B,IAAA;EACvBuC,OAAA,CAAQC,OAAO,GAAGxC,IAAA;EAElB/B,SAAA,CAAU;IACR,MAAMwE,IAAA,GAAOZ,SAAA,IAAaC,SAAA;IAE1B,IAAI,CAACW,IAAA,EAAM;MACTP,eAAA,CAAgB;MAChB;IACF;IAEA,MAAMQ,MAAA,GAASA,CAAA,KAAMR,eAAA,CAAgBtD,eAAA,CAAgB;MAAE6D,IAAA;MAAMzC,IAAA,EAAMuC,OAAA,CAAQC;IAAQ;IAEnFE,MAAA;IACA,MAAMC,QAAA,GAAWC,WAAA,CAAYF,MAAA,EAAQ;IACrC,OAAO,MAAMG,aAAA,CAAcF,QAAA;EAC7B,GAAG,CAACd,SAAA,EAAWC,SAAA,CAAU;EAEzB7D,SAAA,CAAU;IACR,IAAI4D,SAAA,EAAW;MACbO,qBAAA,CAAsBzD,UAAA,CAAW;QAAE8D,IAAA,EAAMZ,SAAA;QAAW7B,IAAA;QAAM8C,OAAA,EAASd;MAAW;IAChF;IACA,IAAIF,SAAA,EAAW;MACbQ,qBAAA,CAAsB3D,UAAA,CAAW;QAAE8D,IAAA,EAAMX,SAAA;QAAW9B,IAAA;QAAM8C,OAAA,EAASd;MAAW;IAChF;EACF,GAAG,CAACH,SAAA,EAAWC,SAAA,EAAW9B,IAAA,EAAMgC,UAAA,CAAW;EAE3C,MAAMe,aAAA,GAAgBzB,OAAA,CACpBV,gBAAA,EAAkBoC,UAAA,IAActC,SAAA,KAAcmB,SAAA,IAAaC,SAAQ;EAGrE,MAAMmB,aAAA,GAAgBjF,WAAA,CAAY;IAChC,IAAIoC,UAAA,EAAY;MACdL,SAAA,CAAUX,2BAAA;IACZ,OAAO;MACLU,UAAA,CAAWL,UAAA;IACb;EACF,GAAG,CAACW,UAAA,EAAYL,SAAA,EAAWD,UAAA,EAAYL,UAAA,CAAW;EAElD,MAAMyD,kBAAA,GAAqBrD,IAAA,IAAQH,uBAAA;EAEnC,MAAMyD,cAAA,GAAiB7B,OAAA,CAAQ4B,kBAAA,IAAsB1D,kBAAA;EACrD,MAAM4D,QAAA,GAAWD,cAAA,IAAkB9B,UAAA,IAAc0B,aAAA,IAAiBxB,YAAA;EAElE,oBACE8B,KAAA,CAAC;IAAIC,SAAA,EAAW,GAAGnE,uBAAA,UAAiC;4BAClDkE,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAGnE,uBAAA,cAAqC;8BACtDkE,KAAA,CAAC;QAAIC,SAAA,EAAW,GAAGnE,uBAAA,kBAAyC;gCAC1DoE,IAAA,CAACzE,MAAA;UACC,cAAYmB,CAAA,CAAE;UACduD,WAAA,EAAY;UACZF,SAAA,EAAW,GAAGnE,uBAAA,gBAAuC;UACrDsE,IAAA,eAAMF,IAAA,CAAChF,WAAA;YAAYmF,SAAA,EAAU;YAAOC,IAAA,EAAM;;UAC1CC,OAAA,EAASX;yBAEXM,IAAA,CAAC;UAAKD,SAAA,EAAW,GAAGnE,uBAAA,eAAsC;oBAAGyC;;UAE9DtC,OAAA,gBACCiE,IAAA,CAAC;QAAID,SAAA,EAAW,GAAGnE,uBAAA,kBAAyC;kBAAGG;WAC7D;qBAGN+D,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAGnE,uBAAA,aAAoC;8BACrDoE,IAAA,CAAClF,WAAA;QACCiF,SAAA,EAAW,GAAGnE,uBAAA,SAAgC;QAC9C0E,OAAA,EAAQ;QACRC,YAAA,EAAcnE;UAEfyD,QAAA,gBACCC,KAAA,CAAC;QAAIC,SAAA,EAAW,GAAGnE,uBAAA,QAA+B;mBAC/CgE,cAAA,iBACCE,KAAA,CAAC;UAAIC,SAAA,EAAW,GAAGnE,uBAAA,eAAsC;qBACtD+D,kBAAA,iBACCK,IAAA,CAACvE,MAAA;YAAOsE,SAAA,EAAW,GAAGnE,uBAAA,mBAA0C;YAAEU,IAAA,EAAMA;cAEzEL,kBAAA;YAGJ6B,UAAA,gBACCkC,IAAA,CAACtE,qBAAA;UAAsB8E,eAAA,EAAiBnE,YAAA;UAAcoE,QAAA,eAAUT,IAAA,CAACrE,MAAA;aAC/D,MACH6D,aAAA,gBACCQ,IAAA,CAAC;UACCD,SAAA,EAAW,GAAGnE,uBAAA,cAAqC;UACnD8E,KAAA,EAAO9B,kBAAA,IAAsBE,kBAAA,IAAsB6B,SAAA;oBAElDjC,YAAA,GACGhC,CAAA,CAAEU,SAAA,GAAY,uBAAuB,sBAAsB;YACzDwD,QAAA,EAAUlC;UACZ,KACA,GAAGhC,CAAA,CAAE;aAET,MACHsB,YAAA,gBACCgC,IAAA,CAAC1E,QAAA;UACCuF,UAAA,EAAYxD,gBAAA;UACZyD,MAAA,EAAQxD,YAAA;UACRR,EAAA,EAAIA,EAAA;UACJiE,qBAAA,EAAuB/D,IAAA,EAAMuB;aAE7B;WAEJ,MACHvC,WAAA,gBACCgE,IAAA,CAAC;QAAID,SAAA,EAAW,GAAGnE,uBAAA,gBAAuC;kBAAGI;WAC3D;qBAGNgE,IAAA,CAACxE,uBAAA;MACCwF,SAAA,EAAWnF,2BAAA;MACXoF,SAAA,EAAWA,CAAA,KAAM1E,UAAA,CAAWL,UAAA;;;AAIpC","ignoreList":[]}

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

@@ -38,6 +38,7 @@ export type DocumentTogglerProps = {
     readonly extraButtonProps?: Record<string, any>;
     readonly onClick?: () => void;
     readonly operation: Operation;
+    readonly tooltip?: string;
 } & Readonly<HTMLAttributes<HTMLButtonElement>>;
 export type UseDocumentDrawerContext = {
     closeDrawer: () => void;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/types.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/DocumentDrawer/types.ts"],"sourcesContent":["import type { Data, DefaultDocumentIDType, FormState, Operation } from 'payload'\nimport type React from 'react'\nimport type { HTMLAttributes } from 'react'\n\nimport type { Props as DrawerProps } from '../Drawer/types.js'\nimport type { DocumentDrawerContextProps } from './Provider.js'\n\nexport type DocumentDrawerProps = {\n  readonly AfterFields?: React.ReactNode\n  /**\n   * The slug of the collection to which the document belongs.\n   */\n  readonly collectionSlug: string\n  readonly disableActions?: boolean\n  readonly drawerSlug?: string\n  /**\n   * The ID of the document to be edited.\n   * When provided, will be fetched and displayed in the drawer.\n   * If omitted, will render the \"create new\" view for the given collection.\n   */\n  readonly id?: DefaultDocumentIDType | null\n  readonly initialData?: Data\n  /**\n   * @deprecated\n   */\n  readonly initialState?: FormState\n  readonly overrideEntityVisibility?: boolean\n  readonly redirectAfterCreate?: boolean\n  readonly redirectAfterDelete?: boolean\n  readonly redirectAfterDuplicate?: boolean\n  readonly redirectAfterRestore?: boolean\n} & Pick<DocumentDrawerContextProps, 'onDelete' | 'onDuplicate' | 'onSave'> &\n  Pick<DrawerProps, 'Header'>\n\nexport type DocumentTogglerProps = {\n  readonly buttonStyle?: 'dashed' | 'destructive' | 'ghost' | 'pill' | 'primary' | 'secondary'\n  readonly children?: React.ReactNode\n  readonly className?: string\n  readonly collectionSlug: string\n  readonly disabled?: boolean\n  readonly drawerSlug?: string\n  readonly extraButtonProps?: Record<string, any>\n  readonly onClick?: () => void\n  readonly operation: Operation\n} & Readonly<HTMLAttributes<HTMLButtonElement>>\n\nexport type UseDocumentDrawerContext = {\n  closeDrawer: () => void\n  drawerDepth: number\n  drawerSlug: string\n  isDrawerOpen: boolean\n  openDrawer: () => void\n  toggleDrawer: () => void\n}\n\nexport type UseDocumentDrawer = (\n  args: {\n    /**\n     * Optional custom drawer slug. If provided, this will be used instead of auto-generating one.\n     * Useful for ensuring stable slugs in contexts where component remounting can cause issues.\n     */\n    drawerSlug?: string\n  } & Pick<DocumentDrawerProps, 'collectionSlug' | 'id' | 'overrideEntityVisibility'>,\n) => [\n  // drawer\n  React.FC<\n    {\n      children?: React.ReactNode\n    } & Omit<DocumentDrawerProps, 'collectionSlug' | 'operation'>\n  >,\n  // toggler\n  React.FC<\n    {\n      children?: React.ReactNode\n    } & Omit<DocumentTogglerProps, 'collectionSlug' | 'operation'>\n  >,\n  // context\n  UseDocumentDrawerContext,\n]\n"],"mappings":"AAuDA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/DocumentDrawer/types.ts"],"sourcesContent":["import type { Data, DefaultDocumentIDType, FormState, Operation } from 'payload'\nimport type React from 'react'\nimport type { HTMLAttributes } from 'react'\n\nimport type { Props as DrawerProps } from '../Drawer/types.js'\nimport type { DocumentDrawerContextProps } from './Provider.js'\n\nexport type DocumentDrawerProps = {\n  readonly AfterFields?: React.ReactNode\n  /**\n   * The slug of the collection to which the document belongs.\n   */\n  readonly collectionSlug: string\n  readonly disableActions?: boolean\n  readonly drawerSlug?: string\n  /**\n   * The ID of the document to be edited.\n   * When provided, will be fetched and displayed in the drawer.\n   * If omitted, will render the \"create new\" view for the given collection.\n   */\n  readonly id?: DefaultDocumentIDType | null\n  readonly initialData?: Data\n  /**\n   * @deprecated\n   */\n  readonly initialState?: FormState\n  readonly overrideEntityVisibility?: boolean\n  readonly redirectAfterCreate?: boolean\n  readonly redirectAfterDelete?: boolean\n  readonly redirectAfterDuplicate?: boolean\n  readonly redirectAfterRestore?: boolean\n} & Pick<DocumentDrawerContextProps, 'onDelete' | 'onDuplicate' | 'onSave'> &\n  Pick<DrawerProps, 'Header'>\n\nexport type DocumentTogglerProps = {\n  readonly buttonStyle?: 'dashed' | 'destructive' | 'ghost' | 'pill' | 'primary' | 'secondary'\n  readonly children?: React.ReactNode\n  readonly className?: string\n  readonly collectionSlug: string\n  readonly disabled?: boolean\n  readonly drawerSlug?: string\n  readonly extraButtonProps?: Record<string, any>\n  readonly onClick?: () => void\n  readonly operation: Operation\n  readonly tooltip?: string\n} & Readonly<HTMLAttributes<HTMLButtonElement>>\n\nexport type UseDocumentDrawerContext = {\n  closeDrawer: () => void\n  drawerDepth: number\n  drawerSlug: string\n  isDrawerOpen: boolean\n  openDrawer: () => void\n  toggleDrawer: () => void\n}\n\nexport type UseDocumentDrawer = (\n  args: {\n    /**\n     * Optional custom drawer slug. If provided, this will be used instead of auto-generating one.\n     * Useful for ensuring stable slugs in contexts where component remounting can cause issues.\n     */\n    drawerSlug?: string\n  } & Pick<DocumentDrawerProps, 'collectionSlug' | 'id' | 'overrideEntityVisibility'>,\n) => [\n  // drawer\n  React.FC<\n    {\n      children?: React.ReactNode\n    } & Omit<DocumentDrawerProps, 'collectionSlug' | 'operation'>\n  >,\n  // toggler\n  React.FC<\n    {\n      children?: React.ReactNode\n    } & Omit<DocumentTogglerProps, 'collectionSlug' | 'operation'>\n  >,\n  // context\n  UseDocumentDrawerContext,\n]\n"],"mappings":"AAwDA","ignoreList":[]}

package/dist/elements/DocumentFields/index.css

@@ -67,7 +67,7 @@
     position: var(--sidebar-wrap-position, sticky);
     top: var(--sidebar-wrap-top, var(--doc-controls-height));
     width: var(--sidebar-wrap-width, 33.33%);
-    height: var(--sidebar-wrap-height, calc(100vh - var(--doc-controls-height)));
+    height: var(--sidebar-wrap-height, calc(100dvh - var(--doc-controls-height)));
     min-width: var(--sidebar-wrap-min-width, var(--doc-sidebar-width));
     flex-shrink: var(--sidebar-wrap-flex-shrink, 0);
   }
@@ -79,6 +79,7 @@
     --sidebar-wrap-top: initial;
     --sidebar-wrap-height: initial;
     --sidebar-wrap-flex-shrink: initial;
+    display: none;
   }
 
   .document-fields__sidebar {
@@ -94,7 +95,7 @@
     display: flex;
     flex-direction: column;
     gap: var(--spacer-3);
-    padding-top: var(--spacer-5);
+    padding-top: var(--spacer-4);
     padding-left: var(--gutter-h);
     padding-right: var(--gutter-h);
     padding-bottom: var(--spacing-view-bottom);
@@ -105,6 +106,8 @@
   }
 
   .document-fields--force-sidebar-wrap {
+    scrollbar-width: thin;
+    scrollbar-color: var(--scrollbar-color) transparent;
     display: block;
     isolation: isolate;
     --main-border: none; /* Reset the sidebar divider — the live preview window provides its own border-left */
@@ -118,12 +121,13 @@
   .document-fields--force-sidebar-wrap .document-fields__sidebar-wrap {
     position: static;
     width: 100%;
+    min-width: 0;
     height: initial;
     border-left: 0;
   }
 
   .document-fields--force-sidebar-wrap .document-fields__sidebar {
-    padding-bottom: calc(var(--spacer-5) * 2);
+    padding-bottom: calc(2 * var(--spacing-field));
     overflow: visible;
   }
 
@@ -192,7 +196,74 @@
     }
   }
 
+  /* Inside a drawer, collapse the sidebar based on the drawer container width
+     rather than the viewport. Sidebars show when the drawer is >= 768px wide. */
+  @container drawer (max-width: 768px) {
+    .document-fields--has-sidebar .document-fields__main {
+      width: 100%;
+    }
+
+    [dir='ltr'] .document-fields--has-sidebar .document-fields__edit {
+      border-right: 0;
+    }
+
+    [dir='rtl'] .document-fields--has-sidebar .document-fields__edit {
+      border-left: 0;
+    }
+
+    .document-fields--has-sidebar .document-fields__fields > .tabs-field {
+      margin-right: calc(var(--gutter-h) * -1);
+    }
+
+    .document-fields {
+      display: block;
+    }
+
+    .document-fields__main {
+      width: 100%;
+      min-height: initial;
+    }
+
+    .document-fields__sidebar-wrap {
+      position: static;
+      width: 100%;
+      height: initial;
+      min-width: initial;
+      border-left: 0;
+    }
+
+    .document-fields__form {
+      display: block;
+    }
+
+    .document-fields__sidebar-fields {
+      padding-top: 0;
+      padding-bottom: 0;
+      gap: var(--spacer-2);
+    }
+
+    .document-fields__sidebar {
+      padding-top: var(--gutter-h);
+      padding-bottom: calc(var(--spacer-5) * 2);
+      overflow: visible;
+    }
+  }
+
+  /* When shown inside a drawer (container >= 768px), keep a minimum sidebar width of 320px. */
+  @container drawer (min-width: 768px) {
+    .document-fields--has-sidebar .document-fields__sidebar-wrap {
+      min-width: 320px;
+    }
+  }
+
   .drawer .document-fields__edit {
-    padding: var(--spacer-2-5);
+    padding: var(--gutter-h);
+  }
+
+  /* In a drawer the main and sidebar fields stack without the page's vertical
+     divider, so add a top border to the sidebar fields to separate them from
+     the main fields above. */
+  .drawer .document-fields__sidebar-wrap {
+    border-top: var(--stroke-width-small) solid var(--color-border);
   }
 }

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

@@ -5,6 +5,11 @@ type Args = {
     readonly AfterFields?: React.ReactNode;
     readonly BeforeFields?: React.ReactNode;
     readonly Description?: React.ReactNode;
+    /**
+     * When true, fields with `admin.position: 'sidebar'` render inline in the main column and no
+     * sidebar is rendered. Used by upload collections, whose layout has no room for a field sidebar.
+     */
+    readonly disableSidebar?: boolean;
     readonly docPermissions: SanitizedDocumentPermissions;
     readonly fields: ClientField[];
     readonly forceSidebarWrap?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentFields/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAGxE,OAAO,KAAkB,MAAM,OAAO,CAAA;AAKtC,OAAO,aAAa,CAAA;AAIpB,KAAK,IAAI,GAAG;IACV,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,cAAc,EAAE,4BAA4B,CAAA;IACrD,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,kBAAkB,EAAE,MAAM,EAAE,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CA6EzC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentFields/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAGxE,OAAO,KAAkB,MAAM,OAAO,CAAA;AAKtC,OAAO,aAAa,CAAA;AAIpB,KAAK,IAAI,GAAG;IACV,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC;;;OAGG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,cAAc,EAAE,4BAA4B,CAAA;IACrD,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,kBAAkB,EAAE,MAAM,EAAE,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAsFzC,CAAA"}

package/dist/elements/DocumentFields/index.js

@@ -11,6 +11,7 @@ const baseClass = 'document-fields';
 export const DocumentFields = ({
   AfterFields,
   BeforeFields,
+  disableSidebar = false,
   docPermissions,
   fields,
   forceSidebarWrap,
@@ -23,6 +24,13 @@ export const DocumentFields = ({
     mainFields,
     sidebarFields
   } = useMemo(() => {
+    if (disableSidebar) {
+      return {
+        hasSidebarFields: false,
+        mainFields: fields,
+        sidebarFields: []
+      };
+    }
     return fields.reduce((acc, field) => {
       if (fieldIsSidebar(field)) {
         acc.sidebarFields.push(field);
@@ -38,7 +46,7 @@ export const DocumentFields = ({
       mainFields: [],
       sidebarFields: []
     });
-  }, [fields]);
+  }, [disableSidebar, fields]);
   return /*#__PURE__*/_jsxs("div", {
     className: [baseClass, hasSidebarFields ? `${baseClass}--has-sidebar` : `${baseClass}--no-sidebar`, forceSidebarWrap && `${baseClass}--force-sidebar-wrap`].filter(Boolean).join(' '),
     children: [/*#__PURE__*/_jsx("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["fieldIsSidebar","React","useMemo","RenderFields","Gutter","TrashBanner","baseClass","DocumentFields","AfterFields","BeforeFields","docPermissions","fields","forceSidebarWrap","isTrashed","readOnly","schemaPathSegments","hasSidebarFields","mainFields","sidebarFields","reduce","acc","field","push","_jsxs","className","filter","Boolean","join","_jsx","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions"],"sources":["../../../src/elements/DocumentFields/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, SanitizedDocumentPermissions } from 'payload'\n\nimport { fieldIsSidebar } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport { TrashBanner } from '../TrashBanner/index.js'\nimport './index.css'\n\nconst baseClass = 'document-fields'\n\ntype Args = {\n  readonly AfterFields?: React.ReactNode\n  readonly BeforeFields?: React.ReactNode\n  readonly Description?: React.ReactNode\n  readonly docPermissions: SanitizedDocumentPermissions\n  readonly fields: ClientField[]\n  readonly forceSidebarWrap?: boolean\n  readonly isTrashed?: boolean\n  readonly readOnly?: boolean\n  readonly schemaPathSegments: string[]\n}\n\nexport const DocumentFields: React.FC<Args> = ({\n  AfterFields,\n  BeforeFields,\n  docPermissions,\n  fields,\n  forceSidebarWrap,\n  isTrashed = false,\n  readOnly,\n  schemaPathSegments,\n}) => {\n  const { hasSidebarFields, mainFields, sidebarFields } = useMemo(() => {\n    return fields.reduce(\n      (acc, field) => {\n        if (fieldIsSidebar(field)) {\n          acc.sidebarFields.push(field)\n          acc.mainFields.push(null)\n          acc.hasSidebarFields = true\n        } else {\n          acc.mainFields.push(field)\n          acc.sidebarFields.push(null)\n        }\n        return acc\n      },\n      {\n        hasSidebarFields: false,\n        mainFields: [] as ClientField[],\n        sidebarFields: [] as ClientField[],\n      },\n    )\n  }, [fields])\n\n  return (\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          {isTrashed && <TrashBanner />}\n          {BeforeFields}\n          <RenderFields\n            className={`${baseClass}__fields`}\n            fields={mainFields}\n            forceRender\n            parentIndexPath=\"\"\n            parentPath=\"\"\n            parentSchemaPath={schemaPathSegments.join('.')}\n            permissions={docPermissions?.fields}\n            readOnly={readOnly}\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                fields={sidebarFields}\n                forceRender\n                parentIndexPath=\"\"\n                parentPath=\"\"\n                parentSchemaPath={schemaPathSegments.join('.')}\n                permissions={docPermissions?.fields}\n                readOnly={readOnly}\n              />\n            </div>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,YAAY,QAAQ;AAC7B,SAASC,MAAM,QAAQ;AACvB,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAclB,OAAO,MAAMC,cAAA,GAAiCA,CAAC;EAC7CC,WAAW;EACXC,YAAY;EACZC,cAAc;EACdC,MAAM;EACNC,gBAAgB;EAChBC,SAAA,GAAY,KAAK;EACjBC,QAAQ;EACRC;AAAkB,CACnB;EACC,MAAM;IAAEC,gBAAgB;IAAEC,UAAU;IAAEC;EAAa,CAAE,GAAGhB,OAAA,CAAQ;IAC9D,OAAOS,MAAA,CAAOQ,MAAM,CAClB,CAACC,GAAA,EAAKC,KAAA;MACJ,IAAIrB,cAAA,CAAeqB,KAAA,GAAQ;QACzBD,GAAA,CAAIF,aAAa,CAACI,IAAI,CAACD,KAAA;QACvBD,GAAA,CAAIH,UAAU,CAACK,IAAI,CAAC;QACpBF,GAAA,CAAIJ,gBAAgB,GAAG;MACzB,OAAO;QACLI,GAAA,CAAIH,UAAU,CAACK,IAAI,CAACD,KAAA;QACpBD,GAAA,CAAIF,aAAa,CAACI,IAAI,CAAC;MACzB;MACA,OAAOF,GAAA;IACT,GACA;MACEJ,gBAAA,EAAkB;MAClBC,UAAA,EAAY,EAAE;MACdC,aAAA,EAAe;IACjB;EAEJ,GAAG,CAACP,MAAA,CAAO;EAEX,oBACEY,KAAA,CAAC;IACCC,SAAA,EAAW,CACTlB,SAAA,EACAU,gBAAA,GAAmB,GAAGV,SAAA,eAAwB,GAAG,GAAGA,SAAA,cAAuB,EAC3EM,gBAAA,IAAoB,GAAGN,SAAA,sBAA+B,CACvD,CACEmB,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;4BAERC,IAAA,CAAC;MAAIJ,SAAA,EAAW,GAAGlB,SAAA,QAAiB;gBAClC,aAAAiB,KAAA,CAACnB,MAAA;QAAOoB,SAAA,EAAW,GAAGlB,SAAA,QAAiB;mBACpCO,SAAA,iBAAae,IAAA,CAACvB,WAAA,OACdI,YAAA,E,aACDmB,IAAA,CAACzB,YAAA;UACCqB,SAAA,EAAW,GAAGlB,SAAA,UAAmB;UACjCK,MAAA,EAAQM,UAAA;UACRY,WAAW;UACXC,eAAA,EAAgB;UAChBC,UAAA,EAAW;UACXC,gBAAA,EAAkBjB,kBAAA,CAAmBY,IAAI,CAAC;UAC1CM,WAAA,EAAavB,cAAA,EAAgBC,MAAA;UAC7BG,QAAA,EAAUA;YAEXN,WAAA;;QAGJQ,gBAAA,gBACCY,IAAA,CAAC;MAAIJ,SAAA,EAAW,GAAGlB,SAAA,gBAAyB;gBAC1C,aAAAsB,IAAA,CAAC;QAAIJ,SAAA,EAAW,GAAGlB,SAAA,WAAoB;kBACrC,aAAAsB,IAAA,CAAC;UAAIJ,SAAA,EAAW,GAAGlB,SAAA,kBAA2B;oBAC5C,aAAAsB,IAAA,CAACzB,YAAA;YACCQ,MAAA,EAAQO,aAAA;YACRW,WAAW;YACXC,eAAA,EAAgB;YAChBC,UAAA,EAAW;YACXC,gBAAA,EAAkBjB,kBAAA,CAAmBY,IAAI,CAAC;YAC1CM,WAAA,EAAavB,cAAA,EAAgBC,MAAA;YAC7BG,QAAA,EAAUA;;;;SAKhB;;AAGV","ignoreList":[]}
+{"version":3,"file":"index.js","names":["fieldIsSidebar","React","useMemo","RenderFields","Gutter","TrashBanner","baseClass","DocumentFields","AfterFields","BeforeFields","disableSidebar","docPermissions","fields","forceSidebarWrap","isTrashed","readOnly","schemaPathSegments","hasSidebarFields","mainFields","sidebarFields","reduce","acc","field","push","_jsxs","className","filter","Boolean","join","_jsx","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions"],"sources":["../../../src/elements/DocumentFields/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, SanitizedDocumentPermissions } from 'payload'\n\nimport { fieldIsSidebar } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport { TrashBanner } from '../TrashBanner/index.js'\nimport './index.css'\n\nconst baseClass = 'document-fields'\n\ntype Args = {\n  readonly AfterFields?: React.ReactNode\n  readonly BeforeFields?: React.ReactNode\n  readonly Description?: React.ReactNode\n  /**\n   * When true, fields with `admin.position: 'sidebar'` render inline in the main column and no\n   * sidebar is rendered. Used by upload collections, whose layout has no room for a field sidebar.\n   */\n  readonly disableSidebar?: boolean\n  readonly docPermissions: SanitizedDocumentPermissions\n  readonly fields: ClientField[]\n  readonly forceSidebarWrap?: boolean\n  readonly isTrashed?: boolean\n  readonly readOnly?: boolean\n  readonly schemaPathSegments: string[]\n}\n\nexport const DocumentFields: React.FC<Args> = ({\n  AfterFields,\n  BeforeFields,\n  disableSidebar = false,\n  docPermissions,\n  fields,\n  forceSidebarWrap,\n  isTrashed = false,\n  readOnly,\n  schemaPathSegments,\n}) => {\n  const { hasSidebarFields, mainFields, sidebarFields } = useMemo(() => {\n    if (disableSidebar) {\n      return {\n        hasSidebarFields: false,\n        mainFields: fields,\n        sidebarFields: [] as ClientField[],\n      }\n    }\n\n    return fields.reduce(\n      (acc, field) => {\n        if (fieldIsSidebar(field)) {\n          acc.sidebarFields.push(field)\n          acc.mainFields.push(null)\n          acc.hasSidebarFields = true\n        } else {\n          acc.mainFields.push(field)\n          acc.sidebarFields.push(null)\n        }\n        return acc\n      },\n      {\n        hasSidebarFields: false,\n        mainFields: [] as ClientField[],\n        sidebarFields: [] as ClientField[],\n      },\n    )\n  }, [disableSidebar, fields])\n\n  return (\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          {isTrashed && <TrashBanner />}\n          {BeforeFields}\n          <RenderFields\n            className={`${baseClass}__fields`}\n            fields={mainFields}\n            forceRender\n            parentIndexPath=\"\"\n            parentPath=\"\"\n            parentSchemaPath={schemaPathSegments.join('.')}\n            permissions={docPermissions?.fields}\n            readOnly={readOnly}\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                fields={sidebarFields}\n                forceRender\n                parentIndexPath=\"\"\n                parentPath=\"\"\n                parentSchemaPath={schemaPathSegments.join('.')}\n                permissions={docPermissions?.fields}\n                readOnly={readOnly}\n              />\n            </div>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,YAAY,QAAQ;AAC7B,SAASC,MAAM,QAAQ;AACvB,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAmBlB,OAAO,MAAMC,cAAA,GAAiCA,CAAC;EAC7CC,WAAW;EACXC,YAAY;EACZC,cAAA,GAAiB,KAAK;EACtBC,cAAc;EACdC,MAAM;EACNC,gBAAgB;EAChBC,SAAA,GAAY,KAAK;EACjBC,QAAQ;EACRC;AAAkB,CACnB;EACC,MAAM;IAAEC,gBAAgB;IAAEC,UAAU;IAAEC;EAAa,CAAE,GAAGjB,OAAA,CAAQ;IAC9D,IAAIQ,cAAA,EAAgB;MAClB,OAAO;QACLO,gBAAA,EAAkB;QAClBC,UAAA,EAAYN,MAAA;QACZO,aAAA,EAAe;MACjB;IACF;IAEA,OAAOP,MAAA,CAAOQ,MAAM,CAClB,CAACC,GAAA,EAAKC,KAAA;MACJ,IAAItB,cAAA,CAAesB,KAAA,GAAQ;QACzBD,GAAA,CAAIF,aAAa,CAACI,IAAI,CAACD,KAAA;QACvBD,GAAA,CAAIH,UAAU,CAACK,IAAI,CAAC;QACpBF,GAAA,CAAIJ,gBAAgB,GAAG;MACzB,OAAO;QACLI,GAAA,CAAIH,UAAU,CAACK,IAAI,CAACD,KAAA;QACpBD,GAAA,CAAIF,aAAa,CAACI,IAAI,CAAC;MACzB;MACA,OAAOF,GAAA;IACT,GACA;MACEJ,gBAAA,EAAkB;MAClBC,UAAA,EAAY,EAAE;MACdC,aAAA,EAAe;IACjB;EAEJ,GAAG,CAACT,cAAA,EAAgBE,MAAA,CAAO;EAE3B,oBACEY,KAAA,CAAC;IACCC,SAAA,EAAW,CACTnB,SAAA,EACAW,gBAAA,GAAmB,GAAGX,SAAA,eAAwB,GAAG,GAAGA,SAAA,cAAuB,EAC3EO,gBAAA,IAAoB,GAAGP,SAAA,sBAA+B,CACvD,CACEoB,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;4BAERC,IAAA,CAAC;MAAIJ,SAAA,EAAW,GAAGnB,SAAA,QAAiB;gBAClC,aAAAkB,KAAA,CAACpB,MAAA;QAAOqB,SAAA,EAAW,GAAGnB,SAAA,QAAiB;mBACpCQ,SAAA,iBAAae,IAAA,CAACxB,WAAA,OACdI,YAAA,E,aACDoB,IAAA,CAAC1B,YAAA;UACCsB,SAAA,EAAW,GAAGnB,SAAA,UAAmB;UACjCM,MAAA,EAAQM,UAAA;UACRY,WAAW;UACXC,eAAA,EAAgB;UAChBC,UAAA,EAAW;UACXC,gBAAA,EAAkBjB,kBAAA,CAAmBY,IAAI,CAAC;UAC1CM,WAAA,EAAavB,cAAA,EAAgBC,MAAA;UAC7BG,QAAA,EAAUA;YAEXP,WAAA;;QAGJS,gBAAA,gBACCY,IAAA,CAAC;MAAIJ,SAAA,EAAW,GAAGnB,SAAA,gBAAyB;gBAC1C,aAAAuB,IAAA,CAAC;QAAIJ,SAAA,EAAW,GAAGnB,SAAA,WAAoB;kBACrC,aAAAuB,IAAA,CAAC;UAAIJ,SAAA,EAAW,GAAGnB,SAAA,kBAA2B;oBAC5C,aAAAuB,IAAA,CAAC1B,YAAA;YACCS,MAAA,EAAQO,aAAA;YACRW,WAAW;YACXC,eAAA,EAAgB;YAChBC,UAAA,EAAW;YACXC,gBAAA,EAAkBjB,kBAAA,CAAmBY,IAAI,CAAC;YAC1CM,WAAA,EAAavB,cAAA,EAAgBC,MAAA;YAC7BG,QAAA,EAAUA;;;;SAKhB;;AAGV","ignoreList":[]}

package/dist/elements/DocumentHeader/DocumentHeaderRoot/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+/**
+ * Client wrapper for the document header that publishes its rendered height as the
+ * `--doc-header-height` CSS variable, mirroring how `AppHeader` and `DocumentControls`
+ * expose their own heights for layout calculations.
+ *
+ * @internal
+ */
+export declare const DocumentHeaderRoot: React.FC<{
+    children: React.ReactNode;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/DocumentHeader/DocumentHeaderRoot/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DocumentHeader/DocumentHeaderRoot/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAMrC;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAUtE,CAAA"}

package/dist/elements/DocumentHeader/DocumentHeaderRoot/index.js

@@ -0,0 +1,28 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useRef } from 'react';
+import { useElementHeightVariable } from '../../../hooks/useElementHeightVariable.js';
+const baseClass = 'doc-header';
+/**
+ * Client wrapper for the document header that publishes its rendered height as the
+ * `--doc-header-height` CSS variable, mirroring how `AppHeader` and `DocumentControls`
+ * expose their own heights for layout calculations.
+ *
+ * @internal
+ */
+export const DocumentHeaderRoot = ({
+  children
+}) => {
+  const ref = useRef(null);
+  useElementHeightVariable({
+    cssVar: '--doc-header-height',
+    ref
+  });
+  return /*#__PURE__*/_jsx("div", {
+    className: baseClass,
+    ref: ref,
+    children: children
+  });
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/DocumentHeader/DocumentHeaderRoot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useRef","useElementHeightVariable","baseClass","DocumentHeaderRoot","children","ref","cssVar","_jsx","className"],"sources":["../../../../src/elements/DocumentHeader/DocumentHeaderRoot/index.tsx"],"sourcesContent":["'use client'\nimport React, { useRef } from 'react'\n\nimport { useElementHeightVariable } from '../../../hooks/useElementHeightVariable.js'\n\nconst baseClass = 'doc-header'\n\n/**\n * Client wrapper for the document header that publishes its rendered height as the\n * `--doc-header-height` CSS variable, mirroring how `AppHeader` and `DocumentControls`\n * expose their own heights for layout calculations.\n *\n * @internal\n */\nexport const DocumentHeaderRoot: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const ref = useRef<HTMLDivElement>(null)\n\n  useElementHeightVariable({ cssVar: '--doc-header-height', ref })\n\n  return (\n    <div className={baseClass} ref={ref}>\n      {children}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,MAAM,QAAQ;AAE9B,SAASC,wBAAwB,QAAQ;AAEzC,MAAMC,SAAA,GAAY;AAElB;;;;;;;AAOA,OAAO,MAAMC,kBAAA,GAA8DA,CAAC;EAAEC;AAAQ,CAAE;EACtF,MAAMC,GAAA,GAAML,MAAA,CAAuB;EAEnCC,wBAAA,CAAyB;IAAEK,MAAA,EAAQ;IAAuBD;EAAI;EAE9D,oBACEE,IAAA,CAAC;IAAIC,SAAA,EAAWN,SAAA;IAAWG,GAAA,EAAKA,GAAA;cAC7BD;;AAGP","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/DocumentHeader/Tabs/tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAKlG,eAAO,MAAM,gBAAgB,UAAgD,CAAA;AAE7E,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE/D,eAAO,MAAM,OAAO,GAAI,qCAGrB;IACD,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,YAAY,CAAC,EAAE,qBAAqB,CAAA;CACrC,KAAG;IAAE,GAAG,EAAE,iBAAiB,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,EAqE/C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/DocumentHeader/Tabs/tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAKlG,eAAO,MAAM,gBAAgB,UAAgD,CAAA;AAE7E,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE/D,eAAO,MAAM,OAAO,wCAGjB;IACD,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,YAAY,CAAC,EAAE,qBAAqB,CAAA;CACrC,KAAG;IAAE,GAAG,EAAE,iBAAiB,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,EAqE/C,CAAA"}

package/dist/elements/DocumentHeader/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 // eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary
-import { RenderTitle } from '../../exports/client/index.js';
+import { DocumentHeaderRoot, RenderTitle } from '../../exports/client/index.js';
 import { DocumentTabs } from './Tabs/index.js';
 import './index.css';
 const baseClass = `doc-header`;
@@ -17,8 +17,7 @@ export const DocumentHeader = props => {
     permissions,
     req
   } = props;
-  return /*#__PURE__*/_jsxs("div", {
-    className: baseClass,
+  return /*#__PURE__*/_jsxs(DocumentHeaderRoot, {
     children: [/*#__PURE__*/_jsx(RenderTitle, {
       className: `${baseClass}__title`
     }), !hideTabs && /*#__PURE__*/_jsx(DocumentTabs, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","RenderTitle","DocumentTabs","baseClass","DocumentHeader","props","AfterHeader","collectionConfig","globalConfig","hideTabs","permissions","req","_jsxs","className","_jsx"],"sources":["../../../src/elements/DocumentHeader/index.tsx"],"sourcesContent":["import type {\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  SanitizedPermissions,\n} from 'payload'\n\nimport React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { Gutter, RenderTitle } from '../../exports/client/index.js'\nimport { DocumentTabs } from './Tabs/index.js'\nimport './index.css'\n\nconst baseClass = `doc-header`\n\n/**\n * @internal\n */\nexport const DocumentHeader: React.FC<{\n  AfterHeader?: React.ReactNode\n  collectionConfig?: SanitizedCollectionConfig\n  globalConfig?: SanitizedGlobalConfig\n  hideTabs?: boolean\n  permissions: SanitizedPermissions\n  req: PayloadRequest\n}> = (props) => {\n  const { AfterHeader, collectionConfig, globalConfig, hideTabs, permissions, req } = props\n\n  return (\n    <div className={baseClass}>\n      <RenderTitle className={`${baseClass}__title`} />\n      {!hideTabs && (\n        <DocumentTabs\n          collectionConfig={collectionConfig}\n          globalConfig={globalConfig}\n          permissions={permissions}\n          req={req}\n        />\n      )}\n      {AfterHeader ? <div className={`${baseClass}__after-header`}>{AfterHeader}</div> : null}\n    </div>\n  )\n}\n"],"mappings":";AAOA,OAAOA,KAAA,MAAW;AAElB;AACA,SAAiBC,WAAW,QAAQ;AACpC,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,MAAMC,SAAA,GAAY,YAAY;AAE9B;;;AAGA,OAAO,MAAMC,cAAA,GAOPC,KAAA;EACJ,MAAM;IAAEC,WAAW;IAAEC,gBAAgB;IAAEC,YAAY;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAG,CAAE,GAAGN,KAAA;EAEpF,oBACEO,KAAA,CAAC;IAAIC,SAAA,EAAWV,SAAA;4BACdW,IAAA,CAACb,WAAA;MAAYY,SAAA,EAAW,GAAGV,SAAA;QAC1B,CAACM,QAAA,iBACAK,IAAA,CAACZ,YAAA;MACCK,gBAAA,EAAkBA,gBAAA;MAClBC,YAAA,EAAcA,YAAA;MACdE,WAAA,EAAaA,WAAA;MACbC,GAAA,EAAKA;QAGRL,WAAA,gBAAcQ,IAAA,CAAC;MAAID,SAAA,EAAW,GAAGV,SAAA,gBAAyB;gBAAGG;SAAqB;;AAGzF","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","DocumentHeaderRoot","RenderTitle","DocumentTabs","baseClass","DocumentHeader","props","AfterHeader","collectionConfig","globalConfig","hideTabs","permissions","req","_jsxs","_jsx","className"],"sources":["../../../src/elements/DocumentHeader/index.tsx"],"sourcesContent":["import type {\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  SanitizedPermissions,\n} from 'payload'\n\nimport React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { DocumentHeaderRoot, Gutter, RenderTitle } from '../../exports/client/index.js'\nimport { DocumentTabs } from './Tabs/index.js'\nimport './index.css'\n\nconst baseClass = `doc-header`\n\n/**\n * @internal\n */\nexport const DocumentHeader: React.FC<{\n  AfterHeader?: React.ReactNode\n  collectionConfig?: SanitizedCollectionConfig\n  globalConfig?: SanitizedGlobalConfig\n  hideTabs?: boolean\n  permissions: SanitizedPermissions\n  req: PayloadRequest\n}> = (props) => {\n  const { AfterHeader, collectionConfig, globalConfig, hideTabs, permissions, req } = props\n\n  return (\n    <DocumentHeaderRoot>\n      <RenderTitle className={`${baseClass}__title`} />\n      {!hideTabs && (\n        <DocumentTabs\n          collectionConfig={collectionConfig}\n          globalConfig={globalConfig}\n          permissions={permissions}\n          req={req}\n        />\n      )}\n      {AfterHeader ? <div className={`${baseClass}__after-header`}>{AfterHeader}</div> : null}\n    </DocumentHeaderRoot>\n  )\n}\n"],"mappings":";AAOA,OAAOA,KAAA,MAAW;AAElB;AACA,SAASC,kBAAkB,EAAUC,WAAW,QAAQ;AACxD,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,MAAMC,SAAA,GAAY,YAAY;AAE9B;;;AAGA,OAAO,MAAMC,cAAA,GAOPC,KAAA;EACJ,MAAM;IAAEC,WAAW;IAAEC,gBAAgB;IAAEC,YAAY;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAG,CAAE,GAAGN,KAAA;EAEpF,oBACEO,KAAA,CAACZ,kBAAA;4BACCa,IAAA,CAACZ,WAAA;MAAYa,SAAA,EAAW,GAAGX,SAAA;QAC1B,CAACM,QAAA,iBACAI,IAAA,CAACX,YAAA;MACCK,gBAAA,EAAkBA,gBAAA;MAClBC,YAAA,EAAcA,YAAA;MACdE,WAAA,EAAaA,WAAA;MACbC,GAAA,EAAKA;QAGRL,WAAA,gBAAcO,IAAA,CAAC;MAAIC,SAAA,EAAW,GAAGX,SAAA,gBAAyB;gBAAGG;SAAqB;;AAGzF","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import type { ClientUser } from 'payload';
+import type { User } from 'payload';
 import React from 'react';
 import './index.css';
 export declare const DocumentLocked: React.FC<{
@@ -7,6 +7,6 @@ export declare const DocumentLocked: React.FC<{
     onReadOnly: () => void;
     onTakeOver: () => void;
     updatedAt?: null | number;
-    user?: ClientUser | number | string;
+    user?: number | string | User;
 }>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentLocked/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,KAAoB,MAAM,OAAO,CAAA;AAexC,OAAO,aAAa,CAAA;AAkBpB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,CAAA;CACpC,CAkDA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentLocked/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAGnC,OAAO,KAAoB,MAAM,OAAO,CAAA;AAexC,OAAO,aAAa,CAAA;AAkBpB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;CAC9B,CAkDA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","React","useEffect","useRouteCache","useRouteTransition","useTranslation","isClientUserObject","Button","DialogBody","DialogCancel","DialogConfirm","DialogFooter","DialogHeader","DialogModal","modalSlug","formatDate","date","Intl","DateTimeFormat","day","hour","hour12","minute","month","year","format","Date","DocumentLocked","t0","$","handleGoBack","isActive","onReadOnly","onTakeOver","updatedAt","user","closeModal","openModal","t","clearRouteCache","startRouteTransition","t1","t2","t3","t4","email","id","t5","t6","_jsxs","closeOnEsc","size","slug","children","_jsx","title","className","label","onClick","buttonStyle","margin"],"sources":["../../../src/elements/DocumentLocked/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useEffect } from 'react'\n\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isClientUserObject } from '../../utilities/isClientUserObject.js'\nimport { Button } from '../Button/index.js'\nimport {\n  DialogBody,\n  DialogCancel,\n  DialogConfirm,\n  DialogFooter,\n  DialogHeader,\n  DialogModal,\n} from '../Dialog/index.js'\nimport './index.css'\n\nconst modalSlug = 'document-locked'\n\nconst formatDate = (date: null | number | undefined) => {\n  if (!date) {\n    return ''\n  }\n  return new Intl.DateTimeFormat('en-US', {\n    day: 'numeric',\n    hour: 'numeric',\n    hour12: true,\n    minute: 'numeric',\n    month: 'short',\n    year: 'numeric',\n  }).format(new Date(date))\n}\n\nexport const DocumentLocked: React.FC<{\n  handleGoBack: () => void\n  isActive: boolean\n  onReadOnly: () => void\n  onTakeOver: () => void\n  updatedAt?: null | number\n  user?: ClientUser | number | string\n}> = ({ handleGoBack, isActive, onReadOnly, onTakeOver, updatedAt, user }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n  const { clearRouteCache } = useRouteCache()\n  const { startRouteTransition } = useRouteTransition()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <DialogModal closeOnEsc={false} size=\"small\" slug={modalSlug}>\n      <DialogHeader title={t('general:documentLocked')} />\n      <DialogBody>\n        <p>\n          <strong>\n            {isClientUserObject(user) ? (user.email ?? user.id) : `${t('general:user')}: ${user}`}\n          </strong>{' '}\n          {t('general:currentlyEditing')}\n        </p>\n        <p className=\"document-locked__updated-at\">\n          {t('general:editedSince')} <strong>{formatDate(updatedAt)}</strong>\n        </p>\n      </DialogBody>\n      <DialogFooter>\n        <DialogCancel\n          label={t('general:goBack')}\n          onClick={() => startRouteTransition(() => handleGoBack())}\n        />\n        <Button\n          buttonStyle=\"secondary\"\n          id={`${modalSlug}-view-read-only`}\n          margin={false}\n          onClick={() => {\n            onReadOnly()\n            closeModal(modalSlug)\n            clearRouteCache()\n          }}\n          size=\"medium\"\n        >\n          {t('general:viewReadOnly')}\n        </Button>\n        <DialogConfirm label={t('general:takeOver')} onClick={onTakeOver} />\n      </DialogFooter>\n    </DialogModal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","React","useEffect","useRouteCache","useRouteTransition","useTranslation","isClientUserObject","Button","DialogBody","DialogCancel","DialogConfirm","DialogFooter","DialogHeader","DialogModal","modalSlug","formatDate","date","Intl","DateTimeFormat","day","hour","hour12","minute","month","year","format","Date","DocumentLocked","t0","$","handleGoBack","isActive","onReadOnly","onTakeOver","updatedAt","user","closeModal","openModal","t","clearRouteCache","startRouteTransition","t1","t2","t3","t4","email","id","t5","t6","_jsxs","closeOnEsc","size","slug","children","_jsx","title","className","label","onClick","buttonStyle","margin"],"sources":["../../../src/elements/DocumentLocked/index.tsx"],"sourcesContent":["'use client'\nimport type { User } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useEffect } from 'react'\n\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isClientUserObject } from '../../utilities/isClientUserObject.js'\nimport { Button } from '../Button/index.js'\nimport {\n  DialogBody,\n  DialogCancel,\n  DialogConfirm,\n  DialogFooter,\n  DialogHeader,\n  DialogModal,\n} from '../Dialog/index.js'\nimport './index.css'\n\nconst modalSlug = 'document-locked'\n\nconst formatDate = (date: null | number | undefined) => {\n  if (!date) {\n    return ''\n  }\n  return new Intl.DateTimeFormat('en-US', {\n    day: 'numeric',\n    hour: 'numeric',\n    hour12: true,\n    minute: 'numeric',\n    month: 'short',\n    year: 'numeric',\n  }).format(new Date(date))\n}\n\nexport const DocumentLocked: React.FC<{\n  handleGoBack: () => void\n  isActive: boolean\n  onReadOnly: () => void\n  onTakeOver: () => void\n  updatedAt?: null | number\n  user?: number | string | User\n}> = ({ handleGoBack, isActive, onReadOnly, onTakeOver, updatedAt, user }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n  const { clearRouteCache } = useRouteCache()\n  const { startRouteTransition } = useRouteTransition()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <DialogModal closeOnEsc={false} size=\"small\" slug={modalSlug}>\n      <DialogHeader title={t('general:documentLocked')} />\n      <DialogBody>\n        <p>\n          <strong>\n            {isClientUserObject(user) ? (user.email ?? user.id) : `${t('general:user')}: ${user}`}\n          </strong>{' '}\n          {t('general:currentlyEditing')}\n        </p>\n        <p className=\"document-locked__updated-at\">\n          {t('general:editedSince')} <strong>{formatDate(updatedAt)}</strong>\n        </p>\n      </DialogBody>\n      <DialogFooter>\n        <DialogCancel\n          label={t('general:goBack')}\n          onClick={() => startRouteTransition(() => handleGoBack())}\n        />\n        <Button\n          buttonStyle=\"secondary\"\n          id={`${modalSlug}-view-read-only`}\n          margin={false}\n          onClick={() => {\n            onReadOnly()\n            closeModal(modalSlug)\n            clearRouteCache()\n          }}\n          size=\"medium\"\n        >\n          {t('general:viewReadOnly')}\n        </Button>\n        <DialogConfirm label={t('general:takeOver')} onClick={onTakeOver} />\n      </DialogFooter>\n    </DialogModal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DraggableSortable/DragOverlayPreview/index.css

@@ -1,6 +1,6 @@
 .drag-overlay-preview {
   opacity: 0.9;
-  box-shadow: var(--shadow-m);
+  box-shadow: var(--elevation-400-menu-panel);
   border-radius: var(--radius-medium);
   cursor: grabbing;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","closestCenter","DndContext","DragOverlay","KeyboardSensor","MouseSensor","TouchSensor","useDroppable","useSensor","useSensors","SortableContext","sortableKeyboardCoordinates","React","useCallback","useEffect","useId","useState","DraggableSortable","props","$","children","className","ids","onDragEnd","onDragStart","renderDragOverlay","sortingStrategy","activeId","setActiveId","t0","t1","document","body","classList","add","_temp","dndContextID","sortableContextID","t2","id","setNodeRef","t3","Symbol","for","activationConstraint","distance","t4","delay","tolerance","t5","coordinateGetter","sensors","t6","event","active","over","activatorEvent","stopPropagation","moveFromIndex","findIndex","_id","moveToIndex","_id_0","handleDragEnd","t7","handleDragCancel","t8","event_0","active_0","handleDragStart","t9","_jsxs","collisionDetection","onDragCancel","_jsx","items","strategy","ref","dropAnimation","remove"],"sources":["../../../src/elements/DraggableSortable/index.tsx"],"sourcesContent":["'use client'\nimport type { DragEndEvent, DragStartEvent } from '@dnd-kit/core'\n\nimport {\n  closestCenter,\n  DndContext,\n  DragOverlay,\n  KeyboardSensor,\n  MouseSensor,\n  TouchSensor,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core'\nimport { SortableContext, sortableKeyboardCoordinates } from '@dnd-kit/sortable'\nimport React, { useCallback, useEffect, useId, useState } from 'react'\n\nimport type { Props } from './types.js'\n\nimport './index.css'\n\nexport { Props }\n\nexport const DraggableSortable: React.FC<Props> = (props) => {\n  const { children, className, ids, onDragEnd, onDragStart, renderDragOverlay, sortingStrategy } =\n    props\n  const [activeId, setActiveId] = useState<null | number | string>(null)\n\n  // The overlay is a different element than the drag handle, so its inline cursor\n  // styles don't carry over. So set a body class to show a grabbing cursor everywhere.\n  useEffect(() => {\n    if (activeId !== null) {\n      document.body.classList.add('is-dragging')\n      return () => {\n        document.body.classList.remove('is-dragging')\n      }\n    }\n  }, [activeId])\n\n  const dndContextID = useId()\n  const sortableContextID = useId()\n\n  const { setNodeRef } = useDroppable({\n    id: dndContextID,\n  })\n\n  const sensors = useSensors(\n    useSensor(MouseSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(TouchSensor, {\n      activationConstraint: {\n        delay: 200,\n        tolerance: 5,\n      },\n    }),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const handleDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      const { active, over } = event\n\n      event.activatorEvent.stopPropagation()\n      setActiveId(null)\n\n      if (!active || !over) {\n        return\n      }\n\n      if (typeof onDragEnd === 'function') {\n        onDragEnd({\n          event,\n          moveFromIndex: ids.findIndex((_id) => _id === active.id),\n          moveToIndex: ids.findIndex((_id) => _id === over.id),\n        })\n      }\n    },\n    [onDragEnd, ids],\n  )\n\n  const handleDragCancel = useCallback(() => {\n    setActiveId(null)\n  }, [])\n\n  const handleDragStart = useCallback(\n    (event: DragStartEvent) => {\n      const { active } = event\n\n      if (!active) {\n        return\n      }\n\n      setActiveId(active.id)\n\n      if (typeof onDragStart === 'function') {\n        onDragStart({ id: active.id, event })\n      }\n    },\n    [onDragStart],\n  )\n\n  return (\n    <DndContext\n      collisionDetection={closestCenter}\n      // Provide stable ID to fix hydration issues: https://github.com/clauderic/dnd-kit/issues/926\n      id={dndContextID}\n      onDragCancel={handleDragCancel}\n      onDragEnd={handleDragEnd}\n      onDragStart={handleDragStart}\n      sensors={sensors}\n    >\n      <SortableContext\n        // Provide stable ID to fix hydration issues: https://github.com/clauderic/dnd-kit/issues/926\n        id={sortableContextID}\n        items={ids}\n        strategy={sortingStrategy}\n      >\n        <div className={className} ref={setNodeRef}>\n          {children}\n        </div>\n      </SortableContext>\n      {renderDragOverlay && activeId !== null && (\n        <DragOverlay dropAnimation={null}>{renderDragOverlay(activeId)}</DragOverlay>\n      )}\n    </DndContext>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","closestCenter","DndContext","DragOverlay","KeyboardSensor","MouseSensor","TouchSensor","useDroppable","useSensor","useSensors","SortableContext","sortableKeyboardCoordinates","React","useCallback","useEffect","useId","useState","DraggableSortable","props","$","children","className","ids","onDragEnd","onDragStart","renderDragOverlay","sortingStrategy","activeId","setActiveId","t0","t1","document","body","classList","add","_temp","dndContextID","sortableContextID","t2","id","setNodeRef","t3","Symbol","for","activationConstraint","distance","t4","delay","tolerance","t5","coordinateGetter","sensors","t6","event","active","over","activatorEvent","stopPropagation","moveFromIndex","findIndex","_id","moveToIndex","_id_0","handleDragEnd","t7","handleDragCancel","t8","event_0","active_0","handleDragStart","t9","_jsxs","collisionDetection","onDragCancel","_jsx","items","strategy","ref","dropAnimation","remove"],"sources":["../../../src/elements/DraggableSortable/index.tsx"],"sourcesContent":["'use client'\nimport type { DragEndEvent, DragStartEvent } from '@dnd-kit/core'\n\nimport {\n  closestCenter,\n  DndContext,\n  DragOverlay,\n  KeyboardSensor,\n  MouseSensor,\n  TouchSensor,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core'\nimport { SortableContext, sortableKeyboardCoordinates } from '@dnd-kit/sortable'\nimport React, { useCallback, useEffect, useId, useState } from 'react'\n\nimport type { Props } from './types.js'\n\nimport './index.css'\n\nexport { Props }\n\nexport const DraggableSortable: React.FC<Props> = (props) => {\n  const { children, className, ids, onDragEnd, onDragStart, renderDragOverlay, sortingStrategy } =\n    props\n  const [activeId, setActiveId] = useState<null | number | string>(null)\n\n  // The overlay is a different element than the drag handle, so its inline cursor\n  // styles don't carry over. So set a body class to show a grabbing cursor everywhere.\n  useEffect(() => {\n    if (activeId !== null) {\n      document.body.classList.add('is-dragging')\n      return () => {\n        document.body.classList.remove('is-dragging')\n      }\n    }\n  }, [activeId])\n\n  const dndContextID = useId()\n  const sortableContextID = useId()\n\n  const { setNodeRef } = useDroppable({\n    id: dndContextID,\n  })\n\n  const sensors = useSensors(\n    useSensor(MouseSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(TouchSensor, {\n      activationConstraint: {\n        delay: 200,\n        tolerance: 5,\n      },\n    }),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const handleDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      const { active, over } = event\n\n      event.activatorEvent.stopPropagation()\n      setActiveId(null)\n\n      if (!active || !over) {\n        return\n      }\n\n      if (typeof onDragEnd === 'function') {\n        onDragEnd({\n          event,\n          moveFromIndex: ids.findIndex((_id) => _id === active.id),\n          moveToIndex: ids.findIndex((_id) => _id === over.id),\n        })\n      }\n    },\n    [onDragEnd, ids],\n  )\n\n  const handleDragCancel = useCallback(() => {\n    setActiveId(null)\n  }, [])\n\n  const handleDragStart = useCallback(\n    (event: DragStartEvent) => {\n      const { active } = event\n\n      if (!active) {\n        return\n      }\n\n      setActiveId(active.id)\n\n      if (typeof onDragStart === 'function') {\n        onDragStart({ id: active.id, event })\n      }\n    },\n    [onDragStart],\n  )\n\n  return (\n    <DndContext\n      collisionDetection={closestCenter}\n      // Provide stable ID to fix hydration issues: https://github.com/clauderic/dnd-kit/issues/926\n      id={dndContextID}\n      onDragCancel={handleDragCancel}\n      onDragEnd={handleDragEnd}\n      onDragStart={handleDragStart}\n      sensors={sensors}\n    >\n      <SortableContext\n        // Provide stable ID to fix hydration issues: https://github.com/clauderic/dnd-kit/issues/926\n        id={sortableContextID}\n        items={ids}\n        strategy={sortingStrategy}\n      >\n        <div className={className} ref={setNodeRef}>\n          {children}\n        </div>\n      </SortableContext>\n      {renderDragOverlay && activeId !== null && (\n        <DragOverlay dropAnimation={null}>{renderDragOverlay(activeId)}</DragOverlay>\n      )}\n    </DndContext>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DraggableSortable/useDraggableSortable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAI1D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAA;AAE5D,eAAO,MAAM,oBAAoB,GAAI,OAAO,qBAAqB,KAAG,0BAoCnE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAI1D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAA;AAE5D,eAAO,MAAM,oBAAoB,UAAW,qBAAqB,KAAG,0BAoCnE,CAAA"}