reactive-bulma 4.3.9 → 4.3.11

package/dist/components/molecules/InputControl/index.js

@@ -1,28 +1,28 @@
 import { jsxs as x, jsx as a } from "react/jsx-runtime";
-import { parseClasses as f, parseTestId as h } from "../../../functions/parsers.js";
+import { parseClasses as h, parseTestId as v } from "../../../functions/parsers.js";
 import I from "../../atoms/Icon/index.js";
 import j from "../../atoms/Input/index.js";
 import "react";
-const o = (l) => l ? /* @__PURE__ */ a(I, { ...l }) : null, C = ({
+const n = (l) => l ? /* @__PURE__ */ a(I, { ...l }) : null, z = ({
   testId: l = null,
-  cssClasses: u = null,
-  style: d = null,
+  cssClasses: p = null,
+  style: u = null,
   inputConfig: s,
-  leftIcon: e = null,
-  rightIcon: n = null,
-  size: r = null,
-  isLoading: p = null,
+  leftIcon: r = null,
+  rightIcon: e = null,
+  size: o = null,
+  isLoading: d = null,
   isExpanded: i = null
 }) => {
-  const t = f([
+  const t = h([
     "control",
-    r,
-    e ? "has-icons-left" : null,
-    n ? "has-icons-right" : null,
-    p ? "is-loading" : null,
+    o,
+    r ? "has-icons-left" : null,
+    e ? "has-icons-right" : null,
+    d ? "is-loading" : null,
     i ? "is-expanded" : null,
-    u
-  ]), c = l ?? h({
+    p
+  ]), c = l ?? v({
     tag: "control",
     parsedClasses: t,
     rules: [
@@ -37,24 +37,24 @@ const o = (l) => l ? /* @__PURE__ */ a(I, { ...l }) : null, C = ({
     ]
   }), m = {
     ...s,
-    size: r ?? (s == null ? void 0 : s.size)
+    size: o ?? (s == null ? void 0 : s.size)
   };
   return /* @__PURE__ */ x(
     "section",
     {
       "data-testid": c,
       className: t,
-      style: d ?? void 0,
+      style: u ?? void 0,
       children: [
         /* @__PURE__ */ a(j, { ...m }),
-        o(e ? { ...e, position: "is-left" } : void 0),
-        o(
-          n ? { ...n, position: "is-right" } : void 0
+        n(r ? { ...r, position: "is-left" } : void 0),
+        n(
+          e ? { ...e, position: "is-right" } : void 0
         )
       ]
     }
   );
 };
 export {
-  C as default
+  z as default
 };

package/dist/components/molecules/LevelItem/index.js

@@ -1,17 +1,17 @@
 import { jsx as n } from "react/jsx-runtime";
-import { parseClasses as d, parseTestId as i } from "../../../functions/parsers.js";
-const o = ({
+import { parseClasses as i, parseTestId as o } from "../../../functions/parsers.js";
+const d = ({
   testId: l = null,
   cssClasses: s = null,
   style: t = null,
   content: r,
   isCentered: a = !1
 }) => {
-  const e = d([
+  const e = i([
     "level-item",
     a ? "has-text-centered" : null,
     s
-  ]), m = l ?? i({
+  ]), m = l ?? o({
     tag: "level-item",
     parsedClasses: e,
     rules: [
@@ -36,5 +36,5 @@ const o = ({
   );
 };
 export {
-  o as default
+  d as default
 };

package/dist/components/molecules/Media/index.js

@@ -1,5 +1,5 @@
 import { jsxs as c, jsx as m } from "react/jsx-runtime";
-import { parseClasses as u, parseTestId as o } from "../../../functions/parsers.js";
+import { parseClasses as o, parseTestId as u } from "../../../functions/parsers.js";
 const t = (e, s, l) => e ? /* @__PURE__ */ m(
   "section",
   {
@@ -11,11 +11,11 @@ const t = (e, s, l) => e ? /* @__PURE__ */ m(
   testId: e = null,
   cssClasses: s = null,
   style: l = null,
-  leftContent: n = null,
-  centerContent: i = null,
+  leftContent: i = null,
+  centerContent: n = null,
   rightContent: r = null
 }) => {
-  const d = u(["media", s]), a = e ?? o({ tag: "media", parsedClasses: d });
+  const d = o(["media", s]), a = e ?? u({ tag: "media", parsedClasses: d });
   return /* @__PURE__ */ c(
     "article",
     {
@@ -23,8 +23,8 @@ const t = (e, s, l) => e ? /* @__PURE__ */ m(
       className: d,
       style: l ?? void 0,
       children: [
-        t(n, "left", a),
-        t(i, "content", a),
+        t(i, "left", a),
+        t(n, "content", a),
         t(r, "right", a)
       ]
     }

package/dist/components/molecules/Menu/index.js

@@ -1,34 +1,34 @@
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
 import u from "react";
-import d from "../MenuList/index.js";
-import { parseClasses as c, parseTestId as p } from "../../../functions/parsers.js";
+import c from "../MenuList/index.js";
+import { parseClasses as d, parseTestId as p } from "../../../functions/parsers.js";
 import { generateKey as s } from "../../../functions/generators.js";
 const C = ({
-  testId: a = null,
-  cssClasses: l = null,
-  style: m = null,
+  testId: l = null,
+  cssClasses: m = null,
+  style: n = null,
   menuSections: r
 }) => {
-  const t = c(["menu", l]), i = a ?? p({ tag: "menu", parsedClasses: t });
+  const t = d(["menu", m]), i = l ?? p({ tag: "menu", parsedClasses: t });
   return /* @__PURE__ */ e(
     "aside",
     {
       "data-testid": i,
       className: t,
-      style: m ?? void 0,
-      children: r.map((n) => /* @__PURE__ */ o(u.Fragment, { children: [
+      style: n ?? void 0,
+      children: r.map((a) => /* @__PURE__ */ o(u.Fragment, { children: [
         /* @__PURE__ */ e(
           "p",
           {
             className: "menu-label",
-            children: n.label
+            children: a.label
           },
           `section-label-${s()}`
         ),
         /* @__PURE__ */ e(
-          d,
+          c,
           {
-            itemList: n.itemList
+            itemList: a.itemList
           },
           `section-menu-list-${s()}`
         )

package/dist/components/molecules/MenuList/index.js

@@ -1,22 +1,22 @@
-import { jsx as s, jsxs as d } from "react/jsx-runtime";
-import { parseClasses as p, parseTestId as b } from "../../../functions/parsers.js";
+import { jsx as s, jsxs as p } from "react/jsx-runtime";
+import { parseClasses as d, parseTestId as b } from "../../../functions/parsers.js";
 import "react";
 import t from "../../atoms/MenuItem/index.js";
 import { generateKey as l } from "../../../functions/generators.js";
 const h = ({
   testId: u = null,
-  cssClasses: n = null,
-  style: r = null,
+  cssClasses: r = null,
+  style: n = null,
   itemList: m
 }) => {
-  const i = p(["menu-list", n]), a = u ?? b({ tag: "menu-list", parsedClasses: i });
+  const i = d(["menu-list", r]), a = u ?? b({ tag: "menu-list", parsedClasses: i });
   return /* @__PURE__ */ s(
     "ul",
     {
       "data-testid": a,
       className: i,
-      style: r ?? void 0,
-      children: m.map((e) => "subListTitle" in e ? /* @__PURE__ */ d("li", { children: [
+      style: n ?? void 0,
+      children: m.map((e) => "subListTitle" in e ? /* @__PURE__ */ p("li", { children: [
         /* @__PURE__ */ s(t, { ...e.subListTitle }),
         /* @__PURE__ */ s("ul", { children: e.subItems.map((o) => /* @__PURE__ */ s(
           t,

package/dist/components/molecules/Message/index.js

@@ -1,10 +1,10 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { parseClasses as u, parseTestId as p } from "../../../functions/parsers.js";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { parseClasses as p, parseTestId as u } from "../../../functions/parsers.js";
 import g from "../../atoms/Delete/index.js";
 import "react";
 const N = ({
-  testId: r = null,
-  cssClasses: d = null,
+  testId: d = null,
+  cssClasses: n = null,
   style: m = null,
   headerText: a = null,
   bodyText: i,
@@ -12,15 +12,15 @@ const N = ({
   color: o = null,
   size: c = null
 }) => {
-  const t = u(["message", o, c, d]), s = r ?? p({ tag: "message", parsedClasses: t });
-  return /* @__PURE__ */ n(
+  const t = p(["message", o, c, n]), s = d ?? u({ tag: "message", parsedClasses: t });
+  return /* @__PURE__ */ r(
     "article",
     {
       "data-testid": s,
       className: t,
       style: m ?? void 0,
       children: [
-        a && /* @__PURE__ */ n(
+        a && /* @__PURE__ */ r(
           "section",
           {
             "data-testid": `${s}-header`,

package/dist/components/molecules/Modal/index.js

@@ -1,7 +1,7 @@
 import { jsxs as b, jsx as s } from "react/jsx-runtime";
 import { useState as k } from "react";
-import { parseClasses as n, parseTestId as d } from "../../../functions/parsers.js";
-const h = ({
+import { parseClasses as d, parseTestId as n } from "../../../functions/parsers.js";
+const T = ({
   testId: c = null,
   containerTestId: i = null,
   cssClasses: m = null,
@@ -9,20 +9,20 @@ const h = ({
   style: u = null,
   containerStyle: p = null,
   children: a = null,
-  onCloseClick: e = null
+  onCloseClick: l = null
 }) => {
-  const [C, f] = k(!0), l = n([
+  const [C, f] = k(!0), t = d([
     "modal",
     "is-active",
     r
-  ]), g = i ?? d({ tag: "modal", parsedClasses: l }), t = n(["modal-content", m]), I = c ?? d({ tag: "modal-content", parsedClasses: t }), o = () => {
-    e && e(), f(!1);
+  ]), g = i ?? n({ tag: "modal", parsedClasses: t }), e = d(["modal-content", m]), I = c ?? n({ tag: "modal-content", parsedClasses: e }), o = () => {
+    l && l(), f(!1);
   };
   return a && C && /* @__PURE__ */ b(
     "section",
     {
       "data-testid": g,
-      className: l,
+      className: t,
       style: p ?? void 0,
       children: [
         /* @__PURE__ */ s(
@@ -38,7 +38,7 @@ const h = ({
           "section",
           {
             "data-testid": I,
-            className: t,
+            className: e,
             style: u ?? void 0,
             children: a
           }
@@ -57,5 +57,5 @@ const h = ({
   );
 };
 export {
-  h as default
+  T as default
 };

package/dist/components/molecules/NavBarBrand/index.js

@@ -1,7 +1,7 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { jsxs as e, jsx as a } from "react/jsx-runtime";
 import { parseClasses as n, parseTestId as t } from "../../../functions/parsers.js";
 import "react";
-import v from "../../atoms/NavBarItem/index.js";
+import b from "../../atoms/NavBarItem/index.js";
 const C = ({
   testId: d = null,
   cssClasses: l = null,
@@ -9,27 +9,27 @@ const C = ({
   brandConfig: o,
   isBurgerActive: u = !1
 }) => {
-  const r = n(["navbar-brand", l]), c = d ?? t({ tag: "navbar-brand", parsedClasses: r }), e = n([
+  const r = n(["navbar-brand", l]), c = d ?? t({ tag: "navbar-brand", parsedClasses: r }), s = n([
     "navbar-burger",
     u ? "is-active" : null
   ]), p = t({
     tag: "navbar-burger",
-    parsedClasses: e
-  }), { children: m, ...b } = o;
-  return /* @__PURE__ */ s(
+    parsedClasses: s
+  }), { children: m, ...v } = o;
+  return /* @__PURE__ */ e(
     "section",
     {
       "data-testid": c,
       className: r,
       style: i ?? void 0,
       children: [
-        /* @__PURE__ */ a(v, { ...b, children: m }),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ a(b, { ...v, children: m }),
+        /* @__PURE__ */ e(
           "a",
           {
             role: "button",
             "data-testid": p,
-            className: e,
+            className: s,
             "aria-label": "menu",
             "aria-expanded": "false",
             children: [

package/dist/components/molecules/NavBarDropdown/index.js

@@ -1,78 +1,78 @@
 import { jsxs as B, jsx as r } from "react/jsx-runtime";
-import { parseClasses as s, parseTestId as o } from "../../../functions/parsers.js";
+import { parseClasses as n, parseTestId as o } from "../../../functions/parsers.js";
 import "react";
 import C from "../../atoms/NavBarItem/index.js";
-import { generateKey as d } from "../../../functions/generators.js";
+import { generateKey as l } from "../../../functions/generators.js";
 const D = (a) => a === "divider" ? /* @__PURE__ */ r(
   "hr",
   {
     className: "navbar-divider"
   },
-  `navbar-dropdown-divider-${d()}`
+  `navbar-dropdown-divider-${l()}`
 ) : /* @__PURE__ */ r(
   C,
   {
     ...a
   },
-  `navbar-dropdown-item-${d()}`
+  `navbar-dropdown-item-${l()}`
 ), E = ({
   testId: a = null,
-  containerTestId: l = null,
+  containerTestId: d = null,
   cssClasses: t = null,
   containerCssClasses: i = null,
   style: p = null,
-  containerStyle: m = null,
-  text: v,
+  containerStyle: v = null,
+  text: m,
   items: c,
   position: u = null,
   isActive: w = !1,
   isHoverable: b = !1,
-  hasDropdownUp: f = !1,
-  hasBoxedMenu: h = !1
+  hasDropdownUp: h = !1,
+  hasBoxedMenu: f = !1
 }) => {
-  const e = s([
+  const e = n([
     "navbar-item",
     "has-dropdown",
     u,
     w ? "is-active" : null,
     b ? "is-hoverable" : null,
-    f ? "has-dropdown-up" : null,
+    h ? "has-dropdown-up" : null,
     i
-  ]), g = l ?? o({
+  ]), g = d ?? o({
     tag: "navbar-dropdown-container",
     parsedClasses: e,
     rules: [
       { regExp: /navbar-item|has-dropdown/gm, replacer: "" },
       { regExp: /is-|has-/gm, replacer: "-" }
     ]
-  }), n = s([
+  }), s = n([
     "navbar-dropdown",
-    h ? "is-boxed" : null,
+    f ? "is-boxed" : null,
     t
   ]), x = a ?? o({
     tag: "navbar-dropdown",
-    parsedClasses: n
+    parsedClasses: s
   });
   return /* @__PURE__ */ B(
     "section",
     {
       "data-testid": g,
       className: e,
-      style: m ?? void 0,
+      style: v ?? void 0,
       children: [
         /* @__PURE__ */ r(
           "a",
           {
             className: "navbar-link",
             "aria-hidden": "true",
-            children: v
+            children: m
           }
         ),
         /* @__PURE__ */ r(
           "section",
           {
             "data-testid": x,
-            className: n,
+            className: s,
             style: p ?? void 0,
             children: c.map(D)
           }

package/dist/components/molecules/Notification/index.js

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as u } from "react/jsx-runtime";
-import { parseClasses as f, parseTestId as d } from "../../../functions/parsers.js";
-import m from "../../atoms/Delete/index.js";
+import { parseClasses as f, parseTestId as m } from "../../../functions/parsers.js";
+import p from "../../atoms/Delete/index.js";
 import "react";
 const h = ({
   testId: l = null,
@@ -16,7 +16,7 @@ const h = ({
     a,
     e ? "is-light" : null,
     i
-  ]), r = l ?? d({
+  ]), r = l ?? m({
     tag: "notification",
     parsedClasses: t
   });
@@ -27,7 +27,7 @@ const h = ({
       className: t,
       style: n ?? void 0,
       children: [
-        s ? /* @__PURE__ */ u(m, { ...s }) : null,
+        s ? /* @__PURE__ */ u(p, { ...s }) : null,
         o
       ]
     }

package/dist/components/molecules/Pagination/index.js

@@ -2,7 +2,7 @@ import { jsxs as d, jsx as s } from "react/jsx-runtime";
 import m from "react";
 import { parseClasses as c, parseTestId as g } from "../../../functions/parsers.js";
 import o from "../../atoms/PaginationItem/index.js";
-import { generateKey as v } from "../../../functions/generators.js";
+import { generateKey as k } from "../../../functions/generators.js";
 const f = (n) => n ? /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
   "span",
   {
@@ -25,31 +25,31 @@ const f = (n) => n ? /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
       children: n.text
     }
   );
-}, F = (n, a, t) => n.map((e, i, { length: l }) => {
-  const r = l - t - 1;
+}, F = (n, a, e) => n.map((t, i, { length: l }) => {
+  const r = l - e - 1;
   if (i === 0)
     return /* @__PURE__ */ d(m.Fragment, { children: [
-      /* @__PURE__ */ s(o, { ...e }),
+      /* @__PURE__ */ s(o, { ...t }),
       f(a)
     ] }, "first-pagination-item");
-  if (!a || i > t && i < r)
+  if (!a || i > e && i < r)
     return /* @__PURE__ */ s(
       o,
       {
-        ...e
+        ...t
       },
-      `pagination-item-${v()}`
+      `pagination-item-${k()}`
     );
   if (i === --l)
     return /* @__PURE__ */ d(m.Fragment, { children: [
       f(a),
-      /* @__PURE__ */ s(o, { ...e })
+      /* @__PURE__ */ s(o, { ...t })
     ] }, "last-pagination-item");
 }), w = ({
   testId: n = null,
   containerTestId: a = null,
-  cssClasses: t = null,
-  containerCssClasses: e = null,
+  cssClasses: e = null,
+  containerCssClasses: t = null,
   style: i = null,
   containerStyle: l = null,
   pages: r,
@@ -62,29 +62,29 @@ const f = (n) => n ? /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
     text: "Next page",
     cssClasses: "pagination-next"
   },
-  hasEllipsis: P = !1,
-  isRounded: b = !1,
-  alignment: y = null,
-  size: T = null
+  hasEllipsis: v = !1,
+  isRounded: P = !1,
+  alignment: b = null,
+  size: y = null
 }) => {
-  const u = c([
+  const p = c([
     "pagination",
-    b ? "is-rounded" : null,
-    T,
+    P ? "is-rounded" : null,
     y,
-    t
-  ]), j = n ?? g({
+    b,
+    e
+  ]), T = n ?? g({
     tag: "pagination",
-    parsedClasses: u
-  }), p = c([
+    parsedClasses: p
+  }), u = c([
     "pagination-list",
-    e
-  ]), k = a ?? g({ tag: "pagination-list", parsedClasses: p });
+    t
+  ]), j = a ?? g({ tag: "pagination-list", parsedClasses: u });
   return /* @__PURE__ */ d(
     "nav",
     {
-      "data-testid": j,
-      className: u,
+      "data-testid": T,
+      className: p,
       style: l ?? void 0,
       role: "navigation",
       "aria-label": "pagination",
@@ -94,10 +94,10 @@ const f = (n) => n ? /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
         /* @__PURE__ */ s(
           "ul",
           {
-            "data-testid": k,
-            className: p,
+            "data-testid": j,
+            className: u,
             style: i ?? void 0,
-            children: F(r, P, h)
+            children: F(r, v, h)
           }
         )
       ]

package/dist/components/molecules/PanelBlock/index.js

@@ -1,57 +1,57 @@
-import { jsx as e, jsxs as k } from "react/jsx-runtime";
+import { jsx as l, jsxs as f } from "react/jsx-runtime";
 import C from "react";
 import I from "../InputControl/index.js";
 import B from "../../atoms/Button/index.js";
-import { parseClasses as d, parseTestId as u } from "../../../functions/parsers.js";
+import { parseClasses as d, parseTestId as p } from "../../../functions/parsers.js";
 import h from "../../atoms/Icon/index.js";
-const g = ({ type: s, props: n }, t, o, a, c) => {
-  switch (s) {
+const v = ({ type: o, props: n }, s, t, a, c) => {
+  switch (o) {
     case "icon": {
-      const l = d(["panel-icon", o]), r = t ?? u({ tag: "panel-icon", parsedClasses: l });
-      return /* @__PURE__ */ k(C.Fragment, { children: [
-        /* @__PURE__ */ e(
+      const e = d(["panel-icon", t]), r = s ?? p({ tag: "panel-icon", parsedClasses: e });
+      return /* @__PURE__ */ f(C.Fragment, { children: [
+        /* @__PURE__ */ l(
           "span",
           {
             "data-testid": r,
-            className: l,
+            className: e,
             style: a ?? void 0,
-            children: /* @__PURE__ */ e(h, { ...n })
+            children: /* @__PURE__ */ l(h, { ...n })
           }
         ),
         c
       ] });
     }
     case "control":
-      return /* @__PURE__ */ e(I, { ...n });
+      return /* @__PURE__ */ l(I, { ...n });
     case "button":
-      return /* @__PURE__ */ e(B, { ...n });
+      return /* @__PURE__ */ l(B, { ...n });
   }
 }, L = ({
-  testId: s = null,
+  testId: o = null,
   containerTestId: n = null,
-  cssClasses: t = null,
-  containerCssClasses: o = null,
+  cssClasses: s = null,
+  containerCssClasses: t = null,
   style: a = null,
   containerStyle: c = null,
-  config: l,
+  config: e,
   blockText: r = null,
-  isActive: p = !1,
+  isActive: u = !1,
   onClick: m
 }) => {
   const i = d([
     "panel-block",
-    p ? "is-active" : null,
-    o
-  ]), f = n ?? u({ tag: "panel-block", parsedClasses: i });
-  return /* @__PURE__ */ e(
+    u ? "is-active" : null,
+    t
+  ]), k = n ?? p({ tag: "panel-block", parsedClasses: i });
+  return /* @__PURE__ */ l(
     "a",
     {
-      "data-testid": f,
+      "data-testid": k,
       className: i,
       style: c ?? void 0,
       "aria-hidden": "true",
       onClick: m ?? void 0,
-      children: g(l, s, t, a, r)
+      children: v(e, o, s, a, r)
     }
   );
 };