@payloadcms/ui 3.71.0-internal-debug.e053082 → 3.71.0-internal.49c4f67

package/dist/elements/Autosave/index.js

@@ -1,6 +1,6 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
-// 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 { formatAdminURL, getAutosaveInterval, hasDraftValidationEnabled, reduceFieldsToValues } from 'payload/shared';
 import * as qs from 'qs-esm';
@@ -20,171 +20,190 @@ 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 } } } = 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;
-                const queryParams = qs.stringify({
-                    autosave: true,
-                    depth: 0,
-                    draft: true,
-                    'fallback-locale': 'null',
-                    locale
-                }, {
-                    addQueryPrefix: true
-                });
-                if (collection && id) {
-                    entitySlug = collection.slug;
-                    url = formatAdminURL({
-                        apiRoute: api,
-                        path: `/${entitySlug}/${id}${queryParams}`
-                    });
-                    method = 'PATCH';
-                }
-                if (globalDoc) {
-                    entitySlug = globalDoc.slug;
-                    url = formatAdminURL({
-                        apiRoute: api,
-                        path: `/globals/${entitySlug}${queryParams}`
-                    });
-                    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();
-                }
-            }
+export const Autosave = ({
+  id,
+  collection,
+  global: globalDoc
+}) => {
+  const {
+    config: {
+      routes: {
+        api
+      }
+    }
+  } = 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;
+        const queryParams = qs.stringify({
+          autosave: true,
+          depth: 0,
+          draft: true,
+          'fallback-locale': 'null',
+          locale
         }, {
-            afterProcess: ()=>{
-                setBackgroundProcessing(false);
-            },
-            beforeProcess: ()=>{
-                setBackgroundProcessing(true);
-            }
+          addQueryPrefix: 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;
+        if (collection && id) {
+          entitySlug = collection.slug;
+          url = formatAdminURL({
+            apiRoute: api,
+            path: `/${entitySlug}/${id}${queryParams}`
+          });
+          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 = formatAdminURL({
+            apiRoute: api,
+            path: `/globals/${entitySlug}${queryParams}`
+          });
+          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 /*#__PURE__*/ _jsxDEV("div", {
-        className: baseClass,
-        children: [
-            validateOnDraft && !isValid && /*#__PURE__*/ _jsxDEV(LeaveWithoutSaving, {}, void 0, false, {
-                fileName: "src/elements/Autosave/index.tsx",
-                lineNumber: 240,
-                columnNumber: 39
-            }, this),
-            saving && t('general:saving'),
-            !saving && Boolean(lastUpdateTime) && /*#__PURE__*/ _jsxDEV(React.Fragment, {
-                children: t('version:lastSavedAgo', {
-                    distance: formatTimeToNow({
-                        date: lastUpdateTime,
-                        i18n
-                    })
-                })
-            }, void 0, false, {
-                fileName: "src/elements/Autosave/index.tsx",
-                lineNumber: 243,
-                columnNumber: 9
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/Autosave/index.tsx",
-        lineNumber: 239,
-        columnNumber: 5
-    }, this);
+  });
+  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
+        })
+      })
+    })]
+  });
 };
-
 //# 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  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 { 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    },\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          const queryParams = qs.stringify(\n            {\n              autosave: true,\n              depth: 0,\n              draft: true,\n              'fallback-locale': 'null',\n              locale,\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}${queryParams}`,\n            })\n            method = 'PATCH'\n          }\n\n          if (globalDoc) {\n            entitySlug = globalDoc.slug\n            url = formatAdminURL({\n              apiRoute: api,\n              path: `/globals/${entitySlug}${queryParams}`,\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\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","formatAdminURL","getAutosaveInterval","hasDraftValidationEnabled","reduceFieldsToValues","qs","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","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","queryParams","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","updatedAt","_","formData","__","prevFormData","clearTimeout","div","className","Boolean","Fragment","distance","date"],"mappings":"AAAA;;AACA,0EAA0E;AAG1E,SAASA,MAAM,QAAQ,cAAa;AACpC,SACEC,cAAc,EACdC,mBAAmB,EACnBC,yBAAyB,EACzBC,oBAAoB,QACf,iBAAgB;AACvB,YAAYC,QAAQ,SAAQ;AAC5B,OAAOC,SAASC,gBAAgB,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAI5E,SACEC,gBAAgB,EAChBC,OAAO,EACPC,eAAe,EACfC,gBAAgB,QACX,8BAA6B;AACpC,SAASC,WAAW,QAAQ,6BAA4B;AACxD,SAASC,cAAc,QAAQ,gCAA+B;AAC9D,SAASC,QAAQ,QAAQ,0BAAyB;AAClD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,eAAe,QAAQ,oDAAmD;AACnF,SAASC,kCAAkC,QAAQ,wDAAuD;AAC1G,SAASC,kBAAkB,QAAQ,iCAAgC;AACnE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAClB,oDAAoD;AACpD,MAAMC,uBAAuB;AAS7B,OAAO,MAAMC,WAA4B,CAAC,EAAEC,EAAE,EAAEC,UAAU,EAAEC,QAAQC,SAAS,EAAE;IAC7E,MAAM,EACJC,QAAQ,EACNC,QAAQ,EAAEC,GAAG,EAAE,EAChB,EACF,GAAGhB;IAEJ,MAAM,EACJiB,SAAS,EACTC,cAAc,EACdC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,0BAA0B,EAC3B,GAAGpB;IAEJ,MAAM,EAAEqB,OAAO,EAAEC,uBAAuB,EAAEC,MAAM,EAAE,GAAG9B;IAErD,MAAM,CAAC+B,UAAU,GAAGhC;IACpB,MAAMiC,WAAW/B;IACjB,MAAMgC,YAAY/B;IAElB,MAAM,EAAEgC,MAAMC,MAAM,EAAE,GAAG3B;IACzB,MAAM,EAAE4B,IAAI,EAAEC,CAAC,EAAE,GAAG5B;IAEpB,MAAM6B,WAAWhD,oBAAoBiC;IACrC,MAAMgB,kBAAkBhD,0BAA0BgC;IAElD,MAAM,CAACiB,SAASC,UAAU,GAAG3C,SAAS;IAEtC,MAAM4C,SAAS/C,iBAAiB6C;IAEhC,MAAMG,qBAAqBxC,YAAY4B,WAAWO;IAElD,MAAM,EAAEM,SAAS,EAAE,GAAGvC;IAEtB,MAAMwC,qBAAqBhD,OAA8B;IAEzD,MAAMiD,iBAAiB1C,eAAe;QACpCyC,mBAAmBE,OAAO,GAAGC;QAC7B,2FAA2F;QAC3F,IAAIC,iBAAiBD;QACrB,IAAIE,eAAeF;QAEnB,MAAMG,gBAAgB;YACpB,4EAA4E;YAC5E,IAAID,eAAeD,iBAAiBnC,sBAAsB;gBACxD+B,mBAAmBE,OAAO,GAAGK,WAC3B;oBACEX,UAAU;gBACZ,GACA3B,uBAAwBoC,CAAAA,eAAeD,cAAa;YAExD,OAAO;gBACLI;YACF;QACF;QAEAT,UACE;YACE,IAAIZ,UAAU;gBACZiB,iBAAiB,IAAIK,OAAOC,OAAO;gBAEnCd,UAAU;gBAEV,IAAIe;gBACJ,IAAIC;gBACJ,IAAIC;gBACJ,MAAMC,cAAclE,GAAGmE,SAAS,CAC9B;oBACEC,UAAU;oBACVC,OAAO;oBACPC,OAAO;oBACP,mBAAmB;oBACnB5B;gBACF,GACA;oBACE6B,gBAAgB;gBAClB;gBAGF,IAAI/C,cAAcD,IAAI;oBACpB0C,aAAazC,WAAWgD,IAAI;oBAC5BT,MAAMnE,eAAe;wBACnB6E,UAAU5C;wBACV6C,MAAM,CAAC,CAAC,EAAET,WAAW,CAAC,EAAE1C,KAAK2C,aAAa;oBAC5C;oBACAF,SAAS;gBACX;gBAEA,IAAItC,WAAW;oBACbuC,aAAavC,UAAU8C,IAAI;oBAC3BT,MAAMnE,eAAe;wBACnB6E,UAAU5C;wBACV6C,MAAM,CAAC,SAAS,EAAET,aAAaC,aAAa;oBAC9C;oBACAF,SAAS;gBACX;gBAEA,MAAM,EAAEW,KAAK,EAAE,GAAGzD,mCAAmCoB,WAAW;gBAEhE,MAAMsC,iBAAiBpC,aAAa,CAACmC,SAAS7B;gBAE9C,IAAI,CAAC8B,kBAAkBrC,YAAYwB,KAAK;oBACtC,MAAMc,SAAS,MAAMxC,OAA2B;wBAC9CyC,cAAc;4BACZC,sBAAsB;wBACxB;wBACAC,QAAQjB;wBACRkB,SAAS;4BACPC,mBAAmB;4BACnBC,uBAAuB,CAACnD;wBAC1B;wBACAoD,4BAA4B;wBAC5BC,sBAAsB;wBACtBrB;wBACAsB,WAAW;4BACTC,SAAS;wBACX;wBACAC,gBAAgB,CAAC1C;oBACnB;oBAEA,IAAI+B,UAAUA,QAAQY,KAAKC,MAAM,CAAC1D,8BAA8B;wBAC9DC,gCAAgC;wBAChCC,2BAA2B,CAACyD,OAASA,OAAO;oBAC9C;oBAEA,MAAMC,UAAU,IAAI/B;oBAEpB,2FAA2F;oBAC3FJ,eAAemC,QAAQ9B,OAAO;oBAE9BJ;gBACF;YACF;QACF,GACA;YACEmC,cAAc;gBACZzD,wBAAwB;YAC1B;YACA0D,eAAe;gBACb1D,wBAAwB;YAC1B;QACF;IAEJ;IAEA,MAAM2D,WAAW3F,OAAO;IACxB,MAAM4F,wBAAwB5F,OAAOL,qBAAqBmD;IAE1D,yCAAyC;IACzC/C,UAAU;QACR;;KAEC,GACD,IAAI,CAAC4F,SAASzC,OAAO,EAAE;YACrByC,SAASzC,OAAO,GAAG;YACnB;QACF;QAEA;;;KAGC,GACD,MAAM,EAAE2C,WAAWC,CAAC,EAAE,GAAGC,UAAU,GAAGpG,qBAAqBmD;QAC3D,MAAM,EAAE+C,WAAWG,EAAE,EAAE,GAAGC,cAAc,GAAGL,sBAAsB1C,OAAO;QAExE,IAAI3D,OAAOwG,UAAUE,eAAe;YAClC;QACF;QAEAL,sBAAsB1C,OAAO,GAAG6C;QAEhC9C;IACF,GAAG;QAACH;KAAmB;IAEvB;;GAEC,GACD/C,UAAU;QACR,OAAO;YACLyD;QACF;IACF,GAAG,EAAE;IAEL,MAAMA,wBAAwBjD,eAAe;QAC3C,IAAIyC,mBAAmBE,OAAO,EAAE;YAC9BgD,aAAalD,mBAAmBE,OAAO;QACzC;QAEAN,UAAU;IACZ;IAEA,qBACE,QAACuD;QAAIC,WAAWpF;;YACb0B,mBAAmB,CAACX,yBAAW,QAAChB;;;;;YAChC8B,UAAUL,EAAE;YACZ,CAACK,UAAUwD,QAAQ1E,iCAClB,QAAC9B,MAAMyG,QAAQ;0BACZ9D,EAAE,wBAAwB;oBACzB+D,UAAU1F,gBAAgB;wBAAE2F,MAAM7E;wBAAgBY;oBAAK;gBACzD;;;;;;;;;;;;AAKV,EAAC"}
+{"version":3,"file":"index.js","names":["dequal","formatAdminURL","getAutosaveInterval","hasDraftValidationEnabled","reduceFieldsToValues","qs","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","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","queryParams","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","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  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 { 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    },\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          const queryParams = qs.stringify(\n            {\n              autosave: true,\n              depth: 0,\n              draft: true,\n              'fallback-locale': 'null',\n              locale,\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}${queryParams}`,\n            })\n            method = 'PATCH'\n          }\n\n          if (globalDoc) {\n            entitySlug = globalDoc.slug\n            url = formatAdminURL({\n              apiRoute: api,\n              path: `/globals/${entitySlug}${queryParams}`,\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\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":"AAAA;;;AAIA,SAASA,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,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,eAAe,QAAQ;AAChC,SAASC,kCAAkC,QAAQ;AACnD,SAASC,kBAAkB,QAAQ;AACnC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAClB;AACA,MAAMC,oBAAA,GAAuB;AAS7B,OAAO,MAAMC,QAAA,GAA4BA,CAAC;EAAEC,EAAE;EAAEC,UAAU;EAAEC,MAAA,EAAQC;AAAS,CAAE;EAC7E,MAAM;IACJC,MAAA,EAAQ;MACNC,MAAA,EAAQ;QAAEC;MAAG;IAAE;EAChB,CACF,GAAGhB,SAAA;EAEJ,MAAM;IACJiB,SAAS;IACTC,cAAc;IACdC,4BAA4B;IAC5BC,+BAA+B;IAC/BC;EAA0B,CAC3B,GAAGpB,eAAA;EAEJ,MAAM;IAAEqB,OAAO;IAAEC,uBAAuB;IAAEC;EAAM,CAAE,GAAG9B,OAAA;EAErD,MAAM,CAAC+B,SAAA,CAAU,GAAGhC,gBAAA;EACpB,MAAMiC,QAAA,GAAW/B,eAAA;EACjB,MAAMgC,SAAA,GAAY/B,gBAAA;EAElB,MAAM;IAAEgC,IAAA,EAAMC;EAAM,CAAE,GAAG3B,SAAA;EACzB,MAAM;IAAE4B,IAAI;IAAEC;EAAC,CAAE,GAAG5B,cAAA;EAEpB,MAAM6B,QAAA,GAAWhD,mBAAA,CAAoBiC,SAAA;EACrC,MAAMgB,eAAA,GAAkBhD,yBAAA,CAA0BgC,SAAA;EAElD,MAAM,CAACiB,OAAA,EAASC,SAAA,CAAU,GAAG3C,QAAA,CAAS;EAEtC,MAAM4C,MAAA,GAAS/C,gBAAA,CAAiB6C,OAAA;EAEhC,MAAMG,kBAAA,GAAqBxC,WAAA,CAAY4B,SAAA,EAAWO,QAAA;EAElD,MAAM;IAAEM;EAAS,CAAE,GAAGvC,QAAA;EAEtB,MAAMwC,kBAAA,GAAqBhD,MAAA,CAA8B;EAEzD,MAAMiD,cAAA,GAAiB1C,cAAA,CAAe;IACpCyC,kBAAA,CAAmBE,OAAO,GAAGC,SAAA;IAC7B;IACA,IAAIC,cAAA,GAAiBD,SAAA;IACrB,IAAIE,YAAA,GAAeF,SAAA;IAEnB,MAAMG,aAAA,GAAgBA,CAAA;MACpB;MACA,IAAID,YAAA,GAAeD,cAAA,GAAiBnC,oBAAA,EAAsB;QACxD+B,kBAAA,CAAmBE,OAAO,GAAGK,UAAA,CAC3B;UACEX,SAAA,CAAU;QACZ,GACA3B,oBAAA,IAAwBoC,YAAA,GAAeD,cAAa;MAExD,OAAO;QACLI,qBAAA;MACF;IACF;IAEAT,SAAA,CACE;MACE,IAAIZ,QAAA,EAAU;QACZiB,cAAA,GAAiB,IAAIK,IAAA,GAAOC,OAAO;QAEnCd,SAAA,CAAU;QAEV,IAAIe,GAAA;QACJ,IAAIC,MAAA;QACJ,IAAIC,UAAA;QACJ,MAAMC,WAAA,GAAclE,EAAA,CAAGmE,SAAS,CAC9B;UACEC,QAAA,EAAU;UACVC,KAAA,EAAO;UACPC,KAAA,EAAO;UACP,mBAAmB;UACnB5B;QACF,GACA;UACE6B,cAAA,EAAgB;QAClB;QAGF,IAAI/C,UAAA,IAAcD,EAAA,EAAI;UACpB0C,UAAA,GAAazC,UAAA,CAAWgD,IAAI;UAC5BT,GAAA,GAAMnE,cAAA,CAAe;YACnB6E,QAAA,EAAU5C,GAAA;YACV6C,IAAA,EAAM,IAAIT,UAAA,IAAc1C,EAAA,GAAK2C,WAAA;UAC/B;UACAF,MAAA,GAAS;QACX;QAEA,IAAItC,SAAA,EAAW;UACbuC,UAAA,GAAavC,SAAA,CAAU8C,IAAI;UAC3BT,GAAA,GAAMnE,cAAA,CAAe;YACnB6E,QAAA,EAAU5C,GAAA;YACV6C,IAAA,EAAM,YAAYT,UAAA,GAAaC,WAAA;UACjC;UACAF,MAAA,GAAS;QACX;QAEA,MAAM;UAAEW;QAAK,CAAE,GAAGzD,kCAAA,CAAmCoB,SAAA,EAAW;QAEhE,MAAMsC,cAAA,GAAiBpC,SAAA,IAAa,CAACmC,KAAA,IAAS7B,eAAA;QAE9C,IAAI,CAAC8B,cAAA,IAAkBrC,QAAA,IAAYwB,GAAA,EAAK;UACtC,MAAMc,MAAA,GAAS,MAAMxC,MAAA,CAA2B;YAC9CyC,YAAA,EAAc;cACZC,oBAAA,EAAsB;YACxB;YACAC,MAAA,EAAQjB,GAAA;YACRkB,OAAA,EAAS;cACPC,iBAAA,EAAmB;cACnBC,qBAAA,EAAuB,CAACnD;YAC1B;YACAoD,0BAAA,EAA4B;YAC5BC,oBAAA,EAAsB;YACtBrB,MAAA;YACAsB,SAAA,EAAW;cACTC,OAAA,EAAS;YACX;YACAC,cAAA,EAAgB,CAAC1C;UACnB;UAEA,IAAI+B,MAAA,IAAUA,MAAA,EAAQY,GAAA,EAAKC,EAAA,IAAM,CAAC1D,4BAAA,EAA8B;YAC9DC,+BAAA,CAAgC;YAChCC,0BAAA,CAA4ByD,IAAA,IAASA,IAAA,GAAO;UAC9C;UAEA,MAAMC,OAAA,GAAU,IAAI/B,IAAA;UAEpB;UACAJ,YAAA,GAAemC,OAAA,CAAQ9B,OAAO;UAE9BJ,aAAA;QACF;MACF;IACF,GACA;MACEmC,YAAA,EAAcA,CAAA;QACZzD,uBAAA,CAAwB;MAC1B;MACA0D,aAAA,EAAeA,CAAA;QACb1D,uBAAA,CAAwB;MAC1B;IACF;EAEJ;EAEA,MAAM2D,QAAA,GAAW3F,MAAA,CAAO;EACxB,MAAM4F,qBAAA,GAAwB5F,MAAA,CAAOL,oBAAA,CAAqBmD,kBAAA;EAE1D;EACA/C,SAAA,CAAU;IACR;;;IAGA,IAAI,CAAC4F,QAAA,CAASzC,OAAO,EAAE;MACrByC,QAAA,CAASzC,OAAO,GAAG;MACnB;IACF;IAEA;;;;IAIA,MAAM;MAAE2C,SAAA,EAAWC,CAAC;MAAE,GAAGC;IAAA,CAAU,GAAGpG,oBAAA,CAAqBmD,kBAAA;IAC3D,MAAM;MAAE+C,SAAA,EAAWG,EAAE;MAAE,GAAGC;IAAA,CAAc,GAAGL,qBAAA,CAAsB1C,OAAO;IAExE,IAAI3D,MAAA,CAAOwG,QAAA,EAAUE,YAAA,GAAe;MAClC;IACF;IAEAL,qBAAA,CAAsB1C,OAAO,GAAG6C,QAAA;IAEhC9C,cAAA;EACF,GAAG,CAACH,kBAAA,CAAmB;EAEvB;;;EAGA/C,SAAA,CAAU;IACR,OAAO;MACLyD,qBAAA;IACF;EACF,GAAG,EAAE;EAEL,MAAMA,qBAAA,GAAwBjD,cAAA,CAAe;IAC3C,IAAIyC,kBAAA,CAAmBE,OAAO,EAAE;MAC9BgD,YAAA,CAAalD,kBAAA,CAAmBE,OAAO;IACzC;IAEAN,SAAA,CAAU;EACZ;EAEA,oBACEuD,KAAA,CAAC;IAAIC,SAAA,EAAWpF,SAAA;eACb0B,eAAA,IAAmB,CAACX,OAAA,iBAAWsE,IAAA,CAACtF,kBAAA,OAChC8B,MAAA,IAAUL,CAAA,CAAE,mBACZ,CAACK,MAAA,IAAUyD,OAAA,CAAQ3E,cAAA,kBAClB0E,IAAA,CAACxG,KAAA,CAAM0G,QAAQ;gBACZ/D,CAAA,CAAE,wBAAwB;QACzBgE,QAAA,EAAU3F,eAAA,CAAgB;UAAE4F,IAAA,EAAM9E,cAAA;UAAgBY;QAAK;MACzD;;;AAKV","ignoreList":[]}

package/dist/elements/Banner/index.js

@@ -1,59 +1,39 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
 import { Link } from '../Link/index.js';
 const baseClass = 'banner';
-export const Banner = ({ type = 'default', alignIcon = 'right', children, className, icon, onClick, to })=>{
-    const classes = [
-        baseClass,
-        `${baseClass}--type-${type}`,
-        className && className,
-        to && `${baseClass}--has-link`,
-        (to || onClick) && `${baseClass}--has-action`,
-        icon && `${baseClass}--has-icon`,
-        icon && `${baseClass}--align-icon-${alignIcon}`
-    ].filter(Boolean).join(' ');
-    let RenderedType = 'div';
-    if (onClick && !to) {
-        RenderedType = 'button';
-    }
-    if (to) {
-        RenderedType = Link;
-    }
-    return /*#__PURE__*/ _jsxDEV(RenderedType, {
-        className: classes,
-        href: to || null,
-        onClick: onClick,
-        children: [
-            icon && alignIcon === 'left' && /*#__PURE__*/ _jsxDEV(React.Fragment, {
-                children: icon
-            }, void 0, false, {
-                fileName: "src/elements/Banner/index.tsx",
-                lineNumber: 62,
-                columnNumber: 40
-            }, this),
-            /*#__PURE__*/ _jsxDEV("span", {
-                className: `${baseClass}__content`,
-                children: children
-            }, void 0, false, {
-                fileName: "src/elements/Banner/index.tsx",
-                lineNumber: 63,
-                columnNumber: 7
-            }, this),
-            icon && alignIcon === 'right' && /*#__PURE__*/ _jsxDEV(React.Fragment, {
-                children: icon
-            }, void 0, false, {
-                fileName: "src/elements/Banner/index.tsx",
-                lineNumber: 64,
-                columnNumber: 41
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/Banner/index.tsx",
-        lineNumber: 61,
-        columnNumber: 5
-    }, this);
+export const Banner = ({
+  type = 'default',
+  alignIcon = 'right',
+  children,
+  className,
+  icon,
+  onClick,
+  to
+}) => {
+  const classes = [baseClass, `${baseClass}--type-${type}`, className && className, to && `${baseClass}--has-link`, (to || onClick) && `${baseClass}--has-action`, icon && `${baseClass}--has-icon`, icon && `${baseClass}--align-icon-${alignIcon}`].filter(Boolean).join(' ');
+  let RenderedType = 'div';
+  if (onClick && !to) {
+    RenderedType = 'button';
+  }
+  if (to) {
+    RenderedType = Link;
+  }
+  return /*#__PURE__*/_jsxs(RenderedType, {
+    className: classes,
+    href: to || null,
+    onClick: onClick,
+    children: [icon && alignIcon === 'left' && /*#__PURE__*/_jsx(React.Fragment, {
+      children: icon
+    }), /*#__PURE__*/_jsx("span", {
+      className: `${baseClass}__content`,
+      children: children
+    }), icon && alignIcon === 'right' && /*#__PURE__*/_jsx(React.Fragment, {
+      children: icon
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Banner/index.tsx"],"sourcesContent":["'use client'\nimport type { MouseEvent } from 'react'\n\nimport React from 'react'\n\nimport './index.scss'\nimport { Link } from '../Link/index.js'\n\nconst baseClass = 'banner'\n\ntype onClick = (event: MouseEvent) => void\n\nexport type Props = Readonly<{\n  alignIcon?: 'left' | 'right'\n  children?: React.ReactNode\n  className?: string\n  icon?: React.ReactNode\n  onClick?: onClick\n  to?: string\n  type?: 'default' | 'error' | 'info' | 'success'\n}>\n\nexport type RenderedTypeProps = {\n  children?: React.ReactNode\n  className?: string\n  onClick?: onClick\n  to: string\n}\n\nexport const Banner: React.FC<Props> = ({\n  type = 'default',\n  alignIcon = 'right',\n  children,\n  className,\n  icon,\n  onClick,\n  to,\n}) => {\n  const classes = [\n    baseClass,\n    `${baseClass}--type-${type}`,\n    className && className,\n    to && `${baseClass}--has-link`,\n    (to || onClick) && `${baseClass}--has-action`,\n    icon && `${baseClass}--has-icon`,\n    icon && `${baseClass}--align-icon-${alignIcon}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let RenderedType: React.ComponentType<RenderedTypeProps> | React.ElementType = 'div'\n\n  if (onClick && !to) {\n    RenderedType = 'button'\n  }\n  if (to) {\n    RenderedType = Link\n  }\n\n  return (\n    <RenderedType className={classes} href={to || null} onClick={onClick}>\n      {icon && alignIcon === 'left' && <React.Fragment>{icon}</React.Fragment>}\n      <span className={`${baseClass}__content`}>{children}</span>\n      {icon && alignIcon === 'right' && <React.Fragment>{icon}</React.Fragment>}\n    </RenderedType>\n  )\n}\n"],"names":["React","Link","baseClass","Banner","type","alignIcon","children","className","icon","onClick","to","classes","filter","Boolean","join","RenderedType","href","Fragment","span"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AACrB,SAASC,IAAI,QAAQ,mBAAkB;AAEvC,MAAMC,YAAY;AAqBlB,OAAO,MAAMC,SAA0B,CAAC,EACtCC,OAAO,SAAS,EAChBC,YAAY,OAAO,EACnBC,QAAQ,EACRC,SAAS,EACTC,IAAI,EACJC,OAAO,EACPC,EAAE,EACH;IACC,MAAMC,UAAU;QACdT;QACA,GAAGA,UAAU,OAAO,EAAEE,MAAM;QAC5BG,aAAaA;QACbG,MAAM,GAAGR,UAAU,UAAU,CAAC;QAC7BQ,CAAAA,MAAMD,OAAM,KAAM,GAAGP,UAAU,YAAY,CAAC;QAC7CM,QAAQ,GAAGN,UAAU,UAAU,CAAC;QAChCM,QAAQ,GAAGN,UAAU,aAAa,EAAEG,WAAW;KAChD,CACEO,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIC,eAA2E;IAE/E,IAAIN,WAAW,CAACC,IAAI;QAClBK,eAAe;IACjB;IACA,IAAIL,IAAI;QACNK,eAAed;IACjB;IAEA,qBACE,QAACc;QAAaR,WAAWI;QAASK,MAAMN,MAAM;QAAMD,SAASA;;YAC1DD,QAAQH,cAAc,wBAAU,QAACL,MAAMiB,QAAQ;0BAAET;;;;;;0BAClD,QAACU;gBAAKX,WAAW,GAAGL,UAAU,SAAS,CAAC;0BAAGI;;;;;;YAC1CE,QAAQH,cAAc,yBAAW,QAACL,MAAMiB,QAAQ;0BAAET;;;;;;;;;;;;AAGzD,EAAC"}
+{"version":3,"file":"index.js","names":["React","Link","baseClass","Banner","type","alignIcon","children","className","icon","onClick","to","classes","filter","Boolean","join","RenderedType","_jsxs","href","_jsx","Fragment"],"sources":["../../../src/elements/Banner/index.tsx"],"sourcesContent":["'use client'\nimport type { MouseEvent } from 'react'\n\nimport React from 'react'\n\nimport './index.scss'\nimport { Link } from '../Link/index.js'\n\nconst baseClass = 'banner'\n\ntype onClick = (event: MouseEvent) => void\n\nexport type Props = Readonly<{\n  alignIcon?: 'left' | 'right'\n  children?: React.ReactNode\n  className?: string\n  icon?: React.ReactNode\n  onClick?: onClick\n  to?: string\n  type?: 'default' | 'error' | 'info' | 'success'\n}>\n\nexport type RenderedTypeProps = {\n  children?: React.ReactNode\n  className?: string\n  onClick?: onClick\n  to: string\n}\n\nexport const Banner: React.FC<Props> = ({\n  type = 'default',\n  alignIcon = 'right',\n  children,\n  className,\n  icon,\n  onClick,\n  to,\n}) => {\n  const classes = [\n    baseClass,\n    `${baseClass}--type-${type}`,\n    className && className,\n    to && `${baseClass}--has-link`,\n    (to || onClick) && `${baseClass}--has-action`,\n    icon && `${baseClass}--has-icon`,\n    icon && `${baseClass}--align-icon-${alignIcon}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let RenderedType: React.ComponentType<RenderedTypeProps> | React.ElementType = 'div'\n\n  if (onClick && !to) {\n    RenderedType = 'button'\n  }\n  if (to) {\n    RenderedType = Link\n  }\n\n  return (\n    <RenderedType className={classes} href={to || null} onClick={onClick}>\n      {icon && alignIcon === 'left' && <React.Fragment>{icon}</React.Fragment>}\n      <span className={`${baseClass}__content`}>{children}</span>\n      {icon && alignIcon === 'right' && <React.Fragment>{icon}</React.Fragment>}\n    </RenderedType>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,OAAO;AACP,SAASC,IAAI,QAAQ;AAErB,MAAMC,SAAA,GAAY;AAqBlB,OAAO,MAAMC,MAAA,GAA0BA,CAAC;EACtCC,IAAA,GAAO,SAAS;EAChBC,SAAA,GAAY,OAAO;EACnBC,QAAQ;EACRC,SAAS;EACTC,IAAI;EACJC,OAAO;EACPC;AAAE,CACH;EACC,MAAMC,OAAA,GAAU,CACdT,SAAA,EACA,GAAGA,SAAA,UAAmBE,IAAA,EAAM,EAC5BG,SAAA,IAAaA,SAAA,EACbG,EAAA,IAAM,GAAGR,SAAA,YAAqB,EAC7B,CAAAQ,EAAA,IAAMD,OAAM,KAAM,GAAGP,SAAA,cAAuB,EAC7CM,IAAA,IAAQ,GAAGN,SAAA,YAAqB,EAChCM,IAAA,IAAQ,GAAGN,SAAA,gBAAyBG,SAAA,EAAW,CAChD,CACEO,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EAER,IAAIC,YAAA,GAA2E;EAE/E,IAAIN,OAAA,IAAW,CAACC,EAAA,EAAI;IAClBK,YAAA,GAAe;EACjB;EACA,IAAIL,EAAA,EAAI;IACNK,YAAA,GAAed,IAAA;EACjB;EAEA,oBACEe,KAAA,CAACD,YAAA;IAAaR,SAAA,EAAWI,OAAA;IAASM,IAAA,EAAMP,EAAA,IAAM;IAAMD,OAAA,EAASA,OAAA;eAC1DD,IAAA,IAAQH,SAAA,KAAc,uBAAUa,IAAA,CAAClB,KAAA,CAAMmB,QAAQ;gBAAEX;qBAClDU,IAAA,CAAC;MAAKX,SAAA,EAAW,GAAGL,SAAA,WAAoB;gBAAGI;QAC1CE,IAAA,IAAQH,SAAA,KAAc,wBAAWa,IAAA,CAAClB,KAAA,CAAMmB,QAAQ;gBAAEX;;;AAGzD","ignoreList":[]}