@payloadcms/ui 3.0.0-canary.cee5702 → 3.0.0-canary.cf66341

package/dist/@types/assets.d.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/@types/assets.d.ts"],"names":[],"rangeMappings":"","mappings":""}
+{"version":3,"file":"assets.d.js","names":[],"sources":["../../src/@types/assets.d.ts"],"sourcesContent":[null],"mappings":"","ignoreList":[]}

package/dist/assets/index.js

@@ -2,5 +2,4 @@ export { default as payloadFavicon } from './payload-favicon.svg';
 export { default as payloadFaviconDark } from './payload-favicon-dark.png';
 export { default as payloadFaviconLight } from './payload-favicon-light.png';
 export { default as staticOGImage } from './static-og-image.png';
-
 //# sourceMappingURL=index.js.map

package/dist/assets/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/assets/index.ts"],"sourcesContent":["export { default as payloadFavicon } from './payload-favicon.svg'\nexport { default as payloadFaviconDark } from './payload-favicon-dark.png'\nexport { default as payloadFaviconLight } from './payload-favicon-light.png'\nexport { default as staticOGImage } from './static-og-image.png'\n"],"names":["default","payloadFavicon","payloadFaviconDark","payloadFaviconLight","staticOGImage"],"rangeMappings":";;;","mappings":"AAAA,SAASA,WAAWC,cAAc,QAAQ,wBAAuB;AACjE,SAASD,WAAWE,kBAAkB,QAAQ,6BAA4B;AAC1E,SAASF,WAAWG,mBAAmB,QAAQ,8BAA6B;AAC5E,SAASH,WAAWI,aAAa,QAAQ,wBAAuB"}
+{"version":3,"file":"index.js","names":["default","payloadFavicon","payloadFaviconDark","payloadFaviconLight","staticOGImage"],"sources":["../../src/assets/index.ts"],"sourcesContent":["export { default as payloadFavicon } from './payload-favicon.svg'\nexport { default as payloadFaviconDark } from './payload-favicon-dark.png'\nexport { default as payloadFaviconLight } from './payload-favicon-light.png'\nexport { default as staticOGImage } from './static-og-image.png'\n"],"mappings":"AAAA,SAASA,OAAA,IAAWC,cAAc,QAAQ;AAC1C,SAASD,OAAA,IAAWE,kBAAkB,QAAQ;AAC9C,SAASF,OAAA,IAAWG,mBAAmB,QAAQ;AAC/C,SAASH,OAAA,IAAWI,aAAa,QAAQ","ignoreList":[]}

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

@@ -1 +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,EAoF7B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/AppHeader/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAc1D,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAsF7B,CAAA"}

package/dist/elements/AppHeader/index.js

@@ -1,109 +1,154 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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 { RenderComponent } from '../../providers/Config/RenderComponent.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
+import { formatAdminURL } from '../../utilities/formatAdminURL.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';
+import './index.scss';
 const baseClass = 'app-header';
-export const AppHeader = ()=>{
-    const { t } = useTranslation();
-    const { admin: { routes: { account: accountRoute } }, 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__*/ _jsxs("header", {
-        className: [
-            baseClass,
-            navOpen && `${baseClass}--nav-open`
-        ].filter(Boolean).join(' '),
-        children: [
-            /*#__PURE__*/ _jsx("div", {
-                className: `${baseClass}__bg`
-            }),
-            /*#__PURE__*/ _jsx("div", {
-                className: `${baseClass}__content`,
-                children: /*#__PURE__*/ _jsxs("div", {
-                    className: `${baseClass}__wrapper`,
-                    children: [
-                        /*#__PURE__*/ _jsx(NavToggler, {
-                            className: `${baseClass}__mobile-nav-toggler`,
-                            tabIndex: -1,
-                            children: /*#__PURE__*/ _jsx(Hamburger, {})
-                        }),
-                        /*#__PURE__*/ _jsxs("div", {
-                            className: `${baseClass}__controls-wrapper`,
-                            children: [
-                                /*#__PURE__*/ _jsx("div", {
-                                    className: `${baseClass}__step-nav-wrapper`,
-                                    children: /*#__PURE__*/ _jsx(StepNav, {
-                                        Link: Link,
-                                        className: `${baseClass}__step-nav`
-                                    })
-                                }),
-                                /*#__PURE__*/ _jsxs("div", {
-                                    className: `${baseClass}__actions-wrapper`,
-                                    children: [
-                                        /*#__PURE__*/ _jsx("div", {
-                                            className: `${baseClass}__actions`,
-                                            ref: customControlsRef,
-                                            children: Array.isArray(actions) && actions.map((Action, i)=>/*#__PURE__*/ _jsx("div", {
-                                                    className: isScrollable && i === actions.length - 1 ? `${baseClass}__last-action` : '',
-                                                    children: Action
-                                                }, i))
-                                        }),
-                                        isScrollable && /*#__PURE__*/ _jsx("div", {
-                                            className: `${baseClass}__gradient-placeholder`
-                                        })
-                                    ]
-                                }),
-                                localization && /*#__PURE__*/ _jsx(LocalizerLabel, {
-                                    ariaLabel: "invisible",
-                                    className: `${baseClass}__localizer-spacing`
-                                }),
-                                /*#__PURE__*/ _jsx(LinkElement, {
-                                    "aria-label": t('authentication:account'),
-                                    className: `${baseClass}__account`,
-                                    href: `${adminRoute}${accountRoute}`,
-                                    tabIndex: 0,
-                                    children: /*#__PURE__*/ _jsx(Account, {})
-                                })
-                            ]
-                        })
-                    ]
+export const AppHeader = () => {
+  const $ = _c(8);
+  const {
+    t
+  } = useTranslation();
+  const {
+    config: t0
+  } = useConfig();
+  const {
+    admin: t1,
+    localization,
+    routes: t2
+  } = t0;
+  const {
+    routes: t3
+  } = t1;
+  const {
+    account: accountRoute
+  } = t3;
+  const {
+    admin: adminRoute
+  } = t2;
+  const {
+    actions
+  } = useActions();
+  const {
+    navOpen
+  } = useNav();
+  const customControlsRef = useRef(null);
+  const [isScrollable, setIsScrollable] = useState(false);
+  let t4;
+  if ($[0] !== actions) {
+    t4 = [actions];
+    $[0] = actions;
+    $[1] = t4;
+  } else {
+    t4 = $[1];
+  }
+  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);
+    };
+  }, t4);
+  const Link = LinkWithDefault.default;
+  const LinkElement = Link || "a";
+  const t5 = navOpen && `${baseClass}--nav-open`;
+  let t6;
+  if ($[2] !== t5) {
+    t6 = [baseClass, t5].filter(Boolean);
+    $[2] = t5;
+    $[3] = t6;
+  } else {
+    t6 = $[3];
+  }
+  let t7;
+  if ($[4] !== isScrollable) {
+    t7 = isScrollable && _jsx("div", {
+      className: `${baseClass}__gradient-placeholder`
+    });
+    $[4] = isScrollable;
+    $[5] = t7;
+  } else {
+    t7 = $[5];
+  }
+  let t8;
+  if ($[6] !== localization) {
+    t8 = localization && _jsx(LocalizerLabel, {
+      ariaLabel: "invisible",
+      className: `${baseClass}__localizer-spacing`
+    });
+    $[6] = localization;
+    $[7] = t8;
+  } else {
+    t8 = $[7];
+  }
+  return _jsxs("header", {
+    className: t6.join(" "),
+    children: [_jsx("div", {
+      className: `${baseClass}__bg`
+    }), _jsx("div", {
+      className: `${baseClass}__content`,
+      children: _jsxs("div", {
+        className: `${baseClass}__wrapper`,
+        children: [_jsx(NavToggler, {
+          className: `${baseClass}__mobile-nav-toggler`,
+          tabIndex: -1,
+          children: _jsx(Hamburger, {})
+        }), _jsxs("div", {
+          className: `${baseClass}__controls-wrapper`,
+          children: [_jsx("div", {
+            className: `${baseClass}__step-nav-wrapper`,
+            children: _jsx(StepNav, {
+              Link,
+              className: `${baseClass}__step-nav`
+            })
+          }), _jsxs("div", {
+            className: `${baseClass}__actions-wrapper`,
+            children: [_jsx("div", {
+              className: `${baseClass}__actions`,
+              ref: customControlsRef,
+              children: Array.isArray(actions) && actions.map((Action, i) => _jsx("div", {
+                className: isScrollable && i === actions.length - 1 ? `${baseClass}__last-action` : "",
+                children: _jsx(RenderComponent, {
+                  mappedComponent: Action
                 })
+              }, i))
+            }), t7]
+          }), t8, _jsx(LinkElement, {
+            "aria-label": t("authentication:account"),
+            className: `${baseClass}__account`,
+            href: formatAdminURL({
+              adminRoute,
+              path: accountRoute
             }),
-            /*#__PURE__*/ _jsx(Localizer, {
-                className: `${baseClass}__localizer`
-            })
-        ]
-    });
+            tabIndex: 0,
+            children: _jsx(Account, {})
+          })]
+        })]
+      })
+    }), _jsx(Localizer, {
+      className: `${baseClass}__localizer`
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +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    admin: {\n      routes: { account: accountRoute },\n    },\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}${accountRoute}`}\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","admin","routes","account","accountRoute","localization","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","ariaLabel","aria-label","href"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","LinkWithDefault","React","useEffect","useRef","useState","Account","useActions","RenderComponent","useConfig","useTranslation","formatAdminURL","Hamburger","LocalizerLabel","Localizer","NavToggler","useNav","StepNav","baseClass","AppHeader","$","t","config","t0","admin","t1","localization","routes","t2","t3","account","accountRoute","adminRoute","actions","navOpen","customControlsRef","isScrollable","setIsScrollable","t4","checkIsScrollable","el","current","scrollable","scrollWidth","clientWidth","window","addEventListener","removeEventListener","Link","default","LinkElement","t5","t6","filter","Boolean","t7","_jsx","className","t8","ariaLabel","_jsxs","join","children","tabIndex","ref","Array","isArray","map","Action","i","length","mappedComponent","href","path"],"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 { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.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    config: {\n      admin: {\n        routes: { account: accountRoute },\n      },\n      localization,\n      routes: { admin: adminRoute },\n    },\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                      <RenderComponent mappedComponent={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={formatAdminURL({ adminRoute, path: accountRoute })}\n              tabIndex={0}\n            >\n              <Account />\n            </LinkElement>\n          </div>\n        </div>\n      </div>\n      <Localizer className={`${baseClass}__localizer`} />\n    </header>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/AppHeader/index.scss

@@ -16,7 +16,7 @@
     right: unset;
     left: base(4.5);
   }
-  &__localizer {
+  &__localizer.localizer {
     position: absolute;
     top: 50%;
     right: base(4.5);
@@ -57,7 +57,7 @@
     height: 100%;
     flex-grow: 1;
     justify-content: space-between;
-    overflow: hidden;
+    width: 100%;
   }
 
   &__account {
@@ -90,12 +90,14 @@
     align-items: center;
     flex-grow: 1;
     overflow: hidden;
+    width: 100%;
   }
 
   &__step-nav-wrapper {
-    flex: 1;
+    flex-grow: 0;
     overflow: auto;
     display: flex;
+    width: 100%;
 
     &::-webkit-scrollbar {
       display: none;
@@ -156,7 +158,7 @@
   }
 
   @include small-break {
-    &__localizer {
+    &__localizer.localizer {
       right: base(2);
     }
 

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import './index.scss';
 export type Props = {
-    addRow: (current: number, blockType?: string) => void;
+    addRow: (current: number, blockType?: string) => Promise<void> | void;
     duplicateRow: (current: number) => void;
     hasMaxRows: boolean;
     index: number;

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":"AACA,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,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,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,CAyFvC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ArrayAction/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IACrE,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,UAAU,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,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,CAyFvC,CAAA"}

package/dist/elements/ArrayAction/index.js

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