@payloadcms/ui 3.0.0-alpha.60 → 3.0.0-alpha.62

package/dist/elements/DocumentControls/index.js

@@ -43,7 +43,7 @@ export const DocumentControls = (props)=>{
     }, /*#__PURE__*/ React.createElement("p", {
         className: `${baseClass}__value`
     }, i18n.t('general:creatingNewLabel', {
-        label: typeof collectionConfig?.labels?.singular === 'string' ? collectionConfig.labels.singular : 'document'
+        label: typeof collectionConfig?.labels?.singular === 'string' ? collectionConfig.labels.singular : i18n.t('general:document')
     }))), (collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts) && /*#__PURE__*/ React.createElement(Fragment, null, (globalConfig || collectionConfig && isEditing) && /*#__PURE__*/ React.createElement("li", {
         className: [
             `${baseClass}__status`,
@@ -61,22 +61,38 @@ export const DocumentControls = (props)=>{
             `${baseClass}__list-item`,
             `${baseClass}__value-wrap`
         ].filter(Boolean).join(' '),
-        title: data?.updatedAt ? formatDate(data?.updatedAt, dateFormat, i18n.language) : ''
+        title: data?.updatedAt ? formatDate({
+            date: data?.updatedAt,
+            i18n,
+            pattern: dateFormat
+        }) : ''
     }, /*#__PURE__*/ React.createElement("p", {
         className: `${baseClass}__label`
     }, i18n.t('general:lastModified'), ": "), data?.updatedAt && /*#__PURE__*/ React.createElement("p", {
         className: `${baseClass}__value`
-    }, formatDate(data.updatedAt, dateFormat, i18n.language))), /*#__PURE__*/ React.createElement("li", {
+    }, formatDate({
+        date: data?.updatedAt,
+        i18n,
+        pattern: dateFormat
+    }))), /*#__PURE__*/ React.createElement("li", {
         className: [
             `${baseClass}__list-item`,
             `${baseClass}__value-wrap`
         ].filter(Boolean).join(' '),
-        title: data?.createdAt ? formatDate(data?.createdAt, dateFormat, i18n.language) : ''
+        title: data?.createdAt ? formatDate({
+            date: data?.createdAt,
+            i18n,
+            pattern: dateFormat
+        }) : ''
     }, /*#__PURE__*/ React.createElement("p", {
         className: `${baseClass}__label`
     }, i18n.t('general:created'), ": "), data?.createdAt && /*#__PURE__*/ React.createElement("p", {
         className: `${baseClass}__value`
-    }, formatDate(data?.createdAt, dateFormat, i18n.language)))))), /*#__PURE__*/ React.createElement("div", {
+    }, formatDate({
+        date: data?.createdAt,
+        i18n,
+        pattern: dateFormat
+    })))))), /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__controls-wrapper`
     }, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__controls`

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

@@ -1 +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 { useComponentMap } from '@payloadcms/ui/providers/ComponentMap'\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 { Popup, PopupList } 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  const { getComponentMap } = useComponentMap()\n\n  const collectionConfig = config.collections.find((coll) => coll.slug === slug)\n  const globalConfig = config.globals.find((global) => global.slug === slug)\n\n  const componentMap = getComponentMap({\n    collectionSlug: collectionConfig?.slug,\n    globalSlug: globalConfig?.slug,\n  })\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')}:&nbsp;</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')}:&nbsp;</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            {componentMap?.isPreviewEnabled && (\n              <PreviewButton CustomComponent={componentMap.PreviewButton} />\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 CustomComponent={componentMap.SaveDraftButton} />\n                    )}\n                    <Publish CustomComponent={componentMap.PublishButton} />\n                  </React.Fragment>\n                ) : (\n                  <Save CustomComponent={componentMap.SaveButton} />\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.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":["useComponentMap","React","Fragment","useConfig","useTranslation","formatDate","Autosave","DeleteDocument","DuplicateDocument","Gutter","Popup","PopupList","PreviewButton","Publish","Save","SaveDraft","Status","baseClass","DocumentControls","props","id","slug","data","disableActions","hasSavePermission","isAccountView","isEditing","permissions","i18n","config","getComponentMap","collectionConfig","collections","find","coll","globalConfig","globals","global","componentMap","collectionSlug","globalSlug","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","isPreviewEnabled","CustomComponent","SaveDraftButton","PublishButton","SaveButton","button","horizontalAlign","size","verticalAlign","ButtonGroup","Button","href","disableDuplicate","toString","singularLabel","buttonId","useAsTitle"],"mappings":"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"}
+{"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 { useComponentMap } from '@payloadcms/ui/providers/ComponentMap'\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 { Popup, PopupList } 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  const { getComponentMap } = useComponentMap()\n\n  const collectionConfig = config.collections.find((coll) => coll.slug === slug)\n  const globalConfig = config.globals.find((global) => global.slug === slug)\n\n  const componentMap = getComponentMap({\n    collectionSlug: collectionConfig?.slug,\n    globalSlug: globalConfig?.slug,\n  })\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                        : i18n.t('general: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\n                      ? formatDate({ date: data?.updatedAt, i18n, pattern: dateFormat })\n                      : ''\n                  }\n                >\n                  <p className={`${baseClass}__label`}>{i18n.t('general:lastModified')}:&nbsp;</p>\n                  {data?.updatedAt && (\n                    <p className={`${baseClass}__value`}>\n                      {formatDate({ date: data?.updatedAt, i18n, pattern: dateFormat })}\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\n                      ? formatDate({ date: data?.createdAt, i18n, pattern: dateFormat })\n                      : ''\n                  }\n                >\n                  <p className={`${baseClass}__label`}>{i18n.t('general:created')}:&nbsp;</p>\n                  {data?.createdAt && (\n                    <p className={`${baseClass}__value`}>\n                      {formatDate({ date: data?.createdAt, i18n, pattern: dateFormat })}\n                    </p>\n                  )}\n                </li>\n              </Fragment>\n            )}\n          </ul>\n        </div>\n        <div className={`${baseClass}__controls-wrapper`}>\n          <div className={`${baseClass}__controls`}>\n            {componentMap?.isPreviewEnabled && (\n              <PreviewButton CustomComponent={componentMap.PreviewButton} />\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 CustomComponent={componentMap.SaveDraftButton} />\n                    )}\n                    <Publish CustomComponent={componentMap.PublishButton} />\n                  </React.Fragment>\n                ) : (\n                  <Save CustomComponent={componentMap.SaveButton} />\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.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":["useComponentMap","React","Fragment","useConfig","useTranslation","formatDate","Autosave","DeleteDocument","DuplicateDocument","Gutter","Popup","PopupList","PreviewButton","Publish","Save","SaveDraft","Status","baseClass","DocumentControls","props","id","slug","data","disableActions","hasSavePermission","isAccountView","isEditing","permissions","i18n","config","getComponentMap","collectionConfig","collections","find","coll","globalConfig","globals","global","componentMap","collectionSlug","globalSlug","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","date","pattern","isPreviewEnabled","CustomComponent","SaveDraftButton","PublishButton","SaveButton","button","horizontalAlign","size","verticalAlign","ButtonGroup","Button","href","disableDuplicate","toString","singularLabel","buttonId","useAsTitle"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAIA,SAASA,eAAe,QAAQ,wCAAuC;AACvE,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,UAAU,QAAQ,gCAA+B;AAC1D,SAASC,QAAQ,QAAQ,uBAAsB;AAC/C,SAASC,cAAc,QAAQ,6BAA4B;AAC3D,SAASC,iBAAiB,QAAQ,gCAA+B;AACjE,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,KAAK,EAAEC,SAAS,QAAQ,oBAAmB;AACpD,SAASC,aAAa,QAAQ,4BAA2B;AACzD,SAASC,OAAO,QAAQ,sBAAqB;AAC7C,SAASC,IAAI,QAAQ,mBAAkB;AACvC,SAASC,SAAS,QAAQ,wBAAuB;AACjD,SAASC,MAAM,QAAQ,qBAAoB;AAG3C,MAAMC,YAAY;AAElB,OAAO,MAAMC,mBAUR,CAACC;IACJ,MAAM,EACJC,EAAE,EACFC,IAAI,EACJC,IAAI,EACJC,cAAc,EACdC,iBAAiB,EACjBC,aAAa,EACbC,SAAS,EACTC,WAAW,EACZ,GAAGR;IAEJ,MAAM,EAAES,IAAI,EAAE,GAAGxB;IAEjB,MAAMyB,SAAS1B;IACf,MAAM,EAAE2B,eAAe,EAAE,GAAG9B;IAE5B,MAAM+B,mBAAmBF,OAAOG,WAAW,CAACC,IAAI,CAAC,CAACC,OAASA,KAAKb,IAAI,KAAKA;IACzE,MAAMc,eAAeN,OAAOO,OAAO,CAACH,IAAI,CAAC,CAACI,SAAWA,OAAOhB,IAAI,KAAKA;IAErE,MAAMiB,eAAeR,gBAAgB;QACnCS,gBAAgBR,kBAAkBV;QAClCmB,YAAYL,cAAcd;IAC5B;IAEA,MAAM,EACJoB,OAAO,EAAEC,UAAU,EAAE,EACrBC,QAAQ,EAAEF,OAAOG,UAAU,EAAE,EAC9B,GAAGf;IAEJ,MAAMgB,sBACJlB,eAAe,YAAYA,eAAeA,YAAYmB,MAAM,EAAEC;IAEhE,MAAMC,sBACJrB,eAAe,YAAYA,eAAeA,YAAYsB,MAAM,EAAEF;IAEhE,MAAMG,cAAcC,QAClBpB,oBAAoBX,MAAM,CAACG,kBAAmBsB,CAAAA,uBAAuBG,mBAAkB;IAGzF,qBACE,oBAACvC;QAAO2C,WAAWnC;qBACjB,oBAACoC;QAAID,WAAW,CAAC,EAAEnC,UAAU,SAAS,CAAC;qBACrC,oBAACoC;QAAID,WAAW,CAAC,EAAEnC,UAAU,SAAS,CAAC;qBACrC,oBAACqC;QAAGF,WAAW,CAAC,EAAEnC,UAAU,MAAM,CAAC;OAChCc,oBAAoB,CAACL,aAAa,CAACD,+BAClC,oBAAC8B;QAAGH,WAAW,CAAC,EAAEnC,UAAU,WAAW,CAAC;qBACtC,oBAACuC;QAAEJ,WAAW,CAAC,EAAEnC,UAAU,OAAO,CAAC;OAChCW,KAAK6B,CAAC,CAAC,4BAA4B;QAClCC,OACE,OAAO3B,kBAAkB4B,QAAQC,aAAa,WAC1C7B,iBAAiB4B,MAAM,CAACC,QAAQ,GAChChC,KAAK6B,CAAC,CAAC;IACf,MAIL,AAAC1B,CAAAA,kBAAkB8B,UAAUC,UAAU3B,cAAc0B,UAAUC,MAAK,mBACnE,oBAAC5D,gBACE,AAACiC,CAAAA,gBAAiBJ,oBAAoBL,SAAS,mBAC9C,oBAAC6B;QACCH,WAAW;YAAC,CAAC,EAAEnC,UAAU,QAAQ,CAAC;YAAE,CAAC,EAAEA,UAAU,WAAW,CAAC;SAAC,CAC3D8C,MAAM,CAACZ,SACPa,IAAI,CAAC;qBAER,oBAAChD,gBAGJ,AAAC,CAAA,AAACe,kBAAkB8B,UAAUC,UAC7B/B,kBAAkB8B,UAAUC,QAAQG,YACnC9B,cAAc0B,UAAUC,UAAU3B,cAAc0B,UAAUC,QAAQG,QAAQ,KAC3EzC,mCACE,oBAAC+B;QAAGH,WAAW,CAAC,EAAEnC,UAAU,WAAW,CAAC;qBACtC,oBAACX;QACC4D,YAAYnC;QACZM,QAAQF;QACRf,IAAIA;QACJ+C,uBAAuB7C,MAAM8C;UAMxCrC,kBAAkBsC,cAAe3C,CAAAA,aAAaD,aAAY,mBACzD,oBAACvB,8BACC,oBAACqD;QACCH,WAAW;YAAC,CAAC,EAAEnC,UAAU,WAAW,CAAC;YAAE,CAAC,EAAEA,UAAU,YAAY,CAAC;SAAC,CAC/D8C,MAAM,CAACZ,SACPa,IAAI,CAAC;QACRM,OACEhD,MAAMiD,YACFlE,WAAW;YAAEmE,MAAMlD,MAAMiD;YAAW3C;YAAM6C,SAAS/B;QAAW,KAC9D;qBAGN,oBAACc;QAAEJ,WAAW,CAAC,EAAEnC,UAAU,OAAO,CAAC;OAAGW,KAAK6B,CAAC,CAAC,yBAAwB,OACpEnC,MAAMiD,2BACL,oBAACf;QAAEJ,WAAW,CAAC,EAAEnC,UAAU,OAAO,CAAC;OAChCZ,WAAW;QAAEmE,MAAMlD,MAAMiD;QAAW3C;QAAM6C,SAAS/B;IAAW,oBAIrE,oBAACa;QACCH,WAAW;YAAC,CAAC,EAAEnC,UAAU,WAAW,CAAC;YAAE,CAAC,EAAEA,UAAU,YAAY,CAAC;SAAC,CAC/D8C,MAAM,CAACZ,SACPa,IAAI,CAAC;QACRM,OACEhD,MAAM8C,YACF/D,WAAW;YAAEmE,MAAMlD,MAAM8C;YAAWxC;YAAM6C,SAAS/B;QAAW,KAC9D;qBAGN,oBAACc;QAAEJ,WAAW,CAAC,EAAEnC,UAAU,OAAO,CAAC;OAAGW,KAAK6B,CAAC,CAAC,oBAAmB,OAC/DnC,MAAM8C,2BACL,oBAACZ;QAAEJ,WAAW,CAAC,EAAEnC,UAAU,OAAO,CAAC;OAChCZ,WAAW;QAAEmE,MAAMlD,MAAM8C;QAAWxC;QAAM6C,SAAS/B;IAAW,uBAQ7E,oBAACW;QAAID,WAAW,CAAC,EAAEnC,UAAU,kBAAkB,CAAC;qBAC9C,oBAACoC;QAAID,WAAW,CAAC,EAAEnC,UAAU,UAAU,CAAC;OACrCqB,cAAcoC,kCACb,oBAAC9D;QAAc+D,iBAAiBrC,aAAa1B,aAAa;QAE3DY,mCACC,oBAACvB,MAAMC,QAAQ,QACZ6B,kBAAkB8B,UAAUC,UAAU3B,cAAc0B,UAAUC,uBAC7D,oBAAC7D,MAAMC,QAAQ,QACZ,AAAC,CAAA,AAAC6B,kBAAkB8B,UAAUC,UAC7B,CAAC/B,kBAAkB8B,UAAUC,QAAQG,YACpC9B,cAAc0B,UAAUC,UACvB,CAAC3B,cAAc0B,UAAUC,QAAQG,QAAQ,mBAC3C,oBAAClD;QAAU4D,iBAAiBrC,aAAasC,eAAe;sBAE1D,oBAAC/D;QAAQ8D,iBAAiBrC,aAAauC,aAAa;wBAGtD,oBAAC/D;QAAK6D,iBAAiBrC,aAAawC,UAAU;UAKrD5B,6BACC,oBAACxC;QACCqE,sBACE,oBAAC1B;YAAID,WAAW,CAAC,EAAEnC,UAAU,MAAM,CAAC;yBAClC,oBAACoC,4BACD,oBAACA,4BACD,oBAACA;QAGLD,WAAW,CAAC,EAAEnC,UAAU,OAAO,CAAC;QAChC+D,iBAAgB;QAChBC,MAAK;QACLC,eAAc;qBAEd,oBAACvE,UAAUwE,WAAW,QACnBtC,qCACC,oBAAC5C,MAAMC,QAAQ,sBACb,oBAACS,UAAUyE,MAAM;QACfC,MAAM,CAAC,EAAEzC,WAAW,aAAa,EAAEb,kBAAkBV,KAAK,OAAO,CAAC;QAClED,IAAG;OAEFQ,KAAK6B,CAAC,CAAC,uBAET,CAAC1B,iBAAiBuD,gBAAgB,IAAI5D,2BACrC,oBAAClB;QACCY,IAAIA,GAAGmE,QAAQ;QACfC,eAAezD,kBAAkB4B,QAAQC;QACzCvC,MAAMU,kBAAkBV;SAK/B2B,qCACC,oBAACzC;QACCkF,UAAS;QACTlD,gBAAgBR,kBAAkBV;QAClCD,IAAIA,GAAGmE,QAAQ;QACfC,eAAezD,kBAAkB4B,QAAQC;QACzC8B,YAAY3D,kBAAkBU,OAAOiD;0BAQnD,oBAACrC;QAAID,WAAW,CAAC,EAAEnC,UAAU,SAAS,CAAC;;AAG7C,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DocumentDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport queryString from 'qs'\nimport React, { useCallback, useEffect, 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 { X } from '../../icons/X/index.js'\nimport { useComponentMap } from '../../providers/ComponentMap/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentInfoProvider, useDocumentInfo } 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 { Gutter } from '../Gutter/index.js'\nimport { IDLabel } from '../IDLabel/index.js'\nimport { RenderTitle } from '../RenderTitle/index.js'\nimport { baseClass } from './index.js'\n\nexport const DocumentDrawerContent: React.FC<DocumentDrawerProps> = ({\n  id,\n  Header,\n  collectionSlug,\n  drawerSlug,\n  onSave: onSaveFromProps,\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 { t } = useTranslation()\n  const [createdID, setCreatedID] = useState()\n  const [isOpen, setIsOpen] = useState(false)\n  const [collectionConfig] = useRelatedCollections(collectionSlug)\n  const { formQueryParams } = useFormQueryParams()\n  const formattedQueryParams = queryString.stringify(formQueryParams)\n\n  const { componentMap } = useComponentMap()\n\n  const { Edit } = componentMap[`${collectionSlug ? 'collections' : 'globals'}`][collectionSlug]\n  const isEditing = Boolean(id)\n  const apiURL = id ? `${serverURL}${apiRoute}/${collectionSlug}/${id}?locale=${locale.code}` : null\n  const action = `${serverURL}${apiRoute}/${collectionSlug}${\n    isEditing ? `/${id}` : ''\n  }?${formattedQueryParams}`\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  const onLoadError = React.useCallback(\n    (data) => {\n      if (isOpen) {\n        closeModal(drawerSlug)\n        toast.error(data.errors?.[0].message || t('error:unspecific'))\n      }\n    },\n    [closeModal, drawerSlug, isOpen, t],\n  )\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      setCreatedID(args.doc.id)\n      if (typeof onSaveFromProps === 'function') {\n        void onSaveFromProps({\n          ...args,\n          collectionConfig,\n        })\n      }\n    },\n    [onSaveFromProps, collectionConfig],\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          <DocumentTitle />\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 || createdID}\n      isEditing={isEditing}\n      onLoadError={onLoadError}\n      onSave={onSave}\n    >\n      {Edit}\n    </DocumentInfoProvider>\n  )\n}\n\nconst DocumentTitle: React.FC = () => {\n  const { id, title } = useDocumentInfo()\n  return id && id !== title ? <IDLabel id={id.toString()} /> : null\n}\n"],"names":["facelessUIImport","queryString","React","useCallback","useEffect","useState","toast","useRelatedCollections","X","useComponentMap","useConfig","DocumentInfoProvider","useDocumentInfo","useFormQueryParams","useLocale","useTranslation","Gutter","IDLabel","RenderTitle","baseClass","DocumentDrawerContent","id","Header","collectionSlug","drawerSlug","onSave","onSaveFromProps","useModal","config","routes","api","apiRoute","serverURL","closeModal","modalState","toggleModal","locale","t","createdID","setCreatedID","isOpen","setIsOpen","collectionConfig","formQueryParams","formattedQueryParams","stringify","componentMap","Edit","isEditing","Boolean","apiURL","code","action","onLoadError","data","error","errors","message","args","doc","BeforeDocument","className","div","h2","element","button","aria-label","onClick","type","DocumentTitle","slug","disableActions","disableLeaveWithoutSaving","docPermissions","hasSavePermission","title","toString"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/DocumentDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport queryString from 'qs'\nimport React, { useCallback, useEffect, 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 { X } from '../../icons/X/index.js'\nimport { useComponentMap } from '../../providers/ComponentMap/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentInfoProvider, useDocumentInfo } 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 { Gutter } from '../Gutter/index.js'\nimport { IDLabel } from '../IDLabel/index.js'\nimport { RenderTitle } from '../RenderTitle/index.js'\nimport { baseClass } from './index.js'\n\nexport const DocumentDrawerContent: React.FC<DocumentDrawerProps> = ({\n  id,\n  Header,\n  collectionSlug,\n  drawerSlug,\n  onSave: onSaveFromProps,\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 { t } = useTranslation()\n  const [createdID, setCreatedID] = useState()\n  const [isOpen, setIsOpen] = useState(false)\n  const [collectionConfig] = useRelatedCollections(collectionSlug)\n  const { formQueryParams } = useFormQueryParams()\n  const formattedQueryParams = queryString.stringify(formQueryParams)\n\n  const { componentMap } = useComponentMap()\n\n  const { Edit } = componentMap[`${collectionSlug ? 'collections' : 'globals'}`][collectionSlug]\n  const isEditing = Boolean(id)\n  const apiURL = id ? `${serverURL}${apiRoute}/${collectionSlug}/${id}?locale=${locale.code}` : null\n  const action = `${serverURL}${apiRoute}/${collectionSlug}${\n    isEditing ? `/${id}` : ''\n  }?${formattedQueryParams}`\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  const onLoadError = React.useCallback(\n    (data) => {\n      if (isOpen) {\n        closeModal(drawerSlug)\n        toast.error(data.errors?.[0].message || t('error:unspecific'))\n      }\n    },\n    [closeModal, drawerSlug, isOpen, t],\n  )\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      setCreatedID(args.doc.id)\n      if (typeof onSaveFromProps === 'function') {\n        void onSaveFromProps({\n          ...args,\n          collectionConfig,\n        })\n      }\n    },\n    [onSaveFromProps, collectionConfig],\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          <DocumentTitle />\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 || createdID}\n      isEditing={isEditing}\n      onLoadError={onLoadError}\n      onSave={onSave}\n    >\n      {Edit}\n    </DocumentInfoProvider>\n  )\n}\n\nconst DocumentTitle: React.FC = () => {\n  const { id, title } = useDocumentInfo()\n  return id && id !== title ? <IDLabel id={id.toString()} /> : null\n}\n"],"names":["facelessUIImport","queryString","React","useCallback","useEffect","useState","toast","useRelatedCollections","X","useComponentMap","useConfig","DocumentInfoProvider","useDocumentInfo","useFormQueryParams","useLocale","useTranslation","Gutter","IDLabel","RenderTitle","baseClass","DocumentDrawerContent","id","Header","collectionSlug","drawerSlug","onSave","onSaveFromProps","useModal","config","routes","api","apiRoute","serverURL","closeModal","modalState","toggleModal","locale","t","createdID","setCreatedID","isOpen","setIsOpen","collectionConfig","formQueryParams","formattedQueryParams","stringify","componentMap","Edit","isEditing","Boolean","apiURL","code","action","onLoadError","data","error","errors","message","args","doc","BeforeDocument","className","div","h2","element","button","aria-label","onClick","type","DocumentTitle","slug","disableActions","disableLeaveWithoutSaving","docPermissions","hasSavePermission","title","toString"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,YAAYA,sBAAsB,qBAAoB;AACtD,OAAOC,iBAAiB,KAAI;AAC5B,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAC/D,SAASC,KAAK,QAAQ,iBAAgB;AAItC,SAASC,qBAAqB,QAAQ,4DAA2D;AACjG,SAASC,CAAC,QAAQ,yBAAwB;AAC1C,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,oBAAoB,EAAEC,eAAe,QAAQ,wCAAuC;AAC7F,SAASC,kBAAkB,QAAQ,2CAA0C;AAC7E,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,OAAO,QAAQ,sBAAqB;AAC7C,SAASC,WAAW,QAAQ,0BAAyB;AACrD,SAASC,SAAS,QAAQ,aAAY;AAEtC,OAAO,MAAMC,wBAAuD,CAAC,EACnEC,EAAE,EACFC,MAAM,EACNC,cAAc,EACdC,UAAU,EACVC,QAAQC,eAAe,EACxB;IACC,MAAM,EAAEC,QAAQ,EAAE,GAAG3B;IAErB,MAAM4B,SAASlB;IAEf,MAAM,EACJmB,QAAQ,EAAEC,KAAKC,QAAQ,EAAE,EACzBC,SAAS,EACV,GAAGJ;IAEJ,MAAM,EAAEK,UAAU,EAAEC,UAAU,EAAEC,WAAW,EAAE,GAAGR;IAChD,MAAMS,SAAStB;IACf,MAAM,EAAEuB,CAAC,EAAE,GAAGtB;IACd,MAAM,CAACuB,WAAWC,aAAa,GAAGlC;IAClC,MAAM,CAACmC,QAAQC,UAAU,GAAGpC,SAAS;IACrC,MAAM,CAACqC,iBAAiB,GAAGnC,sBAAsBgB;IACjD,MAAM,EAAEoB,eAAe,EAAE,GAAG9B;IAC5B,MAAM+B,uBAAuB3C,YAAY4C,SAAS,CAACF;IAEnD,MAAM,EAAEG,YAAY,EAAE,GAAGrC;IAEzB,MAAM,EAAEsC,IAAI,EAAE,GAAGD,YAAY,CAAC,CAAC,EAAEvB,iBAAiB,gBAAgB,UAAU,CAAC,CAAC,CAACA,eAAe;IAC9F,MAAMyB,YAAYC,QAAQ5B;IAC1B,MAAM6B,SAAS7B,KAAK,CAAC,EAAEW,UAAU,EAAED,SAAS,CAAC,EAAER,eAAe,CAAC,EAAEF,GAAG,QAAQ,EAAEe,OAAOe,IAAI,CAAC,CAAC,GAAG;IAC9F,MAAMC,SAAS,CAAC,EAAEpB,UAAU,EAAED,SAAS,CAAC,EAAER,eAAe,EACvDyB,YAAY,CAAC,CAAC,EAAE3B,GAAG,CAAC,GAAG,GACxB,CAAC,EAAEuB,qBAAqB,CAAC;IAE1BxC,UAAU;QACRqC,UAAUQ,QAAQf,UAAU,CAACV,WAAW,EAAEgB;IAC5C,GAAG;QAACN;QAAYV;KAAW;IAE3B,MAAM6B,cAAcnD,MAAMC,WAAW,CACnC,CAACmD;QACC,IAAId,QAAQ;YACVP,WAAWT;YACXlB,MAAMiD,KAAK,CAACD,KAAKE,MAAM,EAAE,CAAC,EAAE,CAACC,WAAWpB,EAAE;QAC5C;IACF,GACA;QAACJ;QAAYT;QAAYgB;QAAQH;KAAE;IAGrC,MAAMZ,SAAStB,YACb,CAACuD;QACCnB,aAAamB,KAAKC,GAAG,CAACtC,EAAE;QACxB,IAAI,OAAOK,oBAAoB,YAAY;YACzC,KAAKA,gBAAgB;gBACnB,GAAGgC,IAAI;gBACPhB;YACF;QACF;IACF,GACA;QAAChB;QAAiBgB;KAAiB;IAGrC,qBACE,oBAAC/B;QACCiD,8BACE,oBAAC5C;YAAO6C,WAAW,CAAC,EAAE1C,UAAU,QAAQ,CAAC;yBACvC,oBAAC2C;YAAID,WAAW,CAAC,EAAE1C,UAAU,gBAAgB,CAAC;yBAC5C,oBAAC4C;YAAGF,WAAW,CAAC,EAAE1C,UAAU,aAAa,CAAC;WACvCG,wBAAU,oBAACJ;YAAY8C,SAAQ;2BAKlC,oBAACC;YACCC,cAAY7B,EAAE;YACdwB,WAAW,CAAC,EAAE1C,UAAU,cAAc,CAAC;YACvCgD,SAAS,IAAMhC,YAAYX;YAC3B4C,MAAK;yBAEL,oBAAC5D,0BAGL,oBAAC6D;QAGLjB,QAAQA;QACRF,QAAQA;QACR3B,gBAAgBmB,iBAAiB4B,IAAI;QACrCC,gBAAAA;QACAC,2BAAAA;QACA,8IAA8I;QAC9I,uJAAuJ;QACvJC,gBAAgB;QAChB,mJAAmJ;QACnJC,mBAAmB;QACnB,aAAa;QACbrD,IAAIA,MAAMiB;QACVU,WAAWA;QACXK,aAAaA;QACb5B,QAAQA;OAEPsB;AAGP,EAAC;AAED,MAAMsB,gBAA0B;IAC9B,MAAM,EAAEhD,EAAE,EAAEsD,KAAK,EAAE,GAAG/D;IACtB,OAAOS,MAAMA,OAAOsD,sBAAQ,oBAAC1D;QAAQI,IAAIA,GAAGuD,QAAQ;SAAS;AAC/D"}

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

@@ -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 '../../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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"}
+{"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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DocumentDrawer/types.ts"],"sourcesContent":["import 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  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":"AAsBA,WAWC"}
+{"version":3,"sources":["../../../src/elements/DocumentDrawer/types.ts"],"sourcesContent":["import 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  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":[],"rangeMappings":"","mappings":"AAsBA,WAWC"}

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

@@ -1 +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"}
+{"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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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/ShouldRenderTabs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/DocumentHeader/Tabs/ShouldRenderTabs.tsx"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\n\nexport const ShouldRenderTabs: React.FC<{\n  children: React.ReactNode\n}> = ({ children }) => {\n  const { id: idFromContext, collectionSlug, globalSlug } = useDocumentInfo()\n\n  const id = idFromContext !== 'create' ? idFromContext : null\n\n  // Don't show tabs when creating new documents\n  if ((collectionSlug && id) || globalSlug) {\n    return children\n  }\n\n  return null\n}\n"],"names":["useDocumentInfo","ShouldRenderTabs","children","id","idFromContext","collectionSlug","globalSlug"],"mappings":"AAAA;AAGA,SAASA,eAAe,QAAQ,2CAA0C;AAE1E,OAAO,MAAMC,mBAER,CAAC,EAAEC,QAAQ,EAAE;IAChB,MAAM,EAAEC,IAAIC,aAAa,EAAEC,cAAc,EAAEC,UAAU,EAAE,GAAGN;IAE1D,MAAMG,KAAKC,kBAAkB,WAAWA,gBAAgB;IAExD,8CAA8C;IAC9C,IAAI,AAACC,kBAAkBF,MAAOG,YAAY;QACxC,OAAOJ;IACT;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../../src/elements/DocumentHeader/Tabs/ShouldRenderTabs.tsx"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\n\nexport const ShouldRenderTabs: React.FC<{\n  children: React.ReactNode\n}> = ({ children }) => {\n  const { id: idFromContext, collectionSlug, globalSlug } = useDocumentInfo()\n\n  const id = idFromContext !== 'create' ? idFromContext : null\n\n  // Don't show tabs when creating new documents\n  if ((collectionSlug && id) || globalSlug) {\n    return children\n  }\n\n  return null\n}\n"],"names":["useDocumentInfo","ShouldRenderTabs","children","id","idFromContext","collectionSlug","globalSlug"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA;AAGA,SAASA,eAAe,QAAQ,2CAA0C;AAE1E,OAAO,MAAMC,mBAER,CAAC,EAAEC,QAAQ,EAAE;IAChB,MAAM,EAAEC,IAAIC,aAAa,EAAEC,cAAc,EAAEC,UAAU,EAAE,GAAGN;IAE1D,MAAMG,KAAKC,kBAAkB,WAAWA,gBAAgB;IAExD,8CAA8C;IAC9C,IAAI,AAACC,kBAAkBF,MAAOG,YAAY;QACxC,OAAOJ;IACT;IAEA,OAAO;AACT,EAAC"}

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

@@ -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\nimport { useSearchParams } from '../../../../providers/SearchParams/index.js'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const DocumentTabLink: React.FC<{\n  adminRoute: SanitizedConfig['routes']['admin']\n  ariaLabel?: string\n  baseClass: string\n  children?: React.ReactNode\n  href: string\n  isActive?: boolean\n  isCollection?: boolean\n  newTab?: boolean\n}> = ({\n  adminRoute,\n  ariaLabel,\n  baseClass,\n  children,\n  href: hrefFromProps,\n  isActive: isActiveFromProps,\n  newTab,\n}) => {\n  const pathname = usePathname()\n  const params = useParams()\n\n  const { searchParams } = useSearchParams()\n\n  const locale =\n    'locale' in searchParams && typeof searchParams.locale === 'string'\n      ? searchParams.locale\n      : undefined\n\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  // separated the two so it doesn't break checks against pathname\n  const hrefWithLocale = `${href}${locale ? `?locale=${locale}` : ''}`\n\n  const isActive =\n    (href === docPath && pathname === docPath) ||\n    (href !== docPath && pathname.startsWith(href)) ||\n    isActiveFromProps\n\n  return (\n    <li\n      aria-label={ariaLabel}\n      className={[baseClass, isActive && `${baseClass}--active`].filter(Boolean).join(' ')}\n    >\n      <Link\n        className={`${baseClass}__link`}\n        href={!isActive || href !== pathname ? hrefWithLocale : ''}\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","useSearchParams","Link","default","DocumentTabLink","adminRoute","ariaLabel","baseClass","children","href","hrefFromProps","isActive","isActiveFromProps","newTab","pathname","params","searchParams","locale","undefined","entityType","entitySlug","segmentThree","segmentFour","rest","segments","isCollection","docPath","hrefWithLocale","startsWith","li","aria-label","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,SAASC,eAAe,QAAQ,8CAA6C;AAE7E,MAAMC,OAAQL,WAAWM,OAAO,IAAIN;AAEpC,OAAO,MAAMO,kBASR,CAAC,EACJC,UAAU,EACVC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACRC,MAAMC,aAAa,EACnBC,UAAUC,iBAAiB,EAC3BC,MAAM,EACP;IACC,MAAMC,WAAWf;IACjB,MAAMgB,SAASjB;IAEf,MAAM,EAAEkB,YAAY,EAAE,GAAGf;IAEzB,MAAMgB,SACJ,YAAYD,gBAAgB,OAAOA,aAAaC,MAAM,KAAK,WACvDD,aAAaC,MAAM,GACnBC;IAEN,MAAM,CAACC,YAAYC,YAAYC,cAAcC,aAAa,GAAGC,KAAK,GAAGR,OAAOS,QAAQ,IAAI,EAAE;IAC1F,MAAMC,eAAeN,eAAe;IACpC,IAAIO,UAAU,CAAC,EAAErB,WAAW,CAAC,EAAEoB,eAAe,gBAAgB,UAAU,CAAC,EAAEL,WAAW,CAAC;IACvF,IAAIK,gBAAgBJ,cAAc;QAChC,SAAS;QACTK,WAAW,CAAC,CAAC,EAAEL,aAAa,CAAC;IAC/B;IAEA,MAAMZ,OAAO,CAAC,EAAEiB,QAAQ,EAAEhB,cAAc,CAAC;IACzC,gEAAgE;IAChE,MAAMiB,iBAAiB,CAAC,EAAElB,KAAK,EAAEQ,SAAS,CAAC,QAAQ,EAAEA,OAAO,CAAC,GAAG,GAAG,CAAC;IAEpE,MAAMN,WACJ,AAACF,SAASiB,WAAWZ,aAAaY,WACjCjB,SAASiB,WAAWZ,SAASc,UAAU,CAACnB,SACzCG;IAEF,qBACE,oBAACiB;QACCC,cAAYxB;QACZyB,WAAW;YAACxB;YAAWI,YAAY,CAAC,EAAEJ,UAAU,QAAQ,CAAC;SAAC,CAACyB,MAAM,CAACC,SAASC,IAAI,CAAC;qBAEhF,oBAAChC;QACC6B,WAAW,CAAC,EAAExB,UAAU,MAAM,CAAC;QAC/BE,MAAM,CAACE,YAAYF,SAASK,WAAWa,iBAAiB;QACvD,GAAId,UAAU;YAAEsB,KAAK;YAAuBC,QAAQ;QAAS,CAAC;QAC/DC,UAAU1B,WAAW,CAAC,IAAI;OAEzBH;AAIT,EAAC"}
+{"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\nimport { useSearchParams } from '../../../../providers/SearchParams/index.js'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const DocumentTabLink: React.FC<{\n  adminRoute: SanitizedConfig['routes']['admin']\n  ariaLabel?: string\n  baseClass: string\n  children?: React.ReactNode\n  href: string\n  isActive?: boolean\n  isCollection?: boolean\n  newTab?: boolean\n}> = ({\n  adminRoute,\n  ariaLabel,\n  baseClass,\n  children,\n  href: hrefFromProps,\n  isActive: isActiveFromProps,\n  newTab,\n}) => {\n  const pathname = usePathname()\n  const params = useParams()\n\n  const { searchParams } = useSearchParams()\n\n  const locale =\n    'locale' in searchParams && typeof searchParams.locale === 'string'\n      ? searchParams.locale\n      : undefined\n\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  // separated the two so it doesn't break checks against pathname\n  const hrefWithLocale = `${href}${locale ? `?locale=${locale}` : ''}`\n\n  const isActive =\n    (href === docPath && pathname === docPath) ||\n    (href !== docPath && pathname.startsWith(href)) ||\n    isActiveFromProps\n\n  return (\n    <li\n      aria-label={ariaLabel}\n      className={[baseClass, isActive && `${baseClass}--active`].filter(Boolean).join(' ')}\n    >\n      <Link\n        className={`${baseClass}__link`}\n        href={!isActive || href !== pathname ? hrefWithLocale : ''}\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","useSearchParams","Link","default","DocumentTabLink","adminRoute","ariaLabel","baseClass","children","href","hrefFromProps","isActive","isActiveFromProps","newTab","pathname","params","searchParams","locale","undefined","entityType","entitySlug","segmentThree","segmentFour","rest","segments","isCollection","docPath","hrefWithLocale","startsWith","li","aria-label","className","filter","Boolean","join","rel","target","tabIndex"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAGA,OAAOA,gBAAgB,eAAc;AACrC,SAASC,SAAS,EAAEC,WAAW,QAAQ,qBAAoB;AAC3D,OAAOC,WAAW,QAAO;AAEzB,SAASC,eAAe,QAAQ,8CAA6C;AAE7E,MAAMC,OAAQL,WAAWM,OAAO,IAAIN;AAEpC,OAAO,MAAMO,kBASR,CAAC,EACJC,UAAU,EACVC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACRC,MAAMC,aAAa,EACnBC,UAAUC,iBAAiB,EAC3BC,MAAM,EACP;IACC,MAAMC,WAAWf;IACjB,MAAMgB,SAASjB;IAEf,MAAM,EAAEkB,YAAY,EAAE,GAAGf;IAEzB,MAAMgB,SACJ,YAAYD,gBAAgB,OAAOA,aAAaC,MAAM,KAAK,WACvDD,aAAaC,MAAM,GACnBC;IAEN,MAAM,CAACC,YAAYC,YAAYC,cAAcC,aAAa,GAAGC,KAAK,GAAGR,OAAOS,QAAQ,IAAI,EAAE;IAC1F,MAAMC,eAAeN,eAAe;IACpC,IAAIO,UAAU,CAAC,EAAErB,WAAW,CAAC,EAAEoB,eAAe,gBAAgB,UAAU,CAAC,EAAEL,WAAW,CAAC;IACvF,IAAIK,gBAAgBJ,cAAc;QAChC,SAAS;QACTK,WAAW,CAAC,CAAC,EAAEL,aAAa,CAAC;IAC/B;IAEA,MAAMZ,OAAO,CAAC,EAAEiB,QAAQ,EAAEhB,cAAc,CAAC;IACzC,gEAAgE;IAChE,MAAMiB,iBAAiB,CAAC,EAAElB,KAAK,EAAEQ,SAAS,CAAC,QAAQ,EAAEA,OAAO,CAAC,GAAG,GAAG,CAAC;IAEpE,MAAMN,WACJ,AAACF,SAASiB,WAAWZ,aAAaY,WACjCjB,SAASiB,WAAWZ,SAASc,UAAU,CAACnB,SACzCG;IAEF,qBACE,oBAACiB;QACCC,cAAYxB;QACZyB,WAAW;YAACxB;YAAWI,YAAY,CAAC,EAAEJ,UAAU,QAAQ,CAAC;SAAC,CAACyB,MAAM,CAACC,SAASC,IAAI,CAAC;qBAEhF,oBAAChC;QACC6B,WAAW,CAAC,EAAExB,UAAU,MAAM,CAAC;QAC/BE,MAAM,CAACE,YAAYF,SAASK,WAAWa,iBAAiB;QACvD,GAAId,UAAU;YAAEsB,KAAK;YAAuBC,QAAQ;QAAS,CAAC;QAC/DC,UAAU1B,WAAW,CAAC,IAAI;OAEzBH;AAIT,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/DocumentHeader/Tabs/Tab/index.tsx"],"sourcesContent":["import type { DocumentTabConfig, DocumentTabProps } from 'payload/types'\n\nimport React, { Fragment } from 'react'\n\nimport { DocumentTabLink } from './TabLink.js'\nimport './index.scss'\n\nexport const baseClass = 'doc-tab'\n\nexport const DocumentTab: React.FC<DocumentTabProps & DocumentTabConfig> = (props) => {\n  const {\n    Pill,\n    apiURL,\n    collectionConfig,\n    condition,\n    config,\n    globalConfig,\n    href: tabHref,\n    i18n,\n    isActive: tabIsActive,\n    label,\n    newTab,\n  } = props\n\n  const { routes } = config\n\n  let href = typeof tabHref === 'string' ? tabHref : ''\n  let isActive = typeof tabIsActive === 'boolean' ? tabIsActive : false\n\n  if (typeof tabHref === 'function') {\n    href = tabHref({\n      apiURL,\n      collection: collectionConfig,\n      global: globalConfig,\n      routes,\n    })\n  }\n\n  if (typeof tabIsActive === 'function') {\n    isActive = tabIsActive({\n      href,\n    })\n  }\n\n  const meetsCondition =\n    !condition || (condition && Boolean(condition({ collectionConfig, config, globalConfig })))\n\n  if (meetsCondition) {\n    const labelToRender =\n      typeof label === 'function'\n        ? label({\n            t: i18n.t,\n          })\n        : label\n\n    return (\n      <DocumentTabLink\n        adminRoute={routes.admin}\n        ariaLabel={labelToRender}\n        baseClass={baseClass}\n        href={href}\n        isActive={isActive}\n        isCollection={!!collectionConfig && !globalConfig}\n        newTab={newTab}\n      >\n        <span className={`${baseClass}__label`}>\n          {labelToRender}\n          {Pill && (\n            <Fragment>\n              &nbsp;\n              <Pill />\n            </Fragment>\n          )}\n        </span>\n      </DocumentTabLink>\n    )\n  }\n\n  return null\n}\n"],"names":["React","Fragment","DocumentTabLink","baseClass","DocumentTab","props","Pill","apiURL","collectionConfig","condition","config","globalConfig","href","tabHref","i18n","isActive","tabIsActive","label","newTab","routes","collection","global","meetsCondition","Boolean","labelToRender","t","adminRoute","admin","ariaLabel","isCollection","span","className"],"mappings":"AAEA,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,eAAe,QAAQ,eAAc;AAG9C,OAAO,MAAMC,YAAY,UAAS;AAElC,OAAO,MAAMC,cAA8D,CAACC;IAC1E,MAAM,EACJC,IAAI,EACJC,MAAM,EACNC,gBAAgB,EAChBC,SAAS,EACTC,MAAM,EACNC,YAAY,EACZC,MAAMC,OAAO,EACbC,IAAI,EACJC,UAAUC,WAAW,EACrBC,KAAK,EACLC,MAAM,EACP,GAAGb;IAEJ,MAAM,EAAEc,MAAM,EAAE,GAAGT;IAEnB,IAAIE,OAAO,OAAOC,YAAY,WAAWA,UAAU;IACnD,IAAIE,WAAW,OAAOC,gBAAgB,YAAYA,cAAc;IAEhE,IAAI,OAAOH,YAAY,YAAY;QACjCD,OAAOC,QAAQ;YACbN;YACAa,YAAYZ;YACZa,QAAQV;YACRQ;QACF;IACF;IAEA,IAAI,OAAOH,gBAAgB,YAAY;QACrCD,WAAWC,YAAY;YACrBJ;QACF;IACF;IAEA,MAAMU,iBACJ,CAACb,aAAcA,aAAac,QAAQd,UAAU;QAAED;QAAkBE;QAAQC;IAAa;IAEzF,IAAIW,gBAAgB;QAClB,MAAME,gBACJ,OAAOP,UAAU,aACbA,MAAM;YACJQ,GAAGX,KAAKW,CAAC;QACX,KACAR;QAEN,qBACE,oBAACf;YACCwB,YAAYP,OAAOQ,KAAK;YACxBC,WAAWJ;YACXrB,WAAWA;YACXS,MAAMA;YACNG,UAAUA;YACVc,cAAc,CAAC,CAACrB,oBAAoB,CAACG;YACrCO,QAAQA;yBAER,oBAACY;YAAKC,WAAW,CAAC,EAAE5B,UAAU,OAAO,CAAC;WACnCqB,eACAlB,sBACC,oBAACL,gBAAS,mBAER,oBAACK;IAMb;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../../../src/elements/DocumentHeader/Tabs/Tab/index.tsx"],"sourcesContent":["import type { DocumentTabConfig, DocumentTabProps } from 'payload/types'\n\nimport React, { Fragment } from 'react'\n\nimport { DocumentTabLink } from './TabLink.js'\nimport './index.scss'\n\nexport const baseClass = 'doc-tab'\n\nexport const DocumentTab: React.FC<DocumentTabProps & DocumentTabConfig> = (props) => {\n  const {\n    Pill,\n    apiURL,\n    collectionConfig,\n    condition,\n    config,\n    globalConfig,\n    href: tabHref,\n    i18n,\n    isActive: tabIsActive,\n    label,\n    newTab,\n  } = props\n\n  const { routes } = config\n\n  let href = typeof tabHref === 'string' ? tabHref : ''\n  let isActive = typeof tabIsActive === 'boolean' ? tabIsActive : false\n\n  if (typeof tabHref === 'function') {\n    href = tabHref({\n      apiURL,\n      collection: collectionConfig,\n      global: globalConfig,\n      routes,\n    })\n  }\n\n  if (typeof tabIsActive === 'function') {\n    isActive = tabIsActive({\n      href,\n    })\n  }\n\n  const meetsCondition =\n    !condition || (condition && Boolean(condition({ collectionConfig, config, globalConfig })))\n\n  if (meetsCondition) {\n    const labelToRender =\n      typeof label === 'function'\n        ? label({\n            t: i18n.t,\n          })\n        : label\n\n    return (\n      <DocumentTabLink\n        adminRoute={routes.admin}\n        ariaLabel={labelToRender}\n        baseClass={baseClass}\n        href={href}\n        isActive={isActive}\n        isCollection={!!collectionConfig && !globalConfig}\n        newTab={newTab}\n      >\n        <span className={`${baseClass}__label`}>\n          {labelToRender}\n          {Pill && (\n            <Fragment>\n              &nbsp;\n              <Pill />\n            </Fragment>\n          )}\n        </span>\n      </DocumentTabLink>\n    )\n  }\n\n  return null\n}\n"],"names":["React","Fragment","DocumentTabLink","baseClass","DocumentTab","props","Pill","apiURL","collectionConfig","condition","config","globalConfig","href","tabHref","i18n","isActive","tabIsActive","label","newTab","routes","collection","global","meetsCondition","Boolean","labelToRender","t","adminRoute","admin","ariaLabel","isCollection","span","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,eAAe,QAAQ,eAAc;AAG9C,OAAO,MAAMC,YAAY,UAAS;AAElC,OAAO,MAAMC,cAA8D,CAACC;IAC1E,MAAM,EACJC,IAAI,EACJC,MAAM,EACNC,gBAAgB,EAChBC,SAAS,EACTC,MAAM,EACNC,YAAY,EACZC,MAAMC,OAAO,EACbC,IAAI,EACJC,UAAUC,WAAW,EACrBC,KAAK,EACLC,MAAM,EACP,GAAGb;IAEJ,MAAM,EAAEc,MAAM,EAAE,GAAGT;IAEnB,IAAIE,OAAO,OAAOC,YAAY,WAAWA,UAAU;IACnD,IAAIE,WAAW,OAAOC,gBAAgB,YAAYA,cAAc;IAEhE,IAAI,OAAOH,YAAY,YAAY;QACjCD,OAAOC,QAAQ;YACbN;YACAa,YAAYZ;YACZa,QAAQV;YACRQ;QACF;IACF;IAEA,IAAI,OAAOH,gBAAgB,YAAY;QACrCD,WAAWC,YAAY;YACrBJ;QACF;IACF;IAEA,MAAMU,iBACJ,CAACb,aAAcA,aAAac,QAAQd,UAAU;QAAED;QAAkBE;QAAQC;IAAa;IAEzF,IAAIW,gBAAgB;QAClB,MAAME,gBACJ,OAAOP,UAAU,aACbA,MAAM;YACJQ,GAAGX,KAAKW,CAAC;QACX,KACAR;QAEN,qBACE,oBAACf;YACCwB,YAAYP,OAAOQ,KAAK;YACxBC,WAAWJ;YACXrB,WAAWA;YACXS,MAAMA;YACNG,UAAUA;YACVc,cAAc,CAAC,CAACrB,oBAAoB,CAACG;YACrCO,QAAQA;yBAER,oBAACY;YAAKC,WAAW,CAAC,EAAE5B,UAAU,OAAO,CAAC;WACnCqB,eACAlB,sBACC,oBAACL,gBAAS,mBAER,oBAACK;IAMb;IAEA,OAAO;AACT,EAAC"}

package/dist/elements/DocumentHeader/Tabs/getCustomViews.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/DocumentHeader/Tabs/getCustomViews.ts"],"sourcesContent":["import type { EditViewConfig } from 'payload/config'\nimport type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload/types'\n\nimport { documentViewKeys } from './tabs/index.js'\n\nexport const getCustomViews = (args: {\n  collectionConfig: SanitizedCollectionConfig\n  globalConfig: SanitizedGlobalConfig\n}): EditViewConfig[] => {\n  const { collectionConfig, globalConfig } = args\n\n  let customViews: EditViewConfig[]\n\n  if (collectionConfig) {\n    const collectionViewsConfig =\n      typeof collectionConfig?.admin?.components?.views?.Edit === 'object' &&\n      typeof collectionConfig?.admin?.components?.views?.Edit !== 'function'\n        ? collectionConfig?.admin?.components?.views?.Edit\n        : undefined\n\n    customViews = Object.entries(collectionViewsConfig || {}).reduce((prev, [key, view]) => {\n      if (documentViewKeys.includes(key)) {\n        return prev\n      }\n\n      return [...prev, { ...view, key }]\n    }, [])\n  }\n\n  if (globalConfig) {\n    const globalViewsConfig =\n      typeof globalConfig?.admin?.components?.views?.Edit === 'object' &&\n      typeof globalConfig?.admin?.components?.views?.Edit !== 'function'\n        ? globalConfig?.admin?.components?.views?.Edit\n        : undefined\n\n    customViews = Object.entries(globalViewsConfig || {}).reduce((prev, [key, view]) => {\n      if (documentViewKeys.includes(key)) {\n        return prev\n      }\n\n      return [...prev, { ...view, key }]\n    }, [])\n  }\n\n  return customViews\n}\n"],"names":["documentViewKeys","getCustomViews","args","collectionConfig","globalConfig","customViews","collectionViewsConfig","admin","components","views","Edit","undefined","Object","entries","reduce","prev","key","view","includes","globalViewsConfig"],"mappings":"AAGA,SAASA,gBAAgB,QAAQ,kBAAiB;AAElD,OAAO,MAAMC,iBAAiB,CAACC;IAI7B,MAAM,EAAEC,gBAAgB,EAAEC,YAAY,EAAE,GAAGF;IAE3C,IAAIG;IAEJ,IAAIF,kBAAkB;QACpB,MAAMG,wBACJ,OAAOH,kBAAkBI,OAAOC,YAAYC,OAAOC,SAAS,YAC5D,OAAOP,kBAAkBI,OAAOC,YAAYC,OAAOC,SAAS,aACxDP,kBAAkBI,OAAOC,YAAYC,OAAOC,OAC5CC;QAENN,cAAcO,OAAOC,OAAO,CAACP,yBAAyB,CAAC,GAAGQ,MAAM,CAAC,CAACC,MAAM,CAACC,KAAKC,KAAK;YACjF,IAAIjB,iBAAiBkB,QAAQ,CAACF,MAAM;gBAClC,OAAOD;YACT;YAEA,OAAO;mBAAIA;gBAAM;oBAAE,GAAGE,IAAI;oBAAED;gBAAI;aAAE;QACpC,GAAG,EAAE;IACP;IAEA,IAAIZ,cAAc;QAChB,MAAMe,oBACJ,OAAOf,cAAcG,OAAOC,YAAYC,OAAOC,SAAS,YACxD,OAAON,cAAcG,OAAOC,YAAYC,OAAOC,SAAS,aACpDN,cAAcG,OAAOC,YAAYC,OAAOC,OACxCC;QAENN,cAAcO,OAAOC,OAAO,CAACM,qBAAqB,CAAC,GAAGL,MAAM,CAAC,CAACC,MAAM,CAACC,KAAKC,KAAK;YAC7E,IAAIjB,iBAAiBkB,QAAQ,CAACF,MAAM;gBAClC,OAAOD;YACT;YAEA,OAAO;mBAAIA;gBAAM;oBAAE,GAAGE,IAAI;oBAAED;gBAAI;aAAE;QACpC,GAAG,EAAE;IACP;IAEA,OAAOX;AACT,EAAC"}
+{"version":3,"sources":["../../../../src/elements/DocumentHeader/Tabs/getCustomViews.ts"],"sourcesContent":["import type { EditViewConfig } from 'payload/config'\nimport type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload/types'\n\nimport { documentViewKeys } from './tabs/index.js'\n\nexport const getCustomViews = (args: {\n  collectionConfig: SanitizedCollectionConfig\n  globalConfig: SanitizedGlobalConfig\n}): EditViewConfig[] => {\n  const { collectionConfig, globalConfig } = args\n\n  let customViews: EditViewConfig[]\n\n  if (collectionConfig) {\n    const collectionViewsConfig =\n      typeof collectionConfig?.admin?.components?.views?.Edit === 'object' &&\n      typeof collectionConfig?.admin?.components?.views?.Edit !== 'function'\n        ? collectionConfig?.admin?.components?.views?.Edit\n        : undefined\n\n    customViews = Object.entries(collectionViewsConfig || {}).reduce((prev, [key, view]) => {\n      if (documentViewKeys.includes(key)) {\n        return prev\n      }\n\n      return [...prev, { ...view, key }]\n    }, [])\n  }\n\n  if (globalConfig) {\n    const globalViewsConfig =\n      typeof globalConfig?.admin?.components?.views?.Edit === 'object' &&\n      typeof globalConfig?.admin?.components?.views?.Edit !== 'function'\n        ? globalConfig?.admin?.components?.views?.Edit\n        : undefined\n\n    customViews = Object.entries(globalViewsConfig || {}).reduce((prev, [key, view]) => {\n      if (documentViewKeys.includes(key)) {\n        return prev\n      }\n\n      return [...prev, { ...view, key }]\n    }, [])\n  }\n\n  return customViews\n}\n"],"names":["documentViewKeys","getCustomViews","args","collectionConfig","globalConfig","customViews","collectionViewsConfig","admin","components","views","Edit","undefined","Object","entries","reduce","prev","key","view","includes","globalViewsConfig"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAGA,SAASA,gBAAgB,QAAQ,kBAAiB;AAElD,OAAO,MAAMC,iBAAiB,CAACC;IAI7B,MAAM,EAAEC,gBAAgB,EAAEC,YAAY,EAAE,GAAGF;IAE3C,IAAIG;IAEJ,IAAIF,kBAAkB;QACpB,MAAMG,wBACJ,OAAOH,kBAAkBI,OAAOC,YAAYC,OAAOC,SAAS,YAC5D,OAAOP,kBAAkBI,OAAOC,YAAYC,OAAOC,SAAS,aACxDP,kBAAkBI,OAAOC,YAAYC,OAAOC,OAC5CC;QAENN,cAAcO,OAAOC,OAAO,CAACP,yBAAyB,CAAC,GAAGQ,MAAM,CAAC,CAACC,MAAM,CAACC,KAAKC,KAAK;YACjF,IAAIjB,iBAAiBkB,QAAQ,CAACF,MAAM;gBAClC,OAAOD;YACT;YAEA,OAAO;mBAAIA;gBAAM;oBAAE,GAAGE,IAAI;oBAAED;gBAAI;aAAE;QACpC,GAAG,EAAE;IACP;IAEA,IAAIZ,cAAc;QAChB,MAAMe,oBACJ,OAAOf,cAAcG,OAAOC,YAAYC,OAAOC,SAAS,YACxD,OAAON,cAAcG,OAAOC,YAAYC,OAAOC,SAAS,aACpDN,cAAcG,OAAOC,YAAYC,OAAOC,OACxCC;QAENN,cAAcO,OAAOC,OAAO,CAACM,qBAAqB,CAAC,GAAGL,MAAM,CAAC,CAACC,MAAM,CAACC,KAAKC,KAAK;YAC7E,IAAIjB,iBAAiBkB,QAAQ,CAACF,MAAM;gBAClC,OAAOD;YACT;YAEA,OAAO;mBAAIA;gBAAM;oBAAE,GAAGE,IAAI;oBAAED;gBAAI;aAAE;QACpC,GAAG,EAAE;IACP;IAEA,OAAOX;AACT,EAAC"}

package/dist/elements/DocumentHeader/Tabs/getViewConfig.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/DocumentHeader/Tabs/getViewConfig.ts"],"sourcesContent":["import type { EditViewConfig } from 'payload/config'\nimport type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload/types'\n\nexport const getViewConfig = (args: {\n  collectionConfig: SanitizedCollectionConfig\n  globalConfig: SanitizedGlobalConfig\n  name: string\n}): EditViewConfig => {\n  const { name, collectionConfig, globalConfig } = args\n\n  if (collectionConfig) {\n    const collectionConfigViewsConfig =\n      typeof collectionConfig?.admin?.components?.views?.Edit === 'object' &&\n      typeof collectionConfig?.admin?.components?.views?.Edit !== 'function'\n        ? collectionConfig?.admin?.components?.views?.Edit\n        : undefined\n\n    return collectionConfigViewsConfig?.[name]\n  }\n\n  if (globalConfig) {\n    const globalConfigViewsConfig =\n      typeof globalConfig?.admin?.components?.views?.Edit === 'object' &&\n      typeof globalConfig?.admin?.components?.views?.Edit !== 'function'\n        ? globalConfig?.admin?.components?.views?.Edit\n        : undefined\n\n    return globalConfigViewsConfig?.[name]\n  }\n\n  return null\n}\n"],"names":["getViewConfig","args","name","collectionConfig","globalConfig","collectionConfigViewsConfig","admin","components","views","Edit","undefined","globalConfigViewsConfig"],"mappings":"AAGA,OAAO,MAAMA,gBAAgB,CAACC;IAK5B,MAAM,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,YAAY,EAAE,GAAGH;IAEjD,IAAIE,kBAAkB;QACpB,MAAME,8BACJ,OAAOF,kBAAkBG,OAAOC,YAAYC,OAAOC,SAAS,YAC5D,OAAON,kBAAkBG,OAAOC,YAAYC,OAAOC,SAAS,aACxDN,kBAAkBG,OAAOC,YAAYC,OAAOC,OAC5CC;QAEN,OAAOL,6BAA6B,CAACH,KAAK;IAC5C;IAEA,IAAIE,cAAc;QAChB,MAAMO,0BACJ,OAAOP,cAAcE,OAAOC,YAAYC,OAAOC,SAAS,YACxD,OAAOL,cAAcE,OAAOC,YAAYC,OAAOC,SAAS,aACpDL,cAAcE,OAAOC,YAAYC,OAAOC,OACxCC;QAEN,OAAOC,yBAAyB,CAACT,KAAK;IACxC;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../../src/elements/DocumentHeader/Tabs/getViewConfig.ts"],"sourcesContent":["import type { EditViewConfig } from 'payload/config'\nimport type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload/types'\n\nexport const getViewConfig = (args: {\n  collectionConfig: SanitizedCollectionConfig\n  globalConfig: SanitizedGlobalConfig\n  name: string\n}): EditViewConfig => {\n  const { name, collectionConfig, globalConfig } = args\n\n  if (collectionConfig) {\n    const collectionConfigViewsConfig =\n      typeof collectionConfig?.admin?.components?.views?.Edit === 'object' &&\n      typeof collectionConfig?.admin?.components?.views?.Edit !== 'function'\n        ? collectionConfig?.admin?.components?.views?.Edit\n        : undefined\n\n    return collectionConfigViewsConfig?.[name]\n  }\n\n  if (globalConfig) {\n    const globalConfigViewsConfig =\n      typeof globalConfig?.admin?.components?.views?.Edit === 'object' &&\n      typeof globalConfig?.admin?.components?.views?.Edit !== 'function'\n        ? globalConfig?.admin?.components?.views?.Edit\n        : undefined\n\n    return globalConfigViewsConfig?.[name]\n  }\n\n  return null\n}\n"],"names":["getViewConfig","args","name","collectionConfig","globalConfig","collectionConfigViewsConfig","admin","components","views","Edit","undefined","globalConfigViewsConfig"],"rangeMappings":";;;;;;;;;;;","mappings":"AAGA,OAAO,MAAMA,gBAAgB,CAACC;IAK5B,MAAM,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,YAAY,EAAE,GAAGH;IAEjD,IAAIE,kBAAkB;QACpB,MAAME,8BACJ,OAAOF,kBAAkBG,OAAOC,YAAYC,OAAOC,SAAS,YAC5D,OAAON,kBAAkBG,OAAOC,YAAYC,OAAOC,SAAS,aACxDN,kBAAkBG,OAAOC,YAAYC,OAAOC,OAC5CC;QAEN,OAAOL,6BAA6B,CAACH,KAAK;IAC5C;IAEA,IAAIE,cAAc;QAChB,MAAMO,0BACJ,OAAOP,cAAcE,OAAOC,YAAYC,OAAOC,SAAS,YACxD,OAAOL,cAAcE,OAAOC,YAAYC,OAAOC,SAAS,aACpDL,cAAcE,OAAOC,YAAYC,OAAOC,OACxCC;QAEN,OAAOC,yBAAyB,CAACT,KAAK;IACxC;IAEA,OAAO;AACT,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/DocumentHeader/Tabs/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type {\n  SanitizedCollectionConfig,\n  SanitizedConfig,\n  SanitizedGlobalConfig,\n} from 'payload/types'\n\nimport { isPlainObject } from 'payload/utilities'\nimport React from 'react'\n\nimport { ShouldRenderTabs } from './ShouldRenderTabs.js'\nimport { DocumentTab } from './Tab/index.js'\nimport { getCustomViews } from './getCustomViews.js'\nimport { getViewConfig } from './getViewConfig.js'\nimport './index.scss'\nimport { tabs as defaultTabs } from './tabs/index.js'\n\nconst baseClass = 'doc-tabs'\n\nexport const DocumentTabs: React.FC<{\n  collectionConfig: SanitizedCollectionConfig\n  config: SanitizedConfig\n  globalConfig: SanitizedGlobalConfig\n  i18n: I18n\n}> = (props) => {\n  const { collectionConfig, config, globalConfig } = props\n\n  const customViews = getCustomViews({ collectionConfig, globalConfig })\n\n  return (\n    <ShouldRenderTabs>\n      <div className={baseClass}>\n        <div className={`${baseClass}__tabs-container`}>\n          <ul className={`${baseClass}__tabs`}>\n            {Object.entries(defaultTabs)\n              // sort `defaultViews` based on `order` property from smallest to largest\n              // if no `order`, append the view to the end\n              // TODO: open `order` to the config and merge `defaultViews` with `customViews`\n              ?.sort(([, a], [, b]) => {\n                if (a.order === undefined && b.order === undefined) return 0\n                else if (a.order === undefined) return 1\n                else if (b.order === undefined) return -1\n                return a.order - b.order\n              })\n              ?.map(([name, tab], index) => {\n                const viewConfig = getViewConfig({ name, collectionConfig, globalConfig })\n                const tabFromConfig = viewConfig && 'Tab' in viewConfig ? viewConfig.Tab : undefined\n                const tabConfig = typeof tabFromConfig === 'object' ? tabFromConfig : undefined\n\n                const { condition } = tabConfig || {}\n\n                const meetsCondition =\n                  !condition ||\n                  (condition && Boolean(condition({ collectionConfig, config, globalConfig })))\n\n                if (meetsCondition) {\n                  return (\n                    <DocumentTab\n                      key={`tab-${index}`}\n                      {...{\n                        ...props,\n                        ...(tab || {}),\n                        ...(tabFromConfig || {}),\n                      }}\n                    />\n                  )\n                }\n\n                return null\n              })}\n            {customViews?.map((CustomView, index) => {\n              if ('Tab' in CustomView) {\n                const { Tab, path } = CustomView\n\n                if (typeof Tab === 'object' && !isPlainObject(Tab)) {\n                  throw new Error(\n                    `Custom 'Tab' Component for path: \"${path}\" must be a React Server Component. To use client-side functionality, render your Client Component within a Server Component and pass it only props that are serializable. More info: https://react.dev/reference/react/use-server#serializable-parameters-and-return-values`,\n                  )\n                }\n\n                if (typeof Tab === 'function') {\n                  return <Tab path={path} {...props} key={`tab-custom-${index}`} />\n                }\n\n                return (\n                  <DocumentTab\n                    key={`tab-custom-${index}`}\n                    {...{\n                      ...props,\n                      ...Tab,\n                    }}\n                  />\n                )\n              }\n              return null\n            })}\n          </ul>\n        </div>\n      </div>\n    </ShouldRenderTabs>\n  )\n}\n"],"names":["isPlainObject","React","ShouldRenderTabs","DocumentTab","getCustomViews","getViewConfig","tabs","defaultTabs","baseClass","DocumentTabs","props","collectionConfig","config","globalConfig","customViews","div","className","ul","Object","entries","sort","a","b","order","undefined","map","name","tab","index","viewConfig","tabFromConfig","Tab","tabConfig","condition","meetsCondition","Boolean","key","CustomView","path","Error"],"mappings":"AAOA,SAASA,aAAa,QAAQ,oBAAmB;AACjD,OAAOC,WAAW,QAAO;AAEzB,SAASC,gBAAgB,QAAQ,wBAAuB;AACxD,SAASC,WAAW,QAAQ,iBAAgB;AAC5C,SAASC,cAAc,QAAQ,sBAAqB;AACpD,SAASC,aAAa,QAAQ,qBAAoB;AAElD,SAASC,QAAQC,WAAW,QAAQ,kBAAiB;AAErD,MAAMC,YAAY;AAElB,OAAO,MAAMC,eAKR,CAACC;IACJ,MAAM,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,YAAY,EAAE,GAAGH;IAEnD,MAAMI,cAAcV,eAAe;QAAEO;QAAkBE;IAAa;IAEpE,qBACE,oBAACX,sCACC,oBAACa;QAAIC,WAAWR;qBACd,oBAACO;QAAIC,WAAW,CAAC,EAAER,UAAU,gBAAgB,CAAC;qBAC5C,oBAACS;QAAGD,WAAW,CAAC,EAAER,UAAU,MAAM,CAAC;OAChCU,OAAOC,OAAO,CAACZ,cAIZa,KAAK,CAAC,GAAGC,EAAE,EAAE,GAAGC,EAAE;QAClB,IAAID,EAAEE,KAAK,KAAKC,aAAaF,EAAEC,KAAK,KAAKC,WAAW,OAAO;aACtD,IAAIH,EAAEE,KAAK,KAAKC,WAAW,OAAO;aAClC,IAAIF,EAAEC,KAAK,KAAKC,WAAW,OAAO,CAAC;QACxC,OAAOH,EAAEE,KAAK,GAAGD,EAAEC,KAAK;IAC1B,IACEE,IAAI,CAAC,CAACC,MAAMC,IAAI,EAAEC;QAClB,MAAMC,aAAaxB,cAAc;YAAEqB;YAAMf;YAAkBE;QAAa;QACxE,MAAMiB,gBAAgBD,cAAc,SAASA,aAAaA,WAAWE,GAAG,GAAGP;QAC3E,MAAMQ,YAAY,OAAOF,kBAAkB,WAAWA,gBAAgBN;QAEtE,MAAM,EAAES,SAAS,EAAE,GAAGD,aAAa,CAAC;QAEpC,MAAME,iBACJ,CAACD,aACAA,aAAaE,QAAQF,UAAU;YAAEtB;YAAkBC;YAAQC;QAAa;QAE3E,IAAIqB,gBAAgB;YAClB,qBACE,oBAAC/B;gBACCiC,KAAK,CAAC,IAAI,EAAER,MAAM,CAAC;gBAEjB,GAAGlB,KAAK;gBACR,GAAIiB,OAAO,CAAC,CAAC;gBACb,GAAIG,iBAAiB,CAAC,CAAC;;QAI/B;QAEA,OAAO;IACT,IACDhB,aAAaW,IAAI,CAACY,YAAYT;QAC7B,IAAI,SAASS,YAAY;YACvB,MAAM,EAAEN,GAAG,EAAEO,IAAI,EAAE,GAAGD;YAEtB,IAAI,OAAON,QAAQ,YAAY,CAAC/B,cAAc+B,MAAM;gBAClD,MAAM,IAAIQ,MACR,CAAC,kCAAkC,EAAED,KAAK,4QAA4Q,CAAC;YAE3T;YAEA,IAAI,OAAOP,QAAQ,YAAY;gBAC7B,qBAAO,oBAACA;oBAAIO,MAAMA;oBAAO,GAAG5B,KAAK;oBAAE0B,KAAK,CAAC,WAAW,EAAER,MAAM,CAAC;;YAC/D;YAEA,qBACE,oBAACzB;gBACCiC,KAAK,CAAC,WAAW,EAAER,MAAM,CAAC;gBAExB,GAAGlB,KAAK;gBACR,GAAGqB,GAAG;;QAId;QACA,OAAO;IACT;AAMZ,EAAC"}
+{"version":3,"sources":["../../../../src/elements/DocumentHeader/Tabs/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type {\n  SanitizedCollectionConfig,\n  SanitizedConfig,\n  SanitizedGlobalConfig,\n} from 'payload/types'\n\nimport { isPlainObject } from 'payload/utilities'\nimport React from 'react'\n\nimport { ShouldRenderTabs } from './ShouldRenderTabs.js'\nimport { DocumentTab } from './Tab/index.js'\nimport { getCustomViews } from './getCustomViews.js'\nimport { getViewConfig } from './getViewConfig.js'\nimport './index.scss'\nimport { tabs as defaultTabs } from './tabs/index.js'\n\nconst baseClass = 'doc-tabs'\n\nexport const DocumentTabs: React.FC<{\n  collectionConfig: SanitizedCollectionConfig\n  config: SanitizedConfig\n  globalConfig: SanitizedGlobalConfig\n  i18n: I18n\n}> = (props) => {\n  const { collectionConfig, config, globalConfig } = props\n\n  const customViews = getCustomViews({ collectionConfig, globalConfig })\n\n  return (\n    <ShouldRenderTabs>\n      <div className={baseClass}>\n        <div className={`${baseClass}__tabs-container`}>\n          <ul className={`${baseClass}__tabs`}>\n            {Object.entries(defaultTabs)\n              // sort `defaultViews` based on `order` property from smallest to largest\n              // if no `order`, append the view to the end\n              // TODO: open `order` to the config and merge `defaultViews` with `customViews`\n              ?.sort(([, a], [, b]) => {\n                if (a.order === undefined && b.order === undefined) return 0\n                else if (a.order === undefined) return 1\n                else if (b.order === undefined) return -1\n                return a.order - b.order\n              })\n              ?.map(([name, tab], index) => {\n                const viewConfig = getViewConfig({ name, collectionConfig, globalConfig })\n                const tabFromConfig = viewConfig && 'Tab' in viewConfig ? viewConfig.Tab : undefined\n                const tabConfig = typeof tabFromConfig === 'object' ? tabFromConfig : undefined\n\n                const { condition } = tabConfig || {}\n\n                const meetsCondition =\n                  !condition ||\n                  (condition && Boolean(condition({ collectionConfig, config, globalConfig })))\n\n                if (meetsCondition) {\n                  return (\n                    <DocumentTab\n                      key={`tab-${index}`}\n                      {...{\n                        ...props,\n                        ...(tab || {}),\n                        ...(tabFromConfig || {}),\n                      }}\n                    />\n                  )\n                }\n\n                return null\n              })}\n            {customViews?.map((CustomView, index) => {\n              if ('Tab' in CustomView) {\n                const { Tab, path } = CustomView\n\n                if (typeof Tab === 'object' && !isPlainObject(Tab)) {\n                  throw new Error(\n                    `Custom 'Tab' Component for path: \"${path}\" must be a React Server Component. To use client-side functionality, render your Client Component within a Server Component and pass it only props that are serializable. More info: https://react.dev/reference/react/use-server#serializable-parameters-and-return-values`,\n                  )\n                }\n\n                if (typeof Tab === 'function') {\n                  return <Tab path={path} {...props} key={`tab-custom-${index}`} />\n                }\n\n                return (\n                  <DocumentTab\n                    key={`tab-custom-${index}`}\n                    {...{\n                      ...props,\n                      ...Tab,\n                    }}\n                  />\n                )\n              }\n              return null\n            })}\n          </ul>\n        </div>\n      </div>\n    </ShouldRenderTabs>\n  )\n}\n"],"names":["isPlainObject","React","ShouldRenderTabs","DocumentTab","getCustomViews","getViewConfig","tabs","defaultTabs","baseClass","DocumentTabs","props","collectionConfig","config","globalConfig","customViews","div","className","ul","Object","entries","sort","a","b","order","undefined","map","name","tab","index","viewConfig","tabFromConfig","Tab","tabConfig","condition","meetsCondition","Boolean","key","CustomView","path","Error"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAOA,SAASA,aAAa,QAAQ,oBAAmB;AACjD,OAAOC,WAAW,QAAO;AAEzB,SAASC,gBAAgB,QAAQ,wBAAuB;AACxD,SAASC,WAAW,QAAQ,iBAAgB;AAC5C,SAASC,cAAc,QAAQ,sBAAqB;AACpD,SAASC,aAAa,QAAQ,qBAAoB;AAElD,SAASC,QAAQC,WAAW,QAAQ,kBAAiB;AAErD,MAAMC,YAAY;AAElB,OAAO,MAAMC,eAKR,CAACC;IACJ,MAAM,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,YAAY,EAAE,GAAGH;IAEnD,MAAMI,cAAcV,eAAe;QAAEO;QAAkBE;IAAa;IAEpE,qBACE,oBAACX,sCACC,oBAACa;QAAIC,WAAWR;qBACd,oBAACO;QAAIC,WAAW,CAAC,EAAER,UAAU,gBAAgB,CAAC;qBAC5C,oBAACS;QAAGD,WAAW,CAAC,EAAER,UAAU,MAAM,CAAC;OAChCU,OAAOC,OAAO,CAACZ,cAIZa,KAAK,CAAC,GAAGC,EAAE,EAAE,GAAGC,EAAE;QAClB,IAAID,EAAEE,KAAK,KAAKC,aAAaF,EAAEC,KAAK,KAAKC,WAAW,OAAO;aACtD,IAAIH,EAAEE,KAAK,KAAKC,WAAW,OAAO;aAClC,IAAIF,EAAEC,KAAK,KAAKC,WAAW,OAAO,CAAC;QACxC,OAAOH,EAAEE,KAAK,GAAGD,EAAEC,KAAK;IAC1B,IACEE,IAAI,CAAC,CAACC,MAAMC,IAAI,EAAEC;QAClB,MAAMC,aAAaxB,cAAc;YAAEqB;YAAMf;YAAkBE;QAAa;QACxE,MAAMiB,gBAAgBD,cAAc,SAASA,aAAaA,WAAWE,GAAG,GAAGP;QAC3E,MAAMQ,YAAY,OAAOF,kBAAkB,WAAWA,gBAAgBN;QAEtE,MAAM,EAAES,SAAS,EAAE,GAAGD,aAAa,CAAC;QAEpC,MAAME,iBACJ,CAACD,aACAA,aAAaE,QAAQF,UAAU;YAAEtB;YAAkBC;YAAQC;QAAa;QAE3E,IAAIqB,gBAAgB;YAClB,qBACE,oBAAC/B;gBACCiC,KAAK,CAAC,IAAI,EAAER,MAAM,CAAC;gBAEjB,GAAGlB,KAAK;gBACR,GAAIiB,OAAO,CAAC,CAAC;gBACb,GAAIG,iBAAiB,CAAC,CAAC;;QAI/B;QAEA,OAAO;IACT,IACDhB,aAAaW,IAAI,CAACY,YAAYT;QAC7B,IAAI,SAASS,YAAY;YACvB,MAAM,EAAEN,GAAG,EAAEO,IAAI,EAAE,GAAGD;YAEtB,IAAI,OAAON,QAAQ,YAAY,CAAC/B,cAAc+B,MAAM;gBAClD,MAAM,IAAIQ,MACR,CAAC,kCAAkC,EAAED,KAAK,4QAA4Q,CAAC;YAE3T;YAEA,IAAI,OAAOP,QAAQ,YAAY;gBAC7B,qBAAO,oBAACA;oBAAIO,MAAMA;oBAAO,GAAG5B,KAAK;oBAAE0B,KAAK,CAAC,WAAW,EAAER,MAAM,CAAC;;YAC/D;YAEA,qBACE,oBAACzB;gBACCiC,KAAK,CAAC,WAAW,EAAER,MAAM,CAAC;gBAExB,GAAGlB,KAAK;gBACR,GAAGqB,GAAG;;QAId;QACA,OAAO;IACT;AAMZ,EAAC"}

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

@@ -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\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"}
+{"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"],"rangeMappings":";;;;;;;;;;;;","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/DocumentHeader/Tabs/tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/DocumentHeader/Tabs/tabs/index.tsx"],"sourcesContent":["import type { DocumentTabConfig } from 'payload/types'\n\nimport { VersionsPill } from './VersionsPill/index.js'\n\nexport const documentViewKeys = [\n  'API',\n  'Default',\n  'LivePreview',\n  'References',\n  'Relationships',\n  'Version',\n  'Versions',\n]\n\nexport type DocumentViewKey = (typeof documentViewKeys)[number]\n\nexport const tabs: Record<\n  DocumentViewKey,\n  DocumentTabConfig & {\n    order?: number // TODO: expose this to the globalConfig config\n  }\n> = {\n  API: {\n    condition: ({ collectionConfig, globalConfig }) =>\n      (collectionConfig && !collectionConfig?.admin?.hideAPIURL) ||\n      (globalConfig && !globalConfig?.admin?.hideAPIURL),\n    href: '/api',\n    label: 'API',\n    order: 1000,\n  },\n  Default: {\n    href: '',\n    // isActive: ({ href, location }) =>\n    // location.pathname === href || location.pathname === `${href}/create`,\n    label: ({ t }) => t('general:edit'),\n    order: 0,\n  },\n  LivePreview: {\n    condition: ({ collectionConfig, config, globalConfig }) => {\n      if (collectionConfig) {\n        return Boolean(\n          config?.admin?.livePreview?.collections?.includes(collectionConfig.slug) ||\n            collectionConfig?.admin?.livePreview,\n        )\n      }\n\n      if (globalConfig) {\n        return Boolean(\n          config?.admin?.livePreview?.globals?.includes(globalConfig.slug) ||\n            globalConfig?.admin?.livePreview,\n        )\n      }\n\n      return false\n    },\n    href: '/preview',\n    label: ({ t }) => t('general:livePreview'),\n    order: 100,\n  },\n  References: {\n    condition: () => false,\n  },\n  Relationships: {\n    condition: () => false,\n  },\n  Version: {\n    condition: () => false,\n  },\n  Versions: {\n    Pill: VersionsPill,\n    condition: ({ collectionConfig, globalConfig }) =>\n      Boolean(collectionConfig?.versions || globalConfig?.versions),\n    href: '/versions',\n    label: ({ t }) => t('version:versions'),\n    order: 200,\n  },\n}\n"],"names":["VersionsPill","documentViewKeys","tabs","API","condition","collectionConfig","globalConfig","admin","hideAPIURL","href","label","order","Default","t","LivePreview","config","Boolean","livePreview","collections","includes","slug","globals","References","Relationships","Version","Versions","Pill","versions"],"mappings":"AAEA,SAASA,YAAY,QAAQ,0BAAyB;AAEtD,OAAO,MAAMC,mBAAmB;IAC9B;IACA;IACA;IACA;IACA;IACA;IACA;CACD,CAAA;AAID,OAAO,MAAMC,OAKT;IACFC,KAAK;QACHC,WAAW,CAAC,EAAEC,gBAAgB,EAAEC,YAAY,EAAE,GAC5C,AAACD,oBAAoB,CAACA,kBAAkBE,OAAOC,cAC9CF,gBAAgB,CAACA,cAAcC,OAAOC;QACzCC,MAAM;QACNC,OAAO;QACPC,OAAO;IACT;IACAC,SAAS;QACPH,MAAM;QACN,oCAAoC;QACpC,wEAAwE;QACxEC,OAAO,CAAC,EAAEG,CAAC,EAAE,GAAKA,EAAE;QACpBF,OAAO;IACT;IACAG,aAAa;QACXV,WAAW,CAAC,EAAEC,gBAAgB,EAAEU,MAAM,EAAET,YAAY,EAAE;YACpD,IAAID,kBAAkB;gBACpB,OAAOW,QACLD,QAAQR,OAAOU,aAAaC,aAAaC,SAASd,iBAAiBe,IAAI,KACrEf,kBAAkBE,OAAOU;YAE/B;YAEA,IAAIX,cAAc;gBAChB,OAAOU,QACLD,QAAQR,OAAOU,aAAaI,SAASF,SAASb,aAAac,IAAI,KAC7Dd,cAAcC,OAAOU;YAE3B;YAEA,OAAO;QACT;QACAR,MAAM;QACNC,OAAO,CAAC,EAAEG,CAAC,EAAE,GAAKA,EAAE;QACpBF,OAAO;IACT;IACAW,YAAY;QACVlB,WAAW,IAAM;IACnB;IACAmB,eAAe;QACbnB,WAAW,IAAM;IACnB;IACAoB,SAAS;QACPpB,WAAW,IAAM;IACnB;IACAqB,UAAU;QACRC,MAAM1B;QACNI,WAAW,CAAC,EAAEC,gBAAgB,EAAEC,YAAY,EAAE,GAC5CU,QAAQX,kBAAkBsB,YAAYrB,cAAcqB;QACtDlB,MAAM;QACNC,OAAO,CAAC,EAAEG,CAAC,EAAE,GAAKA,EAAE;QACpBF,OAAO;IACT;AACF,EAAC"}
+{"version":3,"sources":["../../../../../src/elements/DocumentHeader/Tabs/tabs/index.tsx"],"sourcesContent":["import type { DocumentTabConfig } from 'payload/types'\n\nimport { VersionsPill } from './VersionsPill/index.js'\n\nexport const documentViewKeys = [\n  'API',\n  'Default',\n  'LivePreview',\n  'References',\n  'Relationships',\n  'Version',\n  'Versions',\n]\n\nexport type DocumentViewKey = (typeof documentViewKeys)[number]\n\nexport const tabs: Record<\n  DocumentViewKey,\n  DocumentTabConfig & {\n    order?: number // TODO: expose this to the globalConfig config\n  }\n> = {\n  API: {\n    condition: ({ collectionConfig, globalConfig }) =>\n      (collectionConfig && !collectionConfig?.admin?.hideAPIURL) ||\n      (globalConfig && !globalConfig?.admin?.hideAPIURL),\n    href: '/api',\n    label: 'API',\n    order: 1000,\n  },\n  Default: {\n    href: '',\n    // isActive: ({ href, location }) =>\n    // location.pathname === href || location.pathname === `${href}/create`,\n    label: ({ t }) => t('general:edit'),\n    order: 0,\n  },\n  LivePreview: {\n    condition: ({ collectionConfig, config, globalConfig }) => {\n      if (collectionConfig) {\n        return Boolean(\n          config?.admin?.livePreview?.collections?.includes(collectionConfig.slug) ||\n            collectionConfig?.admin?.livePreview,\n        )\n      }\n\n      if (globalConfig) {\n        return Boolean(\n          config?.admin?.livePreview?.globals?.includes(globalConfig.slug) ||\n            globalConfig?.admin?.livePreview,\n        )\n      }\n\n      return false\n    },\n    href: '/preview',\n    label: ({ t }) => t('general:livePreview'),\n    order: 100,\n  },\n  References: {\n    condition: () => false,\n  },\n  Relationships: {\n    condition: () => false,\n  },\n  Version: {\n    condition: () => false,\n  },\n  Versions: {\n    Pill: VersionsPill,\n    condition: ({ collectionConfig, globalConfig }) =>\n      Boolean(collectionConfig?.versions || globalConfig?.versions),\n    href: '/versions',\n    label: ({ t }) => t('version:versions'),\n    order: 200,\n  },\n}\n"],"names":["VersionsPill","documentViewKeys","tabs","API","condition","collectionConfig","globalConfig","admin","hideAPIURL","href","label","order","Default","t","LivePreview","config","Boolean","livePreview","collections","includes","slug","globals","References","Relationships","Version","Versions","Pill","versions"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,YAAY,QAAQ,0BAAyB;AAEtD,OAAO,MAAMC,mBAAmB;IAC9B;IACA;IACA;IACA;IACA;IACA;IACA;CACD,CAAA;AAID,OAAO,MAAMC,OAKT;IACFC,KAAK;QACHC,WAAW,CAAC,EAAEC,gBAAgB,EAAEC,YAAY,EAAE,GAC5C,AAACD,oBAAoB,CAACA,kBAAkBE,OAAOC,cAC9CF,gBAAgB,CAACA,cAAcC,OAAOC;QACzCC,MAAM;QACNC,OAAO;QACPC,OAAO;IACT;IACAC,SAAS;QACPH,MAAM;QACN,oCAAoC;QACpC,wEAAwE;QACxEC,OAAO,CAAC,EAAEG,CAAC,EAAE,GAAKA,EAAE;QACpBF,OAAO;IACT;IACAG,aAAa;QACXV,WAAW,CAAC,EAAEC,gBAAgB,EAAEU,MAAM,EAAET,YAAY,EAAE;YACpD,IAAID,kBAAkB;gBACpB,OAAOW,QACLD,QAAQR,OAAOU,aAAaC,aAAaC,SAASd,iBAAiBe,IAAI,KACrEf,kBAAkBE,OAAOU;YAE/B;YAEA,IAAIX,cAAc;gBAChB,OAAOU,QACLD,QAAQR,OAAOU,aAAaI,SAASF,SAASb,aAAac,IAAI,KAC7Dd,cAAcC,OAAOU;YAE3B;YAEA,OAAO;QACT;QACAR,MAAM;QACNC,OAAO,CAAC,EAAEG,CAAC,EAAE,GAAKA,EAAE;QACpBF,OAAO;IACT;IACAW,YAAY;QACVlB,WAAW,IAAM;IACnB;IACAmB,eAAe;QACbnB,WAAW,IAAM;IACnB;IACAoB,SAAS;QACPpB,WAAW,IAAM;IACnB;IACAqB,UAAU;QACRC,MAAM1B;QACNI,WAAW,CAAC,EAAEC,gBAAgB,EAAEC,YAAY,EAAE,GAC5CU,QAAQX,kBAAkBsB,YAAYrB,cAAcqB;QACtDlB,MAAM;QACNC,OAAO,CAAC,EAAEG,CAAC,EAAE,GAAKA,EAAE;QACpBF,OAAO;IACT;AACF,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DocumentHeader/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type {\n  SanitizedCollectionConfig,\n  SanitizedConfig,\n  SanitizedGlobalConfig,\n} from 'payload/types'\n\nimport React, { Fragment } from 'react'\n\nimport { Gutter } from '../Gutter/index.js'\nimport { RenderTitle } from '../RenderTitle/index.js'\nimport { DocumentTabs } from './Tabs/index.js'\nimport './index.scss'\n\nconst baseClass = `doc-header`\n\nexport const DocumentHeader: React.FC<{\n  collectionConfig?: SanitizedCollectionConfig\n  config: SanitizedConfig\n  customHeader?: React.ReactNode\n  globalConfig?: SanitizedGlobalConfig\n  hideTabs?: boolean\n  i18n: I18n\n}> = (props) => {\n  const { collectionConfig, config, customHeader, globalConfig, hideTabs, i18n } = props\n\n  return (\n    <Gutter className={baseClass}>\n      {customHeader && customHeader}\n      {!customHeader && (\n        <Fragment>\n          <RenderTitle className={`${baseClass}__title`} />\n          {!hideTabs && (\n            <DocumentTabs\n              collectionConfig={collectionConfig}\n              config={config}\n              globalConfig={globalConfig}\n              i18n={i18n}\n            />\n          )}\n        </Fragment>\n      )}\n    </Gutter>\n  )\n}\n"],"names":["React","Fragment","Gutter","RenderTitle","DocumentTabs","baseClass","DocumentHeader","props","collectionConfig","config","customHeader","globalConfig","hideTabs","i18n","className"],"mappings":"AAOA,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,WAAW,QAAQ,0BAAyB;AACrD,SAASC,YAAY,QAAQ,kBAAiB;AAG9C,MAAMC,YAAY,CAAC,UAAU,CAAC;AAE9B,OAAO,MAAMC,iBAOR,CAACC;IACJ,MAAM,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,YAAY,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGN;IAEjF,qBACE,oBAACL;QAAOY,WAAWT;OAChBK,gBAAgBA,cAChB,CAACA,8BACA,oBAACT,8BACC,oBAACE;QAAYW,WAAW,CAAC,EAAET,UAAU,OAAO,CAAC;QAC5C,CAACO,0BACA,oBAACR;QACCI,kBAAkBA;QAClBC,QAAQA;QACRE,cAAcA;QACdE,MAAMA;;AAOpB,EAAC"}
+{"version":3,"sources":["../../../src/elements/DocumentHeader/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type {\n  SanitizedCollectionConfig,\n  SanitizedConfig,\n  SanitizedGlobalConfig,\n} from 'payload/types'\n\nimport React, { Fragment } from 'react'\n\nimport { Gutter } from '../Gutter/index.js'\nimport { RenderTitle } from '../RenderTitle/index.js'\nimport { DocumentTabs } from './Tabs/index.js'\nimport './index.scss'\n\nconst baseClass = `doc-header`\n\nexport const DocumentHeader: React.FC<{\n  collectionConfig?: SanitizedCollectionConfig\n  config: SanitizedConfig\n  customHeader?: React.ReactNode\n  globalConfig?: SanitizedGlobalConfig\n  hideTabs?: boolean\n  i18n: I18n\n}> = (props) => {\n  const { collectionConfig, config, customHeader, globalConfig, hideTabs, i18n } = props\n\n  return (\n    <Gutter className={baseClass}>\n      {customHeader && customHeader}\n      {!customHeader && (\n        <Fragment>\n          <RenderTitle className={`${baseClass}__title`} />\n          {!hideTabs && (\n            <DocumentTabs\n              collectionConfig={collectionConfig}\n              config={config}\n              globalConfig={globalConfig}\n              i18n={i18n}\n            />\n          )}\n        </Fragment>\n      )}\n    </Gutter>\n  )\n}\n"],"names":["React","Fragment","Gutter","RenderTitle","DocumentTabs","baseClass","DocumentHeader","props","collectionConfig","config","customHeader","globalConfig","hideTabs","i18n","className"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAOA,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,WAAW,QAAQ,0BAAyB;AACrD,SAASC,YAAY,QAAQ,kBAAiB;AAG9C,MAAMC,YAAY,CAAC,UAAU,CAAC;AAE9B,OAAO,MAAMC,iBAOR,CAACC;IACJ,MAAM,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,YAAY,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGN;IAEjF,qBACE,oBAACL;QAAOY,WAAWT;OAChBK,gBAAgBA,cAChB,CAACA,8BACA,oBAACT,8BACC,oBAACE;QAAYW,WAAW,CAAC,EAAET,UAAU,OAAO,CAAC;QAC5C,CAACO,0BACA,oBAACR;QACCI,kBAAkBA;QAClBC,QAAQA;QACRE,cAAcA;QACdE,MAAMA;;AAOpB,EAAC"}

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

@@ -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"],"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"}
+{"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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","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.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/types.ts"],"sourcesContent":["import type { UseDraggableArguments } from '@dnd-kit/core'\nimport type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities'\nimport type React from 'react'\n\nimport type { UseDraggableSortableReturn } from '../useDraggableSortable/types.js'\n\nexport type DragHandleProps = UseDraggableArguments & {\n  attributes: UseDraggableArguments['attributes']\n  listeners: SyntheticListenerMap\n}\n\nexport type ChildFunction = (args: UseDraggableSortableReturn) => React.ReactNode\n\nexport type Props = UseDraggableArguments & {\n  children: ChildFunction\n}\n"],"names":[],"mappings":"AAaA,WAEC"}
+{"version":3,"sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/types.ts"],"sourcesContent":["import type { UseDraggableArguments } from '@dnd-kit/core'\nimport type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities'\nimport type React from 'react'\n\nimport type { UseDraggableSortableReturn } from '../useDraggableSortable/types.js'\n\nexport type DragHandleProps = UseDraggableArguments & {\n  attributes: UseDraggableArguments['attributes']\n  listeners: SyntheticListenerMap\n}\n\nexport type ChildFunction = (args: UseDraggableSortableReturn) => React.ReactNode\n\nexport type Props = UseDraggableArguments & {\n  children: ChildFunction\n}\n"],"names":[],"rangeMappings":"","mappings":"AAaA,WAEC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DraggableSortable/index.tsx"],"sourcesContent":["import type { DragEndEvent } from '@dnd-kit/core'\n\nimport {\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  closestCenter,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core'\nimport { SortableContext, sortableKeyboardCoordinates } from '@dnd-kit/sortable'\nimport React, { useCallback, useId } from 'react'\n\nimport type { Props } from './types.js'\n\nexport { Props }\n\nexport const DraggableSortable: React.FC<Props> = (props) => {\n  const { children, className, ids, onDragEnd } = props\n\n  const id = useId()\n\n  const { setNodeRef } = useDroppable({\n    id,\n  })\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        distance: 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      if (!active || !over) return\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  return (\n    <DndContext\n      collisionDetection={closestCenter}\n      id={id}\n      onDragEnd={handleDragEnd}\n      sensors={sensors}\n    >\n      <SortableContext items={ids}>\n        <div className={className} ref={setNodeRef}>\n          {children}\n        </div>\n      </SortableContext>\n    </DndContext>\n  )\n}\n"],"names":["DndContext","KeyboardSensor","PointerSensor","closestCenter","useDroppable","useSensor","useSensors","SortableContext","sortableKeyboardCoordinates","React","useCallback","useId","DraggableSortable","props","children","className","ids","onDragEnd","id","setNodeRef","sensors","activationConstraint","distance","coordinateGetter","handleDragEnd","event","active","over","moveFromIndex","findIndex","_id","moveToIndex","collisionDetection","items","div","ref"],"mappings":"AAEA,SACEA,UAAU,EACVC,cAAc,EACdC,aAAa,EACbC,aAAa,EACbC,YAAY,EACZC,SAAS,EACTC,UAAU,QACL,gBAAe;AACtB,SAASC,eAAe,EAAEC,2BAA2B,QAAQ,oBAAmB;AAChF,OAAOC,SAASC,WAAW,EAAEC,KAAK,QAAQ,QAAO;AAMjD,OAAO,MAAMC,oBAAqC,CAACC;IACjD,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,GAAG,EAAEC,SAAS,EAAE,GAAGJ;IAEhD,MAAMK,KAAKP;IAEX,MAAM,EAAEQ,UAAU,EAAE,GAAGf,aAAa;QAClCc;IACF;IAEA,MAAME,UAAUd,WACdD,UAAUH,eAAe;QACvBmB,sBAAsB;YACpBC,UAAU;QACZ;IACF,IACAjB,UAAUJ,gBAAgB;QACxBsB,kBAAkBf;IACpB;IAGF,MAAMgB,gBAAgBd,YACpB,CAACe;QACC,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGF;QAEzB,IAAI,CAACC,UAAU,CAACC,MAAM;QAEtB,IAAI,OAAOV,cAAc,YAAY;YACnCA,UAAU;gBACRQ;gBACAG,eAAeZ,IAAIa,SAAS,CAAC,CAACC,MAAQA,QAAQJ,OAAOR,EAAE;gBACvDa,aAAaf,IAAIa,SAAS,CAAC,CAACC,MAAQA,QAAQH,KAAKT,EAAE;YACrD;QACF;IACF,GACA;QAACD;QAAWD;KAAI;IAGlB,qBACE,oBAAChB;QACCgC,oBAAoB7B;QACpBe,IAAIA;QACJD,WAAWO;QACXJ,SAASA;qBAET,oBAACb;QAAgB0B,OAAOjB;qBACtB,oBAACkB;QAAInB,WAAWA;QAAWoB,KAAKhB;OAC7BL;AAKX,EAAC"}
+{"version":3,"sources":["../../../src/elements/DraggableSortable/index.tsx"],"sourcesContent":["import type { DragEndEvent } from '@dnd-kit/core'\n\nimport {\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  closestCenter,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core'\nimport { SortableContext, sortableKeyboardCoordinates } from '@dnd-kit/sortable'\nimport React, { useCallback, useId } from 'react'\n\nimport type { Props } from './types.js'\n\nexport { Props }\n\nexport const DraggableSortable: React.FC<Props> = (props) => {\n  const { children, className, ids, onDragEnd } = props\n\n  const id = useId()\n\n  const { setNodeRef } = useDroppable({\n    id,\n  })\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        distance: 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      if (!active || !over) return\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  return (\n    <DndContext\n      collisionDetection={closestCenter}\n      id={id}\n      onDragEnd={handleDragEnd}\n      sensors={sensors}\n    >\n      <SortableContext items={ids}>\n        <div className={className} ref={setNodeRef}>\n          {children}\n        </div>\n      </SortableContext>\n    </DndContext>\n  )\n}\n"],"names":["DndContext","KeyboardSensor","PointerSensor","closestCenter","useDroppable","useSensor","useSensors","SortableContext","sortableKeyboardCoordinates","React","useCallback","useId","DraggableSortable","props","children","className","ids","onDragEnd","id","setNodeRef","sensors","activationConstraint","distance","coordinateGetter","handleDragEnd","event","active","over","moveFromIndex","findIndex","_id","moveToIndex","collisionDetection","items","div","ref"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SACEA,UAAU,EACVC,cAAc,EACdC,aAAa,EACbC,aAAa,EACbC,YAAY,EACZC,SAAS,EACTC,UAAU,QACL,gBAAe;AACtB,SAASC,eAAe,EAAEC,2BAA2B,QAAQ,oBAAmB;AAChF,OAAOC,SAASC,WAAW,EAAEC,KAAK,QAAQ,QAAO;AAMjD,OAAO,MAAMC,oBAAqC,CAACC;IACjD,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,GAAG,EAAEC,SAAS,EAAE,GAAGJ;IAEhD,MAAMK,KAAKP;IAEX,MAAM,EAAEQ,UAAU,EAAE,GAAGf,aAAa;QAClCc;IACF;IAEA,MAAME,UAAUd,WACdD,UAAUH,eAAe;QACvBmB,sBAAsB;YACpBC,UAAU;QACZ;IACF,IACAjB,UAAUJ,gBAAgB;QACxBsB,kBAAkBf;IACpB;IAGF,MAAMgB,gBAAgBd,YACpB,CAACe;QACC,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGF;QAEzB,IAAI,CAACC,UAAU,CAACC,MAAM;QAEtB,IAAI,OAAOV,cAAc,YAAY;YACnCA,UAAU;gBACRQ;gBACAG,eAAeZ,IAAIa,SAAS,CAAC,CAACC,MAAQA,QAAQJ,OAAOR,EAAE;gBACvDa,aAAaf,IAAIa,SAAS,CAAC,CAACC,MAAQA,QAAQH,KAAKT,EAAE;YACrD;QACF;IACF,GACA;QAACD;QAAWD;KAAI;IAGlB,qBACE,oBAAChB;QACCgC,oBAAoB7B;QACpBe,IAAIA;QACJD,WAAWO;QACXJ,SAASA;qBAET,oBAACb;QAAgB0B,OAAOjB;qBACtB,oBAACkB;QAAInB,WAAWA;QAAWoB,KAAKhB;OAC7BL;AAKX,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DraggableSortable/types.ts"],"sourcesContent":["import type { DragEndEvent } from '@dnd-kit/core'\nimport type { Ref } from 'react'\n\nexport type Props = {\n  children: React.ReactNode\n  className?: string\n  droppableRef?: Ref<HTMLElement>\n  ids: string[]\n  onDragEnd: (e: { event: DragEndEvent; moveFromIndex: number; moveToIndex: number }) => void\n}\n"],"names":[],"mappings":"AAGA,WAMC"}
+{"version":3,"sources":["../../../src/elements/DraggableSortable/types.ts"],"sourcesContent":["import type { DragEndEvent } from '@dnd-kit/core'\nimport type { Ref } from 'react'\n\nexport type Props = {\n  children: React.ReactNode\n  className?: string\n  droppableRef?: Ref<HTMLElement>\n  ids: string[]\n  onDragEnd: (e: { event: DragEndEvent; moveFromIndex: number; moveToIndex: number }) => void\n}\n"],"names":[],"rangeMappings":"","mappings":"AAGA,WAMC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/index.tsx"],"sourcesContent":["import type { UseDraggableArguments } from '@dnd-kit/core'\n\nimport { useSortable } from '@dnd-kit/sortable'\n\nimport type { UseDraggableSortableReturn } from './types.js'\n\nexport const useDraggableSortable = (props: UseDraggableArguments): UseDraggableSortableReturn => {\n  const { id, disabled } = props\n\n  const { attributes, isDragging, listeners, setNodeRef, transform } = useSortable({\n    id,\n    disabled,\n  })\n\n  return {\n    attributes: {\n      ...attributes,\n      style: {\n        cursor: isDragging ? 'grabbing' : 'grab',\n      },\n    },\n    isDragging,\n    listeners,\n    setNodeRef,\n    transform: transform && `translate3d(${transform.x}px, ${transform.y}px, 0)`, // translate3d is faster than translate in most browsers\n  }\n}\n"],"names":["useSortable","useDraggableSortable","props","id","disabled","attributes","isDragging","listeners","setNodeRef","transform","style","cursor","x","y"],"mappings":"AAEA,SAASA,WAAW,QAAQ,oBAAmB;AAI/C,OAAO,MAAMC,uBAAuB,CAACC;IACnC,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAE,GAAGF;IAEzB,MAAM,EAAEG,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGT,YAAY;QAC/EG;QACAC;IACF;IAEA,OAAO;QACLC,YAAY;YACV,GAAGA,UAAU;YACbK,OAAO;gBACLC,QAAQL,aAAa,aAAa;YACpC;QACF;QACAA;QACAC;QACAC;QACAC,WAAWA,aAAa,CAAC,YAAY,EAAEA,UAAUG,CAAC,CAAC,IAAI,EAAEH,UAAUI,CAAC,CAAC,MAAM,CAAC;IAC9E;AACF,EAAC"}
+{"version":3,"sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/index.tsx"],"sourcesContent":["import type { UseDraggableArguments } from '@dnd-kit/core'\n\nimport { useSortable } from '@dnd-kit/sortable'\n\nimport type { UseDraggableSortableReturn } from './types.js'\n\nexport const useDraggableSortable = (props: UseDraggableArguments): UseDraggableSortableReturn => {\n  const { id, disabled } = props\n\n  const { attributes, isDragging, listeners, setNodeRef, transform } = useSortable({\n    id,\n    disabled,\n  })\n\n  return {\n    attributes: {\n      ...attributes,\n      style: {\n        cursor: isDragging ? 'grabbing' : 'grab',\n      },\n    },\n    isDragging,\n    listeners,\n    setNodeRef,\n    transform: transform && `translate3d(${transform.x}px, ${transform.y}px, 0)`, // translate3d is faster than translate in most browsers\n  }\n}\n"],"names":["useSortable","useDraggableSortable","props","id","disabled","attributes","isDragging","listeners","setNodeRef","transform","style","cursor","x","y"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,WAAW,QAAQ,oBAAmB;AAI/C,OAAO,MAAMC,uBAAuB,CAACC;IACnC,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAE,GAAGF;IAEzB,MAAM,EAAEG,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGT,YAAY;QAC/EG;QACAC;IACF;IAEA,OAAO;QACLC,YAAY;YACV,GAAGA,UAAU;YACbK,OAAO;gBACLC,QAAQL,aAAa,aAAa;YACpC;QACF;QACAA;QACAC;QACAC;QACAC,WAAWA,aAAa,CAAC,YAAY,EAAEA,UAAUG,CAAC,CAAC,IAAI,EAAEH,UAAUI,CAAC,CAAC,MAAM,CAAC;IAC9E;AACF,EAAC"}

package/dist/elements/DraggableSortable/useDraggableSortable/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/types.ts"],"sourcesContent":["import type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities'\nimport type { HTMLAttributes } from 'react'\n\nexport type UseDraggableSortableReturn = {\n  attributes: HTMLAttributes<unknown>\n  isDragging?: boolean\n  listeners: SyntheticListenerMap\n  setNodeRef: (node: HTMLElement | null) => void\n  transform: string\n}\n"],"names":[],"mappings":"AAGA,WAMC"}
+{"version":3,"sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/types.ts"],"sourcesContent":["import type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities'\nimport type { HTMLAttributes } from 'react'\n\nexport type UseDraggableSortableReturn = {\n  attributes: HTMLAttributes<unknown>\n  isDragging?: boolean\n  listeners: SyntheticListenerMap\n  setNodeRef: (node: HTMLElement | null) => void\n  transform: string\n}\n"],"names":[],"rangeMappings":"","mappings":"AAGA,WAMC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Drawer/index.tsx"],"sourcesContent":["'use client'\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { Props, TogglerProps } from './types.js'\n\nimport { X } from '../../icons/X/index.js'\nimport { EditDepthContext, useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport './index.scss'\n\nconst baseClass = 'drawer'\nconst zBase = 100\n\nexport const formatDrawerSlug = ({ slug, depth }: { depth: number; slug: string }): string =>\n  `drawer_${depth}_${slug}`\n\nexport { useDrawerSlug } from './useDrawerSlug.js'\n\nexport const DrawerToggler: React.FC<TogglerProps> = ({\n  slug,\n  children,\n  className,\n  disabled,\n  onClick,\n  ...rest\n}) => {\n  const { Modal, useModal } = facelessUIImport\n\n  const { openModal } = useModal()\n\n  const handleClick = useCallback(\n    (e) => {\n      openModal(slug)\n      if (typeof onClick === 'function') onClick(e)\n    },\n    [openModal, slug, onClick],\n  )\n\n  return (\n    <button className={className} disabled={disabled} onClick={handleClick} type=\"button\" {...rest}>\n      {children}\n    </button>\n  )\n}\n\nexport const Drawer: React.FC<Props> = ({\n  slug,\n  Header,\n  children,\n  className,\n  gutter = true,\n  hoverTitle,\n  title,\n}) => {\n  const { Modal, useModal } = facelessUIImport\n\n  const { t } = useTranslation()\n  const { closeModal, modalState } = useModal()\n  const drawerDepth = useEditDepth()\n  const [isOpen, setIsOpen] = useState(false)\n  const [animateIn, setAnimateIn] = useState(false)\n\n  useEffect(() => {\n    setIsOpen(modalState[slug]?.isOpen)\n  }, [slug, modalState])\n\n  useEffect(() => {\n    setAnimateIn(isOpen)\n  }, [isOpen])\n\n  if (isOpen) {\n    // IMPORTANT: do not render the drawer until it is explicitly open, this is to avoid large html trees especially when nesting drawers\n    return (\n      <Modal\n        className={[\n          className,\n          baseClass,\n          animateIn && `${baseClass}--is-open`,\n          drawerDepth > 1 && `${baseClass}--nested`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        slug={slug}\n        style={{\n          zIndex: zBase + drawerDepth,\n        }}\n      >\n        {(!drawerDepth || drawerDepth === 1) && <div className={`${baseClass}__blur-bg`} />}\n        <button\n          aria-label={t('general:close')}\n          className={`${baseClass}__close`}\n          id={`close-drawer__${slug}`}\n          onClick={() => closeModal(slug)}\n          type=\"button\"\n        />\n        <div className={`${baseClass}__content`}>\n          <div className={`${baseClass}__blur-bg-content`} />\n          <Gutter className={`${baseClass}__content-children`} left={gutter} right={gutter}>\n            <EditDepthContext.Provider value={drawerDepth + 1}>\n              {Header}\n              {Header === undefined && (\n                <div className={`${baseClass}__header`}>\n                  <h2 className={`${baseClass}__header__title`} title={hoverTitle ? title : null}>\n                    {title}\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                    id={`close-drawer__${slug}`}\n                    onClick={() => closeModal(slug)}\n                    type=\"button\"\n                  >\n                    <X />\n                  </button>\n                </div>\n              )}\n              {children}\n            </EditDepthContext.Provider>\n          </Gutter>\n        </div>\n      </Modal>\n    )\n  }\n\n  return null\n}\n"],"names":["facelessUIImport","React","useCallback","useEffect","useState","X","EditDepthContext","useEditDepth","useTranslation","Gutter","baseClass","zBase","formatDrawerSlug","slug","depth","useDrawerSlug","DrawerToggler","children","className","disabled","onClick","rest","Modal","useModal","openModal","handleClick","e","button","type","Drawer","Header","gutter","hoverTitle","title","t","closeModal","modalState","drawerDepth","isOpen","setIsOpen","animateIn","setAnimateIn","filter","Boolean","join","style","zIndex","div","aria-label","id","left","right","Provider","value","undefined","h2"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/Drawer/index.tsx"],"sourcesContent":["'use client'\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { Props, TogglerProps } from './types.js'\n\nimport { X } from '../../icons/X/index.js'\nimport { EditDepthContext, useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport './index.scss'\n\nconst baseClass = 'drawer'\nconst zBase = 100\n\nexport const formatDrawerSlug = ({ slug, depth }: { depth: number; slug: string }): string =>\n  `drawer_${depth}_${slug}`\n\nexport { useDrawerSlug } from './useDrawerSlug.js'\n\nexport const DrawerToggler: React.FC<TogglerProps> = ({\n  slug,\n  children,\n  className,\n  disabled,\n  onClick,\n  ...rest\n}) => {\n  const { Modal, useModal } = facelessUIImport\n\n  const { openModal } = useModal()\n\n  const handleClick = useCallback(\n    (e) => {\n      openModal(slug)\n      if (typeof onClick === 'function') onClick(e)\n    },\n    [openModal, slug, onClick],\n  )\n\n  return (\n    <button className={className} disabled={disabled} onClick={handleClick} type=\"button\" {...rest}>\n      {children}\n    </button>\n  )\n}\n\nexport const Drawer: React.FC<Props> = ({\n  slug,\n  Header,\n  children,\n  className,\n  gutter = true,\n  hoverTitle,\n  title,\n}) => {\n  const { Modal, useModal } = facelessUIImport\n\n  const { t } = useTranslation()\n  const { closeModal, modalState } = useModal()\n  const drawerDepth = useEditDepth()\n  const [isOpen, setIsOpen] = useState(false)\n  const [animateIn, setAnimateIn] = useState(false)\n\n  useEffect(() => {\n    setIsOpen(modalState[slug]?.isOpen)\n  }, [slug, modalState])\n\n  useEffect(() => {\n    setAnimateIn(isOpen)\n  }, [isOpen])\n\n  if (isOpen) {\n    // IMPORTANT: do not render the drawer until it is explicitly open, this is to avoid large html trees especially when nesting drawers\n    return (\n      <Modal\n        className={[\n          className,\n          baseClass,\n          animateIn && `${baseClass}--is-open`,\n          drawerDepth > 1 && `${baseClass}--nested`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        slug={slug}\n        style={{\n          zIndex: zBase + drawerDepth,\n        }}\n      >\n        {(!drawerDepth || drawerDepth === 1) && <div className={`${baseClass}__blur-bg`} />}\n        <button\n          aria-label={t('general:close')}\n          className={`${baseClass}__close`}\n          id={`close-drawer__${slug}`}\n          onClick={() => closeModal(slug)}\n          type=\"button\"\n        />\n        <div className={`${baseClass}__content`}>\n          <div className={`${baseClass}__blur-bg-content`} />\n          <Gutter className={`${baseClass}__content-children`} left={gutter} right={gutter}>\n            <EditDepthContext.Provider value={drawerDepth + 1}>\n              {Header}\n              {Header === undefined && (\n                <div className={`${baseClass}__header`}>\n                  <h2 className={`${baseClass}__header__title`} title={hoverTitle ? title : null}>\n                    {title}\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                    id={`close-drawer__${slug}`}\n                    onClick={() => closeModal(slug)}\n                    type=\"button\"\n                  >\n                    <X />\n                  </button>\n                </div>\n              )}\n              {children}\n            </EditDepthContext.Provider>\n          </Gutter>\n        </div>\n      </Modal>\n    )\n  }\n\n  return null\n}\n"],"names":["facelessUIImport","React","useCallback","useEffect","useState","X","EditDepthContext","useEditDepth","useTranslation","Gutter","baseClass","zBase","formatDrawerSlug","slug","depth","useDrawerSlug","DrawerToggler","children","className","disabled","onClick","rest","Modal","useModal","openModal","handleClick","e","button","type","Drawer","Header","gutter","hoverTitle","title","t","closeModal","modalState","drawerDepth","isOpen","setIsOpen","animateIn","setAnimateIn","filter","Boolean","join","style","zIndex","div","aria-label","id","left","right","Provider","value","undefined","h2"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Drawer/types.ts"],"sourcesContent":["import type { HTMLAttributes } from 'react'\n\nexport type Props = {\n  Header?: React.ReactNode\n  children: React.ReactNode\n  className?: string\n  gutter?: boolean\n  hoverTitle?: boolean\n  slug: string\n  title?: string\n}\n\nexport type TogglerProps = HTMLAttributes<HTMLButtonElement> & {\n  children: React.ReactNode\n  className?: string\n  disabled?: boolean\n  slug: string\n}\n"],"names":[],"mappings":"AAYA,WAKC"}
+{"version":3,"sources":["../../../src/elements/Drawer/types.ts"],"sourcesContent":["import type { HTMLAttributes } from 'react'\n\nexport type Props = {\n  Header?: React.ReactNode\n  children: React.ReactNode\n  className?: string\n  gutter?: boolean\n  hoverTitle?: boolean\n  slug: string\n  title?: string\n}\n\nexport type TogglerProps = HTMLAttributes<HTMLButtonElement> & {\n  children: React.ReactNode\n  className?: string\n  disabled?: boolean\n  slug: string\n}\n"],"names":[],"rangeMappings":"","mappings":"AAYA,WAKC"}

package/dist/elements/Drawer/useDrawerSlug.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Drawer/useDrawerSlug.tsx"],"sourcesContent":["import { useId } from 'react'\n\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { formatDrawerSlug } from './index.js'\n\nexport const useDrawerSlug = (slug: string): string => {\n  const uuid = useId()\n  const editDepth = useEditDepth()\n  return formatDrawerSlug({\n    slug: `${slug}-${uuid}`,\n    depth: editDepth,\n  })\n}\n"],"names":["useId","useEditDepth","formatDrawerSlug","useDrawerSlug","slug","uuid","editDepth","depth"],"mappings":"AAAA,SAASA,KAAK,QAAQ,QAAO;AAE7B,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,gBAAgB,QAAQ,aAAY;AAE7C,OAAO,MAAMC,gBAAgB,CAACC;IAC5B,MAAMC,OAAOL;IACb,MAAMM,YAAYL;IAClB,OAAOC,iBAAiB;QACtBE,MAAM,CAAC,EAAEA,KAAK,CAAC,EAAEC,KAAK,CAAC;QACvBE,OAAOD;IACT;AACF,EAAC"}
+{"version":3,"sources":["../../../src/elements/Drawer/useDrawerSlug.tsx"],"sourcesContent":["import { useId } from 'react'\n\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { formatDrawerSlug } from './index.js'\n\nexport const useDrawerSlug = (slug: string): string => {\n  const uuid = useId()\n  const editDepth = useEditDepth()\n  return formatDrawerSlug({\n    slug: `${slug}-${uuid}`,\n    depth: editDepth,\n  })\n}\n"],"names":["useId","useEditDepth","formatDrawerSlug","useDrawerSlug","slug","uuid","editDepth","depth"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA,SAASA,KAAK,QAAQ,QAAO;AAE7B,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,gBAAgB,QAAQ,aAAY;AAE7C,OAAO,MAAMC,gBAAgB,CAACC;IAC5B,MAAMC,OAAOL;IACb,MAAMM,YAAYL;IAClB,OAAOC,iBAAiB;QACtBE,MAAM,CAAC,EAAEA,KAAK,CAAC,EAAEC,KAAK,CAAC;QACvBE,OAAOD;IACT;AACF,EAAC"}