@adyen/adyen-platform-experience-web 1.0.1 → 1.0.2

package/dist/es/components/external/TransactionsOverview/components/TransactionsTable/TransactionsTable.js

@@ -1,72 +1,78 @@
-import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import _ from "../Category/Category.js";
-import x from "../../../../internal/DataOverviewError/DataOverviewError.js";
-import { getLabel as L } from "../../../../utils/getLabel.js";
-import R from "../../../../../core/Context/useCoreContext.js";
-import { useState as H, useMemo as d, useCallback as V } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { CellTextPosition as F } from "../../../../internal/DataGrid/types.js";
-import { getCurrencyCode as O } from "../../../../../core/Localization/amount/amount-util.js";
-import { BASE_CLASS as Y, DATE_AND_PAYMENT_METHOD_CLASS as y, AMOUNT_CLASS as $ } from "./constants.js";
+import { DATE_FORMAT_TRANSACTIONS as x } from "../../../../internal/DataOverviewDisplay/constants.js";
+import L from "../Category/Category.js";
+import H from "../../../../internal/DataOverviewError/DataOverviewError.js";
+import { getLabel as O } from "../../../../utils/getLabel.js";
+import V from "../../../../../core/Context/useCoreContext.js";
+import Y from "../../../../hooks/useTimezoneAwareDateFormatting.js";
+import { useState as $, useMemo as d, useCallback as G } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { CellTextPosition as I } from "../../../../internal/DataGrid/types.js";
+import { getCurrencyCode as U } from "../../../../../core/Localization/amount/amount-util.js";
+import { BASE_CLASS as k, DATE_AND_PAYMENT_METHOD_CLASS as T, AMOUNT_CLASS as W } from "./constants.js";
 import "./TransactionTable.scss.js";
-import { useResponsiveViewport as m, mediaQueries as c } from "../../hooks/useResponsiveViewport.js";
-import f from "./PaymentMethodCell.js";
+import { useResponsiveViewport as p, mediaQueries as c } from "../../hooks/useResponsiveViewport.js";
+import h from "./PaymentMethodCell.js";
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import M from "../../../../internal/DataGrid/DataGrid.js";
-import G from "../../../../internal/Pagination/Pagination.js";
-const U = ["dateAndPaymentMethod", "createdAt", "paymentMethod", "transactionType", "amount"], no = ({
-  availableCurrencies: a,
-  error: s,
+import j from "../../../../internal/Pagination/Pagination.js";
+const q = ["dateAndPaymentMethod", "createdAt", "paymentMethod", "transactionType", "amount"], co = ({
+  activeBalanceAccount: s,
+  availableCurrencies: n,
+  error: m,
   hasMultipleCurrencies: i,
-  loading: T,
+  loading: g,
   onContactSupport: l,
-  onRowClick: g,
-  showDetails: k,
-  showPagination: v,
-  transactions: w,
-  ...S
+  onRowClick: w,
+  showDetails: z,
+  showPagination: S,
+  transactions: D,
+  ...C
 }) => {
-  const { i18n: n } = R(), [D, p] = H(), r = m(c.up.sm), u = m(c.up.md), A = m(c.down.xs), h = d(
-    () => ({
-      dateAndPaymentMethod: A,
-      createdAt: r,
-      transactionType: u,
-      paymentMethod: r
-    }),
-    [A, r, u]
-  ), b = d(
-    () => U.map((o) => {
-      const e = n.get(L(o));
-      return o === "amount" ? {
-        key: o,
-        label: i ? e : `${e} ${a && a[0] ? `(${O(a[0])})` : ""}`,
-        position: o === "amount" ? F.RIGHT : void 0,
-        flex: r ? 1.5 : void 0
-      } : { key: o, label: e, visible: h[o] };
-    }),
-    [a, h, i, n, r]
-  ), C = {
+  const {
+    i18n: a
+  } = V(), {
+    dateFormat: E,
+    fullDateFormat: b
+  } = Y(s == null ? void 0 : s.timeZone), [N, u] = $(), r = p(c.up.sm), A = p(c.up.md), y = p(c.down.xs), f = d(() => ({
+    dateAndPaymentMethod: y,
+    createdAt: r,
+    transactionType: A,
+    paymentMethod: r
+  }), [y, r, A]), _ = d(() => q.map((o) => {
+    const e = a.get(O(o));
+    return o === "amount" ? {
+      key: o,
+      label: i ? e : `${e} ${n && n[0] ? `(${U(n[0])})` : ""}`,
+      position: o === "amount" ? I.RIGHT : void 0,
+      flex: r ? 1.5 : void 0
+    } : {
+      key: o,
+      label: e,
+      visible: f[o]
+    };
+  }), [n, f, i, a, r]), R = {
     title: "noTransactionsFound",
     message: ["tryDifferentSearchOrResetYourFiltersAndWeWillTryAgain"]
-  }, E = V(
-    (o) => {
-      p(o ?? void 0);
-    },
-    [p]
-  ), N = d(
-    () => () => /* @__PURE__ */ t(x, { error: s, onContactSupport: l, errorMessage: "weCouldNotLoadYourTransactions" }),
-    [s, l]
-  );
-  return /* @__PURE__ */ t("div", { className: Y, children: /* @__PURE__ */ t(
-    M,
-    {
-      errorDisplay: N,
-      error: s,
-      columns: b,
-      data: w,
-      loading: T,
+  }, v = G((o) => {
+    u(o ?? void 0);
+  }, [u]), F = d(() => () => t(H, {
+    error: m,
+    onContactSupport: l,
+    errorMessage: "weCouldNotLoadYourTransactions"
+  }), [m, l]);
+  return t("div", {
+    className: k,
+    children: t(M, {
+      errorDisplay: F,
+      error: m,
+      columns: _,
+      data: D,
+      loading: g,
       outline: !1,
-      onRowClick: { callback: g },
-      onRowHover: E,
-      emptyTableMessage: C,
+      onRowClick: {
+        callback: w
+      },
+      onRowHover: v,
+      emptyTableMessage: R,
       customCells: {
         // Remove status column temporarily
         /* status: ({ value }) => {
@@ -77,32 +83,59 @@ const U = ["dateAndPaymentMethod", "createdAt", "paymentMethod", "transactionTyp
                 />
             );
         },*/
-        dateAndPaymentMethod: ({ item: o }) => /* @__PURE__ */ t("div", { className: y, children: [
-          /* @__PURE__ */ t(f, { paymentMethod: o.paymentMethod, bankAccount: o.bankAccount }),
-          /* @__PURE__ */ t("span", { className: y, children: n.date(o.createdAt, {
-            month: "short",
-            day: "numeric",
-            year: void 0,
-            hour: "2-digit",
-            minute: "2-digit",
-            hour12: !1
-          }) })
-        ] }),
-        transactionType: ({ item: o, rowIndex: e }) => {
+        dateAndPaymentMethod: ({
+          item: o
+        }) => t("div", {
+          className: T,
+          children: [t(h, {
+            paymentMethod: o.paymentMethod,
+            bankAccount: o.bankAccount
+          }), t("span", {
+            className: T,
+            children: E(o.createdAt, x)
+          })]
+        }),
+        transactionType: ({
+          item: o,
+          rowIndex: e
+        }) => {
           const P = `tooltip.${o.category}`;
-          return o.category ? n.has(P) ? /* @__PURE__ */ t(_, { value: o.category, isContainerHovered: e === D }) : o.category : null;
+          return o.category ? a.has(P) ? t(L, {
+            value: o.category,
+            isContainerHovered: e === N
+          }) : o.category : null;
         },
-        createdAt: ({ value: o }) => /* @__PURE__ */ t("span", { children: n.fullDate(o) }),
-        amount: ({ value: o }) => {
-          const e = n.amount(o.value, o.currency, { hideCurrency: !i });
-          return /* @__PURE__ */ t("span", { className: $, children: e });
+        createdAt: ({
+          value: o
+        }) => t("span", {
+          children: b(o)
+        }),
+        amount: ({
+          value: o
+        }) => {
+          const e = a.amount(o.value, o.currency, {
+            hideCurrency: !i
+          });
+          return t("span", {
+            className: W,
+            children: e
+          });
         },
-        paymentMethod: ({ item: o }) => /* @__PURE__ */ t(f, { paymentMethod: o.paymentMethod, bankAccount: o.bankAccount })
+        paymentMethod: ({
+          item: o
+        }) => t(h, {
+          paymentMethod: o.paymentMethod,
+          bankAccount: o.bankAccount
+        })
       },
-      children: v && /* @__PURE__ */ t(M.Footer, { children: /* @__PURE__ */ t(G, { ...S }) })
-    }
-  ) });
+      children: S && t(M.Footer, {
+        children: t(j, {
+          ...C
+        })
+      })
+    })
+  });
 };
 export {
-  no as TransactionsTable
+  co as TransactionsTable
 };

package/dist/es/components/external/TransactionsOverview/hooks/useMaxWidths.js

@@ -1,12 +1,10 @@
 import { useState as c, useCallback as u } from "../../../../external/preact/hooks/dist/hooks.module.js";
 const W = () => {
   const [s, r] = c([]), n = u((a) => {
-    r(
-      (o) => a.every((t) => !t) ? a : a.map((t, x) => {
-        const e = o[x];
-        return !e || t > e ? t : e;
-      })
-    );
+    r((o) => a.every((t) => !t) ? a : a.map((t, x) => {
+      const e = o[x];
+      return !e || t > e ? t : e;
+    }));
   }, []);
   return [s, n];
 };

package/dist/es/components/external/UIElement/UIElement.js

@@ -1,20 +1,20 @@
-var p = Object.defineProperty;
-var m = (s, e, t) => e in s ? p(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var n = (s, e, t) => (m(s, typeof e != "symbol" ? e + "" : e, t), t);
-import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import c from "../../../core/Context/CoreProvider.js";
-import l from "../BaseElement.js";
+var l = Object.defineProperty;
+var p = (n, e, t) => e in n ? l(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var o = (n, e, t) => (p(n, typeof e != "symbol" ? e + "" : e, t), t);
+import m from "../../../core/Context/CoreProvider.js";
+import c from "../BaseElement.js";
 import "./UIElement.scss.js";
-import { AuthProvider as h } from "../../../core/Auth/context.js";
-class u extends l {
+import { jsx as i } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { AuthProvider as u } from "../../../core/Auth/context.js";
+class d extends c {
   constructor(t) {
     super(t);
-    n(this, "componentRef", null);
-    n(this, "componentToRender", null);
-    n(this, "elementRef");
-    n(this, "onContactSupport");
-    n(this, "setUIElementStatus");
-    this.setState = this.setState.bind(this), this.onContactSupport = t.onContactSupport, this.elementRef = this.props && this.props.elementRef || this;
+    o(this, "componentRef", null);
+    o(this, "componentToRender", null);
+    o(this, "elementRef");
+    o(this, "onContactSupport");
+    o(this, "setUIElementStatus");
+    this.setState = this.setState.bind(this), this.onContactSupport = t.onContactSupport, this.elementRef = this;
   }
   get isValid() {
     return !!this.state.isValid;
@@ -23,7 +23,7 @@ class u extends l {
    * Get the element's displayable name
    */
   get displayName() {
-    return this.props.name || this.type;
+    return this.type;
   }
   /**
    * Get the element accessible name, used in the aria-label of the button that controls selected component
@@ -50,19 +50,34 @@ class u extends l {
     };
   }
   setState(t) {
-    this.state = { ...this.state, ...t };
+    this.state = {
+      ...this.state,
+      ...t
+    };
   }
-  setStatus(t, o) {
-    var i, a;
-    return (i = this.componentRef) != null && i.setStatus ? this.componentRef.setStatus(t, o) : (a = this.setUIElementStatus) == null || a.call(this, t), this;
+  setStatus(t, s) {
+    var r, a;
+    return (r = this.componentRef) != null && r.setStatus ? this.componentRef.setStatus(t, s) : (a = this.setUIElementStatus) == null || a.call(this, t), this;
   }
   render() {
-    const t = this.props.core, o = t.update.bind(t);
-    return /* @__PURE__ */ r(h, { session: t.session, children: /* @__PURE__ */ r(c, { i18n: t.localization.i18n, loadingContext: t.loadingContext, updateCore: o, children: this.componentToRender && /* @__PURE__ */ r("div", { className: "adyen-pe-component", children: this.componentToRender() }) }) }, performance.now());
+    const t = this.props.core, s = t.update.bind(t), r = this.props.onError || t.onError || null;
+    return t.session.errorHandler = r, i(u, {
+      session: t.session,
+      children: i(m, {
+        i18n: t.localization.i18n,
+        loadingContext: t.loadingContext,
+        updateCore: s,
+        externalErrorHandler: r,
+        children: this.componentToRender && i("div", {
+          className: "adyen-pe-component",
+          children: this.componentToRender()
+        })
+      })
+    }, performance.now());
   }
 }
-const y = u;
+const g = d;
 export {
-  u as UIElement,
-  y as default
+  d as UIElement,
+  g as default
 };

package/dist/es/components/hooks/useBalanceAccountSelection.js

@@ -1,17 +1,26 @@
 import { useState as f, useCallback as l, useMemo as m } from "../../external/preact/hooks/dist/hooks.module.js";
 import { capitalize as x } from "../../utils/value/string.js";
 const I = (e) => {
-  const [n, t] = f(0), p = l(() => t(0), [t]), r = m(() => e == null ? void 0 : e[n], [e, n]), s = m(
-    () => e && e.length > 1 ? Object.freeze(e.map(({ description: o, id: i }) => ({ id: i, name: x(o) }))) : void 0,
-    [e]
-  ), B = l(
-    ({ target: o }) => {
-      const i = o == null ? void 0 : o.value, d = e == null ? void 0 : e.findIndex(({ id: S }) => S === i);
-      d >= 0 && t(d);
-    },
-    [e, t]
-  );
-  return { activeBalanceAccount: r, balanceAccountSelectionOptions: s, onBalanceAccountSelection: B, resetBalanceAccountSelection: p };
+  const [n, t] = f(0), p = l(() => t(0), [t]), r = m(() => e == null ? void 0 : e[n], [e, n]), s = m(() => e && e.length > 1 ? Object.freeze(e.map(({
+    description: o,
+    id: i
+  }) => ({
+    id: i,
+    name: x(o)
+  }))) : void 0, [e]), B = l(({
+    target: o
+  }) => {
+    const i = o == null ? void 0 : o.value, d = e == null ? void 0 : e.findIndex(({
+      id: S
+    }) => S === i);
+    d >= 0 && t(d);
+  }, [e, t]);
+  return {
+    activeBalanceAccount: r,
+    balanceAccountSelectionOptions: s,
+    onBalanceAccountSelection: B,
+    resetBalanceAccountSelection: p
+  };
 }, c = I;
 export {
   c as default

package/dist/es/components/hooks/useBalanceAccounts.js

@@ -2,24 +2,27 @@ import { useFetch as f } from "../../hooks/useFetch/useFetch.js";
 import { useMemo as o } from "../../external/preact/hooks/dist/hooks.module.js";
 import { useAuthContext as g } from "../../core/Auth/context.js";
 import { EMPTY_OBJECT as p } from "../../utils/value/constants.js";
-const u = (r) => {
-  const { getBalanceAccounts: s } = g().endpoints, { data: e, isFetching: i, error: n } = f(
-    o(
-      () => ({
-        fetchOptions: { enabled: !!s, keepPrevData: !0 },
-        queryFn: async () => s == null ? void 0 : s(p)
-      }),
-      [s]
-    )
-  ), t = o(
-    () => e == null ? void 0 : e.data.filter((h) => r ? h.id === r : !0),
-    [e == null ? void 0 : e.data, r]
-  ), m = o(
-    () => !!r && !!(e != null && e.data.length) && (t == null ? void 0 : t.length) === 0,
-    [t == null ? void 0 : t.length, e == null ? void 0 : e.data.length, r]
-  );
-  return { balanceAccounts: t, isBalanceAccountIdWrong: m, isFetching: i, error: n };
-}, y = u;
+const B = (r, i) => {
+  const {
+    getBalanceAccounts: s
+  } = g().endpoints, {
+    data: e,
+    isFetching: n,
+    error: m
+  } = f(o(() => ({
+    fetchOptions: {
+      enabled: !!s && (i ?? !0),
+      keepPrevData: !0
+    },
+    queryFn: async () => s == null ? void 0 : s(p)
+  }), [s])), t = o(() => e == null ? void 0 : e.data.filter((u) => r ? u.id === r : !0), [e == null ? void 0 : e.data, r]), h = o(() => !!r && !!(e != null && e.data.length) && (t == null ? void 0 : t.length) === 0, [t == null ? void 0 : t.length, e == null ? void 0 : e.data.length, r]);
+  return {
+    balanceAccounts: t,
+    isBalanceAccountIdWrong: h,
+    isFetching: n,
+    error: m
+  };
+}, M = B;
 export {
-  y as default
+  M as default
 };

package/dist/es/components/hooks/useDefaultOverviewFilterParams.js

@@ -1,24 +1,36 @@
 import { useState as m, useRef as l, useCallback as f, useEffect as u } from "../../external/preact/hooks/dist/hooks.module.js";
-import { FilterParam as s } from "../types.js";
+import { FilterParam as t } from "../types.js";
 import { getTimeRangeSelectionDefaultPresetOptions as T } from "../internal/DatePicker/components/TimeRangeSelector/useTimeRangeSelection.js";
 import { DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS as c } from "../external/TransactionsOverview/components/MultiSelectionFilter/useMultiSelectionFilter/constants.js";
-const p = (r) => {
-  const t = T(), e = "rangePreset.last30Days", { from: a, to: o } = t[e];
-  return { defaultFilterParams: {
-    ...r === "transactions" && {
-      ...c,
-      [s.MIN_AMOUNT]: void 0,
-      [s.MAX_AMOUNT]: void 0
+const A = (r) => {
+  const e = T(), a = "rangePreset.last30Days", {
+    from: s,
+    to: o
+  } = e[a];
+  return {
+    defaultFilterParams: {
+      ...r === "transactions" && {
+        ...c,
+        [t.MIN_AMOUNT]: void 0,
+        [t.MAX_AMOUNT]: void 0
+      },
+      [t.BALANCE_ACCOUNT]: void 0,
+      [t.CREATED_SINCE]: new Date(s).toISOString(),
+      [t.CREATED_UNTIL]: new Date(o).toISOString()
     },
-    [s.CREATED_SINCE]: new Date(a).toISOString(),
-    [s.CREATED_UNTIL]: new Date(o).toISOString()
-  }, defaultTimeRange: e, timeRangeOptions: t };
-}, D = (r, t) => {
-  const [e, a] = m(Date.now()), o = p(r), i = l(o), n = f(() => a(Date.now()), [a]);
+    defaultTimeRange: a,
+    timeRangeOptions: e
+  };
+}, E = (r, e) => {
+  const [a, s] = m(Date.now()), o = A(r), i = l(o), n = f(() => s(Date.now()), [s]);
   return u(() => {
     n();
-  }, [t, n]), { defaultParams: i, nowTimestamp: e, refreshNowTimestamp: n };
-}, A = D;
+  }, [e, n]), {
+    defaultParams: i,
+    nowTimestamp: a,
+    refreshNowTimestamp: n
+  };
+}, _ = E;
 export {
-  A as default
+  _ as default
 };

package/dist/es/components/hooks/useTimezoneAwareDateFormatting.js

@@ -0,0 +1,31 @@
+import { useCallback as n, useMemo as c } from "../../external/preact/hooks/dist/hooks.module.js";
+import s from "../../core/Context/useCoreContext.js";
+const m = (o) => {
+  const {
+    i18n: e
+  } = s();
+  return n((...t) => {
+    const r = e.timezone;
+    try {
+      return o(...t);
+    } finally {
+      e.timezone = r;
+    }
+  }, [e, o]);
+}, u = (o) => {
+  const {
+    i18n: e
+  } = s(), t = m(n(() => (e.timezone = void 0, e.timezone = o, e.timezone), [e, o]));
+  return c(t, [t]);
+}, z = (o) => {
+  const {
+    i18n: e
+  } = s(), t = u(o), r = m(n((...i) => (e.timezone = t, e.date(...i)), [e, t])), a = m(n((...i) => (e.timezone = t, e.fullDate(...i)), [e, t]));
+  return {
+    dateFormat: r,
+    fullDateFormat: a
+  };
+}, f = z;
+export {
+  f as default
+};

package/dist/es/components/internal/Accordion/Accordion.js

@@ -0,0 +1,58 @@
+import d from "classnames";
+import { useState as C, useRef as m, useCallback as N } from "../../../external/preact/hooks/dist/hooks.module.js";
+import h from "../SVGIcons/ChevronDown.js";
+import A from "../SVGIcons/ChevronUp.js";
+import { ACCORDION_BASE_CLASS as O, ACCORDION_HEADER_CLASS as p, ACCORDION_HEADER_CONTAINER_CLASS as E, ACCORDION_HEADER_CONTROLLER_CLASS as S, ACCORDION_CONTENT_CLASS as _ } from "./constants.js";
+import "./Accordion.scss.js";
+import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+function L({
+  children: s,
+  classNames: c,
+  header: t,
+  headerInformation: a
+}) {
+  var i;
+  const [o, l] = C(!1), r = m(null), n = N(() => {
+    l(!o);
+  }, [o]);
+  return e("div", {
+    className: d(O, c),
+    children: [e("h3", {
+      className: p,
+      children: [e("button", {
+        id: "accordion-controller",
+        "aria-controls": "accordion-content",
+        className: E,
+        onClick: n,
+        "aria-expanded": o,
+        children: e("div", {
+          className: S,
+          children: [t, o ? e(A, {
+            height: 8,
+            width: 15
+          }) : e(h, {
+            height: 8,
+            width: 15
+          })]
+        })
+      }), a && e("div", {
+        children: a
+      })]
+    }), e("div", {
+      role: "region",
+      id: "accordion-content",
+      "aria-labelledby": "accordion-controller",
+      style: {
+        maxHeight: o ? (i = r == null ? void 0 : r.current) == null ? void 0 : i.offsetHeight : 0
+      },
+      className: _,
+      children: e("div", {
+        ref: r,
+        children: s
+      })
+    })]
+  });
+}
+export {
+  L as default
+};

package/dist/es/components/internal/Accordion/Accordion.scss.js

@@ -0,0 +1,4 @@
+const o = "";
+export {
+  o as default
+};

package/dist/es/components/internal/Accordion/constants.js

@@ -0,0 +1,8 @@
+const C = "adyen-pe-accordion", _ = C + "__header", A = _ + "-container", O = _ + "-controller", n = C + "__content";
+export {
+  C as ACCORDION_BASE_CLASS,
+  n as ACCORDION_CONTENT_CLASS,
+  _ as ACCORDION_HEADER_CLASS,
+  A as ACCORDION_HEADER_CONTAINER_CLASS,
+  O as ACCORDION_HEADER_CONTROLLER_CLASS
+};

package/dist/es/components/internal/BaseButton/BaseButton.js

@@ -1,20 +1,34 @@
-import { jsx as B } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import A from "../Button/hooks/useButton.js";
-import { DEFAULT_BASE_BUTTON_CLASSNAME as N } from "./constants.js";
+import B from "../Button/hooks/useButton.js";
+import { DEFAULT_BASE_BUTTON_CLASSNAME as A } from "./constants.js";
 import { useMemo as r } from "../../../external/preact/hooks/dist/hooks.module.js";
 import "./BaseButton.scss.js";
+import { jsx as N } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { fixedForwardRef as x } from "../../../utils/preact/fixedForwardRef.js";
 import { parseClassName as C } from "../../../utils/preact/className.js";
 import { parseBooleanProp as E } from "../../../utils/preact/props.js";
-function S({ disabled: o = !1, onClick: s, classNameModifiers: e = [], type: m = "button", children: a, className: t, fullWidth: n, ...u }, f) {
-  const i = r(() => C("", t) || "", [t]), p = r(() => E(o), [o]), { classes: l, click: c } = A(
-    i,
-    [...e, ...n ? ["full-width"] : []],
-    N,
-    p,
-    s
-  );
-  return /* @__PURE__ */ B("button", { className: l, type: m, disabled: o, onClick: c, ref: f, ...u, children: a });
+function S({
+  disabled: o = !1,
+  onClick: s,
+  classNameModifiers: e = [],
+  type: m = "button",
+  children: a,
+  className: t,
+  fullWidth: n,
+  ...u
+}, f) {
+  const i = r(() => C("", t) || "", [t]), p = r(() => E(o), [o]), {
+    classes: l,
+    click: c
+  } = B(i, [...e, ...n ? ["full-width"] : []], A, p, s);
+  return N("button", {
+    className: l,
+    type: m,
+    disabled: o,
+    onClick: c,
+    ref: f,
+    ...u,
+    children: a
+  });
 }
 const U = x(S);
 export {

package/dist/es/components/internal/BaseList/BaseList.js

@@ -1,7 +1,12 @@
-import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import "./BaseList.scss.js";
-import { BASE_CLASS as s } from "./constants.js";
-const e = ({ children: r }) => /* @__PURE__ */ o("ul", { className: s, children: r });
+import { BASE_CLASS as o } from "./constants.js";
+import { jsx as s } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+const e = ({
+  children: r
+}) => s("ul", {
+  className: o,
+  children: r
+});
 export {
   e as BaseList
 };