@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.10bf491

package/dist/elements/ArrayAction/index.js

@@ -1,4 +1,7 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { ChevronIcon } from '../../icons/Chevron/index.js';
 import { CopyIcon } from '../../icons/Copy/index.js';
@@ -10,65 +13,120 @@ import { ClipboardActionLabel } from '../ClipboardAction/ClipboardActionLabel.js
 import './index.scss';
 import { Popup, PopupList } from '../Popup/index.js';
 const baseClass = 'array-actions';
-export const ArrayAction = ({ addRow, copyRow, duplicateRow, hasMaxRows, index, isSortable, moveRow, pasteRow, removeRow, rowCount })=>{
-    const { t } = useTranslation();
-    return <Popup button={<MoreIcon/>} buttonClassName={`${baseClass}__button`} className={baseClass} horizontalAlign="center" render={({ close })=>{
-        return <PopupList.ButtonGroup buttonSize="small">
-            {isSortable && index !== 0 && <PopupList.Button className={`${baseClass}__action ${baseClass}__move-up`} onClick={()=>{
-            moveRow(index, index - 1);
-            close();
-        }}>
-                <div className={`${baseClass}__action-chevron`}>
-                  <ChevronIcon direction="up"/>
-                </div>
-                {t('general:moveUp')}
-              </PopupList.Button>}
-            {isSortable && index < rowCount - 1 && <PopupList.Button className={`${baseClass}__action`} onClick={()=>{
-            moveRow(index, index + 1);
-            close();
-        }}>
-                <div className={`${baseClass}__action-chevron`}>
-                  <ChevronIcon/>
-                </div>
-                {t('general:moveDown')}
-              </PopupList.Button>}
-            {!hasMaxRows && <React.Fragment>
-                <PopupList.Button className={`${baseClass}__action ${baseClass}__add`} onClick={()=>{
-            void addRow(index + 1);
-            close();
-        }}>
-                  <PlusIcon/>
-                  {t('general:addBelow')}
-                </PopupList.Button>
-                <PopupList.Button className={`${baseClass}__action ${baseClass}__duplicate`} onClick={()=>{
-            duplicateRow(index);
-            close();
-        }}>
-                  <CopyIcon/>
-                  {t('general:duplicate')}
-                </PopupList.Button>
-              </React.Fragment>}
-            <PopupList.Button className={`${baseClass}__action ${baseClass}__copy`} onClick={()=>{
-            copyRow(index);
-            close();
-        }}>
-              <ClipboardActionLabel isRow/>
-            </PopupList.Button>
-            <PopupList.Button className={`${baseClass}__action ${baseClass}__paste`} onClick={()=>{
-            pasteRow(index);
-            close();
-        }}>
-              <ClipboardActionLabel isPaste isRow/>
-            </PopupList.Button>
-            <PopupList.Button className={`${baseClass}__action ${baseClass}__remove`} onClick={()=>{
-            removeRow(index);
-            close();
-        }}>
-              <XIcon/>
-              {t('general:remove')}
-            </PopupList.Button>
-          </PopupList.ButtonGroup>;
-    }} size="medium"/>;
+export const ArrayAction = t0 => {
+  const $ = _c(12);
+  const {
+    addRow,
+    copyRow,
+    duplicateRow,
+    hasMaxRows,
+    index,
+    isSortable,
+    moveRow,
+    pasteRow,
+    removeRow,
+    rowCount
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== addRow || $[1] !== copyRow || $[2] !== duplicateRow || $[3] !== hasMaxRows || $[4] !== index || $[5] !== isSortable || $[6] !== moveRow || $[7] !== pasteRow || $[8] !== removeRow || $[9] !== rowCount || $[10] !== t) {
+    t1 = _jsx(Popup, {
+      button: _jsx(MoreIcon, {}),
+      buttonClassName: `${baseClass}__button`,
+      className: baseClass,
+      horizontalAlign: "center",
+      render: t2 => {
+        const {
+          close
+        } = t2;
+        return _jsxs(PopupList.ButtonGroup, {
+          buttonSize: "small",
+          children: [isSortable && index !== 0 && _jsxs(PopupList.Button, {
+            className: `${baseClass}__action ${baseClass}__move-up`,
+            onClick: () => {
+              moveRow(index, index - 1);
+              close();
+            },
+            children: [_jsx("div", {
+              className: `${baseClass}__action-chevron`,
+              children: _jsx(ChevronIcon, {
+                direction: "up"
+              })
+            }), t("general:moveUp")]
+          }), isSortable && index < rowCount - 1 && _jsxs(PopupList.Button, {
+            className: `${baseClass}__action`,
+            onClick: () => {
+              moveRow(index, index + 1);
+              close();
+            },
+            children: [_jsx("div", {
+              className: `${baseClass}__action-chevron`,
+              children: _jsx(ChevronIcon, {})
+            }), t("general:moveDown")]
+          }), !hasMaxRows && _jsxs(React.Fragment, {
+            children: [_jsxs(PopupList.Button, {
+              className: `${baseClass}__action ${baseClass}__add`,
+              onClick: () => {
+                addRow(index + 1);
+                close();
+              },
+              children: [_jsx(PlusIcon, {}), t("general:addBelow")]
+            }), _jsxs(PopupList.Button, {
+              className: `${baseClass}__action ${baseClass}__duplicate`,
+              onClick: () => {
+                duplicateRow(index);
+                close();
+              },
+              children: [_jsx(CopyIcon, {}), t("general:duplicate")]
+            })]
+          }), _jsx(PopupList.Button, {
+            className: `${baseClass}__action ${baseClass}__copy`,
+            onClick: () => {
+              copyRow(index);
+              close();
+            },
+            children: _jsx(ClipboardActionLabel, {
+              isRow: true
+            })
+          }), _jsx(PopupList.Button, {
+            className: `${baseClass}__action ${baseClass}__paste`,
+            onClick: () => {
+              pasteRow(index);
+              close();
+            },
+            children: _jsx(ClipboardActionLabel, {
+              isPaste: true,
+              isRow: true
+            })
+          }), _jsxs(PopupList.Button, {
+            className: `${baseClass}__action ${baseClass}__remove`,
+            onClick: () => {
+              removeRow(index);
+              close();
+            },
+            children: [_jsx(XIcon, {}), t("general:remove")]
+          })]
+        });
+      },
+      size: "medium"
+    });
+    $[0] = addRow;
+    $[1] = copyRow;
+    $[2] = duplicateRow;
+    $[3] = hasMaxRows;
+    $[4] = index;
+    $[5] = isSortable;
+    $[6] = moveRow;
+    $[7] = pasteRow;
+    $[8] = removeRow;
+    $[9] = rowCount;
+    $[10] = t;
+    $[11] = t1;
+  } else {
+    t1 = $[11];
+  }
+  return t1;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ArrayAction/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ClipboardActionLabel } from '../ClipboardAction/ClipboardActionLabel.js'\nimport './index.scss'\nimport { Popup, PopupList } from '../Popup/index.js'\n\nconst baseClass = 'array-actions'\n\nexport type Props = {\n  addRow: (current: number, blockType?: string) => Promise<void> | void\n  copyRow: (index: number) => void\n  duplicateRow: (current: number) => void\n  hasMaxRows: boolean\n  index: number\n  isSortable?: boolean\n  moveRow: (from: number, to: number) => void\n  pasteRow: (index: number) => void\n  removeRow: (index: number) => void\n  rowCount: number\n}\n\nexport const ArrayAction: React.FC<Props> = ({\n  addRow,\n  copyRow,\n  duplicateRow,\n  hasMaxRows,\n  index,\n  isSortable,\n  moveRow,\n  pasteRow,\n  removeRow,\n  rowCount,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <Popup\n      button={<MoreIcon />}\n      buttonClassName={`${baseClass}__button`}\n      className={baseClass}\n      horizontalAlign=\"center\"\n      render={({ close }) => {\n        return (\n          <PopupList.ButtonGroup buttonSize=\"small\">\n            {isSortable && index !== 0 && (\n              <PopupList.Button\n                className={`${baseClass}__action ${baseClass}__move-up`}\n                onClick={() => {\n                  moveRow(index, index - 1)\n                  close()\n                }}\n              >\n                <div className={`${baseClass}__action-chevron`}>\n                  <ChevronIcon direction=\"up\" />\n                </div>\n                {t('general:moveUp')}\n              </PopupList.Button>\n            )}\n            {isSortable && index < rowCount - 1 && (\n              <PopupList.Button\n                className={`${baseClass}__action`}\n                onClick={() => {\n                  moveRow(index, index + 1)\n                  close()\n                }}\n              >\n                <div className={`${baseClass}__action-chevron`}>\n                  <ChevronIcon />\n                </div>\n                {t('general:moveDown')}\n              </PopupList.Button>\n            )}\n            {!hasMaxRows && (\n              <React.Fragment>\n                <PopupList.Button\n                  className={`${baseClass}__action ${baseClass}__add`}\n                  onClick={() => {\n                    void addRow(index + 1)\n                    close()\n                  }}\n                >\n                  <PlusIcon />\n                  {t('general:addBelow')}\n                </PopupList.Button>\n                <PopupList.Button\n                  className={`${baseClass}__action ${baseClass}__duplicate`}\n                  onClick={() => {\n                    duplicateRow(index)\n                    close()\n                  }}\n                >\n                  <CopyIcon />\n                  {t('general:duplicate')}\n                </PopupList.Button>\n              </React.Fragment>\n            )}\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__copy`}\n              onClick={() => {\n                copyRow(index)\n                close()\n              }}\n            >\n              <ClipboardActionLabel isRow />\n            </PopupList.Button>\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__paste`}\n              onClick={() => {\n                pasteRow(index)\n                close()\n              }}\n            >\n              <ClipboardActionLabel isPaste isRow />\n            </PopupList.Button>\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__remove`}\n              onClick={() => {\n                removeRow(index)\n                close()\n              }}\n            >\n              <XIcon />\n              {t('general:remove')}\n            </PopupList.Button>\n          </PopupList.ButtonGroup>\n        )\n      }}\n      size=\"medium\"\n    />\n  )\n}\n"],"names":["React","ChevronIcon","CopyIcon","MoreIcon","PlusIcon","XIcon","useTranslation","ClipboardActionLabel","Popup","PopupList","baseClass","ArrayAction","addRow","copyRow","duplicateRow","hasMaxRows","index","isSortable","moveRow","pasteRow","removeRow","rowCount","t","button","buttonClassName","className","horizontalAlign","render","close","ButtonGroup","buttonSize","Button","onClick","div","direction","Fragment","isRow","isPaste","size"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","CopyIcon","MoreIcon","PlusIcon","XIcon","useTranslation","ClipboardActionLabel","Popup","PopupList","baseClass","ArrayAction","t0","$","addRow","copyRow","duplicateRow","hasMaxRows","index","isSortable","moveRow","pasteRow","removeRow","rowCount","t","t1","_jsx","button","buttonClassName","className","horizontalAlign","render","t2","close","_jsxs","ButtonGroup","buttonSize","children","Button","onClick","direction","Fragment","isRow","isPaste"],"sources":["../../../src/elements/ArrayAction/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ClipboardActionLabel } from '../ClipboardAction/ClipboardActionLabel.js'\nimport './index.scss'\nimport { Popup, PopupList } from '../Popup/index.js'\n\nconst baseClass = 'array-actions'\n\nexport type Props = {\n  addRow: (current: number, blockType?: string) => Promise<void> | void\n  copyRow: (index: number) => void\n  duplicateRow: (current: number) => void\n  hasMaxRows: boolean\n  index: number\n  isSortable?: boolean\n  moveRow: (from: number, to: number) => void\n  pasteRow: (index: number) => void\n  removeRow: (index: number) => void\n  rowCount: number\n}\n\nexport const ArrayAction: React.FC<Props> = ({\n  addRow,\n  copyRow,\n  duplicateRow,\n  hasMaxRows,\n  index,\n  isSortable,\n  moveRow,\n  pasteRow,\n  removeRow,\n  rowCount,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <Popup\n      button={<MoreIcon />}\n      buttonClassName={`${baseClass}__button`}\n      className={baseClass}\n      horizontalAlign=\"center\"\n      render={({ close }) => {\n        return (\n          <PopupList.ButtonGroup buttonSize=\"small\">\n            {isSortable && index !== 0 && (\n              <PopupList.Button\n                className={`${baseClass}__action ${baseClass}__move-up`}\n                onClick={() => {\n                  moveRow(index, index - 1)\n                  close()\n                }}\n              >\n                <div className={`${baseClass}__action-chevron`}>\n                  <ChevronIcon direction=\"up\" />\n                </div>\n                {t('general:moveUp')}\n              </PopupList.Button>\n            )}\n            {isSortable && index < rowCount - 1 && (\n              <PopupList.Button\n                className={`${baseClass}__action`}\n                onClick={() => {\n                  moveRow(index, index + 1)\n                  close()\n                }}\n              >\n                <div className={`${baseClass}__action-chevron`}>\n                  <ChevronIcon />\n                </div>\n                {t('general:moveDown')}\n              </PopupList.Button>\n            )}\n            {!hasMaxRows && (\n              <React.Fragment>\n                <PopupList.Button\n                  className={`${baseClass}__action ${baseClass}__add`}\n                  onClick={() => {\n                    void addRow(index + 1)\n                    close()\n                  }}\n                >\n                  <PlusIcon />\n                  {t('general:addBelow')}\n                </PopupList.Button>\n                <PopupList.Button\n                  className={`${baseClass}__action ${baseClass}__duplicate`}\n                  onClick={() => {\n                    duplicateRow(index)\n                    close()\n                  }}\n                >\n                  <CopyIcon />\n                  {t('general:duplicate')}\n                </PopupList.Button>\n              </React.Fragment>\n            )}\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__copy`}\n              onClick={() => {\n                copyRow(index)\n                close()\n              }}\n            >\n              <ClipboardActionLabel isRow />\n            </PopupList.Button>\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__paste`}\n              onClick={() => {\n                pasteRow(index)\n                close()\n              }}\n            >\n              <ClipboardActionLabel isPaste isRow />\n            </PopupList.Button>\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__remove`}\n              onClick={() => {\n                removeRow(index)\n                close()\n              }}\n            >\n              <XIcon />\n              {t('general:remove')}\n            </PopupList.Button>\n          </PopupList.ButtonGroup>\n        )\n      }}\n      size=\"medium\"\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Autosave/index.js

@@ -1,5 +1,6 @@
 'use client';
-// TODO: abstract the `next/navigation` dependency out from this component
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { dequal } from 'dequal/lite';
 import { getAutosaveInterval, hasDraftValidationEnabled, reduceFieldsToValues } from 'payload/shared';
 import React, { useDeferredValue, useEffect, useRef, useState } from 'react';
@@ -18,141 +19,176 @@ import './index.scss';
 const baseClass = 'autosave';
 // The minimum time the saving state should be shown
 const minimumAnimationTime = 1000;
-export const Autosave = ({ id, collection, global: globalDoc })=>{
-    const { config: { routes: { api }, serverURL } } = useConfig();
-    const { docConfig, lastUpdateTime, mostRecentVersionIsAutosaved, setMostRecentVersionIsAutosaved, setUnpublishedVersionCount } = useDocumentInfo();
-    const { isValid, setBackgroundProcessing, submit } = useForm();
-    const [formState] = useAllFormFields();
-    const modified = useFormModified();
-    const submitted = useFormSubmitted();
-    const { code: locale } = useLocale();
-    const { i18n, t } = useTranslation();
-    const interval = getAutosaveInterval(docConfig);
-    const validateOnDraft = hasDraftValidationEnabled(docConfig);
-    const [_saving, setSaving] = useState(false);
-    const saving = useDeferredValue(_saving);
-    const debouncedFormState = useDebounce(formState, interval);
-    const { queueTask } = useQueue();
-    const autosaveTimeoutRef = useRef(null);
-    const handleAutosave = useEffectEvent(()=>{
-        autosaveTimeoutRef.current = undefined;
-        // We need to log the time in order to figure out if we need to trigger the state off later
-        let startTimestamp = undefined;
-        let endTimestamp = undefined;
-        const hideIndicator = ()=>{
-            // If request was faster than minimum animation time, animate the difference
-            if (endTimestamp - startTimestamp < minimumAnimationTime) {
-                autosaveTimeoutRef.current = setTimeout(()=>{
-                    setSaving(false);
-                }, minimumAnimationTime - (endTimestamp - startTimestamp));
-            } else {
-                stopAutoSaveIndicator();
-            }
-        };
-        queueTask(async ()=>{
-            if (modified) {
-                startTimestamp = new Date().getTime();
-                setSaving(true);
-                let url;
-                let method;
-                let entitySlug;
-                if (collection && id) {
-                    entitySlug = collection.slug;
-                    url = `${serverURL}${api}/${entitySlug}/${id}?depth=0&draft=true&autosave=true&locale=${locale}&fallback-locale=null`;
-                    method = 'PATCH';
-                }
-                if (globalDoc) {
-                    entitySlug = globalDoc.slug;
-                    url = `${serverURL}${api}/globals/${entitySlug}?depth=0&draft=true&autosave=true&locale=${locale}&fallback-locale=null`;
-                    method = 'POST';
-                }
-                const { valid } = reduceFieldsToValuesWithValidation(formState, true);
-                const skipSubmission = submitted && !valid && validateOnDraft;
-                if (!skipSubmission && modified && url) {
-                    const result = await submit({
-                        acceptValues: {
-                            overrideLocalChanges: false
-                        },
-                        action: url,
-                        context: {
-                            getDocPermissions: false,
-                            incrementVersionCount: !mostRecentVersionIsAutosaved
-                        },
-                        disableFormWhileProcessing: false,
-                        disableSuccessStatus: true,
-                        method,
-                        overrides: {
-                            _status: 'draft'
-                        },
-                        skipValidation: !validateOnDraft
-                    });
-                    if (result && result?.res?.ok && !mostRecentVersionIsAutosaved) {
-                        setMostRecentVersionIsAutosaved(true);
-                        setUnpublishedVersionCount((prev)=>prev + 1);
-                    }
-                    const newDate = new Date();
-                    // We need to log the time in order to figure out if we need to trigger the state off later
-                    endTimestamp = newDate.getTime();
-                    hideIndicator();
-                }
-            }
-        }, {
-            afterProcess: ()=>{
-                setBackgroundProcessing(false);
-            },
-            beforeProcess: ()=>{
-                setBackgroundProcessing(true);
-            }
-        });
-    });
-    const didMount = useRef(false);
-    const previousDebouncedData = useRef(reduceFieldsToValues(debouncedFormState));
-    // When debounced fields change, autosave
-    useEffect(()=>{
-        /**
-     * Ensure autosave doesn't run on mount
-     */ if (!didMount.current) {
-            didMount.current = true;
-            return;
+export const Autosave = ({
+  id,
+  collection,
+  global: globalDoc
+}) => {
+  const {
+    config: {
+      routes: {
+        api
+      },
+      serverURL
+    }
+  } = useConfig();
+  const {
+    docConfig,
+    lastUpdateTime,
+    mostRecentVersionIsAutosaved,
+    setMostRecentVersionIsAutosaved,
+    setUnpublishedVersionCount
+  } = useDocumentInfo();
+  const {
+    isValid,
+    setBackgroundProcessing,
+    submit
+  } = useForm();
+  const [formState] = useAllFormFields();
+  const modified = useFormModified();
+  const submitted = useFormSubmitted();
+  const {
+    code: locale
+  } = useLocale();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const interval = getAutosaveInterval(docConfig);
+  const validateOnDraft = hasDraftValidationEnabled(docConfig);
+  const [_saving, setSaving] = useState(false);
+  const saving = useDeferredValue(_saving);
+  const debouncedFormState = useDebounce(formState, interval);
+  const {
+    queueTask
+  } = useQueue();
+  const autosaveTimeoutRef = useRef(null);
+  const handleAutosave = useEffectEvent(() => {
+    autosaveTimeoutRef.current = undefined;
+    // We need to log the time in order to figure out if we need to trigger the state off later
+    let startTimestamp = undefined;
+    let endTimestamp = undefined;
+    const hideIndicator = () => {
+      // If request was faster than minimum animation time, animate the difference
+      if (endTimestamp - startTimestamp < minimumAnimationTime) {
+        autosaveTimeoutRef.current = setTimeout(() => {
+          setSaving(false);
+        }, minimumAnimationTime - (endTimestamp - startTimestamp));
+      } else {
+        stopAutoSaveIndicator();
+      }
+    };
+    queueTask(async () => {
+      if (modified) {
+        startTimestamp = new Date().getTime();
+        setSaving(true);
+        let url;
+        let method;
+        let entitySlug;
+        if (collection && id) {
+          entitySlug = collection.slug;
+          url = `${serverURL}${api}/${entitySlug}/${id}?depth=0&draft=true&autosave=true&locale=${locale}&fallback-locale=null`;
+          method = 'PATCH';
         }
-        /**
-     * Ensure autosave only runs if the form data changes, not every time the entire form state changes
-     * Remove `updatedAt` from comparison as it changes on every autosave interval.
-     */ const { updatedAt: _, ...formData } = reduceFieldsToValues(debouncedFormState);
-        const { updatedAt: __, ...prevFormData } = previousDebouncedData.current;
-        if (dequal(formData, prevFormData)) {
-            return;
+        if (globalDoc) {
+          entitySlug = globalDoc.slug;
+          url = `${serverURL}${api}/globals/${entitySlug}?depth=0&draft=true&autosave=true&locale=${locale}&fallback-locale=null`;
+          method = 'POST';
         }
-        previousDebouncedData.current = formData;
-        handleAutosave();
-    }, [
-        debouncedFormState
-    ]);
-    /**
-   * If component unmounts, clear the autosave timeout
-   */ useEffect(()=>{
-        return ()=>{
-            stopAutoSaveIndicator();
-        };
-    }, []);
-    const stopAutoSaveIndicator = useEffectEvent(()=>{
-        if (autosaveTimeoutRef.current) {
-            clearTimeout(autosaveTimeoutRef.current);
+        const {
+          valid
+        } = reduceFieldsToValuesWithValidation(formState, true);
+        const skipSubmission = submitted && !valid && validateOnDraft;
+        if (!skipSubmission && modified && url) {
+          const result = await submit({
+            acceptValues: {
+              overrideLocalChanges: false
+            },
+            action: url,
+            context: {
+              getDocPermissions: false,
+              incrementVersionCount: !mostRecentVersionIsAutosaved
+            },
+            disableFormWhileProcessing: false,
+            disableSuccessStatus: true,
+            method,
+            overrides: {
+              _status: 'draft'
+            },
+            skipValidation: !validateOnDraft
+          });
+          if (result && result?.res?.ok && !mostRecentVersionIsAutosaved) {
+            setMostRecentVersionIsAutosaved(true);
+            setUnpublishedVersionCount(prev => prev + 1);
+          }
+          const newDate = new Date();
+          // We need to log the time in order to figure out if we need to trigger the state off later
+          endTimestamp = newDate.getTime();
+          hideIndicator();
         }
-        setSaving(false);
+      }
+    }, {
+      afterProcess: () => {
+        setBackgroundProcessing(false);
+      },
+      beforeProcess: () => {
+        setBackgroundProcessing(true);
+      }
     });
-    return <div className={baseClass}>
-      {validateOnDraft && !isValid && <LeaveWithoutSaving/>}
-      {saving && t('general:saving')}
-      {!saving && Boolean(lastUpdateTime) && <React.Fragment>
-          {t('version:lastSavedAgo', {
+  });
+  const didMount = useRef(false);
+  const previousDebouncedData = useRef(reduceFieldsToValues(debouncedFormState));
+  // When debounced fields change, autosave
+  useEffect(() => {
+    /**
+    * Ensure autosave doesn't run on mount
+    */
+    if (!didMount.current) {
+      didMount.current = true;
+      return;
+    }
+    /**
+    * Ensure autosave only runs if the form data changes, not every time the entire form state changes
+    * Remove `updatedAt` from comparison as it changes on every autosave interval.
+    */
+    const {
+      updatedAt: _,
+      ...formData
+    } = reduceFieldsToValues(debouncedFormState);
+    const {
+      updatedAt: __,
+      ...prevFormData
+    } = previousDebouncedData.current;
+    if (dequal(formData, prevFormData)) {
+      return;
+    }
+    previousDebouncedData.current = formData;
+    handleAutosave();
+  }, [debouncedFormState]);
+  /**
+  * If component unmounts, clear the autosave timeout
+  */
+  useEffect(() => {
+    return () => {
+      stopAutoSaveIndicator();
+    };
+  }, []);
+  const stopAutoSaveIndicator = useEffectEvent(() => {
+    if (autosaveTimeoutRef.current) {
+      clearTimeout(autosaveTimeoutRef.current);
+    }
+    setSaving(false);
+  });
+  return /*#__PURE__*/_jsxs("div", {
+    className: baseClass,
+    children: [validateOnDraft && !isValid && /*#__PURE__*/_jsx(LeaveWithoutSaving, {}), saving && t('general:saving'), !saving && Boolean(lastUpdateTime) && /*#__PURE__*/_jsx(React.Fragment, {
+      children: t('version:lastSavedAgo', {
         distance: formatTimeToNow({
-            date: lastUpdateTime,
-            i18n
+          date: lastUpdateTime,
+          i18n
         })
-    })}
-        </React.Fragment>}
-    </div>;
+      })
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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'\n\nimport { dequal } from 'dequal/lite'\nimport {\n  getAutosaveInterval,\n  hasDraftValidationEnabled,\n  reduceFieldsToValues,\n} from 'payload/shared'\nimport React, { useDeferredValue, useEffect, useRef, useState } from 'react'\n\nimport type { OnSaveContext } from '../../views/Edit/index.js'\n\nimport {\n  useAllFormFields,\n  useForm,\n  useFormModified,\n  useFormSubmitted,\n} from '../../forms/Form/context.js'\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { useQueue } from '../../hooks/useQueue.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/formatDocTitle/formatDateTitle.js'\nimport { reduceFieldsToValuesWithValidation } from '../../utilities/reduceFieldsToValuesWithValidation.js'\nimport { LeaveWithoutSaving } from '../LeaveWithoutSaving/index.js'\nimport './index.scss'\n\nconst baseClass = 'autosave'\n// The minimum time the saving state should be shown\nconst minimumAnimationTime = 1000\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> = ({ id, collection, global: globalDoc }) => {\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const {\n    docConfig,\n    lastUpdateTime,\n    mostRecentVersionIsAutosaved,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n  } = useDocumentInfo()\n\n  const { isValid, setBackgroundProcessing, submit } = useForm()\n\n  const [formState] = useAllFormFields()\n  const modified = useFormModified()\n  const submitted = useFormSubmitted()\n\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const interval = getAutosaveInterval(docConfig)\n  const validateOnDraft = hasDraftValidationEnabled(docConfig)\n\n  const [_saving, setSaving] = useState(false)\n\n  const saving = useDeferredValue(_saving)\n\n  const debouncedFormState = useDebounce(formState, interval)\n\n  const { queueTask } = useQueue()\n\n  const autosaveTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n\n  const handleAutosave = useEffectEvent(() => {\n    autosaveTimeoutRef.current = undefined\n    // We need to log the time in order to figure out if we need to trigger the state off later\n    let startTimestamp = undefined\n    let endTimestamp = undefined\n\n    const hideIndicator = () => {\n      // If request was faster than minimum animation time, animate the difference\n      if (endTimestamp - startTimestamp < minimumAnimationTime) {\n        autosaveTimeoutRef.current = setTimeout(\n          () => {\n            setSaving(false)\n          },\n          minimumAnimationTime - (endTimestamp - startTimestamp),\n        )\n      } else {\n        stopAutoSaveIndicator()\n      }\n    }\n\n    queueTask(\n      async () => {\n        if (modified) {\n          startTimestamp = new Date().getTime()\n\n          setSaving(true)\n\n          let url: string\n          let method: string\n          let entitySlug: string\n\n          if (collection && id) {\n            entitySlug = collection.slug\n            url = `${serverURL}${api}/${entitySlug}/${id}?depth=0&draft=true&autosave=true&locale=${locale}&fallback-locale=null`\n            method = 'PATCH'\n          }\n\n          if (globalDoc) {\n            entitySlug = globalDoc.slug\n            url = `${serverURL}${api}/globals/${entitySlug}?depth=0&draft=true&autosave=true&locale=${locale}&fallback-locale=null`\n            method = 'POST'\n          }\n\n          const { valid } = reduceFieldsToValuesWithValidation(formState, true)\n\n          const skipSubmission = submitted && !valid && validateOnDraft\n\n          if (!skipSubmission && modified && url) {\n            const result = await submit<any, OnSaveContext>({\n              acceptValues: {\n                overrideLocalChanges: false,\n              },\n              action: url,\n              context: {\n                getDocPermissions: false,\n                incrementVersionCount: !mostRecentVersionIsAutosaved,\n              },\n              disableFormWhileProcessing: false,\n              disableSuccessStatus: true,\n              method,\n              overrides: {\n                _status: 'draft',\n              },\n              skipValidation: !validateOnDraft,\n            })\n\n            if (result && result?.res?.ok && !mostRecentVersionIsAutosaved) {\n              setMostRecentVersionIsAutosaved(true)\n              setUnpublishedVersionCount((prev) => prev + 1)\n            }\n\n            const newDate = new Date()\n\n            // We need to log the time in order to figure out if we need to trigger the state off later\n            endTimestamp = newDate.getTime()\n\n            hideIndicator()\n          }\n        }\n      },\n      {\n        afterProcess: () => {\n          setBackgroundProcessing(false)\n        },\n        beforeProcess: () => {\n          setBackgroundProcessing(true)\n        },\n      },\n    )\n  })\n\n  const didMount = useRef(false)\n  const previousDebouncedData = useRef(reduceFieldsToValues(debouncedFormState))\n\n  // When debounced fields change, autosave\n  useEffect(() => {\n    /**\n     * Ensure autosave doesn't run on mount\n     */\n    if (!didMount.current) {\n      didMount.current = true\n      return\n    }\n\n    /**\n     * Ensure autosave only runs if the form data changes, not every time the entire form state changes\n     * Remove `updatedAt` from comparison as it changes on every autosave interval.\n     */\n    const { updatedAt: _, ...formData } = reduceFieldsToValues(debouncedFormState)\n    const { updatedAt: __, ...prevFormData } = previousDebouncedData.current\n\n    if (dequal(formData, prevFormData)) {\n      return\n    }\n\n    previousDebouncedData.current = formData\n\n    handleAutosave()\n  }, [debouncedFormState])\n\n  /**\n   * If component unmounts, clear the autosave timeout\n   */\n  useEffect(() => {\n    return () => {\n      stopAutoSaveIndicator()\n    }\n  }, [])\n\n  const stopAutoSaveIndicator = useEffectEvent(() => {\n    if (autosaveTimeoutRef.current) {\n      clearTimeout(autosaveTimeoutRef.current)\n    }\n\n    setSaving(false)\n  })\n\n  return (\n    <div className={baseClass}>\n      {validateOnDraft && !isValid && <LeaveWithoutSaving />}\n      {saving && t('general:saving')}\n      {!saving && Boolean(lastUpdateTime) && (\n        <React.Fragment>\n          {t('version:lastSavedAgo', {\n            distance: formatTimeToNow({ date: lastUpdateTime, i18n }),\n          })}\n        </React.Fragment>\n      )}\n    </div>\n  )\n}\n"],"names":["dequal","getAutosaveInterval","hasDraftValidationEnabled","reduceFieldsToValues","React","useDeferredValue","useEffect","useRef","useState","useAllFormFields","useForm","useFormModified","useFormSubmitted","useDebounce","useEffectEvent","useQueue","useConfig","useDocumentInfo","useLocale","useTranslation","formatTimeToNow","reduceFieldsToValuesWithValidation","LeaveWithoutSaving","baseClass","minimumAnimationTime","Autosave","id","collection","global","globalDoc","config","routes","api","serverURL","docConfig","lastUpdateTime","mostRecentVersionIsAutosaved","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","isValid","setBackgroundProcessing","submit","formState","modified","submitted","code","locale","i18n","t","interval","validateOnDraft","_saving","setSaving","saving","debouncedFormState","queueTask","autosaveTimeoutRef","handleAutosave","current","undefined","startTimestamp","endTimestamp","hideIndicator","setTimeout","stopAutoSaveIndicator","Date","getTime","url","method","entitySlug","slug","valid","skipSubmission","result","acceptValues","overrideLocalChanges","action","context","getDocPermissions","incrementVersionCount","disableFormWhileProcessing","disableSuccessStatus","overrides","_status","skipValidation","res","ok","prev","newDate","afterProcess","beforeProcess","didMount","previousDebouncedData","updatedAt","_","formData","__","prevFormData","clearTimeout","div","className","Boolean","Fragment","distance","date"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["dequal","getAutosaveInterval","hasDraftValidationEnabled","reduceFieldsToValues","React","useDeferredValue","useEffect","useRef","useState","useAllFormFields","useForm","useFormModified","useFormSubmitted","useDebounce","useEffectEvent","useQueue","useConfig","useDocumentInfo","useLocale","useTranslation","formatTimeToNow","reduceFieldsToValuesWithValidation","LeaveWithoutSaving","baseClass","minimumAnimationTime","Autosave","id","collection","global","globalDoc","config","routes","api","serverURL","docConfig","lastUpdateTime","mostRecentVersionIsAutosaved","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","isValid","setBackgroundProcessing","submit","formState","modified","submitted","code","locale","i18n","t","interval","validateOnDraft","_saving","setSaving","saving","debouncedFormState","queueTask","autosaveTimeoutRef","handleAutosave","current","undefined","startTimestamp","endTimestamp","hideIndicator","setTimeout","stopAutoSaveIndicator","Date","getTime","url","method","entitySlug","slug","valid","skipSubmission","result","acceptValues","overrideLocalChanges","action","context","getDocPermissions","incrementVersionCount","disableFormWhileProcessing","disableSuccessStatus","overrides","_status","skipValidation","res","ok","prev","newDate","afterProcess","beforeProcess","didMount","previousDebouncedData","updatedAt","_","formData","__","prevFormData","clearTimeout","_jsxs","className","_jsx","Boolean","Fragment","distance","date"],"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'\n\nimport { dequal } from 'dequal/lite'\nimport {\n  getAutosaveInterval,\n  hasDraftValidationEnabled,\n  reduceFieldsToValues,\n} from 'payload/shared'\nimport React, { useDeferredValue, useEffect, useRef, useState } from 'react'\n\nimport type { OnSaveContext } from '../../views/Edit/index.js'\n\nimport {\n  useAllFormFields,\n  useForm,\n  useFormModified,\n  useFormSubmitted,\n} from '../../forms/Form/context.js'\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { useQueue } from '../../hooks/useQueue.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/formatDocTitle/formatDateTitle.js'\nimport { reduceFieldsToValuesWithValidation } from '../../utilities/reduceFieldsToValuesWithValidation.js'\nimport { LeaveWithoutSaving } from '../LeaveWithoutSaving/index.js'\nimport './index.scss'\n\nconst baseClass = 'autosave'\n// The minimum time the saving state should be shown\nconst minimumAnimationTime = 1000\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> = ({ id, collection, global: globalDoc }) => {\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const {\n    docConfig,\n    lastUpdateTime,\n    mostRecentVersionIsAutosaved,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n  } = useDocumentInfo()\n\n  const { isValid, setBackgroundProcessing, submit } = useForm()\n\n  const [formState] = useAllFormFields()\n  const modified = useFormModified()\n  const submitted = useFormSubmitted()\n\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const interval = getAutosaveInterval(docConfig)\n  const validateOnDraft = hasDraftValidationEnabled(docConfig)\n\n  const [_saving, setSaving] = useState(false)\n\n  const saving = useDeferredValue(_saving)\n\n  const debouncedFormState = useDebounce(formState, interval)\n\n  const { queueTask } = useQueue()\n\n  const autosaveTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n\n  const handleAutosave = useEffectEvent(() => {\n    autosaveTimeoutRef.current = undefined\n    // We need to log the time in order to figure out if we need to trigger the state off later\n    let startTimestamp = undefined\n    let endTimestamp = undefined\n\n    const hideIndicator = () => {\n      // If request was faster than minimum animation time, animate the difference\n      if (endTimestamp - startTimestamp < minimumAnimationTime) {\n        autosaveTimeoutRef.current = setTimeout(\n          () => {\n            setSaving(false)\n          },\n          minimumAnimationTime - (endTimestamp - startTimestamp),\n        )\n      } else {\n        stopAutoSaveIndicator()\n      }\n    }\n\n    queueTask(\n      async () => {\n        if (modified) {\n          startTimestamp = new Date().getTime()\n\n          setSaving(true)\n\n          let url: string\n          let method: string\n          let entitySlug: string\n\n          if (collection && id) {\n            entitySlug = collection.slug\n            url = `${serverURL}${api}/${entitySlug}/${id}?depth=0&draft=true&autosave=true&locale=${locale}&fallback-locale=null`\n            method = 'PATCH'\n          }\n\n          if (globalDoc) {\n            entitySlug = globalDoc.slug\n            url = `${serverURL}${api}/globals/${entitySlug}?depth=0&draft=true&autosave=true&locale=${locale}&fallback-locale=null`\n            method = 'POST'\n          }\n\n          const { valid } = reduceFieldsToValuesWithValidation(formState, true)\n\n          const skipSubmission = submitted && !valid && validateOnDraft\n\n          if (!skipSubmission && modified && url) {\n            const result = await submit<any, OnSaveContext>({\n              acceptValues: {\n                overrideLocalChanges: false,\n              },\n              action: url,\n              context: {\n                getDocPermissions: false,\n                incrementVersionCount: !mostRecentVersionIsAutosaved,\n              },\n              disableFormWhileProcessing: false,\n              disableSuccessStatus: true,\n              method,\n              overrides: {\n                _status: 'draft',\n              },\n              skipValidation: !validateOnDraft,\n            })\n\n            if (result && result?.res?.ok && !mostRecentVersionIsAutosaved) {\n              setMostRecentVersionIsAutosaved(true)\n              setUnpublishedVersionCount((prev) => prev + 1)\n            }\n\n            const newDate = new Date()\n\n            // We need to log the time in order to figure out if we need to trigger the state off later\n            endTimestamp = newDate.getTime()\n\n            hideIndicator()\n          }\n        }\n      },\n      {\n        afterProcess: () => {\n          setBackgroundProcessing(false)\n        },\n        beforeProcess: () => {\n          setBackgroundProcessing(true)\n        },\n      },\n    )\n  })\n\n  const didMount = useRef(false)\n  const previousDebouncedData = useRef(reduceFieldsToValues(debouncedFormState))\n\n  // When debounced fields change, autosave\n  useEffect(() => {\n    /**\n     * Ensure autosave doesn't run on mount\n     */\n    if (!didMount.current) {\n      didMount.current = true\n      return\n    }\n\n    /**\n     * Ensure autosave only runs if the form data changes, not every time the entire form state changes\n     * Remove `updatedAt` from comparison as it changes on every autosave interval.\n     */\n    const { updatedAt: _, ...formData } = reduceFieldsToValues(debouncedFormState)\n    const { updatedAt: __, ...prevFormData } = previousDebouncedData.current\n\n    if (dequal(formData, prevFormData)) {\n      return\n    }\n\n    previousDebouncedData.current = formData\n\n    handleAutosave()\n  }, [debouncedFormState])\n\n  /**\n   * If component unmounts, clear the autosave timeout\n   */\n  useEffect(() => {\n    return () => {\n      stopAutoSaveIndicator()\n    }\n  }, [])\n\n  const stopAutoSaveIndicator = useEffectEvent(() => {\n    if (autosaveTimeoutRef.current) {\n      clearTimeout(autosaveTimeoutRef.current)\n    }\n\n    setSaving(false)\n  })\n\n  return (\n    <div className={baseClass}>\n      {validateOnDraft && !isValid && <LeaveWithoutSaving />}\n      {saving && t('general:saving')}\n      {!saving && Boolean(lastUpdateTime) && (\n        <React.Fragment>\n          {t('version:lastSavedAgo', {\n            distance: formatTimeToNow({ date: lastUpdateTime, i18n }),\n          })}\n        </React.Fragment>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}