@payloadcms/ui 4.0.0-internal.ea6e8f8 → 4.0.0-internal.ec73d44

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","ArrowIcon","CopyIcon","DuplicateIcon","MoreIcon","PlusIcon","SwapIcon","XIcon","useTranslation","useCanPasteClipboard","Popup","PopupList","baseClass","ArrayAction","t0","$","addRow","copyRow","duplicateRow","hasMaxRows","index","isSortable","label","moveRow","pasteData","pasteRow","pasteRowBelow","removeRow","rowCount","t","canPaste","refresh","t1","t2","active","t3","t4","close","_jsxs","MenuItem","children","_jsx","Button","className","icon","direction","size","Fragment","disabled","onClick","button","buttonAriaLabel","buttonClassName","caret","horizontalAlign","onToggleOpen","popupType","render"],"sources":["../../../src/elements/ArrayAction/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { ClipboardPasteEligibilityArgs } from '../ClipboardAction/types.js'\n\nimport { ArrowIcon } from '../../icons/Arrow/index.js'\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { DuplicateIcon } from '../../icons/Duplicate/index.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { SwapIcon } from '../../icons/Swap/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useCanPasteClipboard } from '../ClipboardAction/useCanPasteClipboard.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.css'\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  label: string\n  moveRow: (from: number, to: number) => void\n  pasteData: ClipboardPasteEligibilityArgs\n  pasteRow: (index: number) => void\n  pasteRowBelow: (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  label,\n  moveRow,\n  pasteData,\n  pasteRow,\n  pasteRowBelow,\n  removeRow,\n  rowCount,\n}) => {\n  const { t } = useTranslation()\n\n  const { canPaste, refresh } = useCanPasteClipboard(pasteData)\n\n  return (\n    <Popup\n      button={<MoreIcon />}\n      buttonAriaLabel={`${t('general:moreOptions')}: ${label}`}\n      buttonClassName={`${baseClass}__button`}\n      caret={false}\n      className={baseClass}\n      horizontalAlign=\"right\"\n      onToggleOpen={(active) => {\n        if (active) {\n          refresh()\n        }\n      }}\n      popupType=\"menu\"\n      render={({ close }) => {\n        return (\n          <PopupList.MenuItem>\n            {isSortable && index !== 0 && (\n              <PopupList.Button\n                className={`${baseClass}__action ${baseClass}__move-up`}\n                icon={<ArrowIcon direction=\"up\" size={24} />}\n                onClick={() => {\n                  moveRow(index, index - 1)\n                  close()\n                }}\n              >\n                {t('general:moveUp')}\n              </PopupList.Button>\n            )}\n            {isSortable && index < rowCount - 1 && (\n              <PopupList.Button\n                className={`${baseClass}__action`}\n                icon={<ArrowIcon direction=\"down\" size={24} />}\n                onClick={() => {\n                  moveRow(index, index + 1)\n                  close()\n                }}\n              >\n                {t('general:moveDown')}\n              </PopupList.Button>\n            )}\n            {!hasMaxRows && (\n              <React.Fragment>\n                <PopupList.Button\n                  className={`${baseClass}__action ${baseClass}__add`}\n                  icon={<PlusIcon size={24} />}\n                  onClick={() => {\n                    void addRow(index + 1)\n                    close()\n                  }}\n                >\n                  {t('general:addBelow')}\n                </PopupList.Button>\n                <PopupList.Button\n                  className={`${baseClass}__action ${baseClass}__duplicate`}\n                  icon={<DuplicateIcon size={24} />}\n                  onClick={() => {\n                    duplicateRow(index)\n                    close()\n                  }}\n                >\n                  {t('general:duplicate')}\n                </PopupList.Button>\n              </React.Fragment>\n            )}\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__copy`}\n              icon={<CopyIcon size={24} />}\n              onClick={() => {\n                copyRow(index)\n                close()\n              }}\n            >\n              {t('general:copyRow')}\n            </PopupList.Button>\n            {!hasMaxRows && (\n              <PopupList.Button\n                className={`${baseClass}__action ${baseClass}__paste-below`}\n                disabled={!canPaste}\n                icon={<ArrowIcon direction=\"down\" size={24} />}\n                onClick={() => {\n                  pasteRowBelow(index)\n                  close()\n                }}\n              >\n                {t('general:pasteBelow')}\n              </PopupList.Button>\n            )}\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__paste`}\n              disabled={!canPaste}\n              icon={<SwapIcon />}\n              onClick={() => {\n                pasteRow(index)\n                close()\n              }}\n            >\n              {t('general:replaceRow')}\n            </PopupList.Button>\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__remove`}\n              icon={<XIcon size={24} />}\n              onClick={() => {\n                removeRow(index)\n                close()\n              }}\n            >\n              {t('general:remove')}\n            </PopupList.Button>\n          </PopupList.MenuItem>\n        )\n      }}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","ArrowIcon","CopyIcon","DuplicateIcon","MoreIcon","PlusIcon","SwapIcon","XIcon","useTranslation","useCanPasteClipboard","Popup","PopupList","baseClass","ArrayAction","t0","$","addRow","copyRow","duplicateRow","hasMaxRows","index","isSortable","label","moveRow","pasteData","pasteRow","pasteRowBelow","removeRow","rowCount","t","canPaste","refresh","t1","t2","_jsx","t3","t4","active","t5","t6","close","_jsxs","MenuItem","children","Button","className","icon","direction","size","onClick","Fragment","disabled","button","buttonAriaLabel","buttonClassName","caret","horizontalAlign","onToggleOpen","popupType","render"],"sources":["../../../src/elements/ArrayAction/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { ClipboardPasteEligibilityArgs } from '../ClipboardAction/types.js'\n\nimport { ArrowIcon } from '../../icons/Arrow/index.js'\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { DuplicateIcon } from '../../icons/Duplicate/index.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { SwapIcon } from '../../icons/Swap/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useCanPasteClipboard } from '../ClipboardAction/useCanPasteClipboard.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.css'\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  label: string\n  moveRow: (from: number, to: number) => void\n  pasteData: ClipboardPasteEligibilityArgs\n  pasteRow: (index: number) => void\n  pasteRowBelow: (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  label,\n  moveRow,\n  pasteData,\n  pasteRow,\n  pasteRowBelow,\n  removeRow,\n  rowCount,\n}) => {\n  const { t } = useTranslation()\n\n  const { canPaste, refresh } = useCanPasteClipboard(pasteData)\n\n  return (\n    <Popup\n      button={<MoreIcon />}\n      buttonAriaLabel={`${t('general:moreOptions')}: ${label}`}\n      buttonClassName={`${baseClass}__button`}\n      caret={false}\n      className={baseClass}\n      horizontalAlign=\"right\"\n      onToggleOpen={(active) => {\n        if (active) {\n          refresh()\n        }\n      }}\n      popupType=\"menu\"\n      render={({ close }) => {\n        return (\n          <PopupList.MenuItem>\n            {isSortable && index !== 0 && (\n              <PopupList.Button\n                className={`${baseClass}__action ${baseClass}__move-up`}\n                icon={<ArrowIcon direction=\"up\" size={24} />}\n                onClick={() => {\n                  moveRow(index, index - 1)\n                  close()\n                }}\n              >\n                {t('general:moveUp')}\n              </PopupList.Button>\n            )}\n            {isSortable && index < rowCount - 1 && (\n              <PopupList.Button\n                className={`${baseClass}__action`}\n                icon={<ArrowIcon direction=\"down\" size={24} />}\n                onClick={() => {\n                  moveRow(index, index + 1)\n                  close()\n                }}\n              >\n                {t('general:moveDown')}\n              </PopupList.Button>\n            )}\n            {!hasMaxRows && (\n              <React.Fragment>\n                <PopupList.Button\n                  className={`${baseClass}__action ${baseClass}__add`}\n                  icon={<PlusIcon size={24} />}\n                  onClick={() => {\n                    void addRow(index + 1)\n                    close()\n                  }}\n                >\n                  {t('general:addBelow')}\n                </PopupList.Button>\n                <PopupList.Button\n                  className={`${baseClass}__action ${baseClass}__duplicate`}\n                  icon={<DuplicateIcon size={24} />}\n                  onClick={() => {\n                    duplicateRow(index)\n                    close()\n                  }}\n                >\n                  {t('general:duplicate')}\n                </PopupList.Button>\n              </React.Fragment>\n            )}\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__copy`}\n              icon={<CopyIcon size={24} />}\n              onClick={() => {\n                copyRow(index)\n                close()\n              }}\n            >\n              {t('general:copyRow')}\n            </PopupList.Button>\n            {!hasMaxRows && (\n              <PopupList.Button\n                className={`${baseClass}__action ${baseClass}__paste-below`}\n                disabled={!canPaste}\n                icon={<ArrowIcon direction=\"down\" size={24} />}\n                onClick={() => {\n                  pasteRowBelow(index)\n                  close()\n                }}\n              >\n                {t('general:pasteBelow')}\n              </PopupList.Button>\n            )}\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__paste`}\n              disabled={!canPaste}\n              icon={<SwapIcon />}\n              onClick={() => {\n                pasteRow(index)\n                close()\n              }}\n            >\n              {t('general:replaceRow')}\n            </PopupList.Button>\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__remove`}\n              icon={<XIcon size={24} />}\n              onClick={() => {\n                removeRow(index)\n                close()\n              }}\n            >\n              {t('general:remove')}\n            </PopupList.Button>\n          </PopupList.MenuItem>\n        )\n      }}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Autosave/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { dequal } from 'dequal/lite';
 import { formatAdminURL, getAutosaveInterval, hasDraftValidationEnabled, reduceFieldsToValues } from 'payload/shared';
@@ -21,18 +22,22 @@ import './index.css';
 const baseClass = 'autosave';
 // The minimum time the saving state should be shown
 const minimumAnimationTime = 1000;
-export const Autosave = ({
-  id,
-  collection,
-  global: globalDoc
-}) => {
+export const Autosave = t0 => {
+  const $ = _c(41);
   const {
-    config: {
-      routes: {
-        api
-      }
-    }
+    id,
+    collection,
+    global: globalDoc
+  } = t0;
+  const {
+    config: t1
   } = useConfig();
+  const {
+    routes: t2
+  } = t1;
+  const {
+    api
+  } = t2;
   const {
     docConfig,
     mostRecentVersionIsAutosaved,
@@ -56,8 +61,24 @@ export const Autosave = ({
   const {
     uploadEdits
   } = useUploadEdits();
-  const interval = getAutosaveInterval(docConfig);
-  const validateOnDraft = hasDraftValidationEnabled(docConfig);
+  let t3;
+  if ($[0] !== docConfig) {
+    t3 = getAutosaveInterval(docConfig);
+    $[0] = docConfig;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  const interval = t3;
+  let t4;
+  if ($[2] !== docConfig) {
+    t4 = hasDraftValidationEnabled(docConfig);
+    $[2] = docConfig;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  const validateOnDraft = t4;
   const [_saving, setSaving] = useState(false);
   const saving = useDeferredValue(_saving);
   const debouncedFormState = useDebounce(formState, interval);
@@ -65,146 +86,218 @@ export const Autosave = ({
     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();
+  let t5;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = () => {
+      if (autosaveTimeoutRef.current) {
+        clearTimeout(autosaveTimeoutRef.current);
       }
+      setSaving(false);
     };
-    queueTask(async () => {
-      if (modified) {
-        startTimestamp = new Date().getTime();
-        setSaving(true);
-        let url;
-        let method;
-        let entitySlug;
-        const params = qs.stringify({
-          autosave: true,
-          branch,
-          depth: 0,
-          draft: true,
-          'fallback-locale': 'null',
-          locale,
-          uploadEdits: uploadEdits || undefined
-        }, {
-          addQueryPrefix: true
-        });
-        if (collection && id) {
-          entitySlug = collection.slug;
-          url = formatAdminURL({
-            apiRoute: api,
-            path: `/${entitySlug}/${id}${params}`
-          });
-          method = 'PATCH';
+    $[4] = t5;
+  } else {
+    t5 = $[4];
+  }
+  const stopAutoSaveIndicator = useEffectEvent(t5);
+  let t6;
+  if ($[5] !== api || $[6] !== branch || $[7] !== collection || $[8] !== formState || $[9] !== globalDoc || $[10] !== id || $[11] !== locale || $[12] !== modified || $[13] !== mostRecentVersionIsAutosaved || $[14] !== queueTask || $[15] !== setBackgroundProcessing || $[16] !== setMostRecentVersionIsAutosaved || $[17] !== setUnpublishedVersionCount || $[18] !== stopAutoSaveIndicator || $[19] !== submit || $[20] !== submitted || $[21] !== uploadEdits || $[22] !== validateOnDraft) {
+    t6 = () => {
+      autosaveTimeoutRef.current = undefined;
+      let startTimestamp = undefined;
+      let endTimestamp = undefined;
+      const hideIndicator = () => {
+        if (endTimestamp - startTimestamp < minimumAnimationTime) {
+          autosaveTimeoutRef.current = setTimeout(() => {
+            setSaving(false);
+          }, minimumAnimationTime - (endTimestamp - startTimestamp));
+        } else {
+          stopAutoSaveIndicator();
         }
-        if (globalDoc) {
-          entitySlug = globalDoc.slug;
-          url = formatAdminURL({
-            apiRoute: api,
-            path: `/globals/${entitySlug}${params}`
+      };
+      queueTask(async () => {
+        if (modified) {
+          startTimestamp = new Date().getTime();
+          setSaving(true);
+          let url;
+          let method;
+          let entitySlug;
+          const params = qs.stringify({
+            autosave: true,
+            branch,
+            depth: 0,
+            draft: true,
+            "fallback-locale": "null",
+            locale,
+            uploadEdits: uploadEdits || undefined
+          }, {
+            addQueryPrefix: true
           });
-          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);
+          if (collection && id) {
+            entitySlug = collection.slug;
+            url = formatAdminURL({
+              apiRoute: api,
+              path: `/${entitySlug}/${id}${params}`
+            });
+            method = "PATCH";
+          }
+          if (globalDoc) {
+            entitySlug = globalDoc.slug;
+            url = formatAdminURL({
+              apiRoute: api,
+              path: `/globals/${entitySlug}${params}`
+            });
+            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(_temp);
+            }
+            const newDate = new Date();
+            endTimestamp = newDate.getTime();
+            hideIndicator();
           }
-          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);
-      }
-    });
-  });
+      }, {
+        afterProcess: () => {
+          setBackgroundProcessing(false);
+        },
+        beforeProcess: () => {
+          setBackgroundProcessing(true);
+        }
+      });
+    };
+    $[5] = api;
+    $[6] = branch;
+    $[7] = collection;
+    $[8] = formState;
+    $[9] = globalDoc;
+    $[10] = id;
+    $[11] = locale;
+    $[12] = modified;
+    $[13] = mostRecentVersionIsAutosaved;
+    $[14] = queueTask;
+    $[15] = setBackgroundProcessing;
+    $[16] = setMostRecentVersionIsAutosaved;
+    $[17] = setUnpublishedVersionCount;
+    $[18] = stopAutoSaveIndicator;
+    $[19] = submit;
+    $[20] = submitted;
+    $[21] = uploadEdits;
+    $[22] = validateOnDraft;
+    $[23] = t6;
+  } else {
+    t6 = $[23];
+  }
+  const handleAutosave = useEffectEvent(t6);
   const didMount = useRef(false);
-  const previousDebouncedData = useRef(reduceFieldsToValues(debouncedFormState));
+  let t7;
+  if ($[24] !== debouncedFormState) {
+    t7 = reduceFieldsToValues(debouncedFormState);
+    $[24] = debouncedFormState;
+    $[25] = t7;
+  } else {
+    t7 = $[25];
+  }
+  const previousDebouncedData = useRef(t7);
   const previousUploadEdits = useRef(uploadEdits);
-  // 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) && dequal(uploadEdits, previousUploadEdits.current)) {
-      return;
-    }
-    previousDebouncedData.current = formData;
-    previousUploadEdits.current = uploadEdits;
-    handleAutosave();
-  }, [debouncedFormState, uploadEdits]);
-  /**
-  * If component unmounts, clear the autosave timeout
-  */
-  useEffect(() => {
-    return () => {
+  let t8;
+  if ($[26] !== debouncedFormState || $[27] !== handleAutosave || $[28] !== uploadEdits) {
+    t8 = () => {
+      if (!didMount.current) {
+        didMount.current = true;
+        return;
+      }
+      const {
+        updatedAt: _,
+        ...formData
+      } = reduceFieldsToValues(debouncedFormState);
+      const {
+        updatedAt: __,
+        ...prevFormData
+      } = previousDebouncedData.current;
+      if (dequal(formData, prevFormData) && dequal(uploadEdits, previousUploadEdits.current)) {
+        return;
+      }
+      previousDebouncedData.current = formData;
+      previousUploadEdits.current = uploadEdits;
+      handleAutosave();
+    };
+    $[26] = debouncedFormState;
+    $[27] = handleAutosave;
+    $[28] = uploadEdits;
+    $[29] = t8;
+  } else {
+    t8 = $[29];
+  }
+  let t9;
+  if ($[30] !== debouncedFormState || $[31] !== uploadEdits) {
+    t9 = [debouncedFormState, uploadEdits];
+    $[30] = debouncedFormState;
+    $[31] = uploadEdits;
+    $[32] = t9;
+  } else {
+    t9 = $[32];
+  }
+  useEffect(t8, t9);
+  let t10;
+  if ($[33] !== stopAutoSaveIndicator) {
+    t10 = () => () => {
       stopAutoSaveIndicator();
     };
-  }, []);
-  const stopAutoSaveIndicator = useEffectEvent(() => {
-    if (autosaveTimeoutRef.current) {
-      clearTimeout(autosaveTimeoutRef.current);
-    }
-    setSaving(false);
-  });
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [validateOnDraft && !isValid && /*#__PURE__*/_jsx(LeaveWithoutSaving, {}), saving && /*#__PURE__*/_jsx("div", {
-      className: baseClass,
-      children: t('general:saving')
-    })]
-  });
+    $[33] = stopAutoSaveIndicator;
+    $[34] = t10;
+  } else {
+    t10 = $[34];
+  }
+  let t11;
+  if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
+    t11 = [];
+    $[35] = t11;
+  } else {
+    t11 = $[35];
+  }
+  useEffect(t10, t11);
+  let t12;
+  if ($[36] !== isValid || $[37] !== saving || $[38] !== t || $[39] !== validateOnDraft) {
+    t12 = _jsxs(React.Fragment, {
+      children: [validateOnDraft && !isValid && _jsx(LeaveWithoutSaving, {}), saving && _jsx("div", {
+        className: baseClass,
+        children: t("general:saving")
+      })]
+    });
+    $[36] = isValid;
+    $[37] = saving;
+    $[38] = t;
+    $[39] = validateOnDraft;
+    $[40] = t12;
+  } else {
+    t12 = $[40];
+  }
+  return t12;
 };
+function _temp(prev) {
+  return prev + 1;
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["dequal","formatAdminURL","getAutosaveInterval","hasDraftValidationEnabled","reduceFieldsToValues","qs","React","useDeferredValue","useEffect","useRef","useState","useAllFormFields","useForm","useFormModified","useFormSubmitted","useDebounce","useEffectEvent","useQueue","useBranchParam","useConfig","useDocumentInfo","useLocale","useTranslation","useUploadEdits","reduceFieldsToValuesWithValidation","LeaveWithoutSaving","baseClass","minimumAnimationTime","Autosave","id","collection","global","globalDoc","config","routes","api","docConfig","mostRecentVersionIsAutosaved","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","isValid","setBackgroundProcessing","submit","formState","modified","submitted","currentLocale","locale","code","branch","t","uploadEdits","interval","validateOnDraft","_saving","setSaving","saving","debouncedFormState","queueTask","autosaveTimeoutRef","handleAutosave","current","undefined","startTimestamp","endTimestamp","hideIndicator","setTimeout","stopAutoSaveIndicator","Date","getTime","url","method","entitySlug","params","stringify","autosave","depth","draft","addQueryPrefix","slug","apiRoute","path","valid","skipSubmission","result","acceptValues","overrideLocalChanges","action","context","getDocPermissions","incrementVersionCount","disableFormWhileProcessing","disableSuccessStatus","overrides","_status","skipValidation","res","ok","prev","newDate","afterProcess","beforeProcess","didMount","previousDebouncedData","previousUploadEdits","updatedAt","_","formData","__","prevFormData","clearTimeout","_jsxs","Fragment","_jsx","className"],"sources":["../../../src/elements/Autosave/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload'\n\nimport { dequal } from 'dequal/lite'\nimport {\n  formatAdminURL,\n  getAutosaveInterval,\n  hasDraftValidationEnabled,\n  reduceFieldsToValues,\n} from 'payload/shared'\nimport * as qs from 'qs-esm'\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 { useBranchParam } from '../../providers/Branch/index.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 { useUploadEdits } from '../../providers/UploadEdits/index.js'\nimport { reduceFieldsToValuesWithValidation } from '../../utilities/reduceFieldsToValuesWithValidation.js'\nimport { LeaveWithoutSaving } from '../LeaveWithoutSaving/index.js'\nimport './index.css'\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    },\n  } = useConfig()\n\n  const {\n    docConfig,\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 currentLocale = useLocale()\n  const locale = currentLocale?.code\n  const branch = useBranchParam()\n  const { t } = useTranslation()\n  const { uploadEdits } = useUploadEdits()\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          const params = qs.stringify(\n            {\n              autosave: true,\n              branch,\n              depth: 0,\n              draft: true,\n              'fallback-locale': 'null',\n              locale,\n              uploadEdits: uploadEdits || undefined,\n            },\n            {\n              addQueryPrefix: true,\n            },\n          )\n\n          if (collection && id) {\n            entitySlug = collection.slug\n            url = formatAdminURL({\n              apiRoute: api,\n              path: `/${entitySlug}/${id}${params}`,\n            })\n            method = 'PATCH'\n          }\n\n          if (globalDoc) {\n            entitySlug = globalDoc.slug\n            url = formatAdminURL({\n              apiRoute: api,\n              path: `/globals/${entitySlug}${params}`,\n            })\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  const previousUploadEdits = useRef(uploadEdits)\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) && dequal(uploadEdits, previousUploadEdits.current)) {\n      return\n    }\n\n    previousDebouncedData.current = formData\n    previousUploadEdits.current = uploadEdits\n\n    handleAutosave()\n  }, [debouncedFormState, uploadEdits])\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    <React.Fragment>\n      {validateOnDraft && !isValid && <LeaveWithoutSaving />}\n      {saving && <div className={baseClass}>{t('general:saving')}</div>}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","dequal","formatAdminURL","getAutosaveInterval","hasDraftValidationEnabled","reduceFieldsToValues","qs","React","useDeferredValue","useEffect","useRef","useState","useAllFormFields","useForm","useFormModified","useFormSubmitted","useDebounce","useEffectEvent","useQueue","useBranchParam","useConfig","useDocumentInfo","useLocale","useTranslation","useUploadEdits","reduceFieldsToValuesWithValidation","LeaveWithoutSaving","baseClass","minimumAnimationTime","Autosave","t0","$","id","collection","global","globalDoc","config","t1","routes","t2","api","docConfig","mostRecentVersionIsAutosaved","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","isValid","setBackgroundProcessing","submit","formState","modified","submitted","currentLocale","locale","code","branch","t","uploadEdits","t3","interval","t4","validateOnDraft","_saving","setSaving","saving","debouncedFormState","queueTask","autosaveTimeoutRef","t5","Symbol","for","current","clearTimeout","stopAutoSaveIndicator","t6","undefined","startTimestamp","endTimestamp","hideIndicator","setTimeout","Date","getTime","url","method","entitySlug","params","stringify","autosave","depth","draft","addQueryPrefix","slug","apiRoute","path","valid","skipSubmission","result","acceptValues","overrideLocalChanges","action","context","getDocPermissions","incrementVersionCount","disableFormWhileProcessing","disableSuccessStatus","overrides","_status","skipValidation","res","ok","_temp","newDate","afterProcess","beforeProcess","handleAutosave","didMount","t7","previousDebouncedData","previousUploadEdits","t8","updatedAt","_","formData","__","prevFormData","t9","t10","t11","t12","_jsxs","Fragment","children","_jsx","className","prev"],"sources":["../../../src/elements/Autosave/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload'\n\nimport { dequal } from 'dequal/lite'\nimport {\n  formatAdminURL,\n  getAutosaveInterval,\n  hasDraftValidationEnabled,\n  reduceFieldsToValues,\n} from 'payload/shared'\nimport * as qs from 'qs-esm'\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 { useBranchParam } from '../../providers/Branch/index.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 { useUploadEdits } from '../../providers/UploadEdits/index.js'\nimport { reduceFieldsToValuesWithValidation } from '../../utilities/reduceFieldsToValuesWithValidation.js'\nimport { LeaveWithoutSaving } from '../LeaveWithoutSaving/index.js'\nimport './index.css'\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    },\n  } = useConfig()\n\n  const {\n    docConfig,\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 currentLocale = useLocale()\n  const locale = currentLocale?.code\n  const branch = useBranchParam()\n  const { t } = useTranslation()\n  const { uploadEdits } = useUploadEdits()\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 stopAutoSaveIndicator = useEffectEvent(() => {\n    if (autosaveTimeoutRef.current) {\n      clearTimeout(autosaveTimeoutRef.current)\n    }\n\n    setSaving(false)\n  })\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          const params = qs.stringify(\n            {\n              autosave: true,\n              branch,\n              depth: 0,\n              draft: true,\n              'fallback-locale': 'null',\n              locale,\n              uploadEdits: uploadEdits || undefined,\n            },\n            {\n              addQueryPrefix: true,\n            },\n          )\n\n          if (collection && id) {\n            entitySlug = collection.slug\n            url = formatAdminURL({\n              apiRoute: api,\n              path: `/${entitySlug}/${id}${params}`,\n            })\n            method = 'PATCH'\n          }\n\n          if (globalDoc) {\n            entitySlug = globalDoc.slug\n            url = formatAdminURL({\n              apiRoute: api,\n              path: `/globals/${entitySlug}${params}`,\n            })\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  const previousUploadEdits = useRef(uploadEdits)\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) && dequal(uploadEdits, previousUploadEdits.current)) {\n      return\n    }\n\n    previousDebouncedData.current = formData\n    previousUploadEdits.current = uploadEdits\n\n    handleAutosave()\n  }, [debouncedFormState, uploadEdits])\n\n  /**\n   * If component unmounts, clear the autosave timeout\n   */\n  useEffect(() => {\n    return () => {\n      stopAutoSaveIndicator()\n    }\n  }, [])\n\n  return (\n    <React.Fragment>\n      {validateOnDraft && !isValid && <LeaveWithoutSaving />}\n      {saving && <div className={baseClass}>{t('general:saving')}</div>}\n    </React.Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,MAAM,QAAQ;AACvB,SACEC,cAAc,EACdC,mBAAmB,EACnBC,yBAAyB,EACzBC,oBAAoB,QACf;AACP,YAAYC,EAAA,MAAQ;AACpB,OAAOC,KAAA,IAASC,gBAAgB,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAIrE,SACEC,gBAAgB,EAChBC,OAAO,EACPC,eAAe,EACfC,gBAAgB,QACX;AACP,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,SAASC,kCAAkC,QAAQ;AACnD,SAASC,kBAAkB,QAAQ;AACnC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAClB;AACA,MAAMC,oBAAA,GAAuB;AAS7B,OAAO,MAAMC,QAAA,GAA4BC,EAAA;EAAA,MAAAC,CAAA,GAAA/B,EAAA;EAAC;IAAAgC,EAAA;IAAAC,UAAA;IAAAC,MAAA,EAAAC;EAAA,IAAAL,EAAqC;EAC7E;IAAAM,MAAA,EAAAC;EAAA,IAIIjB,SAAA;EAHM;IAAAkB,MAAA,EAAAC;EAAA,IAAAF,EAEP;EADS;IAAAG;EAAA,IAAAD,EAAO;EAInB;IAAAE,SAAA;IAAAC,4BAAA;IAAAC,+BAAA;IAAAC;EAAA,IAKIvB,eAAA;EAEJ;IAAAwB,OAAA;IAAAC,uBAAA;IAAAC;EAAA,IAAqDlC,OAAA;EAErD,OAAAmC,SAAA,IAAoBpC,gBAAA;EACpB,MAAAqC,QAAA,GAAiBnC,eAAA;EACjB,MAAAoC,SAAA,GAAkBnC,gBAAA;EAElB,MAAAoC,aAAA,GAAsB7B,SAAA;EACtB,MAAA8B,MAAA,GAAeD,aAAA,EAAAE,IAAe;EAC9B,MAAAC,MAAA,GAAenC,cAAA;EACf;IAAAoC;EAAA,IAAchC,cAAA;EACd;IAAAiC;EAAA,IAAwBhC,cAAA;EAAA,IAAAiC,EAAA;EAAA,IAAA1B,CAAA,QAAAU,SAAA;IAEPgB,EAAA,GAAAtD,mBAAA,CAAoBsC,SAAA;IAAAV,CAAA,MAAAU,SAAA;IAAAV,CAAA,MAAA0B,EAAA;EAAA;IAAAA,EAAA,GAAA1B,CAAA;EAAA;EAArC,MAAA2B,QAAA,GAAiBD,EAAoB;EAAA,IAAAE,EAAA;EAAA,IAAA5B,CAAA,QAAAU,SAAA;IACbkB,EAAA,GAAAvD,yBAAA,CAA0BqC,SAAA;IAAAV,CAAA,MAAAU,SAAA;IAAAV,CAAA,MAAA4B,EAAA;EAAA;IAAAA,EAAA,GAAA5B,CAAA;EAAA;EAAlD,MAAA6B,eAAA,GAAwBD,EAA0B;EAElD,OAAAE,OAAA,EAAAC,SAAA,IAA6BnD,QAAA,CAAS;EAEtC,MAAAoD,MAAA,GAAevD,gBAAA,CAAiBqD,OAAA;EAEhC,MAAAG,kBAAA,GAA2BhD,WAAA,CAAYgC,SAAA,EAAWU,QAAA;EAElD;IAAAO;EAAA,IAAsB/C,QAAA;EAEtB,MAAAgD,kBAAA,GAA2BxD,MAAA,CAA8B;EAAA,IAAAyD,EAAA;EAAA,IAAApC,CAAA,QAAAqC,MAAA,CAAAC,GAAA;IAEZF,EAAA,GAAAA,CAAA;MAC3C,IAAID,kBAAA,CAAAI,OAA0B;QAC5BC,YAAA,CAAaL,kBAAA,CAAAI,OAA0B;MAAA;MAGzCR,SAAA,CAAU;IAAA,CACZ;IAAA/B,CAAA,MAAAoC,EAAA;EAAA;IAAAA,EAAA,GAAApC,CAAA;EAAA;EANA,MAAAyC,qBAAA,GAA8BvD,cAAA,CAAekD,EAM7C;EAAA,IAAAM,EAAA;EAAA,IAAA1C,CAAA,QAAAS,GAAA,IAAAT,CAAA,QAAAuB,MAAA,IAAAvB,CAAA,QAAAE,UAAA,IAAAF,CAAA,QAAAiB,SAAA,IAAAjB,CAAA,QAAAI,SAAA,IAAAJ,CAAA,SAAAC,EAAA,IAAAD,CAAA,SAAAqB,MAAA,IAAArB,CAAA,SAAAkB,QAAA,IAAAlB,CAAA,SAAAW,4BAAA,IAAAX,CAAA,SAAAkC,SAAA,IAAAlC,CAAA,SAAAe,uBAAA,IAAAf,CAAA,SAAAY,+BAAA,IAAAZ,CAAA,SAAAa,0BAAA,IAAAb,CAAA,SAAAyC,qBAAA,IAAAzC,CAAA,SAAAgB,MAAA,IAAAhB,CAAA,SAAAmB,SAAA,IAAAnB,CAAA,SAAAyB,WAAA,IAAAzB,CAAA,SAAA6B,eAAA;IAEsCa,EAAA,GAAAA,CAAA;MACpCP,kBAAA,CAAAI,OAAA,GAA6BI,SAAH;MAE1B,IAAAC,cAAA,GAAqBD,SAAA;MACrB,IAAAE,YAAA,GAAmBF,SAAA;MAEnB,MAAAG,aAAA,GAAsBA,CAAA;QAEpB,IAAID,YAAA,GAAeD,cAAA,GAAiB/C,oBAAA;UAClCsC,kBAAA,CAAAI,OAAA,GAA6BQ,UAAA,CAC3B;YACEhB,SAAA,CAAU;UAAA,CACZ,EACAlC,oBAAA,IAAwBgD,YAAA,GAAeD,cAAa,EAJ5B;QAAA;UAO1BH,qBAAA;QAAA;MACF,CACF;MAEAP,SAAA,CACE;QACE,IAAIhB,QAAA;UACF0B,cAAA,CAAAA,CAAA,CAAiBA,GAAA,CAAII,IAAA,GAAAC,OAAc;UAEnClB,SAAA,CAAU;UAENmB,GAAA,CAAAA,GAAA;UACAC,GAAA,CAAAA,MAAA;UACAC,GAAA,CAAAA,UAAA;UACJ,MAAAC,MAAA,GAAe9E,EAAA,CAAA+E,SAAY,CACzB;YAAAC,QAAA,EACY;YAAAhC,MAAA;YAAAiC,KAAA,EAEH;YAAAC,KAAA,EACA;YAAA,mBACY;YAAApC,MAAA;YAAAI,WAAA,EAENA,WAAe,IAAfkB;UACf,GACA;YAAAe,cAAA,EACkB;UAClB;UAGF,IAAIxD,UAAc,IAAdD,EAAc;YAChBmD,UAAA,CAAAA,CAAA,CAAalD,UAAA,CAAAyD,IAAe;YAC5BT,GAAA,CAAAA,CAAA,CAAM/E,cAAA,CAAe;cAAAyF,QAAA,EACTnD,GAAA;cAAAoD,IAAA,EACJ,IAAIT,UAAA,IAAcnD,EAAA,GAAKoD,MAAA;YAC/B;YACAF,MAAA,CAAAA,CAAA,CAASA,OAAA;UAAT;UAGF,IAAI/C,SAAA;YACFgD,UAAA,CAAAA,CAAA,CAAahD,SAAA,CAAAuD,IAAc;YAC3BT,GAAA,CAAAA,CAAA,CAAM/E,cAAA,CAAe;cAAAyF,QAAA,EACTnD,GAAA;cAAAoD,IAAA,EACJ,YAAYT,UAAA,GAAaC,MAAA;YACjC;YACAF,MAAA,CAAAA,CAAA,CAASA,MAAA;UAAT;UAGF;YAAAW;UAAA,IAAkBpE,kCAAA,CAAmCuB,SAAA,EAAW;UAEhE,MAAA8C,cAAA,GAAuB5C,SAAc,IAAd,CAAc2C,KAAS,IAAvBjC,eAAuB;UAE9C,IAAI,CAACkC,cAAkB,IAAnB7C,QAA+B,IAA/BgC,GAA+B;YACjC,MAAAc,MAAA,GAAe,MAAMhD,MAAA,CAA2B;cAAAiD,YAAA,EAChC;gBAAAC,oBAAA,EACU;cACxB;cAAAC,MAAA,EACQjB,GAAA;cAAAkB,OAAA,EACC;gBAAAC,iBAAA,EACY;gBAAAC,qBAAA,EACI,CAAC3D;cAC1B;cAAA4D,0BAAA,EAC4B;cAAAC,oBAAA,EACN;cAAArB,MAAA;cAAAsB,SAAA,EAEX;gBAAAC,OAAA,EACA;cACX;cAAAC,cAAA,EACgB,CAAC9C;YACnB;YAEA,IAAImC,MAAuB,IAAbA,MAAA,EAAAY,GAAa,EAAAC,EAAO,IAA9B,CAA8BlE,4BAAA;cAChCC,+BAAA,CAAgC;cAChCC,0BAAA,CAA2BiE,KAAiB;YAAA;YAG9C,MAAAC,OAAA,GAAgB,IAAI/B,IAAA;YAGpBH,YAAA,CAAAA,CAAA,CAAekC,OAAA,CAAA9B,OAAe;YAE9BH,aAAA;UAAA;QACF;MACF,CACF,EACA;QAAAkC,YAAA,EACgBA,CAAA;UACZjE,uBAAA,CAAwB;QAAA,CAC1B;QAAAkE,aAAA,EACeA,CAAA;UACblE,uBAAA,CAAwB;QAAA;MAE5B;IAAA,CAEJ;IAAAf,CAAA,MAAAS,GAAA;IAAAT,CAAA,MAAAuB,MAAA;IAAAvB,CAAA,MAAAE,UAAA;IAAAF,CAAA,MAAAiB,SAAA;IAAAjB,CAAA,MAAAI,SAAA;IAAAJ,CAAA,OAAAC,EAAA;IAAAD,CAAA,OAAAqB,MAAA;IAAArB,CAAA,OAAAkB,QAAA;IAAAlB,CAAA,OAAAW,4BAAA;IAAAX,CAAA,OAAAkC,SAAA;IAAAlC,CAAA,OAAAe,uBAAA;IAAAf,CAAA,OAAAY,+BAAA;IAAAZ,CAAA,OAAAa,0BAAA;IAAAb,CAAA,OAAAyC,qBAAA;IAAAzC,CAAA,OAAAgB,MAAA;IAAAhB,CAAA,OAAAmB,SAAA;IAAAnB,CAAA,OAAAyB,WAAA;IAAAzB,CAAA,OAAA6B,eAAA;IAAA7B,CAAA,OAAA0C,EAAA;EAAA;IAAAA,EAAA,GAAA1C,CAAA;EAAA;EA7GA,MAAAkF,cAAA,GAAuBhG,cAAA,CAAewD,EA6GtC;EAEA,MAAAyC,QAAA,GAAiBxG,MAAA,CAAO;EAAA,IAAAyG,EAAA;EAAA,IAAApF,CAAA,SAAAiC,kBAAA;IACamD,EAAA,GAAA9G,oBAAA,CAAqB2D,kBAAA;IAAAjC,CAAA,OAAAiC,kBAAA;IAAAjC,CAAA,OAAAoF,EAAA;EAAA;IAAAA,EAAA,GAAApF,CAAA;EAAA;EAA1D,MAAAqF,qBAAA,GAA8B1G,MAAA,CAAOyG,EAAqB;EAC1D,MAAAE,mBAAA,GAA4B3G,MAAA,CAAO8C,WAAA;EAAA,IAAA8D,EAAA;EAAA,IAAAvF,CAAA,SAAAiC,kBAAA,IAAAjC,CAAA,SAAAkF,cAAA,IAAAlF,CAAA,SAAAyB,WAAA;IAGzB8D,EAAA,GAAAA,CAAA;MAIR,IAAI,CAACJ,QAAA,CAAA5C,OAAgB;QACnB4C,QAAA,CAAA5C,OAAA,GAAmB,IAAH;QAAA;MAAA;MAQlB;QAAAiD,SAAA,EAAAC,CAAA;QAAA,GAAAC;MAAA,IAAsCpH,oBAAA,CAAqB2D,kBAAA;MAC3D;QAAAuD,SAAA,EAAAG,EAAA;QAAA,GAAAC;MAAA,IAA2CP,qBAAA,CAAA9C,OAA6B;MAExE,IAAIrE,MAAA,CAAOwH,QAAA,EAAUE,YAAgE,KAA/C1H,MAAA,CAAOuD,WAAA,EAAa6D,mBAAA,CAAA/C,OAA2B;QAAA;MAAA;MAIrF8C,qBAAA,CAAA9C,OAAA,GAAgCmD,QAAH;MAC7BJ,mBAAA,CAAA/C,OAAA,GAA8Bd,WAAH;MAE3ByD,cAAA;IAAA,CACF;IAAAlF,CAAA,OAAAiC,kBAAA;IAAAjC,CAAA,OAAAkF,cAAA;IAAAlF,CAAA,OAAAyB,WAAA;IAAAzB,CAAA,OAAAuF,EAAA;EAAA;IAAAA,EAAA,GAAAvF,CAAA;EAAA;EAAA,IAAA6F,EAAA;EAAA,IAAA7F,CAAA,SAAAiC,kBAAA,IAAAjC,CAAA,SAAAyB,WAAA;IAAGoE,EAAA,IAAC5D,kBAAA,EAAoBR,WAAA,CAAY;IAAAzB,CAAA,OAAAiC,kBAAA;IAAAjC,CAAA,OAAAyB,WAAA;IAAAzB,CAAA,OAAA6F,EAAA;EAAA;IAAAA,EAAA,GAAA7F,CAAA;EAAA;EAxBpCtB,SAAA,CAAU6G,EAwBV,EAAGM,EAAiC;EAAA,IAAAC,GAAA;EAAA,IAAA9F,CAAA,SAAAyC,qBAAA;IAK1BqD,GAAA,GAAAA,CAAA,KACD;MACLrD,qBAAA;IAAA,CAEJ;IAAAzC,CAAA,OAAAyC,qBAAA;IAAAzC,CAAA,OAAA8F,GAAA;EAAA;IAAAA,GAAA,GAAA9F,CAAA;EAAA;EAAA,IAAA+F,GAAA;EAAA,IAAA/F,CAAA,SAAAqC,MAAA,CAAAC,GAAA;IAAGyD,GAAA,KAAE;IAAA/F,CAAA,OAAA+F,GAAA;EAAA;IAAAA,GAAA,GAAA/F,CAAA;EAAA;EAJLtB,SAAA,CAAUoH,GAIV,EAAGC,GAAE;EAAA,IAAAC,GAAA;EAAA,IAAAhG,CAAA,SAAAc,OAAA,IAAAd,CAAA,SAAAgC,MAAA,IAAAhC,CAAA,SAAAwB,CAAA,IAAAxB,CAAA,SAAA6B,eAAA;IAGHmE,GAAA,GAAAC,KAAA,CAACzH,KAAA,CAAA0H,QAAc;MAAAC,QAAA,E,CACZtE,eAAoB,IAApB,CAAoBf,OAAY,IAADsF,IAAA,CAACzG,kBAAA,OAChCqC,M,IAAUoE,IAAA,CAAC;QAAAC,SAAA,EAAezG,SAAA;QAAAuG,QAAA,EAAY3E,CAAA,CAAE;;;;;;;;;;;SAF3CwE,G;CAKJ;AA5MyC,SAAAlB,MAAAwB,IAAA;EAAA,OAuIUA,IAAA,GAAO;AAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/BranchSelector/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAkBhD,OAAO,aAAa,CAAA;AAIpB;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CA6M3D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/BranchSelector/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAkBhD,OAAO,aAAa,CAAA;AAIpB;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CA8M3D,CAAA"}