reactive-bulma 4.3.6 → 4.3.8

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

@@ -1,26 +1,26 @@
 import { jsx as a } from "react/jsx-runtime";
-import { parseClasses as o, parseTestId as d } from "../../../functions/parsers.js";
+import { parseClasses as d, parseTestId as o } from "../../../functions/parsers.js";
 import { generateKey as c } from "../../../functions/generators.js";
-const v = ({
-  testId: t = null,
-  cssClasses: l = null,
-  style: n = null,
+const f = ({
+  testId: n = null,
+  cssClasses: t = null,
+  style: l = null,
   tabList: i
 }) => {
-  const e = o(["panel-tabs", l]), r = t ?? d({ tag: "panel-tabs", parsedClasses: e });
+  const s = d(["panel-tabs", t]), r = n ?? o({ tag: "panel-tabs", parsedClasses: s });
   return /* @__PURE__ */ a(
     "section",
     {
       "data-testid": r,
-      className: e,
-      style: n ?? void 0,
-      children: i.map((s) => /* @__PURE__ */ a(
+      className: s,
+      style: l ?? void 0,
+      children: i.map((e) => /* @__PURE__ */ a(
         "a",
         {
-          className: s.isActive ? "is-active" : void 0,
+          className: e.isActive ? "is-active" : void 0,
           "aria-hidden": "true",
-          onClick: s.onClick ?? void 0,
-          children: s.text
+          onClick: e.onClick ?? void 0,
+          children: e.text
         },
         `tab-item-${c()}`
       ))
@@ -28,5 +28,5 @@ const v = ({
   );
 };
 export {
-  v as default
+  f as default
 };

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

@@ -1,10 +1,10 @@
 import { jsx as c } from "react/jsx-runtime";
 import { parseClasses as i, parseTestId as r } from "../../../functions/parsers.js";
-const u = ({
+const p = ({
   testId: e = null,
   cssClasses: t = null,
-  style: l = null,
-  content: n,
+  style: n = null,
+  content: l,
   size: o = null
 }) => {
   const s = i(["section", o, t]), a = e ?? r({ tag: "section", parsedClasses: s });
@@ -13,11 +13,11 @@ const u = ({
     {
       "data-testid": a,
       className: s,
-      style: l ?? void 0,
-      children: n
+      style: n ?? void 0,
+      children: l
     }
   );
 };
 export {
-  u as default
+  p as default
 };

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

@@ -1,35 +1,35 @@
-import { jsxs as d, jsx as s } from "react/jsx-runtime";
-import { parseClasses as u, parseTestId as b } from "../../../functions/parsers.js";
+import { jsxs as p, jsx as s } from "react/jsx-runtime";
+import { parseClasses as u, parseTestId as f } from "../../../functions/parsers.js";
 import "react";
-import c from "../../atoms/TableHeadCell/index.js";
-import f from "../../atoms/TableCell/index.js";
+import b from "../../atoms/TableHeadCell/index.js";
+import c from "../../atoms/TableCell/index.js";
 import { generateKey as w } from "../../../functions/generators.js";
-const v = ({
+const y = ({
   testId: t = null,
   cssClasses: a = null,
-  style: o = null,
-  headCell: l = null,
-  listOfCells: r,
+  style: r = null,
+  headCell: e = null,
+  listOfCells: o,
   isSelected: n = !1,
   onClick: m = null
 }) => {
-  const e = u([
+  const l = u([
     n ? "is-selected" : null,
     a
-  ]), i = t ?? b({ tag: "table-row", parsedClasses: e });
-  return /* @__PURE__ */ d(
+  ]), d = t ?? f({ tag: "table-row", parsedClasses: l });
+  return /* @__PURE__ */ p(
     "tr",
     {
-      "data-testid": i,
-      className: e,
-      style: o ?? void 0,
+      "data-testid": d,
+      className: l,
+      style: r ?? void 0,
       onClick: m ?? void 0,
       children: [
-        l ? /* @__PURE__ */ s(c, { ...l }) : null,
-        r.map((p) => /* @__PURE__ */ s(
-          f,
+        e ? /* @__PURE__ */ s(b, { ...e }) : null,
+        o.map((i) => /* @__PURE__ */ s(
+          c,
           {
-            ...p
+            ...i
           },
           `table-row-${w()}`
         ))
@@ -38,5 +38,5 @@ const v = ({
   );
 };
 export {
-  v as default
+  y as default
 };

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

@@ -1,39 +1,39 @@
 import { jsx as l } from "react/jsx-runtime";
-import { parseClasses as p, parseTestId as b } from "../../../functions/parsers.js";
+import { parseClasses as p, parseTestId as f } from "../../../functions/parsers.js";
 import "react";
-import f from "../../atoms/TabItem/index.js";
+import b from "../../atoms/TabItem/index.js";
 import { generateKey as h } from "../../../functions/generators.js";
 const y = ({
-  testId: e = null,
+  testId: t = null,
   cssClasses: a = null,
-  style: i = null,
-  tabs: r,
-  alignment: n = null,
-  size: o = null,
-  format: u = null,
-  isRounded: d = null,
+  style: n = null,
+  tabs: i,
+  alignment: r = null,
+  size: u = null,
+  format: d = null,
+  isRounded: o = null,
   isFullWidth: m = null
 }) => {
   const s = p([
     "tabs",
-    n,
-    o,
+    r,
     u,
-    d ? "is-toggle-rounded" : null,
+    d,
+    o ? "is-toggle-rounded" : null,
     m ? "is-fullwidth" : null,
     a
-  ]), c = e ?? b({ tag: "tabs", parsedClasses: s });
+  ]), c = t ?? f({ tag: "tabs", parsedClasses: s });
   return /* @__PURE__ */ l(
     "section",
     {
       "data-testid": c,
       className: s,
-      style: i ?? void 0,
-      children: /* @__PURE__ */ l("ul", { children: r.map((t) => /* @__PURE__ */ l(
+      style: n ?? void 0,
+      children: /* @__PURE__ */ l("ul", { children: i.map((e) => /* @__PURE__ */ l(
         "li",
         {
-          className: t.isActive ? "is-active" : void 0,
-          children: /* @__PURE__ */ l(f, { ...t })
+          className: e.isActive ? "is-active" : void 0,
+          children: /* @__PURE__ */ l(b, { ...e })
         },
         `tab-item-${h()}`
       )) })

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

@@ -1,25 +1,25 @@
-import { jsx as x } from "react/jsx-runtime";
-import { parseClasses as d, parseTestId as m } from "../../../functions/parsers.js";
+import { jsx as d } from "react/jsx-runtime";
+import { parseClasses as u, parseTestId as x } from "../../../functions/parsers.js";
 import "react";
-import u from "../../atoms/Tile/index.js";
+import m from "../../atoms/Tile/index.js";
 const T = ({
-  testId: r = null,
+  testId: s = null,
   cssClasses: l = "box",
-  style: s = null,
-  children: n = null,
+  style: n = null,
+  children: o = null,
   context: t = "is-child",
   size: i,
   color: e,
-  isVertical: o
+  isVertical: r
 }) => {
-  const a = d([
+  const a = u([
     "tileBox",
     t,
     i,
     e ? `notification ${e}` : null,
-    o ? "is-vertical" : null,
+    r ? "is-vertical" : null,
     l
-  ]), p = r ?? m({
+  ]), p = s ?? x({
     tag: "tileBox",
     parsedClasses: a,
     rules: [
@@ -33,17 +33,17 @@ const T = ({
       }
     ]
   });
-  return /* @__PURE__ */ x(
-    u,
+  return /* @__PURE__ */ d(
+    m,
     {
       testId: p,
       cssClasses: l,
-      style: s ?? void 0,
-      isVertical: o,
+      style: n ?? void 0,
+      isVertical: r,
       context: t,
       size: i,
       color: e,
-      children: n ?? void 0
+      children: o ?? void 0
     }
   );
 };

package/dist/components/organisms/Card/index.js

@@ -1,38 +1,38 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import { parseClasses as u, parseTestId as N } from "../../../functions/parsers.js";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { parseClasses as p, parseTestId as N } from "../../../functions/parsers.js";
 import "react";
-import $ from "../../atoms/Image/index.js";
+import f from "../../atoms/Image/index.js";
 import { generateKey as o } from "../../../functions/generators.js";
 const I = ({
   testId: m = null,
   cssClasses: h = null,
-  style: p = null,
-  headerText: c = null,
-  image: d = null,
+  style: u = null,
+  headerText: d = null,
+  image: c = null,
   content: s,
   footerLinks: l = null
 }) => {
-  const n = u(["card", h]), e = m ?? N({ tag: "card", parsedClasses: n });
+  const n = p(["card", h]), a = m ?? N({ tag: "card", parsedClasses: n });
   return /* @__PURE__ */ i(
     "section",
     {
-      "data-testid": e,
+      "data-testid": a,
       className: n,
-      style: p ?? void 0,
+      style: u ?? void 0,
       children: [
-        c ? /* @__PURE__ */ i(
+        d ? /* @__PURE__ */ i(
           "header",
           {
-            "data-testid": `${e}-header`,
+            "data-testid": `${a}-header`,
             className: "card-header",
             children: [
-              /* @__PURE__ */ a("p", { className: "card-header-title", children: c }),
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ e("p", { className: "card-header-title", children: d }),
+              /* @__PURE__ */ e(
                 "button",
                 {
                   className: "card-header-icon",
                   "aria-label": "more options",
-                  children: /* @__PURE__ */ a("span", { className: "icon", children: /* @__PURE__ */ a(
+                  children: /* @__PURE__ */ e("span", { className: "icon", children: /* @__PURE__ */ e(
                     "i",
                     {
                       className: "fas fa-angle-down",
@@ -44,34 +44,34 @@ const I = ({
             ]
           }
         ) : null,
-        d ? /* @__PURE__ */ a(
+        c ? /* @__PURE__ */ e(
           "section",
           {
-            "data-testid": `${e}-image`,
+            "data-testid": `${a}-image`,
             className: "card-image",
-            children: /* @__PURE__ */ a($, { ...d })
+            children: /* @__PURE__ */ e(f, { ...c })
           }
         ) : null,
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ e(
           "section",
           {
-            "data-testid": `${e}-content`,
+            "data-testid": `${a}-content`,
             className: "card-content",
-            children: Array.isArray(s) ? s.map((t, r) => /* @__PURE__ */ a(
+            children: Array.isArray(s) ? s.map((t, r) => /* @__PURE__ */ e(
               "section",
               {
-                "data-testid": `${e}-content-item-${r}`,
+                "data-testid": `${a}-content-item-${r}`,
                 className: "content",
                 children: t
               },
               `card-content-item-${o()}`
-            )) : /* @__PURE__ */ a("section", { className: "content", children: s })
+            )) : /* @__PURE__ */ e("section", { className: "content", children: s })
           }
         ),
-        l ? /* @__PURE__ */ a("section", { className: "card-footer", children: l.map((t, r) => /* @__PURE__ */ a(
+        l ? /* @__PURE__ */ e("section", { className: "card-footer", children: l.map((t, r) => /* @__PURE__ */ e(
           "a",
           {
-            "data-testid": `${e}-footer-item-${r}`,
+            "data-testid": `${a}-footer-item-${r}`,
             className: "card-footer-item",
             "aria-hidden": "true",
             onClick: t.onClick ?? void 0,

package/dist/components/organisms/Hero/index.js

@@ -1,23 +1,23 @@
 import { jsxs as h, jsx as i } from "react/jsx-runtime";
-import { parseClasses as m, parseTestId as f } from "../../../functions/parsers.js";
-const n = (o, s, t, r) => s === "body" || r === "is-fullheight" ? /* @__PURE__ */ i(
+import { parseClasses as f, parseTestId as m } from "../../../functions/parsers.js";
+const r = (o, e, t, n) => e === "body" || n === "is-fullheight" ? /* @__PURE__ */ i(
   "section",
   {
-    "data-testid": `${t}-${s}`,
-    className: `hero-${s}`,
+    "data-testid": `${t}-${e}`,
+    className: `hero-${e}`,
     children: o
   }
 ) : null, C = ({
   testId: o = null,
-  cssClasses: s = null,
+  cssClasses: e = null,
   style: t = null,
-  header: r = null,
+  header: n = null,
   body: d,
-  footer: c = null,
-  color: u = null,
-  size: e = null
+  footer: u = null,
+  color: c = null,
+  size: s = null
 }) => {
-  const a = m(["hero", u, e, s]), l = o ?? f({ tag: "hero", parsedClasses: a });
+  const a = f(["hero", c, s, e]), l = o ?? m({ tag: "hero", parsedClasses: a });
   return /* @__PURE__ */ h(
     "section",
     {
@@ -25,9 +25,9 @@ const n = (o, s, t, r) => s === "body" || r === "is-fullheight" ? /* @__PURE__ *
       className: a,
       style: t ?? void 0,
       children: [
-        n(r, "head", l, e),
-        n(d, "body", l, e),
-        n(c, "foot", l, e)
+        r(n, "head", l, s),
+        r(d, "body", l, s),
+        r(u, "foot", l, s)
       ]
     }
   );

package/dist/components/organisms/Level/index.js

@@ -1,9 +1,9 @@
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { jsxs as c, jsx as n } from "react/jsx-runtime";
 import { parseClasses as v, parseTestId as p } from "../../../functions/parsers.js";
 import "react";
 import { generateKey as d } from "../../../functions/generators.js";
 import f from "../../molecules/LevelItem/index.js";
-const s = (l) => l.map((e) => /* @__PURE__ */ t(
+const s = (l) => l.map((e) => /* @__PURE__ */ n(
   f,
   {
     ...e
@@ -13,7 +13,7 @@ const s = (l) => l.map((e) => /* @__PURE__ */ t(
   testId: l = null,
   cssClasses: e = null,
   style: m = null,
-  leftSide: n = null,
+  leftSide: t = null,
   centerSide: a = null,
   rightSide: r = null,
   isMobile: i = !1
@@ -22,17 +22,17 @@ const s = (l) => l.map((e) => /* @__PURE__ */ t(
     "level",
     i ? "is-mobile" : null,
     e
-  ]), c = l ?? p({ tag: "level", parsedClasses: o });
-  return /* @__PURE__ */ u(
+  ]), u = l ?? p({ tag: "level", parsedClasses: o });
+  return /* @__PURE__ */ c(
     "nav",
     {
-      "data-testid": c,
+      "data-testid": u,
       className: o,
       style: m ?? void 0,
       children: [
-        n ? /* @__PURE__ */ t("section", { className: "level-left", children: s(n) }) : null,
+        t ? /* @__PURE__ */ n("section", { className: "level-left", children: s(t) }) : null,
         a ? s(a) : null,
-        r ? /* @__PURE__ */ t("section", { className: "level-right", children: s(r) }) : null
+        r ? /* @__PURE__ */ n("section", { className: "level-right", children: s(r) }) : null
       ]
     }
   );

package/dist/components/organisms/NavBar/index.js

@@ -1,18 +1,18 @@
 import { jsxs as d, jsx as s } from "react/jsx-runtime";
-import { parseClasses as h, parseTestId as B } from "../../../functions/parsers.js";
+import { parseClasses as f, parseTestId as h } from "../../../functions/parsers.js";
 import "react";
-import $ from "../../atoms/NavBarItem/index.js";
+import B from "../../atoms/NavBarItem/index.js";
 import { generateKey as o } from "../../../functions/generators.js";
-import f from "../../molecules/NavBarBrand/index.js";
+import $ from "../../molecules/NavBarBrand/index.js";
 import x from "../../molecules/NavBarDropdown/index.js";
-const p = (l, a, e) => l ? /* @__PURE__ */ s(
+const p = (e, a, l) => e ? /* @__PURE__ */ s(
   "section",
   {
-    "data-testid": `${e}-${a}`,
+    "data-testid": `${l}-${a}`,
     className: `navbar-${a}`,
-    children: l.itemList.map(
+    children: e.itemList.map(
       (r) => r.children !== void 0 ? /* @__PURE__ */ s(
-        $,
+        B,
         {
           ...r
         },
@@ -27,27 +27,27 @@ const p = (l, a, e) => l ? /* @__PURE__ */ s(
     )
   }
 ) : null, D = ({
-  testId: l = null,
+  testId: e = null,
   cssClasses: a = null,
-  style: e = null,
+  style: l = null,
   brandConfig: r = null,
-  itemsAtStart: v = null,
-  itemsAtEnd: c = null,
-  fixedPosition: i = null,
-  color: m = null,
+  itemsAtStart: c = null,
+  itemsAtEnd: i = null,
+  fixedPosition: m = null,
+  color: v = null,
   isTransparent: u = !1,
   isSpaced: b = !1,
   hasShadow: N = !1
 }) => {
-  const t = h([
+  const t = f([
     "navbar",
-    i,
     m,
+    v,
     u ? "is-transparent" : null,
     b ? "is-spaced" : null,
     N ? "has-shadow" : null,
     a
-  ]), n = l ?? B({
+  ]), n = e ?? h({
     tag: "navbar",
     parsedClasses: t,
     rules: [
@@ -60,19 +60,19 @@ const p = (l, a, e) => l ? /* @__PURE__ */ s(
     {
       "data-testid": n,
       className: t,
-      style: e ?? void 0,
+      style: l ?? void 0,
       children: [
         r ? /* @__PURE__ */ s(
           "section",
           {
             "data-testid": "navbar-brand",
             className: "navbar-brand",
-            children: /* @__PURE__ */ s(f, { ...r })
+            children: /* @__PURE__ */ s($, { ...r })
           }
         ) : null,
         /* @__PURE__ */ d("section", { className: "navbar-menu", children: [
-          p(v, "start", n),
-          p(c, "end", n)
+          p(c, "start", n),
+          p(i, "end", n)
         ] })
       ]
     }

package/dist/components/organisms/Panel/index.js

@@ -1,5 +1,5 @@
-import { jsxs as c, jsx as l } from "react/jsx-runtime";
-import { parseClasses as d, parseTestId as u } from "../../../functions/parsers.js";
+import { jsxs as d, jsx as l } from "react/jsx-runtime";
+import { parseClasses as c, parseTestId as u } from "../../../functions/parsers.js";
 import "react";
 import { generateKey as f } from "../../../functions/generators.js";
 import g from "../../molecules/PanelBlock/index.js";
@@ -13,8 +13,8 @@ const x = (e) => /* @__PURE__ */ l("p", { className: "panel-heading", children:
   blockList: o,
   color: p = null
 }) => {
-  const s = d(["panel", p, n]), m = e ?? u({ tag: "panel", parsedClasses: s });
-  return /* @__PURE__ */ c(
+  const s = c(["panel", p, n]), m = e ?? u({ tag: "panel", parsedClasses: s });
+  return /* @__PURE__ */ d(
     "article",
     {
       "data-testid": m,

package/dist/components/organisms/Table/index.js

@@ -4,7 +4,7 @@ import "react";
 import x from "../../atoms/TableHeadCell/index.js";
 import { generateKey as i } from "../../../functions/generators.js";
 import g from "../../molecules/TableRow/index.js";
-const n = (t, a) => /* @__PURE__ */ e("tr", { children: a.map((s) => /* @__PURE__ */ e(
+const o = (t, a) => /* @__PURE__ */ e("tr", { children: a.map((s) => /* @__PURE__ */ e(
   x,
   {
     ...s
@@ -19,8 +19,8 @@ const n = (t, a) => /* @__PURE__ */ e("tr", { children: a.map((s) => /* @__PURE_
   foot: r = null,
   isBordered: c = !1,
   isStriped: f = !1,
-  isNarrow: p = !1,
-  isHoverable: u = !1,
+  isNarrow: u = !1,
+  isHoverable: p = !1,
   isFullwidth: h = !1,
   isContained: T = !1
 }) => {
@@ -28,18 +28,18 @@ const n = (t, a) => /* @__PURE__ */ e("tr", { children: a.map((s) => /* @__PURE_
     "table",
     c ? "is-bordered" : null,
     f ? "is-striped" : null,
-    p ? "is-narrow" : null,
-    u ? "is-hoverable" : null,
+    u ? "is-narrow" : null,
+    p ? "is-hoverable" : null,
     h ? "is-fullwidth" : null,
     a
-  ]), l = t ?? w({ tag: "table", parsedClasses: d }), o = () => /* @__PURE__ */ y(
+  ]), l = t ?? w({ tag: "table", parsedClasses: d }), n = () => /* @__PURE__ */ y(
     "table",
     {
       "data-testid": l,
       className: d,
       style: s ?? void 0,
       children: [
-        /* @__PURE__ */ e("thead", { "data-testid": `${l}-head`, children: n("head", b) }),
+        /* @__PURE__ */ e("thead", { "data-testid": `${l}-head`, children: o("head", b) }),
         /* @__PURE__ */ e("tbody", { "data-testid": `${l}-body`, children: m.map(($) => /* @__PURE__ */ e(
           g,
           {
@@ -47,7 +47,7 @@ const n = (t, a) => /* @__PURE__ */ e("tr", { children: a.map((s) => /* @__PURE_
           },
           `table-body-item-${i()}`
         )) }),
-        r ? /* @__PURE__ */ e("tfoot", { "data-testid": `${l}-foot`, children: n("foot", r) }) : null
+        r ? /* @__PURE__ */ e("tfoot", { "data-testid": `${l}-foot`, children: o("foot", r) }) : null
       ]
     }
   );
@@ -56,9 +56,9 @@ const n = (t, a) => /* @__PURE__ */ e("tr", { children: a.map((s) => /* @__PURE_
     {
       "data-testid": `${l}-container`,
       className: "table-container",
-      children: /* @__PURE__ */ e(o, {})
+      children: /* @__PURE__ */ e(n, {})
     }
-  ) : /* @__PURE__ */ e(o, {});
+  ) : /* @__PURE__ */ e(n, {});
 };
 export {
   K as default