@payloadcms/ui 3.68.0-internal-debug.591ab42 → 3.68.0-internal-debug.e9b66ee

package/dist/elements/ArrayAction/index.js

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { ChevronIcon } from '../../icons/Chevron/index.js';
 import { CopyIcon } from '../../icons/Copy/index.js';
@@ -13,188 +12,63 @@ import { Popup, PopupList } from '../Popup/index.js';
 const baseClass = 'array-actions';
 export const ArrayAction = ({ addRow, copyRow, duplicateRow, hasMaxRows, index, isSortable, moveRow, pasteRow, removeRow, rowCount })=>{
     const { t } = useTranslation();
-    return /*#__PURE__*/ _jsxDEV(Popup, {
-        button: /*#__PURE__*/ _jsxDEV(MoreIcon, {}, void 0, false, {
-            fileName: "src/elements/ArrayAction/index.tsx",
-            lineNumber: 45,
-            columnNumber: 15
-        }, void 0),
-        buttonClassName: `${baseClass}__button`,
-        className: baseClass,
-        horizontalAlign: "center",
-        render: ({ close })=>{
-            return /*#__PURE__*/ _jsxDEV(PopupList.ButtonGroup, {
-                buttonSize: "small",
-                children: [
-                    isSortable && index !== 0 && /*#__PURE__*/ _jsxDEV(PopupList.Button, {
-                        className: `${baseClass}__action ${baseClass}__move-up`,
-                        onClick: ()=>{
-                            moveRow(index, index - 1);
-                            close();
-                        },
-                        children: [
-                            /*#__PURE__*/ _jsxDEV("div", {
-                                className: `${baseClass}__action-chevron`,
-                                children: /*#__PURE__*/ _jsxDEV(ChevronIcon, {
-                                    direction: "up"
-                                }, void 0, false, {
-                                    fileName: "src/elements/ArrayAction/index.tsx",
-                                    lineNumber: 61,
-                                    columnNumber: 19
-                                }, void 0)
-                            }, void 0, false, {
-                                fileName: "src/elements/ArrayAction/index.tsx",
-                                lineNumber: 60,
-                                columnNumber: 17
-                            }, void 0),
-                            t('general:moveUp')
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/elements/ArrayAction/index.tsx",
-                        lineNumber: 53,
-                        columnNumber: 15
-                    }, void 0),
-                    isSortable && index < rowCount - 1 && /*#__PURE__*/ _jsxDEV(PopupList.Button, {
-                        className: `${baseClass}__action`,
-                        onClick: ()=>{
-                            moveRow(index, index + 1);
-                            close();
-                        },
-                        children: [
-                            /*#__PURE__*/ _jsxDEV("div", {
-                                className: `${baseClass}__action-chevron`,
-                                children: /*#__PURE__*/ _jsxDEV(ChevronIcon, {}, void 0, false, {
-                                    fileName: "src/elements/ArrayAction/index.tsx",
-                                    lineNumber: 75,
-                                    columnNumber: 19
-                                }, void 0)
-                            }, void 0, false, {
-                                fileName: "src/elements/ArrayAction/index.tsx",
-                                lineNumber: 74,
-                                columnNumber: 17
-                            }, void 0),
-                            t('general:moveDown')
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/elements/ArrayAction/index.tsx",
-                        lineNumber: 67,
-                        columnNumber: 15
-                    }, void 0),
-                    !hasMaxRows && /*#__PURE__*/ _jsxDEV(React.Fragment, {
-                        children: [
-                            /*#__PURE__*/ _jsxDEV(PopupList.Button, {
-                                className: `${baseClass}__action ${baseClass}__add`,
-                                onClick: ()=>{
-                                    void addRow(index + 1);
-                                    close();
-                                },
-                                children: [
-                                    /*#__PURE__*/ _jsxDEV(PlusIcon, {}, void 0, false, {
-                                        fileName: "src/elements/ArrayAction/index.tsx",
-                                        lineNumber: 89,
-                                        columnNumber: 19
-                                    }, void 0),
-                                    t('general:addBelow')
-                                ]
-                            }, void 0, true, {
-                                fileName: "src/elements/ArrayAction/index.tsx",
-                                lineNumber: 82,
-                                columnNumber: 17
-                            }, void 0),
-                            /*#__PURE__*/ _jsxDEV(PopupList.Button, {
-                                className: `${baseClass}__action ${baseClass}__duplicate`,
-                                onClick: ()=>{
-                                    duplicateRow(index);
-                                    close();
-                                },
-                                children: [
-                                    /*#__PURE__*/ _jsxDEV(CopyIcon, {}, void 0, false, {
-                                        fileName: "src/elements/ArrayAction/index.tsx",
-                                        lineNumber: 99,
-                                        columnNumber: 19
-                                    }, void 0),
-                                    t('general:duplicate')
-                                ]
-                            }, void 0, true, {
-                                fileName: "src/elements/ArrayAction/index.tsx",
-                                lineNumber: 92,
-                                columnNumber: 17
-                            }, void 0)
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/elements/ArrayAction/index.tsx",
-                        lineNumber: 81,
-                        columnNumber: 15
-                    }, void 0),
-                    /*#__PURE__*/ _jsxDEV(PopupList.Button, {
-                        className: `${baseClass}__action ${baseClass}__copy`,
-                        onClick: ()=>{
-                            copyRow(index);
-                            close();
-                        },
-                        children: /*#__PURE__*/ _jsxDEV(ClipboardActionLabel, {
-                            isRow: true
-                        }, void 0, false, {
-                            fileName: "src/elements/ArrayAction/index.tsx",
-                            lineNumber: 111,
-                            columnNumber: 15
-                        }, void 0)
-                    }, void 0, false, {
-                        fileName: "src/elements/ArrayAction/index.tsx",
-                        lineNumber: 104,
-                        columnNumber: 13
-                    }, void 0),
-                    /*#__PURE__*/ _jsxDEV(PopupList.Button, {
-                        className: `${baseClass}__action ${baseClass}__paste`,
-                        onClick: ()=>{
-                            pasteRow(index);
-                            close();
-                        },
-                        children: /*#__PURE__*/ _jsxDEV(ClipboardActionLabel, {
-                            isPaste: true,
-                            isRow: true
-                        }, void 0, false, {
-                            fileName: "src/elements/ArrayAction/index.tsx",
-                            lineNumber: 120,
-                            columnNumber: 15
-                        }, void 0)
-                    }, void 0, false, {
-                        fileName: "src/elements/ArrayAction/index.tsx",
-                        lineNumber: 113,
-                        columnNumber: 13
-                    }, void 0),
-                    /*#__PURE__*/ _jsxDEV(PopupList.Button, {
-                        className: `${baseClass}__action ${baseClass}__remove`,
-                        onClick: ()=>{
-                            removeRow(index);
-                            close();
-                        },
-                        children: [
-                            /*#__PURE__*/ _jsxDEV(XIcon, {}, void 0, false, {
-                                fileName: "src/elements/ArrayAction/index.tsx",
-                                lineNumber: 129,
-                                columnNumber: 15
-                            }, void 0),
-                            t('general:remove')
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/elements/ArrayAction/index.tsx",
-                        lineNumber: 122,
-                        columnNumber: 13
-                    }, void 0)
-                ]
-            }, void 0, true, {
-                fileName: "src/elements/ArrayAction/index.tsx",
-                lineNumber: 51,
-                columnNumber: 11
-            }, void 0);
-        },
-        size: "medium"
-    }, void 0, false, {
-        fileName: "src/elements/ArrayAction/index.tsx",
-        lineNumber: 44,
-        columnNumber: 5
-    }, this);
+    return <Popup button={<MoreIcon/>} buttonClassName={`${baseClass}__button`} className={baseClass} horizontalAlign="center" render={({ close })=>{
+        return <PopupList.ButtonGroup buttonSize="small">
+            {isSortable && index !== 0 && <PopupList.Button className={`${baseClass}__action ${baseClass}__move-up`} onClick={()=>{
+            moveRow(index, index - 1);
+            close();
+        }}>
+                <div className={`${baseClass}__action-chevron`}>
+                  <ChevronIcon direction="up"/>
+                </div>
+                {t('general:moveUp')}
+              </PopupList.Button>}
+            {isSortable && index < rowCount - 1 && <PopupList.Button className={`${baseClass}__action`} onClick={()=>{
+            moveRow(index, index + 1);
+            close();
+        }}>
+                <div className={`${baseClass}__action-chevron`}>
+                  <ChevronIcon/>
+                </div>
+                {t('general:moveDown')}
+              </PopupList.Button>}
+            {!hasMaxRows && <React.Fragment>
+                <PopupList.Button className={`${baseClass}__action ${baseClass}__add`} onClick={()=>{
+            void addRow(index + 1);
+            close();
+        }}>
+                  <PlusIcon/>
+                  {t('general:addBelow')}
+                </PopupList.Button>
+                <PopupList.Button className={`${baseClass}__action ${baseClass}__duplicate`} onClick={()=>{
+            duplicateRow(index);
+            close();
+        }}>
+                  <CopyIcon/>
+                  {t('general:duplicate')}
+                </PopupList.Button>
+              </React.Fragment>}
+            <PopupList.Button className={`${baseClass}__action ${baseClass}__copy`} onClick={()=>{
+            copyRow(index);
+            close();
+        }}>
+              <ClipboardActionLabel isRow/>
+            </PopupList.Button>
+            <PopupList.Button className={`${baseClass}__action ${baseClass}__paste`} onClick={()=>{
+            pasteRow(index);
+            close();
+        }}>
+              <ClipboardActionLabel isPaste isRow/>
+            </PopupList.Button>
+            <PopupList.Button className={`${baseClass}__action ${baseClass}__remove`} onClick={()=>{
+            removeRow(index);
+            close();
+        }}>
+              <XIcon/>
+              {t('general:remove')}
+            </PopupList.Button>
+          </PopupList.ButtonGroup>;
+    }} size="medium"/>;
 };
 
 //# sourceMappingURL=index.js.map

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

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

package/dist/elements/Autosave/index.js

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 // TODO: abstract the `next/navigation` dependency out from this component
 import { dequal } from 'dequal/lite';
 import { getAutosaveInterval, hasDraftValidationEnabled, reduceFieldsToValues } from 'payload/shared';
@@ -142,33 +141,18 @@ export const Autosave = ({ id, collection, global: globalDoc })=>{
         }
         setSaving(false);
     });
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: baseClass,
-        children: [
-            validateOnDraft && !isValid && /*#__PURE__*/ _jsxDEV(LeaveWithoutSaving, {}, void 0, false, {
-                fileName: "src/elements/Autosave/index.tsx",
-                lineNumber: 221,
-                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: 224,
-                columnNumber: 9
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/Autosave/index.tsx",
-        lineNumber: 220,
-        columnNumber: 5
-    }, this);
+    return <div className={baseClass}>
+      {validateOnDraft && !isValid && <LeaveWithoutSaving/>}
+      {saving && t('general:saving')}
+      {!saving && Boolean(lastUpdateTime) && <React.Fragment>
+          {t('version:lastSavedAgo', {
+        distance: formatTimeToNow({
+            date: lastUpdateTime,
+            i18n
+        })
+    })}
+        </React.Fragment>}
+    </div>;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Autosave/index.tsx"],"sourcesContent":["'use client'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload'\n\nimport { dequal } from 'dequal/lite'\nimport {\n  getAutosaveInterval,\n  hasDraftValidationEnabled,\n  reduceFieldsToValues,\n} from 'payload/shared'\nimport React, { useDeferredValue, useEffect, useRef, useState } from 'react'\n\nimport type { OnSaveContext } from '../../views/Edit/index.js'\n\nimport {\n  useAllFormFields,\n  useForm,\n  useFormModified,\n  useFormSubmitted,\n} from '../../forms/Form/context.js'\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { useQueue } from '../../hooks/useQueue.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatTimeToNow } from '../../utilities/formatDocTitle/formatDateTitle.js'\nimport { reduceFieldsToValuesWithValidation } from '../../utilities/reduceFieldsToValuesWithValidation.js'\nimport { LeaveWithoutSaving } from '../LeaveWithoutSaving/index.js'\nimport './index.scss'\n\nconst baseClass = 'autosave'\n// The minimum time the saving state should be shown\nconst minimumAnimationTime = 1000\n\nexport type Props = {\n  collection?: ClientCollectionConfig\n  global?: ClientGlobalConfig\n  id?: number | string\n  publishedDocUpdatedAt: string\n}\n\nexport const Autosave: React.FC<Props> = ({ id, collection, global: globalDoc }) => {\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const {\n    docConfig,\n    lastUpdateTime,\n    mostRecentVersionIsAutosaved,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n  } = useDocumentInfo()\n\n  const { isValid, setBackgroundProcessing, submit } = useForm()\n\n  const [formState] = useAllFormFields()\n  const modified = useFormModified()\n  const submitted = useFormSubmitted()\n\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const interval = getAutosaveInterval(docConfig)\n  const validateOnDraft = hasDraftValidationEnabled(docConfig)\n\n  const [_saving, setSaving] = useState(false)\n\n  const saving = useDeferredValue(_saving)\n\n  const debouncedFormState = useDebounce(formState, interval)\n\n  const { queueTask } = useQueue()\n\n  const autosaveTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n\n  const handleAutosave = useEffectEvent(() => {\n    autosaveTimeoutRef.current = undefined\n    // We need to log the time in order to figure out if we need to trigger the state off later\n    let startTimestamp = undefined\n    let endTimestamp = undefined\n\n    const hideIndicator = () => {\n      // If request was faster than minimum animation time, animate the difference\n      if (endTimestamp - startTimestamp < minimumAnimationTime) {\n        autosaveTimeoutRef.current = setTimeout(\n          () => {\n            setSaving(false)\n          },\n          minimumAnimationTime - (endTimestamp - startTimestamp),\n        )\n      } else {\n        stopAutoSaveIndicator()\n      }\n    }\n\n    queueTask(\n      async () => {\n        if (modified) {\n          startTimestamp = new Date().getTime()\n\n          setSaving(true)\n\n          let url: string\n          let method: string\n          let entitySlug: string\n\n          if (collection && id) {\n            entitySlug = collection.slug\n            url = `${serverURL}${api}/${entitySlug}/${id}?depth=0&draft=true&autosave=true&locale=${locale}&fallback-locale=null`\n            method = 'PATCH'\n          }\n\n          if (globalDoc) {\n            entitySlug = globalDoc.slug\n            url = `${serverURL}${api}/globals/${entitySlug}?depth=0&draft=true&autosave=true&locale=${locale}&fallback-locale=null`\n            method = 'POST'\n          }\n\n          const { valid } = reduceFieldsToValuesWithValidation(formState, true)\n\n          const skipSubmission = submitted && !valid && validateOnDraft\n\n          if (!skipSubmission && modified && url) {\n            const result = await submit<any, OnSaveContext>({\n              acceptValues: {\n                overrideLocalChanges: false,\n              },\n              action: url,\n              context: {\n                getDocPermissions: false,\n                incrementVersionCount: !mostRecentVersionIsAutosaved,\n              },\n              disableFormWhileProcessing: false,\n              disableSuccessStatus: true,\n              method,\n              overrides: {\n                _status: 'draft',\n              },\n              skipValidation: !validateOnDraft,\n            })\n\n            if (result && result?.res?.ok && !mostRecentVersionIsAutosaved) {\n              setMostRecentVersionIsAutosaved(true)\n              setUnpublishedVersionCount((prev) => prev + 1)\n            }\n\n            const newDate = new Date()\n\n            // We need to log the time in order to figure out if we need to trigger the state off later\n            endTimestamp = newDate.getTime()\n\n            hideIndicator()\n          }\n        }\n      },\n      {\n        afterProcess: () => {\n          setBackgroundProcessing(false)\n        },\n        beforeProcess: () => {\n          setBackgroundProcessing(true)\n        },\n      },\n    )\n  })\n\n  const didMount = useRef(false)\n  const previousDebouncedData = useRef(reduceFieldsToValues(debouncedFormState))\n\n  // When debounced fields change, autosave\n  useEffect(() => {\n    /**\n     * Ensure autosave doesn't run on mount\n     */\n    if (!didMount.current) {\n      didMount.current = true\n      return\n    }\n\n    /**\n     * Ensure autosave only runs if the form data changes, not every time the entire form state changes\n     * Remove `updatedAt` from comparison as it changes on every autosave interval.\n     */\n    const { updatedAt: _, ...formData } = reduceFieldsToValues(debouncedFormState)\n    const { updatedAt: __, ...prevFormData } = previousDebouncedData.current\n\n    if (dequal(formData, prevFormData)) {\n      return\n    }\n\n    previousDebouncedData.current = formData\n\n    handleAutosave()\n  }, [debouncedFormState])\n\n  /**\n   * If component unmounts, clear the autosave timeout\n   */\n  useEffect(() => {\n    return () => {\n      stopAutoSaveIndicator()\n    }\n  }, [])\n\n  const stopAutoSaveIndicator = useEffectEvent(() => {\n    if (autosaveTimeoutRef.current) {\n      clearTimeout(autosaveTimeoutRef.current)\n    }\n\n    setSaving(false)\n  })\n\n  return (\n    <div className={baseClass}>\n      {validateOnDraft && !isValid && <LeaveWithoutSaving />}\n      {saving && t('general:saving')}\n      {!saving && Boolean(lastUpdateTime) && (\n        <React.Fragment>\n          {t('version:lastSavedAgo', {\n            distance: formatTimeToNow({ date: lastUpdateTime, i18n }),\n          })}\n        </React.Fragment>\n      )}\n    </div>\n  )\n}\n"],"names":["dequal","getAutosaveInterval","hasDraftValidationEnabled","reduceFieldsToValues","React","useDeferredValue","useEffect","useRef","useState","useAllFormFields","useForm","useFormModified","useFormSubmitted","useDebounce","useEffectEvent","useQueue","useConfig","useDocumentInfo","useLocale","useTranslation","formatTimeToNow","reduceFieldsToValuesWithValidation","LeaveWithoutSaving","baseClass","minimumAnimationTime","Autosave","id","collection","global","globalDoc","config","routes","api","serverURL","docConfig","lastUpdateTime","mostRecentVersionIsAutosaved","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","isValid","setBackgroundProcessing","submit","formState","modified","submitted","code","locale","i18n","t","interval","validateOnDraft","_saving","setSaving","saving","debouncedFormState","queueTask","autosaveTimeoutRef","handleAutosave","current","undefined","startTimestamp","endTimestamp","hideIndicator","setTimeout","stopAutoSaveIndicator","Date","getTime","url","method","entitySlug","slug","valid","skipSubmission","result","acceptValues","overrideLocalChanges","action","context","getDocPermissions","incrementVersionCount","disableFormWhileProcessing","disableSuccessStatus","overrides","_status","skipValidation","res","ok","prev","newDate","afterProcess","beforeProcess","didMount","previousDebouncedData","updatedAt","_","formData","__","prevFormData","clearTimeout","div","className","Boolean","Fragment","distance","date"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/Autosave/index.tsx"],"sourcesContent":["'use client'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload'\n\nimport { dequal } from 'dequal/lite'\nimport {\n  getAutosaveInterval,\n  hasDraftValidationEnabled,\n  reduceFieldsToValues,\n} from 'payload/shared'\nimport React, { useDeferredValue, useEffect, useRef, useState } from 'react'\n\nimport type { OnSaveContext } from '../../views/Edit/index.js'\n\nimport {\n  useAllFormFields,\n  useForm,\n  useFormModified,\n  useFormSubmitted,\n} from '../../forms/Form/context.js'\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { useQueue } from '../../hooks/useQueue.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatTimeToNow } from '../../utilities/formatDocTitle/formatDateTitle.js'\nimport { reduceFieldsToValuesWithValidation } from '../../utilities/reduceFieldsToValuesWithValidation.js'\nimport { LeaveWithoutSaving } from '../LeaveWithoutSaving/index.js'\nimport './index.scss'\n\nconst baseClass = 'autosave'\n// The minimum time the saving state should be shown\nconst minimumAnimationTime = 1000\n\nexport type Props = {\n  collection?: ClientCollectionConfig\n  global?: ClientGlobalConfig\n  id?: number | string\n  publishedDocUpdatedAt: string\n}\n\nexport const Autosave: React.FC<Props> = ({ id, collection, global: globalDoc }) => {\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const {\n    docConfig,\n    lastUpdateTime,\n    mostRecentVersionIsAutosaved,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n  } = useDocumentInfo()\n\n  const { isValid, setBackgroundProcessing, submit } = useForm()\n\n  const [formState] = useAllFormFields()\n  const modified = useFormModified()\n  const submitted = useFormSubmitted()\n\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const interval = getAutosaveInterval(docConfig)\n  const validateOnDraft = hasDraftValidationEnabled(docConfig)\n\n  const [_saving, setSaving] = useState(false)\n\n  const saving = useDeferredValue(_saving)\n\n  const debouncedFormState = useDebounce(formState, interval)\n\n  const { queueTask } = useQueue()\n\n  const autosaveTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n\n  const handleAutosave = useEffectEvent(() => {\n    autosaveTimeoutRef.current = undefined\n    // We need to log the time in order to figure out if we need to trigger the state off later\n    let startTimestamp = undefined\n    let endTimestamp = undefined\n\n    const hideIndicator = () => {\n      // If request was faster than minimum animation time, animate the difference\n      if (endTimestamp - startTimestamp < minimumAnimationTime) {\n        autosaveTimeoutRef.current = setTimeout(\n          () => {\n            setSaving(false)\n          },\n          minimumAnimationTime - (endTimestamp - startTimestamp),\n        )\n      } else {\n        stopAutoSaveIndicator()\n      }\n    }\n\n    queueTask(\n      async () => {\n        if (modified) {\n          startTimestamp = new Date().getTime()\n\n          setSaving(true)\n\n          let url: string\n          let method: string\n          let entitySlug: string\n\n          if (collection && id) {\n            entitySlug = collection.slug\n            url = `${serverURL}${api}/${entitySlug}/${id}?depth=0&draft=true&autosave=true&locale=${locale}&fallback-locale=null`\n            method = 'PATCH'\n          }\n\n          if (globalDoc) {\n            entitySlug = globalDoc.slug\n            url = `${serverURL}${api}/globals/${entitySlug}?depth=0&draft=true&autosave=true&locale=${locale}&fallback-locale=null`\n            method = 'POST'\n          }\n\n          const { valid } = reduceFieldsToValuesWithValidation(formState, true)\n\n          const skipSubmission = submitted && !valid && validateOnDraft\n\n          if (!skipSubmission && modified && url) {\n            const result = await submit<any, OnSaveContext>({\n              acceptValues: {\n                overrideLocalChanges: false,\n              },\n              action: url,\n              context: {\n                getDocPermissions: false,\n                incrementVersionCount: !mostRecentVersionIsAutosaved,\n              },\n              disableFormWhileProcessing: false,\n              disableSuccessStatus: true,\n              method,\n              overrides: {\n                _status: 'draft',\n              },\n              skipValidation: !validateOnDraft,\n            })\n\n            if (result && result?.res?.ok && !mostRecentVersionIsAutosaved) {\n              setMostRecentVersionIsAutosaved(true)\n              setUnpublishedVersionCount((prev) => prev + 1)\n            }\n\n            const newDate = new Date()\n\n            // We need to log the time in order to figure out if we need to trigger the state off later\n            endTimestamp = newDate.getTime()\n\n            hideIndicator()\n          }\n        }\n      },\n      {\n        afterProcess: () => {\n          setBackgroundProcessing(false)\n        },\n        beforeProcess: () => {\n          setBackgroundProcessing(true)\n        },\n      },\n    )\n  })\n\n  const didMount = useRef(false)\n  const previousDebouncedData = useRef(reduceFieldsToValues(debouncedFormState))\n\n  // When debounced fields change, autosave\n  useEffect(() => {\n    /**\n     * Ensure autosave doesn't run on mount\n     */\n    if (!didMount.current) {\n      didMount.current = true\n      return\n    }\n\n    /**\n     * Ensure autosave only runs if the form data changes, not every time the entire form state changes\n     * Remove `updatedAt` from comparison as it changes on every autosave interval.\n     */\n    const { updatedAt: _, ...formData } = reduceFieldsToValues(debouncedFormState)\n    const { updatedAt: __, ...prevFormData } = previousDebouncedData.current\n\n    if (dequal(formData, prevFormData)) {\n      return\n    }\n\n    previousDebouncedData.current = formData\n\n    handleAutosave()\n  }, [debouncedFormState])\n\n  /**\n   * If component unmounts, clear the autosave timeout\n   */\n  useEffect(() => {\n    return () => {\n      stopAutoSaveIndicator()\n    }\n  }, [])\n\n  const stopAutoSaveIndicator = useEffectEvent(() => {\n    if (autosaveTimeoutRef.current) {\n      clearTimeout(autosaveTimeoutRef.current)\n    }\n\n    setSaving(false)\n  })\n\n  return (\n    <div className={baseClass}>\n      {validateOnDraft && !isValid && <LeaveWithoutSaving />}\n      {saving && t('general:saving')}\n      {!saving && Boolean(lastUpdateTime) && (\n        <React.Fragment>\n          {t('version:lastSavedAgo', {\n            distance: formatTimeToNow({ date: lastUpdateTime, i18n }),\n          })}\n        </React.Fragment>\n      )}\n    </div>\n  )\n}\n"],"names":["dequal","getAutosaveInterval","hasDraftValidationEnabled","reduceFieldsToValues","React","useDeferredValue","useEffect","useRef","useState","useAllFormFields","useForm","useFormModified","useFormSubmitted","useDebounce","useEffectEvent","useQueue","useConfig","useDocumentInfo","useLocale","useTranslation","formatTimeToNow","reduceFieldsToValuesWithValidation","LeaveWithoutSaving","baseClass","minimumAnimationTime","Autosave","id","collection","global","globalDoc","config","routes","api","serverURL","docConfig","lastUpdateTime","mostRecentVersionIsAutosaved","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","isValid","setBackgroundProcessing","submit","formState","modified","submitted","code","locale","i18n","t","interval","validateOnDraft","_saving","setSaving","saving","debouncedFormState","queueTask","autosaveTimeoutRef","handleAutosave","current","undefined","startTimestamp","endTimestamp","hideIndicator","setTimeout","stopAutoSaveIndicator","Date","getTime","url","method","entitySlug","slug","valid","skipSubmission","result","acceptValues","overrideLocalChanges","action","context","getDocPermissions","incrementVersionCount","disableFormWhileProcessing","disableSuccessStatus","overrides","_status","skipValidation","res","ok","prev","newDate","afterProcess","beforeProcess","didMount","previousDebouncedData","updatedAt","_","formData","__","prevFormData","clearTimeout","div","className","Boolean","Fragment","distance","date"],"mappings":"AAAA;AACA,0EAA0E;AAG1E,SAASA,MAAM,QAAQ,cAAa;AACpC,SACEC,mBAAmB,EACnBC,yBAAyB,EACzBC,oBAAoB,QACf,iBAAgB;AACvB,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,EACfC,SAAS,EACV,EACF,GAAGjB;IAEJ,MAAM,EACJkB,SAAS,EACTC,cAAc,EACdC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,0BAA0B,EAC3B,GAAGrB;IAEJ,MAAM,EAAEsB,OAAO,EAAEC,uBAAuB,EAAEC,MAAM,EAAE,GAAG/B;IAErD,MAAM,CAACgC,UAAU,GAAGjC;IACpB,MAAMkC,WAAWhC;IACjB,MAAMiC,YAAYhC;IAElB,MAAM,EAAEiC,MAAMC,MAAM,EAAE,GAAG5B;IACzB,MAAM,EAAE6B,IAAI,EAAEC,CAAC,EAAE,GAAG7B;IAEpB,MAAM8B,WAAWhD,oBAAoBiC;IACrC,MAAMgB,kBAAkBhD,0BAA0BgC;IAElD,MAAM,CAACiB,SAASC,UAAU,GAAG5C,SAAS;IAEtC,MAAM6C,SAAShD,iBAAiB8C;IAEhC,MAAMG,qBAAqBzC,YAAY6B,WAAWO;IAElD,MAAM,EAAEM,SAAS,EAAE,GAAGxC;IAEtB,MAAMyC,qBAAqBjD,OAA8B;IAEzD,MAAMkD,iBAAiB3C,eAAe;QACpC0C,mBAAmBE,OAAO,GAAGC;QAC7B,2FAA2F;QAC3F,IAAIC,iBAAiBD;QACrB,IAAIE,eAAeF;QAEnB,MAAMG,gBAAgB;YACpB,4EAA4E;YAC5E,IAAID,eAAeD,iBAAiBpC,sBAAsB;gBACxDgC,mBAAmBE,OAAO,GAAGK,WAC3B;oBACEX,UAAU;gBACZ,GACA5B,uBAAwBqC,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;gBAEJ,IAAI1C,cAAcD,IAAI;oBACpB2C,aAAa1C,WAAW2C,IAAI;oBAC5BH,MAAM,GAAGlC,YAAYD,IAAI,CAAC,EAAEqC,WAAW,CAAC,EAAE3C,GAAG,yCAAyC,EAAEoB,OAAO,qBAAqB,CAAC;oBACrHsB,SAAS;gBACX;gBAEA,IAAIvC,WAAW;oBACbwC,aAAaxC,UAAUyC,IAAI;oBAC3BH,MAAM,GAAGlC,YAAYD,IAAI,SAAS,EAAEqC,WAAW,yCAAyC,EAAEvB,OAAO,qBAAqB,CAAC;oBACvHsB,SAAS;gBACX;gBAEA,MAAM,EAAEG,KAAK,EAAE,GAAGlD,mCAAmCqB,WAAW;gBAEhE,MAAM8B,iBAAiB5B,aAAa,CAAC2B,SAASrB;gBAE9C,IAAI,CAACsB,kBAAkB7B,YAAYwB,KAAK;oBACtC,MAAMM,SAAS,MAAMhC,OAA2B;wBAC9CiC,cAAc;4BACZC,sBAAsB;wBACxB;wBACAC,QAAQT;wBACRU,SAAS;4BACPC,mBAAmB;4BACnBC,uBAAuB,CAAC3C;wBAC1B;wBACA4C,4BAA4B;wBAC5BC,sBAAsB;wBACtBb;wBACAc,WAAW;4BACTC,SAAS;wBACX;wBACAC,gBAAgB,CAAClC;oBACnB;oBAEA,IAAIuB,UAAUA,QAAQY,KAAKC,MAAM,CAAClD,8BAA8B;wBAC9DC,gCAAgC;wBAChCC,2BAA2B,CAACiD,OAASA,OAAO;oBAC9C;oBAEA,MAAMC,UAAU,IAAIvB;oBAEpB,2FAA2F;oBAC3FJ,eAAe2B,QAAQtB,OAAO;oBAE9BJ;gBACF;YACF;QACF,GACA;YACE2B,cAAc;gBACZjD,wBAAwB;YAC1B;YACAkD,eAAe;gBACblD,wBAAwB;YAC1B;QACF;IAEJ;IAEA,MAAMmD,WAAWpF,OAAO;IACxB,MAAMqF,wBAAwBrF,OAAOJ,qBAAqBmD;IAE1D,yCAAyC;IACzChD,UAAU;QACR;;KAEC,GACD,IAAI,CAACqF,SAASjC,OAAO,EAAE;YACrBiC,SAASjC,OAAO,GAAG;YACnB;QACF;QAEA;;;KAGC,GACD,MAAM,EAAEmC,WAAWC,CAAC,EAAE,GAAGC,UAAU,GAAG5F,qBAAqBmD;QAC3D,MAAM,EAAEuC,WAAWG,EAAE,EAAE,GAAGC,cAAc,GAAGL,sBAAsBlC,OAAO;QAExE,IAAI1D,OAAO+F,UAAUE,eAAe;YAClC;QACF;QAEAL,sBAAsBlC,OAAO,GAAGqC;QAEhCtC;IACF,GAAG;QAACH;KAAmB;IAEvB;;GAEC,GACDhD,UAAU;QACR,OAAO;YACL0D;QACF;IACF,GAAG,EAAE;IAEL,MAAMA,wBAAwBlD,eAAe;QAC3C,IAAI0C,mBAAmBE,OAAO,EAAE;YAC9BwC,aAAa1C,mBAAmBE,OAAO;QACzC;QAEAN,UAAU;IACZ;IAEA,QACG+C,IAAIC,WAAW7E,WAAW;MACzB,CAAC2B,mBAAmB,CAACX,YAAYjB,qBAAsB;MACvD,CAAC+B,UAAUL,EAAE,kBAAkB;MAC/B,CAAC,CAACK,UAAUgD,QAAQlE,oBACjB/B,MAAMkG,SAAS;UACd,CAACtD,EAAE,wBAAwB;QACzBuD,UAAUnF,gBAAgB;YAAEoF,MAAMrE;YAAgBY;QAAK;IACzD,GAAG;QACL,EAAE3C,MAAMkG,UACR;IACJ,EAAEH;AAEN,EAAC"}

package/dist/elements/Banner/index.js

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
 import { Link } from '../Link/index.js';
@@ -21,39 +20,11 @@ export const Banner = ({ type = 'default', alignIcon = 'right', children, classN
     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);
+    return <RenderedType className={classes} href={to || null} onClick={onClick}>
+      {icon && alignIcon === 'left' && <React.Fragment>{icon}</React.Fragment>}
+      <span className={`${baseClass}__content`}>{children}</span>
+      {icon && alignIcon === 'right' && <React.Fragment>{icon}</React.Fragment>}
+    </RenderedType>;
 };
 
 //# 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,"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,QACGc,aAAaR,WAAWI,SAASK,MAAMN,MAAM,MAAMD,SAASA,SAAS;MACpE,CAACD,QAAQH,cAAc,WAAWL,MAAMiB,UAAUT,OAAOR,MAAMiB,UAAU;MACzE,CAACC,KAAKX,WAAW,GAAGL,UAAU,SAAS,CAAC,GAAGI,WAAWY,KAAK;MAC3D,CAACV,QAAQH,cAAc,YAAYL,MAAMiB,UAAUT,OAAOR,MAAMiB,UAAU;IAC5E,EAAEF;AAEN,EAAC"}