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

package/dist/assets/index.d.ts

@@ -0,0 +1,3 @@
+export { default as payloadFavicon } from '../assets/favicon.svg';
+export { default as payloadOgImage } from '../assets/og-image.png';
+//# sourceMappingURL=index.d.ts.map

package/dist/assets/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/assets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wBAAwB,CAAA"}

package/dist/assets/index.js

@@ -0,0 +1,4 @@
+export { default as payloadFavicon } from '../assets/favicon.svg';
+export { default as payloadOgImage } from '../assets/og-image.png';
+
+//# sourceMappingURL=index.js.map

package/dist/assets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/assets/index.ts"],"sourcesContent":["export { default as payloadFavicon } from '../assets/favicon.svg'\nexport { default as payloadOgImage } from '../assets/og-image.png'\n"],"names":["default","payloadFavicon","payloadOgImage"],"mappings":"AAAA,SAASA,WAAWC,cAAc,QAAQ,wBAAuB;AACjE,SAASD,WAAWE,cAAc,QAAQ,yBAAwB"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/AppHeader/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAY1D,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAiF7B,CAAA"}

package/dist/elements/AppHeader/index.js

@@ -0,0 +1,84 @@
+'use client';
+import LinkWithDefault from 'next/link.js';
+import React, { useEffect, useRef, useState } from 'react';
+import { Account } from '../../graphics/Account/index.js';
+import { useActions } from '../../providers/Actions/index.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { Hamburger } from '../Hamburger/index.js';
+import { LocalizerLabel } from '../Localizer/LocalizerLabel/index.js';
+import { Localizer } from '../Localizer/index.js';
+import { NavToggler } from '../Nav/NavToggler/index.js';
+import { useNav } from '../Nav/context.js';
+import { StepNav } from '../StepNav/index.js';
+const baseClass = 'app-header';
+export const AppHeader = ()=>{
+    const { t } = useTranslation();
+    const { localization, routes: { admin: adminRoute } } = useConfig();
+    const { actions } = useActions();
+    const { navOpen } = useNav();
+    const customControlsRef = useRef(null);
+    const [isScrollable, setIsScrollable] = useState(false);
+    useEffect(()=>{
+        const checkIsScrollable = ()=>{
+            const el = customControlsRef.current;
+            if (el) {
+                const scrollable = el.scrollWidth > el.clientWidth;
+                setIsScrollable(scrollable);
+            }
+        };
+        checkIsScrollable();
+        window.addEventListener('resize', checkIsScrollable);
+        return ()=>{
+            window.removeEventListener('resize', checkIsScrollable);
+        };
+    }, [
+        actions
+    ]);
+    const Link = LinkWithDefault.default;
+    const LinkElement = Link || 'a';
+    return /*#__PURE__*/ React.createElement("header", {
+        className: [
+            baseClass,
+            navOpen && `${baseClass}--nav-open`
+        ].filter(Boolean).join(' ')
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: `${baseClass}__bg`
+    }), /*#__PURE__*/ React.createElement("div", {
+        className: `${baseClass}__content`
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: `${baseClass}__wrapper`
+    }, /*#__PURE__*/ React.createElement(NavToggler, {
+        className: `${baseClass}__mobile-nav-toggler`,
+        tabIndex: -1
+    }, /*#__PURE__*/ React.createElement(Hamburger, null)), /*#__PURE__*/ React.createElement("div", {
+        className: `${baseClass}__controls-wrapper`
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: `${baseClass}__step-nav-wrapper`
+    }, /*#__PURE__*/ React.createElement(StepNav, {
+        Link: Link,
+        className: `${baseClass}__step-nav`
+    })), /*#__PURE__*/ React.createElement("div", {
+        className: `${baseClass}__actions-wrapper`
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: `${baseClass}__actions`,
+        ref: customControlsRef
+    }, Array.isArray(actions) && actions.map((Action, i)=>/*#__PURE__*/ React.createElement("div", {
+            className: isScrollable && i === actions.length - 1 ? `${baseClass}__last-action` : '',
+            key: i
+        }, Action))), isScrollable && /*#__PURE__*/ React.createElement("div", {
+        className: `${baseClass}__gradient-placeholder`
+    })), localization && /*#__PURE__*/ React.createElement(LocalizerLabel, {
+        ariaLabel: "invisible",
+        className: `${baseClass}__localizer-spacing`
+    }), /*#__PURE__*/ React.createElement(LinkElement, {
+        "aria-label": t('authentication:account'),
+        className: `${baseClass}__account`,
+        href: `${adminRoute}/account`,
+        tabIndex: 0
+    }, /*#__PURE__*/ React.createElement(Account, null))))), /*#__PURE__*/ React.createElement(Localizer, {
+        className: `${baseClass}__localizer`
+    }));
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/AppHeader/index.tsx"],"sourcesContent":["'use client'\nimport LinkWithDefault from 'next/link.js'\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport { Account } from '../../graphics/Account/index.js'\nimport { useActions } from '../../providers/Actions/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Hamburger } from '../Hamburger/index.js'\nimport { LocalizerLabel } from '../Localizer/LocalizerLabel/index.js'\nimport { Localizer } from '../Localizer/index.js'\nimport { NavToggler } from '../Nav/NavToggler/index.js'\nimport { useNav } from '../Nav/context.js'\nimport { StepNav } from '../StepNav/index.js'\nimport './index.scss'\n\nconst baseClass = 'app-header'\n\nexport const AppHeader: React.FC = () => {\n  const { t } = useTranslation()\n\n  const {\n    localization,\n    routes: { admin: adminRoute },\n  } = useConfig()\n\n  const { actions } = useActions()\n\n  const { navOpen } = useNav()\n\n  const customControlsRef = useRef<HTMLDivElement>(null)\n  const [isScrollable, setIsScrollable] = useState(false)\n\n  useEffect(() => {\n    const checkIsScrollable = () => {\n      const el = customControlsRef.current\n      if (el) {\n        const scrollable = el.scrollWidth > el.clientWidth\n        setIsScrollable(scrollable)\n      }\n    }\n\n    checkIsScrollable()\n    window.addEventListener('resize', checkIsScrollable)\n\n    return () => {\n      window.removeEventListener('resize', checkIsScrollable)\n    }\n  }, [actions])\n\n  const Link = LinkWithDefault.default\n\n  const LinkElement = Link || 'a'\n\n  return (\n    <header className={[baseClass, navOpen && `${baseClass}--nav-open`].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__bg`} />\n      <div className={`${baseClass}__content`}>\n        <div className={`${baseClass}__wrapper`}>\n          <NavToggler className={`${baseClass}__mobile-nav-toggler`} tabIndex={-1}>\n            <Hamburger />\n          </NavToggler>\n          <div className={`${baseClass}__controls-wrapper`}>\n            <div className={`${baseClass}__step-nav-wrapper`}>\n              <StepNav Link={Link} className={`${baseClass}__step-nav`} />\n            </div>\n            <div className={`${baseClass}__actions-wrapper`}>\n              <div className={`${baseClass}__actions`} ref={customControlsRef}>\n                {Array.isArray(actions) &&\n                  actions.map((Action, i) => (\n                    <div\n                      className={\n                        isScrollable && i === actions.length - 1 ? `${baseClass}__last-action` : ''\n                      }\n                      key={i}\n                    >\n                      {Action}\n                    </div>\n                  ))}\n              </div>\n              {isScrollable && <div className={`${baseClass}__gradient-placeholder`} />}\n            </div>\n            {localization && (\n              <LocalizerLabel ariaLabel=\"invisible\" className={`${baseClass}__localizer-spacing`} />\n            )}\n            <LinkElement\n              aria-label={t('authentication:account')}\n              className={`${baseClass}__account`}\n              href={`${adminRoute}/account`}\n              tabIndex={0}\n            >\n              <Account />\n            </LinkElement>\n          </div>\n        </div>\n      </div>\n      <Localizer className={`${baseClass}__localizer`} />\n    </header>\n  )\n}\n"],"names":["LinkWithDefault","React","useEffect","useRef","useState","Account","useActions","useConfig","useTranslation","Hamburger","LocalizerLabel","Localizer","NavToggler","useNav","StepNav","baseClass","AppHeader","t","localization","routes","admin","adminRoute","actions","navOpen","customControlsRef","isScrollable","setIsScrollable","checkIsScrollable","el","current","scrollable","scrollWidth","clientWidth","window","addEventListener","removeEventListener","Link","default","LinkElement","header","className","filter","Boolean","join","div","tabIndex","ref","Array","isArray","map","Action","i","length","key","ariaLabel","aria-label","href"],"mappings":"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"}

package/dist/elements/AppHeader/index.scss

@@ -0,0 +1,192 @@
+@import '../../scss/styles.scss';
+
+.app-header {
+  position: relative;
+  width: 100%;
+  height: var(--app-header-height);
+  z-index: var(--z-modal);
+
+  &__mobile-nav-toggler {
+    display: none;
+  }
+
+  // place the localizer outside the `overflow: hidden` container so that the popup is visible
+  // this means we need to use a placeholder div so that the space is retained in the DOM
+  [dir='rtl'] &__localizer {
+    right: unset;
+    left: base(4.5);
+  }
+  &__localizer {
+    position: absolute;
+    top: 50%;
+    right: base(4.5);
+    transform: translate3d(0, -50%, 0);
+  }
+
+  &__localizer-spacing {
+    visibility: hidden;
+  }
+
+  &__bg {
+    opacity: 0;
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+  }
+
+  &--show-bg {
+    opacity: 1;
+  }
+
+  &__content {
+    display: flex;
+    align-items: center;
+    height: 100%;
+    padding: 0 var(--gutter-h);
+    position: relative;
+    flex-grow: 1;
+  }
+
+  &__wrapper {
+    display: flex;
+    gap: calc(var(--base) / 2);
+    align-items: center;
+    height: 100%;
+    flex-grow: 1;
+    justify-content: space-between;
+    overflow: hidden;
+  }
+
+  &__account {
+    position: relative;
+
+    &:focus:not(:focus-visible) {
+      opacity: 1;
+    }
+
+    // Use a pseudo element for the accessability so that it doesn't take up DOM space
+    // Also because the parent element has `overflow: hidden` which would clip an outline
+    &:focus-visible {
+      outline: none;
+
+      &::after {
+        content: '';
+        border: var(--accessibility-outline);
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        pointer-events: none;
+      }
+    }
+  }
+
+  &__controls-wrapper {
+    display: flex;
+    align-items: center;
+    flex-grow: 1;
+    overflow: hidden;
+  }
+
+  &__step-nav-wrapper {
+    flex: 1;
+    overflow: auto;
+    display: flex;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
+
+  &__actions-wrapper {
+    position: relative;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    gap: calc(var(--base) / 2);
+    margin-right: var(--base);
+  }
+
+  &__gradient-placeholder {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: var(--base);
+    height: var(--base);
+    background: linear-gradient(to right, transparent, var(--theme-bg));
+  }
+
+  &__actions {
+    display: flex;
+    align-items: center;
+    gap: calc(var(--base) / 2);
+    flex-shrink: 0;
+    max-width: 600px;
+    overflow: auto;
+    white-space: nowrap;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
+
+  &__last-action {
+    margin-right: var(--base);
+  }
+
+  @include large-break {
+    &__actions {
+      max-width: 500px;
+    }
+  }
+
+  @include mid-break {
+    &__gradient-placeholder {
+      right: var(--base);
+    }
+
+    &__actions {
+      max-width: 300px;
+      margin-right: var(--base);
+    }
+  }
+
+  @include small-break {
+    &__localizer {
+      right: base(2);
+    }
+
+    &--nav-open {
+      .app-header__localizer {
+        display: none;
+      }
+    }
+
+    &__mobile-nav-toggler {
+      display: flex;
+      align-items: center;
+
+      &.nav-toggler--is-open {
+        opacity: 0.5;
+      }
+    }
+
+    &__step-header {
+      // TODO: overflow the step header instead of hide it
+      display: none;
+    }
+
+    &__gradient-placeholder {
+      right: 0;
+    }
+
+    &__actions {
+      max-width: 150px;
+      margin-right: 0;
+    }
+  }
+}

package/dist/elements/ArrayAction/index.d.ts

@@ -1,5 +1,13 @@
 import React from 'react';
-import type { Props } from './types.js';
 import './index.scss';
+export type Props = {
+    addRow: (current: number, blockType?: string) => void;
+    duplicateRow: (current: number) => void;
+    hasMaxRows: boolean;
+    index: number;
+    moveRow: (from: number, to: number) => void;
+    removeRow: (index: number) => void;
+    rowCount: number;
+};
 export declare const ArrayAction: React.FC<Props>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ArrayAction/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAUvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwFvC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ArrayAction/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,UAAU,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwFvC,CAAA"}

package/dist/elements/ArrayAction/index.js

@@ -5,8 +5,8 @@ import { MoreIcon } from '../../icons/More/index.js';
 import { Plus } from '../../icons/Plus/index.js';
 import { X } from '../../icons/X/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
-import * as PopupList from '../Popup/PopupButtonList/index.js';
-import Popup from '../Popup/index.js';
+import { PopupList } from '../Popup/index.js';
+import { Popup } from '../Popup/index.js';
 const baseClass = 'array-actions';
 export const ArrayAction = ({ addRow, duplicateRow, hasMaxRows, index, moveRow, removeRow, rowCount })=>{
     const { t } = useTranslation();

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ArrayAction/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { Copy } from '../../icons/Copy/index.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { Plus } from '../../icons/Plus/index.js'\nimport { X } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport * as PopupList from '../Popup/PopupButtonList/index.js'\nimport Popup from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'array-actions'\n\nexport const ArrayAction: React.FC<Props> = ({\n  addRow,\n  duplicateRow,\n  hasMaxRows,\n  index,\n  moveRow,\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            {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                  <Chevron direction=\"up\" />\n                </div>\n                {t('general:moveUp')}\n              </PopupList.Button>\n            )}\n            {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                  <Chevron />\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                    addRow(index + 1)\n                    close()\n                  }}\n                >\n                  <Plus />\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                  <Copy />\n                  {t('general:duplicate')}\n                </PopupList.Button>\n              </React.Fragment>\n            )}\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__remove`}\n              onClick={() => {\n                removeRow(index)\n                close()\n              }}\n            >\n              <X />\n              {t('general:remove')}\n            </PopupList.Button>\n          </PopupList.ButtonGroup>\n        )\n      }}\n      size=\"medium\"\n    />\n  )\n}\n"],"names":["React","Chevron","Copy","MoreIcon","Plus","X","useTranslation","PopupList","Popup","baseClass","ArrayAction","addRow","duplicateRow","hasMaxRows","index","moveRow","removeRow","rowCount","t","button","buttonClassName","className","horizontalAlign","render","close","ButtonGroup","buttonSize","Button","onClick","div","direction","Fragment","size"],"mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,OAAO,QAAQ,+BAA8B;AACtD,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,CAAC,QAAQ,yBAAwB;AAC1C,SAASC,cAAc,QAAQ,uCAAsC;AACrE,YAAYC,eAAe,oCAAmC;AAC9D,OAAOC,WAAW,oBAAmB;AAGrC,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAA+B,CAAC,EAC3CC,MAAM,EACNC,YAAY,EACZC,UAAU,EACVC,KAAK,EACLC,OAAO,EACPC,SAAS,EACTC,QAAQ,EACT;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGZ;IAEd,qBACE,oBAACE;QACCW,sBAAQ,oBAAChB;QACTiB,iBAAiB,CAAC,EAAEX,UAAU,QAAQ,CAAC;QACvCY,WAAWZ;QACXa,iBAAgB;QAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE;YAChB,qBACE,oBAACjB,UAAUkB,WAAW;gBAACC,YAAW;eAC/BZ,UAAU,mBACT,oBAACP,UAAUoB,MAAM;gBACfN,WAAW,CAAC,EAAEZ,UAAU,SAAS,EAAEA,UAAU,SAAS,CAAC;gBACvDmB,SAAS;oBACPb,QAAQD,OAAOA,QAAQ;oBACvBU;gBACF;6BAEA,oBAACK;gBAAIR,WAAW,CAAC,EAAEZ,UAAU,gBAAgB,CAAC;6BAC5C,oBAACR;gBAAQ6B,WAAU;iBAEpBZ,EAAE,oBAGNJ,QAAQG,WAAW,mBAClB,oBAACV,UAAUoB,MAAM;gBACfN,WAAW,CAAC,EAAEZ,UAAU,QAAQ,CAAC;gBACjCmB,SAAS;oBACPb,QAAQD,OAAOA,QAAQ;oBACvBU;gBACF;6BAEA,oBAACK;gBAAIR,WAAW,CAAC,EAAEZ,UAAU,gBAAgB,CAAC;6BAC5C,oBAACR,iBAEFiB,EAAE,sBAGN,CAACL,4BACA,oBAACb,MAAM+B,QAAQ,sBACb,oBAACxB,UAAUoB,MAAM;gBACfN,WAAW,CAAC,EAAEZ,UAAU,SAAS,EAAEA,UAAU,KAAK,CAAC;gBACnDmB,SAAS;oBACPjB,OAAOG,QAAQ;oBACfU;gBACF;6BAEA,oBAACpB,aACAc,EAAE,oCAEL,oBAACX,UAAUoB,MAAM;gBACfN,WAAW,CAAC,EAAEZ,UAAU,SAAS,EAAEA,UAAU,WAAW,CAAC;gBACzDmB,SAAS;oBACPhB,aAAaE;oBACbU;gBACF;6BAEA,oBAACtB,aACAgB,EAAE,sCAIT,oBAACX,UAAUoB,MAAM;gBACfN,WAAW,CAAC,EAAEZ,UAAU,SAAS,EAAEA,UAAU,QAAQ,CAAC;gBACtDmB,SAAS;oBACPZ,UAAUF;oBACVU;gBACF;6BAEA,oBAACnB,UACAa,EAAE;QAIX;QACAc,MAAK;;AAGX,EAAC"}
+{"version":3,"sources":["../../../src/elements/ArrayAction/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { Copy } from '../../icons/Copy/index.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { Plus } from '../../icons/Plus/index.js'\nimport { X } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport { Popup } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'array-actions'\n\nexport type Props = {\n  addRow: (current: number, blockType?: string) => void\n  duplicateRow: (current: number) => void\n  hasMaxRows: boolean\n  index: number\n  moveRow: (from: number, to: number) => void\n  removeRow: (index: number) => void\n  rowCount: number\n}\n\nexport const ArrayAction: React.FC<Props> = ({\n  addRow,\n  duplicateRow,\n  hasMaxRows,\n  index,\n  moveRow,\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            {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                  <Chevron direction=\"up\" />\n                </div>\n                {t('general:moveUp')}\n              </PopupList.Button>\n            )}\n            {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                  <Chevron />\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                    addRow(index + 1)\n                    close()\n                  }}\n                >\n                  <Plus />\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                  <Copy />\n                  {t('general:duplicate')}\n                </PopupList.Button>\n              </React.Fragment>\n            )}\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__remove`}\n              onClick={() => {\n                removeRow(index)\n                close()\n              }}\n            >\n              <X />\n              {t('general:remove')}\n            </PopupList.Button>\n          </PopupList.ButtonGroup>\n        )\n      }}\n      size=\"medium\"\n    />\n  )\n}\n"],"names":["React","Chevron","Copy","MoreIcon","Plus","X","useTranslation","PopupList","Popup","baseClass","ArrayAction","addRow","duplicateRow","hasMaxRows","index","moveRow","removeRow","rowCount","t","button","buttonClassName","className","horizontalAlign","render","close","ButtonGroup","buttonSize","Button","onClick","div","direction","Fragment","size"],"mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,+BAA8B;AACtD,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,CAAC,QAAQ,yBAAwB;AAC1C,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,SAAS,QAAQ,oBAAmB;AAC7C,SAASC,KAAK,QAAQ,oBAAmB;AAGzC,MAAMC,YAAY;AAYlB,OAAO,MAAMC,cAA+B,CAAC,EAC3CC,MAAM,EACNC,YAAY,EACZC,UAAU,EACVC,KAAK,EACLC,OAAO,EACPC,SAAS,EACTC,QAAQ,EACT;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGZ;IAEd,qBACE,oBAACE;QACCW,sBAAQ,oBAAChB;QACTiB,iBAAiB,CAAC,EAAEX,UAAU,QAAQ,CAAC;QACvCY,WAAWZ;QACXa,iBAAgB;QAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE;YAChB,qBACE,oBAACjB,UAAUkB,WAAW;gBAACC,YAAW;eAC/BZ,UAAU,mBACT,oBAACP,UAAUoB,MAAM;gBACfN,WAAW,CAAC,EAAEZ,UAAU,SAAS,EAAEA,UAAU,SAAS,CAAC;gBACvDmB,SAAS;oBACPb,QAAQD,OAAOA,QAAQ;oBACvBU;gBACF;6BAEA,oBAACK;gBAAIR,WAAW,CAAC,EAAEZ,UAAU,gBAAgB,CAAC;6BAC5C,oBAACR;gBAAQ6B,WAAU;iBAEpBZ,EAAE,oBAGNJ,QAAQG,WAAW,mBAClB,oBAACV,UAAUoB,MAAM;gBACfN,WAAW,CAAC,EAAEZ,UAAU,QAAQ,CAAC;gBACjCmB,SAAS;oBACPb,QAAQD,OAAOA,QAAQ;oBACvBU;gBACF;6BAEA,oBAACK;gBAAIR,WAAW,CAAC,EAAEZ,UAAU,gBAAgB,CAAC;6BAC5C,oBAACR,iBAEFiB,EAAE,sBAGN,CAACL,4BACA,oBAACb,MAAM+B,QAAQ,sBACb,oBAACxB,UAAUoB,MAAM;gBACfN,WAAW,CAAC,EAAEZ,UAAU,SAAS,EAAEA,UAAU,KAAK,CAAC;gBACnDmB,SAAS;oBACPjB,OAAOG,QAAQ;oBACfU;gBACF;6BAEA,oBAACpB,aACAc,EAAE,oCAEL,oBAACX,UAAUoB,MAAM;gBACfN,WAAW,CAAC,EAAEZ,UAAU,SAAS,EAAEA,UAAU,WAAW,CAAC;gBACzDmB,SAAS;oBACPhB,aAAaE;oBACbU;gBACF;6BAEA,oBAACtB,aACAgB,EAAE,sCAIT,oBAACX,UAAUoB,MAAM;gBACfN,WAAW,CAAC,EAAEZ,UAAU,SAAS,EAAEA,UAAU,QAAQ,CAAC;gBACtDmB,SAAS;oBACPZ,UAAUF;oBACVU;gBACF;6BAEA,oBAACnB,UACAa,EAAE;QAIX;QACAc,MAAK;;AAGX,EAAC"}

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

@@ -1,6 +1,11 @@
+import type { ClientCollectionConfig, ClientGlobalConfig } from 'payload/types';
 import React from 'react';
-import type { Props } from './types.js';
 import './index.scss';
-declare const Autosave: React.FC<Props>;
-export default Autosave;
+export type Props = {
+    collection?: ClientCollectionConfig;
+    global?: ClientGlobalConfig;
+    id?: number | string;
+    publishedDocUpdatedAt: string;
+};
+export declare const Autosave: React.FC<Props>;
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/elements/Autosave/index.js

@@ -1,18 +1,17 @@
 'use client';
-// TODO: abstract the `next/navigation` dependency out from this component
 import { useRouter } from 'next/navigation.js';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useAllFormFields, useFormModified } from '../../forms/Form/context.js';
-import reduceFieldsToValues from '../../forms/Form/reduceFieldsToValues.js';
-import useDebounce from '../../hooks/useDebounce.js';
+import { useDebounce } from '../../hooks/useDebounce.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
 import { useLocale } from '../../providers/Locale/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
-import { formatTimeToNow } from '../../utilities/formatDate/index.js';
+import { formatTimeToNow } from '../../utilities/formatDate.js';
+import { reduceFieldsToValues } from '../../utilities/reduceFieldsToValues.js';
 const baseClass = 'autosave';
-const Autosave = ({ id, collection, global, publishedDocUpdatedAt })=>{
+export const Autosave = ({ id, collection, global: globalDoc, publishedDocUpdatedAt })=>{
     const { routes: { admin, api }, serverURL } = useConfig();
     const { docConfig, getVersions, versions } = useDocumentInfo();
     const versionsConfig = docConfig?.versions;
@@ -37,6 +36,9 @@ const Autosave = ({ id, collection, global, publishedDocUpdatedAt })=>{
     // can bail out if modified becomes false while
     // timing out during autosave
     modifiedRef.current = modified;
+    // Store locale in ref so the autosave func
+    // can always retrieve the most to date locale
+    localeRef.current = locale;
     const createCollectionDoc = useCallback(async ()=>{
         const res = await fetch(`${serverURL}${api}/${collection.slug}?locale=${locale}&fallback-locale=null&depth=0&draft=true&autosave=true`, {
             body: JSON.stringify({}),
@@ -77,7 +79,7 @@ const Autosave = ({ id, collection, global, publishedDocUpdatedAt })=>{
     ]);
     // When debounced fields change, autosave
     useEffect(()=>{
-        const autosave = async ()=>{
+        const autosave = ()=>{
             if (modified) {
                 setSaving(true);
                 let url;
@@ -86,8 +88,8 @@ const Autosave = ({ id, collection, global, publishedDocUpdatedAt })=>{
                     url = `${serverURL}${api}/${collection.slug}/${id}?draft=true&autosave=true&locale=${localeRef.current}`;
                     method = 'PATCH';
                 }
-                if (global) {
-                    url = `${serverURL}${api}/globals/${global.slug}?draft=true&autosave=true&locale=${localeRef.current}`;
+                if (globalDoc) {
+                    url = `${serverURL}${api}/globals/${globalDoc.slug}?draft=true&autosave=true&locale=${localeRef.current}`;
                     method = 'POST';
                 }
                 if (url) {
@@ -124,11 +126,9 @@ const Autosave = ({ id, collection, global, publishedDocUpdatedAt })=>{
         serverURL,
         api,
         collection,
-        global,
+        globalDoc,
         id,
-        getVersions,
-        localeRef,
-        modifiedRef
+        getVersions
     ]);
     useEffect(()=>{
         if (versions?.docs?.[0]) {
@@ -142,10 +142,9 @@ const Autosave = ({ id, collection, global, publishedDocUpdatedAt })=>{
     ]);
     return /*#__PURE__*/ React.createElement("div", {
         className: baseClass
-    }, saving && t('version:saving'), !saving && lastSaved && /*#__PURE__*/ React.createElement(React.Fragment, null, t('version:lastSavedAgo', {
+    }, saving && t('general:saving'), !saving && lastSaved && /*#__PURE__*/ React.createElement(React.Fragment, null, t('version:lastSavedAgo', {
         distance: formatTimeToNow(lastSaved, i18n.language)
     })));
 };
-export default Autosave;
 
 //# 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 { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\n\nimport type { Props } from './types.js'\n\nimport { useAllFormFields, useFormModified } from '../../forms/Form/context.js'\nimport reduceFieldsToValues from '../../forms/Form/reduceFieldsToValues.js'\nimport useDebounce from '../../hooks/useDebounce.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatTimeToNow } from '../../utilities/formatDate/index.js'\nimport './index.scss'\n\nconst baseClass = 'autosave'\n\nconst Autosave: React.FC<Props> = ({ id, collection, global, publishedDocUpdatedAt }) => {\n  const {\n    routes: { admin, api },\n    serverURL,\n  } = useConfig()\n  const { docConfig, getVersions, versions } = useDocumentInfo()\n  const versionsConfig = docConfig?.versions\n\n  const [fields] = useAllFormFields()\n  const modified = useFormModified()\n  const { code: locale } = useLocale()\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n\n  let interval = 800\n  if (versionsConfig.drafts && versionsConfig?.drafts?.autosave)\n    interval = versionsConfig.drafts.autosave.interval\n\n  const [saving, setSaving] = useState(false)\n  const [lastSaved, setLastSaved] = useState<number>()\n  const debouncedFields = useDebounce(fields, interval)\n  const fieldRef = useRef(fields)\n  const modifiedRef = useRef(modified)\n  const localeRef = useRef(locale)\n\n  // Store fields in ref so the autosave func\n  // can always retrieve the most to date copies\n  // after the timeout has executed\n  fieldRef.current = fields\n\n  // Store modified in ref so the autosave func\n  // can bail out if modified becomes false while\n  // timing out during autosave\n  modifiedRef.current = modified\n\n  const createCollectionDoc = useCallback(async () => {\n    const res = await fetch(\n      `${serverURL}${api}/${collection.slug}?locale=${locale}&fallback-locale=null&depth=0&draft=true&autosave=true`,\n      {\n        body: JSON.stringify({}),\n        credentials: 'include',\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n        method: 'POST',\n      },\n    )\n\n    if (res.status === 201) {\n      const json = await res.json()\n      router.replace(`${admin}/collections/${collection.slug}/${json.doc.id}`, {\n        // state: {\n        //   data: json.doc,\n        // },\n      })\n    } else {\n      toast.error(t('error:autosaving'))\n    }\n  }, [i18n, serverURL, api, collection, locale, router, admin, t])\n\n  useEffect(() => {\n    // If no ID, but this is used for a collection doc,\n    // Immediately save it and set lastSaved\n    if (!id && collection) {\n      void createCollectionDoc()\n    }\n  }, [id, collection, createCollectionDoc])\n\n  // When debounced fields change, autosave\n\n  useEffect(() => {\n    const autosave = async () => {\n      if (modified) {\n        setSaving(true)\n\n        let url: string\n        let method: string\n\n        if (collection && id) {\n          url = `${serverURL}${api}/${collection.slug}/${id}?draft=true&autosave=true&locale=${localeRef.current}`\n          method = 'PATCH'\n        }\n\n        if (global) {\n          url = `${serverURL}${api}/globals/${global.slug}?draft=true&autosave=true&locale=${localeRef.current}`\n          method = 'POST'\n        }\n\n        if (url) {\n          setTimeout(async () => {\n            if (modifiedRef.current) {\n              const body = {\n                ...reduceFieldsToValues(fieldRef.current, true),\n                _status: 'draft',\n              }\n\n              const res = await fetch(url, {\n                body: JSON.stringify(body),\n                credentials: 'include',\n                headers: {\n                  'Accept-Language': i18n.language,\n                  'Content-Type': 'application/json',\n                },\n                method,\n              })\n\n              if (res.status === 200) {\n                setLastSaved(new Date().getTime())\n                void getVersions()\n              }\n            }\n\n            setSaving(false)\n          }, 1000)\n        }\n      }\n    }\n\n    void autosave()\n  }, [\n    i18n,\n    debouncedFields,\n    modified,\n    serverURL,\n    api,\n    collection,\n    global,\n    id,\n    getVersions,\n    localeRef,\n    modifiedRef,\n  ])\n\n  useEffect(() => {\n    if (versions?.docs?.[0]) {\n      setLastSaved(new Date(versions.docs[0].updatedAt).getTime())\n    } else if (publishedDocUpdatedAt) {\n      setLastSaved(new Date(publishedDocUpdatedAt).getTime())\n    }\n  }, [publishedDocUpdatedAt, versions])\n\n  return (\n    <div className={baseClass}>\n      {saving && t('version:saving')}\n      {!saving && lastSaved && (\n        <React.Fragment>\n          {t('version:lastSavedAgo', {\n            distance: formatTimeToNow(lastSaved, i18n.language),\n          })}\n        </React.Fragment>\n      )}\n    </div>\n  )\n}\n\nexport default Autosave\n"],"names":["useRouter","React","useCallback","useEffect","useRef","useState","toast","useAllFormFields","useFormModified","reduceFieldsToValues","useDebounce","useConfig","useDocumentInfo","useLocale","useTranslation","formatTimeToNow","baseClass","Autosave","id","collection","global","publishedDocUpdatedAt","routes","admin","api","serverURL","docConfig","getVersions","versions","versionsConfig","fields","modified","code","locale","router","i18n","t","interval","drafts","autosave","saving","setSaving","lastSaved","setLastSaved","debouncedFields","fieldRef","modifiedRef","localeRef","current","createCollectionDoc","res","fetch","slug","body","JSON","stringify","credentials","headers","language","method","status","json","replace","doc","error","url","setTimeout","_status","Date","getTime","docs","updatedAt","div","className","Fragment","distance"],"mappings":"AAAA;AACA,0EAA0E;AAC1E,SAASA,SAAS,QAAQ,qBAAoB;AAC9C,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AACvE,SAASC,KAAK,QAAQ,iBAAgB;AAItC,SAASC,gBAAgB,EAAEC,eAAe,QAAQ,8BAA6B;AAC/E,OAAOC,0BAA0B,2CAA0C;AAC3E,OAAOC,iBAAiB,6BAA4B;AACpD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,eAAe,QAAQ,sCAAqC;AAGrE,MAAMC,YAAY;AAElB,MAAMC,WAA4B,CAAC,EAAEC,EAAE,EAAEC,UAAU,EAAEC,MAAM,EAAEC,qBAAqB,EAAE;IAClF,MAAM,EACJC,QAAQ,EAAEC,KAAK,EAAEC,GAAG,EAAE,EACtBC,SAAS,EACV,GAAGd;IACJ,MAAM,EAAEe,SAAS,EAAEC,WAAW,EAAEC,QAAQ,EAAE,GAAGhB;IAC7C,MAAMiB,iBAAiBH,WAAWE;IAElC,MAAM,CAACE,OAAO,GAAGvB;IACjB,MAAMwB,WAAWvB;IACjB,MAAM,EAAEwB,MAAMC,MAAM,EAAE,GAAGpB;IACzB,MAAMqB,SAASlC;IACf,MAAM,EAAEmC,IAAI,EAAEC,CAAC,EAAE,GAAGtB;IAEpB,IAAIuB,WAAW;IACf,IAAIR,eAAeS,MAAM,IAAIT,gBAAgBS,QAAQC,UACnDF,WAAWR,eAAeS,MAAM,CAACC,QAAQ,CAACF,QAAQ;IAEpD,MAAM,CAACG,QAAQC,UAAU,GAAGpC,SAAS;IACrC,MAAM,CAACqC,WAAWC,aAAa,GAAGtC;IAClC,MAAMuC,kBAAkBlC,YAAYoB,QAAQO;IAC5C,MAAMQ,WAAWzC,OAAO0B;IACxB,MAAMgB,cAAc1C,OAAO2B;IAC3B,MAAMgB,YAAY3C,OAAO6B;IAEzB,2CAA2C;IAC3C,8CAA8C;IAC9C,iCAAiC;IACjCY,SAASG,OAAO,GAAGlB;IAEnB,6CAA6C;IAC7C,+CAA+C;IAC/C,6BAA6B;IAC7BgB,YAAYE,OAAO,GAAGjB;IAEtB,MAAMkB,sBAAsB/C,YAAY;QACtC,MAAMgD,MAAM,MAAMC,MAChB,CAAC,EAAE1B,UAAU,EAAED,IAAI,CAAC,EAAEL,WAAWiC,IAAI,CAAC,QAAQ,EAAEnB,OAAO,sDAAsD,CAAC,EAC9G;YACEoB,MAAMC,KAAKC,SAAS,CAAC,CAAC;YACtBC,aAAa;YACbC,SAAS;gBACP,mBAAmBtB,KAAKuB,QAAQ;gBAChC,gBAAgB;YAClB;YACAC,QAAQ;QACV;QAGF,IAAIT,IAAIU,MAAM,KAAK,KAAK;YACtB,MAAMC,OAAO,MAAMX,IAAIW,IAAI;YAC3B3B,OAAO4B,OAAO,CAAC,CAAC,EAAEvC,MAAM,aAAa,EAAEJ,WAAWiC,IAAI,CAAC,CAAC,EAAES,KAAKE,GAAG,CAAC7C,EAAE,CAAC,CAAC,EAAE;YAIzE;QACF,OAAO;YACLZ,MAAM0D,KAAK,CAAC5B,EAAE;QAChB;IACF,GAAG;QAACD;QAAMV;QAAWD;QAAKL;QAAYc;QAAQC;QAAQX;QAAOa;KAAE;IAE/DjC,UAAU;QACR,mDAAmD;QACnD,wCAAwC;QACxC,IAAI,CAACe,MAAMC,YAAY;YACrB,KAAK8B;QACP;IACF,GAAG;QAAC/B;QAAIC;QAAY8B;KAAoB;IAExC,yCAAyC;IAEzC9C,UAAU;QACR,MAAMoC,WAAW;YACf,IAAIR,UAAU;gBACZU,UAAU;gBAEV,IAAIwB;gBACJ,IAAIN;gBAEJ,IAAIxC,cAAcD,IAAI;oBACpB+C,MAAM,CAAC,EAAExC,UAAU,EAAED,IAAI,CAAC,EAAEL,WAAWiC,IAAI,CAAC,CAAC,EAAElC,GAAG,iCAAiC,EAAE6B,UAAUC,OAAO,CAAC,CAAC;oBACxGW,SAAS;gBACX;gBAEA,IAAIvC,QAAQ;oBACV6C,MAAM,CAAC,EAAExC,UAAU,EAAED,IAAI,SAAS,EAAEJ,OAAOgC,IAAI,CAAC,iCAAiC,EAAEL,UAAUC,OAAO,CAAC,CAAC;oBACtGW,SAAS;gBACX;gBAEA,IAAIM,KAAK;oBACPC,WAAW;wBACT,IAAIpB,YAAYE,OAAO,EAAE;4BACvB,MAAMK,OAAO;gCACX,GAAG5C,qBAAqBoC,SAASG,OAAO,EAAE,KAAK;gCAC/CmB,SAAS;4BACX;4BAEA,MAAMjB,MAAM,MAAMC,MAAMc,KAAK;gCAC3BZ,MAAMC,KAAKC,SAAS,CAACF;gCACrBG,aAAa;gCACbC,SAAS;oCACP,mBAAmBtB,KAAKuB,QAAQ;oCAChC,gBAAgB;gCAClB;gCACAC;4BACF;4BAEA,IAAIT,IAAIU,MAAM,KAAK,KAAK;gCACtBjB,aAAa,IAAIyB,OAAOC,OAAO;gCAC/B,KAAK1C;4BACP;wBACF;wBAEAc,UAAU;oBACZ,GAAG;gBACL;YACF;QACF;QAEA,KAAKF;IACP,GAAG;QACDJ;QACAS;QACAb;QACAN;QACAD;QACAL;QACAC;QACAF;QACAS;QACAoB;QACAD;KACD;IAED3C,UAAU;QACR,IAAIyB,UAAU0C,MAAM,CAAC,EAAE,EAAE;YACvB3B,aAAa,IAAIyB,KAAKxC,SAAS0C,IAAI,CAAC,EAAE,CAACC,SAAS,EAAEF,OAAO;QAC3D,OAAO,IAAIhD,uBAAuB;YAChCsB,aAAa,IAAIyB,KAAK/C,uBAAuBgD,OAAO;QACtD;IACF,GAAG;QAAChD;QAAuBO;KAAS;IAEpC,qBACE,oBAAC4C;QAAIC,WAAWzD;OACbwB,UAAUJ,EAAE,mBACZ,CAACI,UAAUE,2BACV,oBAACzC,MAAMyE,QAAQ,QACZtC,EAAE,wBAAwB;QACzBuC,UAAU5D,gBAAgB2B,WAAWP,KAAKuB,QAAQ;IACpD;AAKV;AAEA,eAAezC,SAAQ"}
+{"version":3,"sources":["../../../src/elements/Autosave/index.tsx"],"sourcesContent":["'use client'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload/types'\n\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\n\nimport { useAllFormFields, useFormModified } from '../../forms/Form/context.js'\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatTimeToNow } from '../../utilities/formatDate.js'\nimport { reduceFieldsToValues } from '../../utilities/reduceFieldsToValues.js'\nimport './index.scss'\n\nconst baseClass = 'autosave'\n\nexport type Props = {\n  collection?: ClientCollectionConfig\n  global?: ClientGlobalConfig\n  id?: number | string\n  publishedDocUpdatedAt: string\n}\n\nexport const Autosave: React.FC<Props> = ({\n  id,\n  collection,\n  global: globalDoc,\n  publishedDocUpdatedAt,\n}) => {\n  const {\n    routes: { admin, api },\n    serverURL,\n  } = useConfig()\n  const { docConfig, getVersions, versions } = useDocumentInfo()\n  const versionsConfig = docConfig?.versions\n\n  const [fields] = useAllFormFields()\n  const modified = useFormModified()\n  const { code: locale } = useLocale()\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n\n  let interval = 800\n  if (versionsConfig.drafts && versionsConfig?.drafts?.autosave)\n    interval = versionsConfig.drafts.autosave.interval\n\n  const [saving, setSaving] = useState(false)\n  const [lastSaved, setLastSaved] = useState<number>()\n  const debouncedFields = useDebounce(fields, interval)\n  const fieldRef = useRef(fields)\n  const modifiedRef = useRef(modified)\n  const localeRef = useRef(locale)\n\n  // Store fields in ref so the autosave func\n  // can always retrieve the most to date copies\n  // after the timeout has executed\n  fieldRef.current = fields\n\n  // Store modified in ref so the autosave func\n  // can bail out if modified becomes false while\n  // timing out during autosave\n  modifiedRef.current = modified\n\n  // Store locale in ref so the autosave func\n  // can always retrieve the most to date locale\n  localeRef.current = locale\n\n  const createCollectionDoc = useCallback(async () => {\n    const res = await fetch(\n      `${serverURL}${api}/${collection.slug}?locale=${locale}&fallback-locale=null&depth=0&draft=true&autosave=true`,\n      {\n        body: JSON.stringify({}),\n        credentials: 'include',\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n        method: 'POST',\n      },\n    )\n\n    if (res.status === 201) {\n      const json = await res.json()\n      router.replace(`${admin}/collections/${collection.slug}/${json.doc.id}`, {\n        // state: {\n        //   data: json.doc,\n        // },\n      })\n    } else {\n      toast.error(t('error:autosaving'))\n    }\n  }, [i18n, serverURL, api, collection, locale, router, admin, t])\n\n  useEffect(() => {\n    // If no ID, but this is used for a collection doc,\n    // Immediately save it and set lastSaved\n    if (!id && collection) {\n      void createCollectionDoc()\n    }\n  }, [id, collection, createCollectionDoc])\n\n  // When debounced fields change, autosave\n  useEffect(() => {\n    const autosave = () => {\n      if (modified) {\n        setSaving(true)\n\n        let url: string\n        let method: string\n\n        if (collection && id) {\n          url = `${serverURL}${api}/${collection.slug}/${id}?draft=true&autosave=true&locale=${localeRef.current}`\n          method = 'PATCH'\n        }\n\n        if (globalDoc) {\n          url = `${serverURL}${api}/globals/${globalDoc.slug}?draft=true&autosave=true&locale=${localeRef.current}`\n          method = 'POST'\n        }\n\n        if (url) {\n          setTimeout(async () => {\n            if (modifiedRef.current) {\n              const body = {\n                ...reduceFieldsToValues(fieldRef.current, true),\n                _status: 'draft',\n              }\n              const res = await fetch(url, {\n                body: JSON.stringify(body),\n                credentials: 'include',\n                headers: {\n                  'Accept-Language': i18n.language,\n                  'Content-Type': 'application/json',\n                },\n                method,\n              })\n\n              if (res.status === 200) {\n                setLastSaved(new Date().getTime())\n                void getVersions()\n              }\n            }\n\n            setSaving(false)\n          }, 1000)\n        }\n      }\n    }\n\n    void autosave()\n  }, [i18n, debouncedFields, modified, serverURL, api, collection, globalDoc, id, getVersions])\n\n  useEffect(() => {\n    if (versions?.docs?.[0]) {\n      setLastSaved(new Date(versions.docs[0].updatedAt).getTime())\n    } else if (publishedDocUpdatedAt) {\n      setLastSaved(new Date(publishedDocUpdatedAt).getTime())\n    }\n  }, [publishedDocUpdatedAt, versions])\n\n  return (\n    <div className={baseClass}>\n      {saving && t('general:saving')}\n      {!saving && lastSaved && (\n        <React.Fragment>\n          {t('version:lastSavedAgo', {\n            distance: formatTimeToNow(lastSaved, i18n.language),\n          })}\n        </React.Fragment>\n      )}\n    </div>\n  )\n}\n"],"names":["useRouter","React","useCallback","useEffect","useRef","useState","toast","useAllFormFields","useFormModified","useDebounce","useConfig","useDocumentInfo","useLocale","useTranslation","formatTimeToNow","reduceFieldsToValues","baseClass","Autosave","id","collection","global","globalDoc","publishedDocUpdatedAt","routes","admin","api","serverURL","docConfig","getVersions","versions","versionsConfig","fields","modified","code","locale","router","i18n","t","interval","drafts","autosave","saving","setSaving","lastSaved","setLastSaved","debouncedFields","fieldRef","modifiedRef","localeRef","current","createCollectionDoc","res","fetch","slug","body","JSON","stringify","credentials","headers","language","method","status","json","replace","doc","error","url","setTimeout","_status","Date","getTime","docs","updatedAt","div","className","Fragment","distance"],"mappings":"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"}

package/dist/elements/Banner/index.d.ts

@@ -1,6 +1,22 @@
+import type { MouseEvent } from 'react';
 import React from 'react';
-import type { Props } from './types.js';
 import './index.scss';
+type onClick = (event: MouseEvent) => void;
+export type Props = {
+    alignIcon?: 'left' | 'right';
+    children?: React.ReactNode;
+    className?: string;
+    icon?: React.ReactNode;
+    onClick?: onClick;
+    to?: string;
+    type?: 'default' | 'error' | 'info' | 'success';
+};
+export type RenderedTypeProps = {
+    children?: React.ReactNode;
+    className?: string;
+    onClick?: onClick;
+    to: string;
+};
 export declare const Banner: React.FC<Props>;
-export default Banner;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Banner/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAqB,MAAM,YAAY,CAAA;AAE1D,OAAO,cAAc,CAAA;AAMrB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiClC,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Banner/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAMrB,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;AAE1C,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;CAChD,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,EAAE,EAAE,MAAM,CAAA;CACX,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiClC,CAAA"}

package/dist/elements/Banner/index.js

@@ -1,5 +1,5 @@
-import LinkImport from 'next/link.js';
-import React from 'react'; // TODO: abstract this out to support all routers
+import LinkImport from 'next/link.js'; // TODO: abstract this out to support all routers
+import React from 'react';
 const Link = LinkImport.default || LinkImport;
 const baseClass = 'banner';
 export const Banner = ({ type = 'default', alignIcon = 'right', children, className, icon, onClick, to })=>{
@@ -23,6 +23,5 @@ export const Banner = ({ type = 'default', alignIcon = 'right', children, classN
         className: `${baseClass}__content`
     }, children), icon && alignIcon === 'right' && /*#__PURE__*/ React.createElement(React.Fragment, null, icon));
 };
-export default Banner;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Banner/index.tsx"],"sourcesContent":["import LinkImport from 'next/link.js'\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport type { Props, RenderedTypeProps } from './types.js'\n\nimport './index.scss'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nconst baseClass = 'banner'\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) RenderedType = 'button'\n  if (to) RenderedType = Link\n\n  return (\n    <RenderedType className={classes} href={to || ''} 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\nexport default Banner\n"],"names":["LinkImport","React","Link","default","baseClass","Banner","type","alignIcon","children","className","icon","onClick","to","classes","filter","Boolean","join","RenderedType","href","Fragment","span"],"mappings":"AAAA,OAAOA,gBAAgB,eAAc;AACrC,OAAOC,WAAW,QAAO,CAAC,iDAAiD;AAM3E,MAAMC,OAAQF,WAAWG,OAAO,IAAIH;AAEpC,MAAMI,YAAY;AAElB,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,CAAC,EAAEA,UAAU,OAAO,EAAEE,KAAK,CAAC;QAC5BG,aAAaA;QACbG,MAAM,CAAC,EAAER,UAAU,UAAU,CAAC;QAC7BQ,CAAAA,MAAMD,OAAM,KAAM,CAAC,EAAEP,UAAU,YAAY,CAAC;QAC7CM,QAAQ,CAAC,EAAEN,UAAU,UAAU,CAAC;QAChCM,QAAQ,CAAC,EAAEN,UAAU,aAAa,EAAEG,UAAU,CAAC;KAChD,CACEO,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIC,eAA2E;IAE/E,IAAIN,WAAW,CAACC,IAAIK,eAAe;IACnC,IAAIL,IAAIK,eAAef;IAEvB,qBACE,oBAACe;QAAaR,WAAWI;QAASK,MAAMN,MAAM;QAAID,SAASA;OACxDD,QAAQH,cAAc,wBAAU,oBAACN,MAAMkB,QAAQ,QAAET,qBAClD,oBAACU;QAAKX,WAAW,CAAC,EAAEL,UAAU,SAAS,CAAC;OAAGI,WAC1CE,QAAQH,cAAc,yBAAW,oBAACN,MAAMkB,QAAQ,QAAET;AAGzD,EAAC;AAED,eAAeL,OAAM"}
+{"version":3,"sources":["../../../src/elements/Banner/index.tsx"],"sourcesContent":["import LinkImport from 'next/link.js' // TODO: abstract this out to support all routers\nimport type { MouseEvent } from 'react'\n\nimport React from 'react'\n\nimport './index.scss'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nconst baseClass = 'banner'\n\ntype onClick = (event: MouseEvent) => void\n\nexport type Props = {\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) RenderedType = 'button'\n  if (to) RenderedType = Link\n\n  return (\n    <RenderedType className={classes} href={to || ''} 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":["LinkImport","React","Link","default","baseClass","Banner","type","alignIcon","children","className","icon","onClick","to","classes","filter","Boolean","join","RenderedType","href","Fragment","span"],"mappings":"AAAA,OAAOA,gBAAgB,eAAc,CAAC,iDAAiD;AAGvF,OAAOC,WAAW,QAAO;AAIzB,MAAMC,OAAQF,WAAWG,OAAO,IAAIH;AAEpC,MAAMI,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,CAAC,EAAEA,UAAU,OAAO,EAAEE,KAAK,CAAC;QAC5BG,aAAaA;QACbG,MAAM,CAAC,EAAER,UAAU,UAAU,CAAC;QAC7BQ,CAAAA,MAAMD,OAAM,KAAM,CAAC,EAAEP,UAAU,YAAY,CAAC;QAC7CM,QAAQ,CAAC,EAAEN,UAAU,UAAU,CAAC;QAChCM,QAAQ,CAAC,EAAEN,UAAU,aAAa,EAAEG,UAAU,CAAC;KAChD,CACEO,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIC,eAA2E;IAE/E,IAAIN,WAAW,CAACC,IAAIK,eAAe;IACnC,IAAIL,IAAIK,eAAef;IAEvB,qBACE,oBAACe;QAAaR,WAAWI;QAASK,MAAMN,MAAM;QAAID,SAASA;OACxDD,QAAQH,cAAc,wBAAU,oBAACN,MAAMkB,QAAQ,QAAET,qBAClD,oBAACU;QAAKX,WAAW,CAAC,EAAEL,UAAU,SAAS,CAAC;OAAGI,WAC1CE,QAAQH,cAAc,yBAAW,oBAACN,MAAMkB,QAAQ,QAAET;AAGzD,EAAC"}

package/dist/elements/Button/types.d.ts

@@ -1,8 +1,7 @@
 import type { ElementType, MouseEvent } from 'react';
 import type React from 'react';
-import type { LinkType } from '../../exports/types.js';
 export type Props = {
-    Link?: LinkType;
+    Link?: React.ElementType;
     'aria-label'?: string;
     buttonId?: string;
     buttonStyle?: 'error' | 'icon-label' | 'none' | 'primary' | 'secondary' | 'transparent';

package/dist/elements/Button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEtD,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,CAAA;IACvF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAA;IACpC,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IAC5D,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,gBAAgB,CAAA;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IACzB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,CAAA;IACvF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAA;IACpC,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IAC5D,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,gBAAgB,CAAA;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IACzB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA"}

package/dist/elements/Button/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Button/types.ts"],"sourcesContent":["import type { ElementType, MouseEvent } from 'react'\nimport type React from 'react'\n\nimport type { LinkType } from '../../exports/types.js'\n\nexport type Props = {\n  Link?: LinkType\n  'aria-label'?: string\n  buttonId?: string\n  buttonStyle?: 'error' | 'icon-label' | 'none' | 'primary' | 'secondary' | 'transparent'\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  el?: 'anchor' | 'link' | ElementType\n  icon?: ['chevron' | 'edit' | 'plus' | 'x'] | React.ReactNode\n  iconPosition?: 'left' | 'right'\n  iconStyle?: 'none' | 'with-border' | 'without-border'\n  id?: string\n  newTab?: boolean\n  onClick?: (event: MouseEvent) => void\n  round?: boolean\n  size?: 'medium' | 'small'\n  to?: string\n  tooltip?: string\n  type?: 'button' | 'submit'\n  url?: string\n}\n"],"names":[],"mappings":"AAKA,WAqBC"}
+{"version":3,"sources":["../../../src/elements/Button/types.ts"],"sourcesContent":["import type { ElementType, MouseEvent } from 'react'\nimport type React from 'react'\n\nexport type Props = {\n  Link?: React.ElementType\n  'aria-label'?: string\n  buttonId?: string\n  buttonStyle?: 'error' | 'icon-label' | 'none' | 'primary' | 'secondary' | 'transparent'\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  el?: 'anchor' | 'link' | ElementType\n  icon?: ['chevron' | 'edit' | 'plus' | 'x'] | React.ReactNode\n  iconPosition?: 'left' | 'right'\n  iconStyle?: 'none' | 'with-border' | 'without-border'\n  id?: string\n  newTab?: boolean\n  onClick?: (event: MouseEvent) => void\n  round?: boolean\n  size?: 'medium' | 'small'\n  to?: string\n  tooltip?: string\n  type?: 'button' | 'submit'\n  url?: string\n}\n"],"names":[],"mappings":"AAGA,WAqBC"}