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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Autosave/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAG/E,OAAO,KAAmD,MAAM,OAAO,CAAA;AAWvE,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,sBAAsB,CAAA;IACnC,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,qBAAqB,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqJpC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Autosave/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAE/E,OAAO,KAAsC,MAAM,OAAO,CAAA;AAU1D,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,sBAAsB,CAAA;IACnC,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,qBAAqB,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkHpC,CAAA"}

package/dist/elements/Autosave/index.js

@@ -1,7 +1,5 @@
 'use client';
-import { useRouter } from 'next/navigation.js';
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { toast } from 'react-toastify';
+import React, { useEffect, useRef, useState } from 'react';
 import { useAllFormFields, useFormModified } from '../../forms/Form/context.js';
 import { useDebounce } from '../../hooks/useDebounce.js';
 import { useConfig } from '../../providers/Config/index.js';
@@ -12,13 +10,12 @@ import { formatTimeToNow } from '../../utilities/formatDate.js';
 import { reduceFieldsToValues } from '../../utilities/reduceFieldsToValues.js';
 const baseClass = 'autosave';
 export const Autosave = ({ id, collection, global: globalDoc, publishedDocUpdatedAt })=>{
-    const { routes: { admin, api }, serverURL } = useConfig();
+    const { routes: { api }, serverURL } = useConfig();
     const { docConfig, getVersions, versions } = useDocumentInfo();
     const versionsConfig = docConfig?.versions;
     const [fields] = useAllFormFields();
     const modified = useFormModified();
     const { code: locale } = useLocale();
-    const router = useRouter();
     const { i18n, t } = useTranslation();
     let interval = 800;
     if (versionsConfig.drafts && versionsConfig?.drafts?.autosave) interval = versionsConfig.drafts.autosave.interval;
@@ -39,44 +36,6 @@ export const Autosave = ({ id, collection, global: globalDoc, publishedDocUpdate
     // Store locale in ref so the autosave func
     // can always retrieve the most to date locale
     localeRef.current = locale;
-    const createCollectionDoc = useCallback(async ()=>{
-        const res = await fetch(`${serverURL}${api}/${collection.slug}?locale=${locale}&fallback-locale=null&depth=0&draft=true&autosave=true`, {
-            body: JSON.stringify({}),
-            credentials: 'include',
-            headers: {
-                'Accept-Language': i18n.language,
-                'Content-Type': 'application/json'
-            },
-            method: 'POST'
-        });
-        if (res.status === 201) {
-            const json = await res.json();
-            router.replace(`${admin}/collections/${collection.slug}/${json.doc.id}`, {
-            });
-        } else {
-            toast.error(t('error:autosaving'));
-        }
-    }, [
-        i18n,
-        serverURL,
-        api,
-        collection,
-        locale,
-        router,
-        admin,
-        t
-    ]);
-    useEffect(()=>{
-        // If no ID, but this is used for a collection doc,
-        // Immediately save it and set lastSaved
-        if (!id && collection) {
-            void createCollectionDoc();
-        }
-    }, [
-        id,
-        collection,
-        createCollectionDoc
-    ]);
     // When debounced fields change, autosave
     useEffect(()=>{
         const autosave = ()=>{

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Autosave/index.tsx"],"sourcesContent":["'use client'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload/types'\n\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\n\nimport { useAllFormFields, useFormModified } from '../../forms/Form/context.js'\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatTimeToNow } from '../../utilities/formatDate.js'\nimport { reduceFieldsToValues } from '../../utilities/reduceFieldsToValues.js'\nimport './index.scss'\n\nconst baseClass = 'autosave'\n\nexport type Props = {\n  collection?: ClientCollectionConfig\n  global?: ClientGlobalConfig\n  id?: number | string\n  publishedDocUpdatedAt: string\n}\n\nexport const Autosave: React.FC<Props> = ({\n  id,\n  collection,\n  global: globalDoc,\n  publishedDocUpdatedAt,\n}) => {\n  const {\n    routes: { admin, api },\n    serverURL,\n  } = useConfig()\n  const { docConfig, getVersions, versions } = useDocumentInfo()\n  const versionsConfig = docConfig?.versions\n\n  const [fields] = useAllFormFields()\n  const modified = useFormModified()\n  const { code: locale } = useLocale()\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n\n  let interval = 800\n  if (versionsConfig.drafts && versionsConfig?.drafts?.autosave)\n    interval = versionsConfig.drafts.autosave.interval\n\n  const [saving, setSaving] = useState(false)\n  const [lastSaved, setLastSaved] = useState<number>()\n  const debouncedFields = useDebounce(fields, interval)\n  const fieldRef = useRef(fields)\n  const modifiedRef = useRef(modified)\n  const localeRef = useRef(locale)\n\n  // Store fields in ref so the autosave func\n  // can always retrieve the most to date copies\n  // after the timeout has executed\n  fieldRef.current = fields\n\n  // Store modified in ref so the autosave func\n  // can bail out if modified becomes false while\n  // timing out during autosave\n  modifiedRef.current = modified\n\n  // Store locale in ref so the autosave func\n  // can always retrieve the most to date locale\n  localeRef.current = locale\n\n  const createCollectionDoc = useCallback(async () => {\n    const res = await fetch(\n      `${serverURL}${api}/${collection.slug}?locale=${locale}&fallback-locale=null&depth=0&draft=true&autosave=true`,\n      {\n        body: JSON.stringify({}),\n        credentials: 'include',\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n        method: 'POST',\n      },\n    )\n\n    if (res.status === 201) {\n      const json = await res.json()\n      router.replace(`${admin}/collections/${collection.slug}/${json.doc.id}`, {\n        // state: {\n        //   data: json.doc,\n        // },\n      })\n    } else {\n      toast.error(t('error:autosaving'))\n    }\n  }, [i18n, serverURL, api, collection, locale, router, admin, t])\n\n  useEffect(() => {\n    // If no ID, but this is used for a collection doc,\n    // Immediately save it and set lastSaved\n    if (!id && collection) {\n      void createCollectionDoc()\n    }\n  }, [id, collection, createCollectionDoc])\n\n  // When debounced fields change, autosave\n  useEffect(() => {\n    const autosave = () => {\n      if (modified) {\n        setSaving(true)\n\n        let url: string\n        let method: string\n\n        if (collection && id) {\n          url = `${serverURL}${api}/${collection.slug}/${id}?draft=true&autosave=true&locale=${localeRef.current}`\n          method = 'PATCH'\n        }\n\n        if (globalDoc) {\n          url = `${serverURL}${api}/globals/${globalDoc.slug}?draft=true&autosave=true&locale=${localeRef.current}`\n          method = 'POST'\n        }\n\n        if (url) {\n          setTimeout(async () => {\n            if (modifiedRef.current) {\n              const body = {\n                ...reduceFieldsToValues(fieldRef.current, true),\n                _status: 'draft',\n              }\n              const res = await fetch(url, {\n                body: JSON.stringify(body),\n                credentials: 'include',\n                headers: {\n                  'Accept-Language': i18n.language,\n                  'Content-Type': 'application/json',\n                },\n                method,\n              })\n\n              if (res.status === 200) {\n                setLastSaved(new Date().getTime())\n                void getVersions()\n              }\n            }\n\n            setSaving(false)\n          }, 1000)\n        }\n      }\n    }\n\n    void autosave()\n  }, [i18n, debouncedFields, modified, serverURL, api, collection, globalDoc, id, getVersions])\n\n  useEffect(() => {\n    if (versions?.docs?.[0]) {\n      setLastSaved(new Date(versions.docs[0].updatedAt).getTime())\n    } else if (publishedDocUpdatedAt) {\n      setLastSaved(new Date(publishedDocUpdatedAt).getTime())\n    }\n  }, [publishedDocUpdatedAt, versions])\n\n  return (\n    <div className={baseClass}>\n      {saving && t('general:saving')}\n      {!saving && lastSaved && (\n        <React.Fragment>\n          {t('version:lastSavedAgo', {\n            distance: formatTimeToNow(lastSaved, i18n.language),\n          })}\n        </React.Fragment>\n      )}\n    </div>\n  )\n}\n"],"names":["useRouter","React","useCallback","useEffect","useRef","useState","toast","useAllFormFields","useFormModified","useDebounce","useConfig","useDocumentInfo","useLocale","useTranslation","formatTimeToNow","reduceFieldsToValues","baseClass","Autosave","id","collection","global","globalDoc","publishedDocUpdatedAt","routes","admin","api","serverURL","docConfig","getVersions","versions","versionsConfig","fields","modified","code","locale","router","i18n","t","interval","drafts","autosave","saving","setSaving","lastSaved","setLastSaved","debouncedFields","fieldRef","modifiedRef","localeRef","current","createCollectionDoc","res","fetch","slug","body","JSON","stringify","credentials","headers","language","method","status","json","replace","doc","error","url","setTimeout","_status","Date","getTime","docs","updatedAt","div","className","Fragment","distance"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/Autosave/index.tsx"],"sourcesContent":["'use client'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload/types'\n\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport { useAllFormFields, useFormModified } from '../../forms/Form/context.js'\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatTimeToNow } from '../../utilities/formatDate.js'\nimport { reduceFieldsToValues } from '../../utilities/reduceFieldsToValues.js'\nimport './index.scss'\n\nconst baseClass = 'autosave'\n\nexport type Props = {\n  collection?: ClientCollectionConfig\n  global?: ClientGlobalConfig\n  id?: number | string\n  publishedDocUpdatedAt: string\n}\n\nexport const Autosave: React.FC<Props> = ({\n  id,\n  collection,\n  global: globalDoc,\n  publishedDocUpdatedAt,\n}) => {\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n  const { docConfig, getVersions, versions } = useDocumentInfo()\n  const versionsConfig = docConfig?.versions\n\n  const [fields] = useAllFormFields()\n  const modified = useFormModified()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  let interval = 800\n  if (versionsConfig.drafts && versionsConfig?.drafts?.autosave)\n    interval = versionsConfig.drafts.autosave.interval\n\n  const [saving, setSaving] = useState(false)\n  const [lastSaved, setLastSaved] = useState<number>()\n  const debouncedFields = useDebounce(fields, interval)\n  const fieldRef = useRef(fields)\n  const modifiedRef = useRef(modified)\n  const localeRef = useRef(locale)\n\n  // Store fields in ref so the autosave func\n  // can always retrieve the most to date copies\n  // after the timeout has executed\n  fieldRef.current = fields\n\n  // Store modified in ref so the autosave func\n  // can bail out if modified becomes false while\n  // timing out during autosave\n  modifiedRef.current = modified\n\n  // Store locale in ref so the autosave func\n  // can always retrieve the most to date locale\n  localeRef.current = locale\n\n  // When debounced fields change, autosave\n  useEffect(() => {\n    const autosave = () => {\n      if (modified) {\n        setSaving(true)\n\n        let url: string\n        let method: string\n\n        if (collection && id) {\n          url = `${serverURL}${api}/${collection.slug}/${id}?draft=true&autosave=true&locale=${localeRef.current}`\n          method = 'PATCH'\n        }\n\n        if (globalDoc) {\n          url = `${serverURL}${api}/globals/${globalDoc.slug}?draft=true&autosave=true&locale=${localeRef.current}`\n          method = 'POST'\n        }\n\n        if (url) {\n          setTimeout(async () => {\n            if (modifiedRef.current) {\n              const body = {\n                ...reduceFieldsToValues(fieldRef.current, true),\n                _status: 'draft',\n              }\n              const res = await fetch(url, {\n                body: JSON.stringify(body),\n                credentials: 'include',\n                headers: {\n                  'Accept-Language': i18n.language,\n                  'Content-Type': 'application/json',\n                },\n                method,\n              })\n\n              if (res.status === 200) {\n                setLastSaved(new Date().getTime())\n                void getVersions()\n              }\n            }\n\n            setSaving(false)\n          }, 1000)\n        }\n      }\n    }\n\n    void autosave()\n  }, [i18n, debouncedFields, modified, serverURL, api, collection, globalDoc, id, getVersions])\n\n  useEffect(() => {\n    if (versions?.docs?.[0]) {\n      setLastSaved(new Date(versions.docs[0].updatedAt).getTime())\n    } else if (publishedDocUpdatedAt) {\n      setLastSaved(new Date(publishedDocUpdatedAt).getTime())\n    }\n  }, [publishedDocUpdatedAt, versions])\n\n  return (\n    <div className={baseClass}>\n      {saving && t('general:saving')}\n      {!saving && lastSaved && (\n        <React.Fragment>\n          {t('version:lastSavedAgo', {\n            distance: formatTimeToNow(lastSaved, i18n.language),\n          })}\n        </React.Fragment>\n      )}\n    </div>\n  )\n}\n"],"names":["React","useEffect","useRef","useState","useAllFormFields","useFormModified","useDebounce","useConfig","useDocumentInfo","useLocale","useTranslation","formatTimeToNow","reduceFieldsToValues","baseClass","Autosave","id","collection","global","globalDoc","publishedDocUpdatedAt","routes","api","serverURL","docConfig","getVersions","versions","versionsConfig","fields","modified","code","locale","i18n","t","interval","drafts","autosave","saving","setSaving","lastSaved","setLastSaved","debouncedFields","fieldRef","modifiedRef","localeRef","current","url","method","slug","setTimeout","body","_status","res","fetch","JSON","stringify","credentials","headers","language","status","Date","getTime","docs","updatedAt","div","className","Fragment","distance"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ColumnSelector/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAG9D,OAAO,KAAgB,MAAM,OAAO,CAAA;AASpC,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,KAAK,GAAG;IAClB,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkD1C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ColumnSelector/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAE9D,OAAO,KAAgB,MAAM,OAAO,CAAA;AAQpC,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,KAAK,GAAG;IAClB,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiD1C,CAAA"}

package/dist/elements/ColumnSelector/index.js

@@ -1,17 +1,14 @@
 'use client';
-import { getTranslation } from '@payloadcms/translations';
 import React, { useId } from 'react';
 import { Plus } from '../../icons/Plus/index.js';
 import { X } from '../../icons/X/index.js';
 import { useEditDepth } from '../../providers/EditDepth/index.js';
-import { useTranslation } from '../../providers/Translation/index.js';
 import { DraggableSortable } from '../DraggableSortable/index.js';
 import { Pill } from '../Pill/index.js';
 import { useTableColumns } from '../TableColumns/index.js';
 const baseClass = 'column-selector';
 export const ColumnSelector = ({ collectionSlug })=>{
     const { columns, moveColumn, toggleColumn } = useTableColumns();
-    const { i18n } = useTranslation();
     const uuid = useId();
     const editDepth = useEditDepth();
     if (!columns) {
@@ -28,7 +25,7 @@ export const ColumnSelector = ({ collectionSlug })=>{
         }
     }, columns.map((col, i)=>{
         if (!col) return null;
-        const { name, accessor, active, label } = col;
+        const { Label, accessor, active } = col;
         if (col.accessor === '_select') return null;
         return /*#__PURE__*/ React.createElement(Pill, {
             alignIcon: "left",
@@ -44,7 +41,7 @@ export const ColumnSelector = ({ collectionSlug })=>{
             onClick: ()=>{
                 toggleColumn(accessor);
             }
-        }, getTranslation(label || name, i18n));
+        }, Label);
     }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ColumnSelector/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useId } from 'react'\n\nimport { Plus } from '../../icons/Plus/index.js'\nimport { X } from '../../icons/X/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { Pill } from '../Pill/index.js'\nimport { useTableColumns } from '../TableColumns/index.js'\nimport './index.scss'\n\nconst baseClass = 'column-selector'\n\nexport type Props = {\n  collectionSlug: SanitizedCollectionConfig['slug']\n}\n\nexport const ColumnSelector: React.FC<Props> = ({ collectionSlug }) => {\n  const { columns, moveColumn, toggleColumn } = useTableColumns()\n\n  const { i18n } = useTranslation()\n  const uuid = useId()\n  const editDepth = useEditDepth()\n\n  if (!columns) {\n    return null\n  }\n\n  return (\n    <DraggableSortable\n      className={baseClass}\n      ids={columns.map((col) => col?.accessor)}\n      onDragEnd={({ moveFromIndex, moveToIndex }) => {\n        moveColumn({\n          fromIndex: moveFromIndex,\n          toIndex: moveToIndex,\n        })\n      }}\n    >\n      {columns.map((col, i) => {\n        if (!col) return null\n\n        const { name, accessor, active, label } = col\n\n        if (col.accessor === '_select') return null\n\n        return (\n          <Pill\n            alignIcon=\"left\"\n            aria-checked={active}\n            className={[`${baseClass}__column`, active && `${baseClass}__column--active`]\n              .filter(Boolean)\n              .join(' ')}\n            draggable\n            icon={active ? <X /> : <Plus />}\n            id={accessor}\n            key={`${collectionSlug}-${col.name || i}${editDepth ? `-${editDepth}-` : ''}${uuid}`}\n            onClick={() => {\n              toggleColumn(accessor)\n            }}\n          >\n            {getTranslation(label || name, i18n)}\n          </Pill>\n        )\n      })}\n    </DraggableSortable>\n  )\n}\n"],"names":["getTranslation","React","useId","Plus","X","useEditDepth","useTranslation","DraggableSortable","Pill","useTableColumns","baseClass","ColumnSelector","collectionSlug","columns","moveColumn","toggleColumn","i18n","uuid","editDepth","className","ids","map","col","accessor","onDragEnd","moveFromIndex","moveToIndex","fromIndex","toIndex","i","name","active","label","alignIcon","aria-checked","filter","Boolean","join","draggable","icon","id","key","onClick"],"mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,KAAK,QAAQ,QAAO;AAEpC,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,CAAC,QAAQ,yBAAwB;AAC1C,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,iBAAiB,QAAQ,gCAA+B;AACjE,SAASC,IAAI,QAAQ,mBAAkB;AACvC,SAASC,eAAe,QAAQ,2BAA0B;AAG1D,MAAMC,YAAY;AAMlB,OAAO,MAAMC,iBAAkC,CAAC,EAAEC,cAAc,EAAE;IAChE,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAEC,YAAY,EAAE,GAAGN;IAE9C,MAAM,EAAEO,IAAI,EAAE,GAAGV;IACjB,MAAMW,OAAOf;IACb,MAAMgB,YAAYb;IAElB,IAAI,CAACQ,SAAS;QACZ,OAAO;IACT;IAEA,qBACE,oBAACN;QACCY,WAAWT;QACXU,KAAKP,QAAQQ,GAAG,CAAC,CAACC,MAAQA,KAAKC;QAC/BC,WAAW,CAAC,EAAEC,aAAa,EAAEC,WAAW,EAAE;YACxCZ,WAAW;gBACTa,WAAWF;gBACXG,SAASF;YACX;QACF;OAECb,QAAQQ,GAAG,CAAC,CAACC,KAAKO;QACjB,IAAI,CAACP,KAAK,OAAO;QAEjB,MAAM,EAAEQ,IAAI,EAAEP,QAAQ,EAAEQ,MAAM,EAAEC,KAAK,EAAE,GAAGV;QAE1C,IAAIA,IAAIC,QAAQ,KAAK,WAAW,OAAO;QAEvC,qBACE,oBAACf;YACCyB,WAAU;YACVC,gBAAcH;YACdZ,WAAW;gBAAC,CAAC,EAAET,UAAU,QAAQ,CAAC;gBAAEqB,UAAU,CAAC,EAAErB,UAAU,gBAAgB,CAAC;aAAC,CAC1EyB,MAAM,CAACC,SACPC,IAAI,CAAC;YACRC,WAAAA;YACAC,MAAMR,uBAAS,oBAAC3B,yBAAO,oBAACD;YACxBqC,IAAIjB;YACJkB,KAAK,CAAC,EAAE7B,eAAe,CAAC,EAAEU,IAAIQ,IAAI,IAAID,EAAE,EAAEX,YAAY,CAAC,CAAC,EAAEA,UAAU,CAAC,CAAC,GAAG,GAAG,EAAED,KAAK,CAAC;YACpFyB,SAAS;gBACP3B,aAAaQ;YACf;WAECvB,eAAegC,SAASF,MAAMd;IAGrC;AAGN,EAAC"}
+{"version":3,"sources":["../../../src/elements/ColumnSelector/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload/types'\n\nimport React, { useId } from 'react'\n\nimport { Plus } from '../../icons/Plus/index.js'\nimport { X } from '../../icons/X/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { Pill } from '../Pill/index.js'\nimport { useTableColumns } from '../TableColumns/index.js'\nimport './index.scss'\n\nconst baseClass = 'column-selector'\n\nexport type Props = {\n  collectionSlug: SanitizedCollectionConfig['slug']\n}\n\nexport const ColumnSelector: React.FC<Props> = ({ collectionSlug }) => {\n  const { columns, moveColumn, toggleColumn } = useTableColumns()\n\n  const uuid = useId()\n  const editDepth = useEditDepth()\n\n  if (!columns) {\n    return null\n  }\n\n  return (\n    <DraggableSortable\n      className={baseClass}\n      ids={columns.map((col) => col?.accessor)}\n      onDragEnd={({ moveFromIndex, moveToIndex }) => {\n        moveColumn({\n          fromIndex: moveFromIndex,\n          toIndex: moveToIndex,\n        })\n      }}\n    >\n      {columns.map((col, i) => {\n        if (!col) return null\n\n        const { Label, accessor, active } = col\n\n        if (col.accessor === '_select') return null\n\n        return (\n          <Pill\n            alignIcon=\"left\"\n            aria-checked={active}\n            className={[`${baseClass}__column`, active && `${baseClass}__column--active`]\n              .filter(Boolean)\n              .join(' ')}\n            draggable\n            icon={active ? <X /> : <Plus />}\n            id={accessor}\n            key={`${collectionSlug}-${col.name || i}${editDepth ? `-${editDepth}-` : ''}${uuid}`}\n            onClick={() => {\n              toggleColumn(accessor)\n            }}\n          >\n            {Label}\n          </Pill>\n        )\n      })}\n    </DraggableSortable>\n  )\n}\n"],"names":["React","useId","Plus","X","useEditDepth","DraggableSortable","Pill","useTableColumns","baseClass","ColumnSelector","collectionSlug","columns","moveColumn","toggleColumn","uuid","editDepth","className","ids","map","col","accessor","onDragEnd","moveFromIndex","moveToIndex","fromIndex","toIndex","i","Label","active","alignIcon","aria-checked","filter","Boolean","join","draggable","icon","id","key","name","onClick"],"mappings":"AAAA;AAGA,OAAOA,SAASC,KAAK,QAAQ,QAAO;AAEpC,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,CAAC,QAAQ,yBAAwB;AAC1C,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,iBAAiB,QAAQ,gCAA+B;AACjE,SAASC,IAAI,QAAQ,mBAAkB;AACvC,SAASC,eAAe,QAAQ,2BAA0B;AAG1D,MAAMC,YAAY;AAMlB,OAAO,MAAMC,iBAAkC,CAAC,EAAEC,cAAc,EAAE;IAChE,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAEC,YAAY,EAAE,GAAGN;IAE9C,MAAMO,OAAOb;IACb,MAAMc,YAAYX;IAElB,IAAI,CAACO,SAAS;QACZ,OAAO;IACT;IAEA,qBACE,oBAACN;QACCW,WAAWR;QACXS,KAAKN,QAAQO,GAAG,CAAC,CAACC,MAAQA,KAAKC;QAC/BC,WAAW,CAAC,EAAEC,aAAa,EAAEC,WAAW,EAAE;YACxCX,WAAW;gBACTY,WAAWF;gBACXG,SAASF;YACX;QACF;OAECZ,QAAQO,GAAG,CAAC,CAACC,KAAKO;QACjB,IAAI,CAACP,KAAK,OAAO;QAEjB,MAAM,EAAEQ,KAAK,EAAEP,QAAQ,EAAEQ,MAAM,EAAE,GAAGT;QAEpC,IAAIA,IAAIC,QAAQ,KAAK,WAAW,OAAO;QAEvC,qBACE,oBAACd;YACCuB,WAAU;YACVC,gBAAcF;YACdZ,WAAW;gBAAC,CAAC,EAAER,UAAU,QAAQ,CAAC;gBAAEoB,UAAU,CAAC,EAAEpB,UAAU,gBAAgB,CAAC;aAAC,CAC1EuB,MAAM,CAACC,SACPC,IAAI,CAAC;YACRC,WAAAA;YACAC,MAAMP,uBAAS,oBAACzB,yBAAO,oBAACD;YACxBkC,IAAIhB;YACJiB,KAAK,CAAC,EAAE3B,eAAe,CAAC,EAAES,IAAImB,IAAI,IAAIZ,EAAE,EAAEX,YAAY,CAAC,CAAC,EAAEA,UAAU,CAAC,CAAC,GAAG,GAAG,EAAED,KAAK,CAAC;YACpFyB,SAAS;gBACP1B,aAAaO;YACf;WAECO;IAGP;AAGN,EAAC"}

package/dist/elements/DeleteDocument/index.js

@@ -50,10 +50,10 @@ export const DeleteDocument = (props)=>{
                     if (res.status < 400) {
                         setDeleting(false);
                         toggleModal(modalSlug);
-                        toast.success(json.message || t('general:titleDeleted', {
+                        toast.success(t('general:titleDeleted', {
                             label: getTranslation(singularLabel, i18n),
                             title
-                        }));
+                        }) || json.message);
                         return router.push(`${admin}/collections/${collectionSlug}`);
                     }
                     toggleModal(modalSlug);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DeleteDocument/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload/types'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'react-toastify'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { MinimalTemplate } from '../../templates/Minimal/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport { Translation } from '../Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'delete-document'\n\nexport type Props = {\n  buttonId?: string\n  collectionSlug: SanitizedCollectionConfig['slug']\n  id?: string\n  singularLabel: SanitizedCollectionConfig['labels']['singular']\n  title?: string\n  useAsTitle: SanitizedCollectionConfig['admin']['useAsTitle']\n}\n\nexport const DeleteDocument: React.FC<Props> = (props) => {\n  const { id, buttonId, collectionSlug, singularLabel, title: titleFromProps } = props\n  const { Modal, useModal } = facelessUIImport\n\n  const {\n    routes: { admin, api },\n    serverURL,\n  } = useConfig()\n\n  const { setModified } = useForm()\n  const [deleting, setDeleting] = useState(false)\n  const { toggleModal } = useModal()\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const { title } = useDocumentInfo()\n\n  const titleToRender = titleFromProps || title || id\n\n  const modalSlug = `delete-${id}`\n\n  const addDefaultError = useCallback(() => {\n    setDeleting(false)\n    toast.error(t('error:deletingTitle', { title }))\n  }, [t, title])\n\n  const handleDelete = useCallback(async () => {\n    setDeleting(true)\n    setModified(false)\n    try {\n      await requests\n        .delete(`${serverURL}${api}/${collectionSlug}/${id}`, {\n          headers: {\n            'Accept-Language': i18n.language,\n            'Content-Type': 'application/json',\n          },\n        })\n        .then(async (res) => {\n          try {\n            const json = await res.json()\n\n            if (res.status < 400) {\n              setDeleting(false)\n              toggleModal(modalSlug)\n              toast.success(\n                json.message ||\n                  t('general:titleDeleted', { label: getTranslation(singularLabel, i18n), title }),\n              )\n\n              return router.push(`${admin}/collections/${collectionSlug}`)\n            }\n            toggleModal(modalSlug)\n            if (json.errors) {\n              json.errors.forEach((error) => toast.error(error.message))\n            } else {\n              addDefaultError()\n            }\n            return false\n          } catch (e) {\n            return addDefaultError()\n          }\n        })\n    } catch (e) {\n      addDefaultError()\n    }\n  }, [\n    setModified,\n    serverURL,\n    api,\n    collectionSlug,\n    id,\n    toggleModal,\n    modalSlug,\n    t,\n    singularLabel,\n    i18n,\n    title,\n    router,\n    admin,\n    addDefaultError,\n  ])\n\n  if (id) {\n    return (\n      <React.Fragment>\n        <PopupList.Button\n          id={buttonId}\n          onClick={() => {\n            setDeleting(false)\n            toggleModal(modalSlug)\n          }}\n        >\n          {t('general:delete')}\n        </PopupList.Button>\n        <Modal className={baseClass} slug={modalSlug}>\n          <MinimalTemplate className={`${baseClass}__template`}>\n            <h1>{t('general:confirmDeletion')}</h1>\n            <p>\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey=\"general:aboutToDelete\"\n                t={t}\n                variables={{\n                  label: getTranslation(singularLabel, i18n),\n                  title: titleToRender,\n                }}\n              />\n            </p>\n            <div className={`${baseClass}__actions`}>\n              <Button\n                buttonStyle=\"secondary\"\n                id=\"confirm-cancel\"\n                onClick={deleting ? undefined : () => toggleModal(modalSlug)}\n                type=\"button\"\n              >\n                {t('general:cancel')}\n              </Button>\n              <Button id=\"confirm-delete\" onClick={deleting ? undefined : handleDelete}>\n                {deleting ? t('general:deleting') : t('general:confirm')}\n              </Button>\n            </div>\n          </MinimalTemplate>\n        </Modal>\n      </React.Fragment>\n    )\n  }\n\n  return null\n}\n"],"names":["facelessUIImport","getTranslation","useRouter","React","useCallback","useState","toast","useForm","useConfig","useDocumentInfo","useTranslation","MinimalTemplate","requests","Button","PopupList","Translation","baseClass","DeleteDocument","props","id","buttonId","collectionSlug","singularLabel","title","titleFromProps","Modal","useModal","routes","admin","api","serverURL","setModified","deleting","setDeleting","toggleModal","router","i18n","t","titleToRender","modalSlug","addDefaultError","error","handleDelete","delete","headers","language","then","res","json","status","success","message","label","push","errors","forEach","e","Fragment","onClick","className","slug","h1","p","elements","children","strong","i18nKey","variables","div","buttonStyle","undefined","type"],"mappings":"AAAA;AAGA,YAAYA,sBAAsB,qBAAoB;AACtD,SAASC,cAAc,QAAQ,2BAA0B;AACzD,SAASC,SAAS,QAAQ,qBAAoB;AAC9C,OAAOC,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAO;AACpD,SAASC,KAAK,QAAQ,iBAAgB;AAEtC,SAASC,OAAO,QAAQ,8BAA6B;AACrD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,eAAe,QAAQ,mCAAkC;AAClE,SAASC,QAAQ,QAAQ,yBAAwB;AACjD,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,SAAS,QAAQ,oBAAmB;AAC7C,SAASC,WAAW,QAAQ,0BAAyB;AAGrD,MAAMC,YAAY;AAWlB,OAAO,MAAMC,iBAAkC,CAACC;IAC9C,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAEC,cAAc,EAAEC,aAAa,EAAEC,OAAOC,cAAc,EAAE,GAAGN;IAC/E,MAAM,EAAEO,KAAK,EAAEC,QAAQ,EAAE,GAAG1B;IAE5B,MAAM,EACJ2B,QAAQ,EAAEC,KAAK,EAAEC,GAAG,EAAE,EACtBC,SAAS,EACV,GAAGtB;IAEJ,MAAM,EAAEuB,WAAW,EAAE,GAAGxB;IACxB,MAAM,CAACyB,UAAUC,YAAY,GAAG5B,SAAS;IACzC,MAAM,EAAE6B,WAAW,EAAE,GAAGR;IACxB,MAAMS,SAASjC;IACf,MAAM,EAAEkC,IAAI,EAAEC,CAAC,EAAE,GAAG3B;IACpB,MAAM,EAAEa,KAAK,EAAE,GAAGd;IAElB,MAAM6B,gBAAgBd,kBAAkBD,SAASJ;IAEjD,MAAMoB,YAAY,CAAC,OAAO,EAAEpB,GAAG,CAAC;IAEhC,MAAMqB,kBAAkBpC,YAAY;QAClC6B,YAAY;QACZ3B,MAAMmC,KAAK,CAACJ,EAAE,uBAAuB;YAAEd;QAAM;IAC/C,GAAG;QAACc;QAAGd;KAAM;IAEb,MAAMmB,eAAetC,YAAY;QAC/B6B,YAAY;QACZF,YAAY;QACZ,IAAI;YACF,MAAMnB,SACH+B,MAAM,CAAC,CAAC,EAAEb,UAAU,EAAED,IAAI,CAAC,EAAER,eAAe,CAAC,EAAEF,GAAG,CAAC,EAAE;gBACpDyB,SAAS;oBACP,mBAAmBR,KAAKS,QAAQ;oBAChC,gBAAgB;gBAClB;YACF,GACCC,IAAI,CAAC,OAAOC;gBACX,IAAI;oBACF,MAAMC,OAAO,MAAMD,IAAIC,IAAI;oBAE3B,IAAID,IAAIE,MAAM,GAAG,KAAK;wBACpBhB,YAAY;wBACZC,YAAYK;wBACZjC,MAAM4C,OAAO,CACXF,KAAKG,OAAO,IACVd,EAAE,wBAAwB;4BAAEe,OAAOnD,eAAeqB,eAAec;4BAAOb;wBAAM;wBAGlF,OAAOY,OAAOkB,IAAI,CAAC,CAAC,EAAEzB,MAAM,aAAa,EAAEP,eAAe,CAAC;oBAC7D;oBACAa,YAAYK;oBACZ,IAAIS,KAAKM,MAAM,EAAE;wBACfN,KAAKM,MAAM,CAACC,OAAO,CAAC,CAACd,QAAUnC,MAAMmC,KAAK,CAACA,MAAMU,OAAO;oBAC1D,OAAO;wBACLX;oBACF;oBACA,OAAO;gBACT,EAAE,OAAOgB,GAAG;oBACV,OAAOhB;gBACT;YACF;QACJ,EAAE,OAAOgB,GAAG;YACVhB;QACF;IACF,GAAG;QACDT;QACAD;QACAD;QACAR;QACAF;QACAe;QACAK;QACAF;QACAf;QACAc;QACAb;QACAY;QACAP;QACAY;KACD;IAED,IAAIrB,IAAI;QACN,qBACE,oBAAChB,MAAMsD,QAAQ,sBACb,oBAAC3C,UAAUD,MAAM;YACfM,IAAIC;YACJsC,SAAS;gBACPzB,YAAY;gBACZC,YAAYK;YACd;WAECF,EAAE,kCAEL,oBAACZ;YAAMkC,WAAW3C;YAAW4C,MAAMrB;yBACjC,oBAAC5B;YAAgBgD,WAAW,CAAC,EAAE3C,UAAU,UAAU,CAAC;yBAClD,oBAAC6C,YAAIxB,EAAE,2CACP,oBAACyB,yBACC,oBAAC/C;YACCgD,UAAU;gBACR,KAAK,CAAC,EAAEC,QAAQ,EAAE,iBAAK,oBAACC,gBAAQD;YAClC;YACAE,SAAQ;YACR7B,GAAGA;YACH8B,WAAW;gBACTf,OAAOnD,eAAeqB,eAAec;gBACrCb,OAAOe;YACT;2BAGJ,oBAAC8B;YAAIT,WAAW,CAAC,EAAE3C,UAAU,SAAS,CAAC;yBACrC,oBAACH;YACCwD,aAAY;YACZlD,IAAG;YACHuC,SAAS1B,WAAWsC,YAAY,IAAMpC,YAAYK;YAClDgC,MAAK;WAEJlC,EAAE,kCAEL,oBAACxB;YAAOM,IAAG;YAAiBuC,SAAS1B,WAAWsC,YAAY5B;WACzDV,WAAWK,EAAE,sBAAsBA,EAAE;IAOpD;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../src/elements/DeleteDocument/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload/types'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'react-toastify'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { MinimalTemplate } from '../../templates/Minimal/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport { Translation } from '../Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'delete-document'\n\nexport type Props = {\n  buttonId?: string\n  collectionSlug: SanitizedCollectionConfig['slug']\n  id?: string\n  singularLabel: SanitizedCollectionConfig['labels']['singular']\n  title?: string\n  useAsTitle: SanitizedCollectionConfig['admin']['useAsTitle']\n}\n\nexport const DeleteDocument: React.FC<Props> = (props) => {\n  const { id, buttonId, collectionSlug, singularLabel, title: titleFromProps } = props\n  const { Modal, useModal } = facelessUIImport\n\n  const {\n    routes: { admin, api },\n    serverURL,\n  } = useConfig()\n\n  const { setModified } = useForm()\n  const [deleting, setDeleting] = useState(false)\n  const { toggleModal } = useModal()\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const { title } = useDocumentInfo()\n\n  const titleToRender = titleFromProps || title || id\n\n  const modalSlug = `delete-${id}`\n\n  const addDefaultError = useCallback(() => {\n    setDeleting(false)\n    toast.error(t('error:deletingTitle', { title }))\n  }, [t, title])\n\n  const handleDelete = useCallback(async () => {\n    setDeleting(true)\n    setModified(false)\n    try {\n      await requests\n        .delete(`${serverURL}${api}/${collectionSlug}/${id}`, {\n          headers: {\n            'Accept-Language': i18n.language,\n            'Content-Type': 'application/json',\n          },\n        })\n        .then(async (res) => {\n          try {\n            const json = await res.json()\n\n            if (res.status < 400) {\n              setDeleting(false)\n              toggleModal(modalSlug)\n              toast.success(\n                t('general:titleDeleted', { label: getTranslation(singularLabel, i18n), title }) ||\n                  json.message,\n              )\n\n              return router.push(`${admin}/collections/${collectionSlug}`)\n            }\n            toggleModal(modalSlug)\n            if (json.errors) {\n              json.errors.forEach((error) => toast.error(error.message))\n            } else {\n              addDefaultError()\n            }\n            return false\n          } catch (e) {\n            return addDefaultError()\n          }\n        })\n    } catch (e) {\n      addDefaultError()\n    }\n  }, [\n    setModified,\n    serverURL,\n    api,\n    collectionSlug,\n    id,\n    toggleModal,\n    modalSlug,\n    t,\n    singularLabel,\n    i18n,\n    title,\n    router,\n    admin,\n    addDefaultError,\n  ])\n\n  if (id) {\n    return (\n      <React.Fragment>\n        <PopupList.Button\n          id={buttonId}\n          onClick={() => {\n            setDeleting(false)\n            toggleModal(modalSlug)\n          }}\n        >\n          {t('general:delete')}\n        </PopupList.Button>\n        <Modal className={baseClass} slug={modalSlug}>\n          <MinimalTemplate className={`${baseClass}__template`}>\n            <h1>{t('general:confirmDeletion')}</h1>\n            <p>\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey=\"general:aboutToDelete\"\n                t={t}\n                variables={{\n                  label: getTranslation(singularLabel, i18n),\n                  title: titleToRender,\n                }}\n              />\n            </p>\n            <div className={`${baseClass}__actions`}>\n              <Button\n                buttonStyle=\"secondary\"\n                id=\"confirm-cancel\"\n                onClick={deleting ? undefined : () => toggleModal(modalSlug)}\n                type=\"button\"\n              >\n                {t('general:cancel')}\n              </Button>\n              <Button id=\"confirm-delete\" onClick={deleting ? undefined : handleDelete}>\n                {deleting ? t('general:deleting') : t('general:confirm')}\n              </Button>\n            </div>\n          </MinimalTemplate>\n        </Modal>\n      </React.Fragment>\n    )\n  }\n\n  return null\n}\n"],"names":["facelessUIImport","getTranslation","useRouter","React","useCallback","useState","toast","useForm","useConfig","useDocumentInfo","useTranslation","MinimalTemplate","requests","Button","PopupList","Translation","baseClass","DeleteDocument","props","id","buttonId","collectionSlug","singularLabel","title","titleFromProps","Modal","useModal","routes","admin","api","serverURL","setModified","deleting","setDeleting","toggleModal","router","i18n","t","titleToRender","modalSlug","addDefaultError","error","handleDelete","delete","headers","language","then","res","json","status","success","label","message","push","errors","forEach","e","Fragment","onClick","className","slug","h1","p","elements","children","strong","i18nKey","variables","div","buttonStyle","undefined","type"],"mappings":"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"}

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

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

package/dist/elements/DocumentControls/index.js

@@ -1,4 +1,5 @@
 'use client';
+import { useComponentMap } from '@payloadcms/ui/providers/ComponentMap';
 import React, { Fragment } from 'react';
 import { useConfig } from '../../providers/Config/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
@@ -9,6 +10,7 @@ import { DuplicateDocument } from '../DuplicateDocument/index.js';
 import { Gutter } from '../Gutter/index.js';
 import { PopupList } from '../Popup/index.js';
 import { Popup } from '../Popup/index.js';
+import { PreviewButton } from '../PreviewButton/index.js';
 import { Publish } from '../Publish/index.js';
 import { Save } from '../Save/index.js';
 import { SaveDraft } from '../SaveDraft/index.js';
@@ -18,8 +20,13 @@ export const DocumentControls = (props)=>{
     const { id, slug, data, disableActions, hasSavePermission, isAccountView, isEditing, permissions } = props;
     const { i18n } = useTranslation();
     const config = useConfig();
+    const { getComponentMap } = useComponentMap();
     const collectionConfig = config.collections.find((coll)=>coll.slug === slug);
     const globalConfig = config.globals.find((global)=>global.slug === slug);
+    const componentMap = getComponentMap({
+        collectionSlug: collectionConfig?.slug,
+        globalSlug: globalConfig?.slug
+    });
     const { admin: { dateFormat }, routes: { admin: adminRoute } } = config;
     const hasCreatePermission = permissions && 'create' in permissions && permissions.create?.permission;
     const hasDeletePermission = permissions && 'delete' in permissions && permissions.delete?.permission;
@@ -74,12 +81,14 @@ export const DocumentControls = (props)=>{
         className: `${baseClass}__controls-wrapper`
     }, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__controls`
-    }, hasSavePermission && /*#__PURE__*/ React.createElement(React.Fragment, null, collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts ? /*#__PURE__*/ React.createElement(React.Fragment, null, (collectionConfig?.versions?.drafts && !collectionConfig?.versions?.drafts?.autosave || globalConfig?.versions?.drafts && !globalConfig?.versions?.drafts?.autosave) && /*#__PURE__*/ React.createElement(SaveDraft, {
-        CustomComponent: collectionConfig?.admin?.components?.edit?.SaveDraftButton || globalConfig?.admin?.components?.elements?.SaveDraftButton
+    }, componentMap?.isPreviewEnabled && /*#__PURE__*/ React.createElement(PreviewButton, {
+        CustomComponent: componentMap.PreviewButton
+    }), hasSavePermission && /*#__PURE__*/ React.createElement(React.Fragment, null, collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts ? /*#__PURE__*/ React.createElement(React.Fragment, null, (collectionConfig?.versions?.drafts && !collectionConfig?.versions?.drafts?.autosave || globalConfig?.versions?.drafts && !globalConfig?.versions?.drafts?.autosave) && /*#__PURE__*/ React.createElement(SaveDraft, {
+        CustomComponent: componentMap.SaveDraftButton
     }), /*#__PURE__*/ React.createElement(Publish, {
-        CustomComponent: collectionConfig?.admin?.components?.edit?.PublishButton || globalConfig?.admin?.components?.elements?.PublishButton
+        CustomComponent: componentMap.PublishButton
     })) : /*#__PURE__*/ React.createElement(Save, {
-        CustomComponent: collectionConfig?.admin?.components?.edit?.SaveButton || globalConfig?.admin?.components?.elements?.SaveButton
+        CustomComponent: componentMap.SaveButton
     }))), showDotMenu && /*#__PURE__*/ React.createElement(Popup, {
         button: /*#__PURE__*/ React.createElement("div", {
             className: `${baseClass}__dots`

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 React, { Fragment } from 'react'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatDate } from '../../utilities/formatDate.js'\nimport { Autosave } from '../Autosave/index.js'\nimport { DeleteDocument } from '../DeleteDocument/index.js'\nimport { DuplicateDocument } from '../DuplicateDocument/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport { Popup } from '../Popup/index.js'\nimport { PreviewButton } from '../PreviewButton/index.js'\nimport { Publish } from '../Publish/index.js'\nimport { Save } from '../Save/index.js'\nimport { SaveDraft } from '../SaveDraft/index.js'\nimport { Status } from '../Status/index.js'\nimport './index.scss'\n\nconst baseClass = 'doc-controls'\n\nexport const DocumentControls: React.FC<{\n  apiURL: string\n  data?: any\n  disableActions?: boolean\n  hasSavePermission?: boolean\n  id?: number | string\n  isAccountView?: boolean\n  isEditing?: boolean\n  permissions: CollectionPermission | GlobalPermission | null\n  slug: SanitizedCollectionConfig['slug']\n}> = (props) => {\n  const {\n    id,\n    slug,\n    data,\n    disableActions,\n    hasSavePermission,\n    isAccountView,\n    isEditing,\n    permissions,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const config = useConfig()\n\n  const collectionConfig = config.collections.find((coll) => coll.slug === slug)\n  const globalConfig = config.globals.find((global) => global.slug === slug)\n\n  const {\n    admin: { dateFormat },\n    routes: { admin: adminRoute },\n  } = config\n\n  const hasCreatePermission =\n    permissions && 'create' in permissions && permissions.create?.permission\n\n  const hasDeletePermission =\n    permissions && 'delete' in permissions && permissions.delete?.permission\n\n  const showDotMenu = Boolean(\n    collectionConfig && id && !disableActions && (hasCreatePermission || hasDeletePermission),\n  )\n\n  return (\n    <Gutter className={baseClass}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <ul className={`${baseClass}__meta`}>\n            {collectionConfig && !isEditing && !isAccountView && (\n              <li className={`${baseClass}__list-item`}>\n                <p className={`${baseClass}__value`}>\n                  {i18n.t('general:creatingNewLabel', {\n                    label:\n                      typeof collectionConfig?.labels?.singular === 'string'\n                        ? collectionConfig.labels.singular\n                        : 'document',\n                  })}\n                </p>\n              </li>\n            )}\n            {(collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts) && (\n              <Fragment>\n                {(globalConfig || (collectionConfig && isEditing)) && (\n                  <li\n                    className={[`${baseClass}__status`, `${baseClass}__list-item`]\n                      .filter(Boolean)\n                      .join(' ')}\n                  >\n                    <Status />\n                  </li>\n                )}\n                {((collectionConfig?.versions?.drafts &&\n                  collectionConfig?.versions?.drafts?.autosave) ||\n                  (globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave)) &&\n                  hasSavePermission && (\n                    <li className={`${baseClass}__list-item`}>\n                      <Autosave\n                        collection={collectionConfig}\n                        global={globalConfig}\n                        id={id}\n                        publishedDocUpdatedAt={data?.createdAt}\n                      />\n                    </li>\n                  )}\n              </Fragment>\n            )}\n            {collectionConfig?.timestamps && (isEditing || isAccountView) && (\n              <Fragment>\n                <li\n                  className={[`${baseClass}__list-item`, `${baseClass}__value-wrap`]\n                    .filter(Boolean)\n                    .join(' ')}\n                  title={\n                    data?.updatedAt ? formatDate(data?.updatedAt, dateFormat, i18n.language) : ''\n                  }\n                >\n                  <p className={`${baseClass}__label`}>{i18n.t('general:lastModified')}:&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            {/* {(collectionConfig?.admin?.preview || globalConfig?.admin?.preview) && (\n              <PreviewButton\n                CustomComponent={\n                  collectionConfig?.admin?.components?.edit?.PreviewButton ||\n                  globalConfig?.admin?.components?.elements?.PreviewButton\n                }\n                generatePreviewURL={collectionConfig?.admin?.preview || globalConfig?.admin?.preview}\n              />\n            )} */}\n            {hasSavePermission && (\n              <React.Fragment>\n                {collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts ? (\n                  <React.Fragment>\n                    {((collectionConfig?.versions?.drafts &&\n                      !collectionConfig?.versions?.drafts?.autosave) ||\n                      (globalConfig?.versions?.drafts &&\n                        !globalConfig?.versions?.drafts?.autosave)) && (\n                      <SaveDraft\n                        CustomComponent={\n                          collectionConfig?.admin?.components?.edit?.SaveDraftButton ||\n                          globalConfig?.admin?.components?.elements?.SaveDraftButton\n                        }\n                      />\n                    )}\n                    <Publish\n                      CustomComponent={\n                        collectionConfig?.admin?.components?.edit?.PublishButton ||\n                        globalConfig?.admin?.components?.elements?.PublishButton\n                      }\n                    />\n                  </React.Fragment>\n                ) : (\n                  <Save\n                    CustomComponent={\n                      collectionConfig?.admin?.components?.edit?.SaveButton ||\n                      globalConfig?.admin?.components?.elements?.SaveButton\n                    }\n                  />\n                )}\n              </React.Fragment>\n            )}\n          </div>\n          {showDotMenu && (\n            <Popup\n              button={\n                <div className={`${baseClass}__dots`}>\n                  <div />\n                  <div />\n                  <div />\n                </div>\n              }\n              className={`${baseClass}__popup`}\n              horizontalAlign=\"right\"\n              size=\"large\"\n              verticalAlign=\"bottom\"\n            >\n              <PopupList.ButtonGroup>\n                {hasCreatePermission && (\n                  <React.Fragment>\n                    <PopupList.Button\n                      href={`${adminRoute}/collections/${collectionConfig?.slug}/create`}\n                      id=\"action-create\"\n                    >\n                      {i18n.t('general:createNew')}\n                    </PopupList.Button>\n                    {!collectionConfig?.admin?.disableDuplicate && isEditing && (\n                      <DuplicateDocument\n                        id={id.toString()}\n                        singularLabel={collectionConfig?.labels?.singular}\n                        slug={collectionConfig?.slug}\n                      />\n                    )}\n                  </React.Fragment>\n                )}\n                {hasDeletePermission && (\n                  <DeleteDocument\n                    buttonId=\"action-delete\"\n                    collectionSlug={collectionConfig?.slug}\n                    id={id.toString()}\n                    singularLabel={collectionConfig?.labels?.singular}\n                    useAsTitle={collectionConfig?.admin?.useAsTitle}\n                  />\n                )}\n              </PopupList.ButtonGroup>\n            </Popup>\n          )}\n        </div>\n      </div>\n      <div className={`${baseClass}__divider`} />\n    </Gutter>\n  )\n}\n"],"names":["React","Fragment","useConfig","useTranslation","formatDate","Autosave","DeleteDocument","DuplicateDocument","Gutter","PopupList","Popup","Publish","Save","SaveDraft","Status","baseClass","DocumentControls","props","id","slug","data","disableActions","hasSavePermission","isAccountView","isEditing","permissions","i18n","config","collectionConfig","collections","find","coll","globalConfig","globals","global","admin","dateFormat","routes","adminRoute","hasCreatePermission","create","permission","hasDeletePermission","delete","showDotMenu","Boolean","className","div","ul","li","p","t","label","labels","singular","versions","drafts","filter","join","autosave","collection","publishedDocUpdatedAt","createdAt","timestamps","title","updatedAt","language","CustomComponent","components","edit","SaveDraftButton","elements","PublishButton","SaveButton","button","horizontalAlign","size","verticalAlign","ButtonGroup","Button","href","disableDuplicate","toString","singularLabel","buttonId","collectionSlug","useAsTitle"],"mappings":"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"}
+{"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 { PopupList } from '../Popup/index.js'\nimport { Popup } from '../Popup/index.js'\nimport { PreviewButton } from '../PreviewButton/index.js'\nimport { Publish } from '../Publish/index.js'\nimport { Save } from '../Save/index.js'\nimport { SaveDraft } from '../SaveDraft/index.js'\nimport { Status } from '../Status/index.js'\nimport './index.scss'\n\nconst baseClass = 'doc-controls'\n\nexport const DocumentControls: React.FC<{\n  apiURL: string\n  data?: any\n  disableActions?: boolean\n  hasSavePermission?: boolean\n  id?: number | string\n  isAccountView?: boolean\n  isEditing?: boolean\n  permissions: CollectionPermission | GlobalPermission | null\n  slug: SanitizedCollectionConfig['slug']\n}> = (props) => {\n  const {\n    id,\n    slug,\n    data,\n    disableActions,\n    hasSavePermission,\n    isAccountView,\n    isEditing,\n    permissions,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const config = useConfig()\n  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?.admin?.disableDuplicate && isEditing && (\n                      <DuplicateDocument\n                        id={id.toString()}\n                        singularLabel={collectionConfig?.labels?.singular}\n                        slug={collectionConfig?.slug}\n                      />\n                    )}\n                  </React.Fragment>\n                )}\n                {hasDeletePermission && (\n                  <DeleteDocument\n                    buttonId=\"action-delete\"\n                    collectionSlug={collectionConfig?.slug}\n                    id={id.toString()}\n                    singularLabel={collectionConfig?.labels?.singular}\n                    useAsTitle={collectionConfig?.admin?.useAsTitle}\n                  />\n                )}\n              </PopupList.ButtonGroup>\n            </Popup>\n          )}\n        </div>\n      </div>\n      <div className={`${baseClass}__divider`} />\n    </Gutter>\n  )\n}\n"],"names":["useComponentMap","React","Fragment","useConfig","useTranslation","formatDate","Autosave","DeleteDocument","DuplicateDocument","Gutter","PopupList","Popup","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":"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,SAAS,QAAQ,oBAAmB;AAC7C,SAASC,KAAK,QAAQ,oBAAmB;AACzC,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,GAChC;IACR,MAIL,AAAC7B,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,YAAYlE,WAAWiB,MAAMiD,WAAW7B,YAAYd,KAAK4C,QAAQ,IAAI;qBAG7E,oBAAChB;QAAEJ,WAAW,CAAC,EAAEnC,UAAU,OAAO,CAAC;OAAGW,KAAK6B,CAAC,CAAC,yBAAwB,OACpEnC,MAAMiD,2BACL,oBAACf;QAAEJ,WAAW,CAAC,EAAEnC,UAAU,OAAO,CAAC;OAChCZ,WAAWiB,KAAKiD,SAAS,EAAE7B,YAAYd,KAAK4C,QAAQ,mBAI3D,oBAACjB;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,YAAY/D,WAAWiB,MAAM8C,WAAW1B,YAAYd,KAAK4C,QAAQ,IAAI;qBAG7E,oBAAChB;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,WAAWiB,MAAM8C,WAAW1B,YAAYd,KAAK4C,QAAQ,sBAQpE,oBAACnB;QAAID,WAAW,CAAC,EAAEnC,UAAU,kBAAkB,CAAC;qBAC9C,oBAACoC;QAAID,WAAW,CAAC,EAAEnC,UAAU,UAAU,CAAC;OACrCqB,cAAcmC,kCACb,oBAAC7D;QAAc8D,iBAAiBpC,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;QAAU2D,iBAAiBpC,aAAaqC,eAAe;sBAE1D,oBAAC9D;QAAQ6D,iBAAiBpC,aAAasC,aAAa;wBAGtD,oBAAC9D;QAAK4D,iBAAiBpC,aAAauC,UAAU;UAKrD3B,6BACC,oBAACvC;QACCmE,sBACE,oBAACzB;YAAID,WAAW,CAAC,EAAEnC,UAAU,MAAM,CAAC;yBAClC,oBAACoC,4BACD,oBAACA,4BACD,oBAACA;QAGLD,WAAW,CAAC,EAAEnC,UAAU,OAAO,CAAC;QAChC8D,iBAAgB;QAChBC,MAAK;QACLC,eAAc;qBAEd,oBAACvE,UAAUwE,WAAW,QACnBrC,qCACC,oBAAC5C,MAAMC,QAAQ,sBACb,oBAACQ,UAAUyE,MAAM;QACfC,MAAM,CAAC,EAAExC,WAAW,aAAa,EAAEb,kBAAkBV,KAAK,OAAO,CAAC;QAClED,IAAG;OAEFQ,KAAK6B,CAAC,CAAC,uBAET,CAAC1B,kBAAkBU,OAAO4C,oBAAoB3D,2BAC7C,oBAAClB;QACCY,IAAIA,GAAGkE,QAAQ;QACfC,eAAexD,kBAAkB4B,QAAQC;QACzCvC,MAAMU,kBAAkBV;SAK/B2B,qCACC,oBAACzC;QACCiF,UAAS;QACTjD,gBAAgBR,kBAAkBV;QAClCD,IAAIA,GAAGkE,QAAQ;QACfC,eAAexD,kBAAkB4B,QAAQC;QACzC6B,YAAY1D,kBAAkBU,OAAOgD;0BAQnD,oBAACpC;QAAID,WAAW,CAAC,EAAEnC,UAAU,SAAS,CAAC;;AAG7C,EAAC"}

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

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

package/dist/elements/DocumentDrawer/DrawerContent.js

@@ -1,122 +1,66 @@
 'use client';
 import * as facelessUIImport from '@faceless-ui/modal';
 import queryString from 'qs';
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useRelatedCollections } from '../../fields/Relationship/AddNew/useRelatedCollections.js';
-import usePayloadAPI from '../../hooks/usePayloadAPI.js';
 import { X } from '../../icons/X/index.js';
 import { useComponentMap } from '../../providers/ComponentMap/index.js';
 import { useConfig } from '../../providers/Config/index.js';
-import { DocumentInfoProvider } from '../../providers/DocumentInfo/index.js';
+import { DocumentInfoProvider, useDocumentInfo } from '../../providers/DocumentInfo/index.js';
 import { useFormQueryParams } from '../../providers/FormQueryParams/index.js';
 import { useLocale } from '../../providers/Locale/index.js';
-import { usePreferences } from '../../providers/Preferences/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
-import { formatDocTitle } from '../../utilities/formatDocTitle.js';
-import { getFormState } from '../../utilities/getFormState.js';
 import { Gutter } from '../Gutter/index.js';
 import { IDLabel } from '../IDLabel/index.js';
-import { LoadingOverlay } from '../Loading/index.js';
 import { RenderTitle } from '../RenderTitle/index.js';
 import { baseClass } from './index.js';
-const Content = ({ id, Header, collectionSlug, drawerSlug, initialData, onSave })=>{
+export const DocumentDrawerContent = ({ id, Header, collectionSlug, drawerSlug, onSave: onSaveFromProps })=>{
     const { useModal } = facelessUIImport;
     const config = useConfig();
     const { routes: { api: apiRoute }, serverURL } = config;
     const { closeModal, modalState, toggleModal } = useModal();
     const locale = useLocale();
-    const [initialState, setInitialState] = useState();
-    const { i18n, t } = useTranslation();
-    const hasInitializedState = useRef(false);
+    const { t } = useTranslation();
+    const [createdID, setCreatedID] = useState();
     const [isOpen, setIsOpen] = useState(false);
     const [collectionConfig] = useRelatedCollections(collectionSlug);
     const { formQueryParams } = useFormQueryParams();
     const formattedQueryParams = queryString.stringify(formQueryParams);
-    const { getPreference } = usePreferences();
     const { componentMap } = useComponentMap();
     const { Edit } = componentMap[`${collectionSlug ? 'collections' : 'globals'}`][collectionSlug];
-    // no need to an additional requests when creating new documents
-    const initialID = useRef(id);
-    const [{ data, isError, isLoading: isLoadingDocument }] = usePayloadAPI(initialID.current ? `${serverURL}${apiRoute}/${collectionSlug}/${initialID.current}` : null, {
-        initialData,
-        initialParams: {
-            depth: 0,
-            draft: 'true',
-            'fallback-locale': 'null'
-        }
-    });
+    const isEditing = Boolean(id);
+    const apiURL = id ? `${serverURL}${apiRoute}/${collectionSlug}/${id}?locale=${locale.code}` : null;
+    const action = `${serverURL}${apiRoute}/${collectionSlug}${isEditing ? `/${id}` : ''}?${formattedQueryParams}`;
     useEffect(()=>{
         setIsOpen(Boolean(modalState[drawerSlug]?.isOpen));
     }, [
         modalState,
         drawerSlug
     ]);
-    useEffect(()=>{
-        if (isOpen && !isLoadingDocument && isError) {
+    const onLoadError = React.useCallback((data)=>{
+        if (isOpen) {
             closeModal(drawerSlug);
             toast.error(data.errors?.[0].message || t('error:unspecific'));
         }
     }, [
-        isError,
-        t,
-        isOpen,
-        data,
-        drawerSlug,
         closeModal,
-        isLoadingDocument
+        drawerSlug,
+        isOpen,
+        t
     ]);
-    const isEditing = Boolean(id);
-    const apiURL = id ? `${serverURL}${apiRoute}/${collectionSlug}/${id}?locale=${locale.code}` : null;
-    const action = `${serverURL}${apiRoute}/${collectionSlug}${isEditing ? `/${id}` : ''}?${formattedQueryParams}`;
-    // const hasSavePermission =
-    //   (isEditing && docPermissions?.update?.permission) ||
-    //   (!isEditing && (docPermissions as CollectionPermission)?.create?.permission)
-    useEffect(()=>{
-        if (!hasInitializedState.current && (!initialID.current || initialID.current && data)) {
-            const getInitialState = async ()=>{
-                let docPreferences = {
-                    fields: {}
-                };
-                if (id) {
-                    docPreferences = await getPreference(`collection-${collectionSlug}-${id}`);
-                }
-                const result = await getFormState({
-                    apiRoute,
-                    body: {
-                        id,
-                        collectionSlug,
-                        data: data || {},
-                        docPreferences,
-                        operation: isEditing ? 'update' : 'create',
-                        schemaPath: collectionSlug
-                    },
-                    serverURL
-                });
-                setInitialState(result);
-                hasInitializedState.current = true;
-            };
-            void getInitialState();
+    const onSave = useCallback((args)=>{
+        setCreatedID(args.doc.id);
+        if (typeof onSaveFromProps === 'function') {
+            void onSaveFromProps({
+                ...args,
+                collectionConfig
+            });
         }
     }, [
-        apiRoute,
-        data,
-        isEditing,
-        collectionSlug,
-        serverURL,
-        id,
-        getPreference
+        onSaveFromProps,
+        collectionConfig
     ]);
-    if (isError) return null;
-    if (!initialState || isLoadingDocument) {
-        return /*#__PURE__*/ React.createElement(LoadingOverlay, null);
-    }
-    const title = formatDocTitle({
-        collectionConfig,
-        data,
-        dateFormat: config.admin.dateFormat,
-        i18n
-    });
     return /*#__PURE__*/ React.createElement(DocumentInfoProvider, {
         BeforeDocument: /*#__PURE__*/ React.createElement(Gutter, {
             className: `${baseClass}__header`
@@ -131,9 +75,7 @@ const Content = ({ id, Header, collectionSlug, drawerSlug, initialData, onSave }
             className: `${baseClass}__header-close`,
             onClick: ()=>toggleModal(drawerSlug),
             type: "button"
-        }, /*#__PURE__*/ React.createElement(X, null))), id && id !== title ? /*#__PURE__*/ React.createElement(IDLabel, {
-            id: id.toString()
-        }) : null),
+        }, /*#__PURE__*/ React.createElement(X, null))), /*#__PURE__*/ React.createElement(DocumentTitle, null)),
         action: action,
         apiURL: apiURL,
         collectionSlug: collectionConfig.slug,
@@ -145,40 +87,17 @@ const Content = ({ id, Header, collectionSlug, drawerSlug, initialData, onSave }
         // Same reason as above. We need to fully-fetch the docPreferences from the server. This is done in DocumentInfoProvider if we set it to null here.
         hasSavePermission: null,
         // isLoading,
-        id: id,
-        initialData: data,
-        initialState: initialState,
+        id: id || createdID,
         isEditing: isEditing,
-        onSave: onSave,
-        title: title
+        onLoadError: onLoadError,
+        onSave: onSave
     }, Edit);
 };
-// First provide the document context using `DocumentInfoProvider`
-// this is so we can utilize the `useDocumentInfo` hook in the `Content` component
-// this drawer is used for both creating and editing documents
-// this means that the `id` may be unknown until the document is created
-export const DocumentDrawerContent = (props)=>{
-    const { id: idFromProps, collectionSlug, onSave: onSaveFromProps } = props;
-    const [collectionConfig] = useRelatedCollections(collectionSlug);
-    const [doc, setDoc] = useState();
-    const onSave = useCallback((args)=>{
-        setDoc(args.doc);
-        if (typeof onSaveFromProps === 'function') {
-            void onSaveFromProps({
-                ...args,
-                collectionConfig
-            });
-        }
-    }, [
-        onSaveFromProps,
-        collectionConfig
-    ]);
-    return /*#__PURE__*/ React.createElement(Content, {
-        ...props,
-        id: idFromProps || doc?.id,
-        initialData: doc,
-        onSave: onSave
-    });
+const DocumentTitle = ()=>{
+    const { id, title } = useDocumentInfo();
+    return id && id !== title ? /*#__PURE__*/ React.createElement(IDLabel, {
+        id: id.toString()
+    }) : null;
 };
 
 //# sourceMappingURL=DrawerContent.js.map