reactive-bulma 4.3.9 → 4.3.11

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

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

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

@@ -1,35 +1,35 @@
-import { jsxs as p, jsx as s } from "react/jsx-runtime";
-import { parseClasses as u, parseTestId as f } from "../../../functions/parsers.js";
+import { jsxs as d, jsx as s } from "react/jsx-runtime";
+import { parseClasses as u, parseTestId as b } from "../../../functions/parsers.js";
 import "react";
-import b from "../../atoms/TableHeadCell/index.js";
-import c from "../../atoms/TableCell/index.js";
+import c from "../../atoms/TableHeadCell/index.js";
+import f from "../../atoms/TableCell/index.js";
 import { generateKey as w } from "../../../functions/generators.js";
-const y = ({
+const v = ({
   testId: t = null,
   cssClasses: a = null,
-  style: r = null,
-  headCell: e = null,
-  listOfCells: o,
+  style: o = null,
+  headCell: l = null,
+  listOfCells: r,
   isSelected: n = !1,
   onClick: m = null
 }) => {
-  const l = u([
+  const e = u([
     n ? "is-selected" : null,
     a
-  ]), d = t ?? f({ tag: "table-row", parsedClasses: l });
-  return /* @__PURE__ */ p(
+  ]), i = t ?? b({ tag: "table-row", parsedClasses: e });
+  return /* @__PURE__ */ d(
     "tr",
     {
-      "data-testid": d,
-      className: l,
-      style: r ?? void 0,
+      "data-testid": i,
+      className: e,
+      style: o ?? void 0,
       onClick: m ?? void 0,
       children: [
-        e ? /* @__PURE__ */ s(b, { ...e }) : null,
-        o.map((i) => /* @__PURE__ */ s(
-          c,
+        l ? /* @__PURE__ */ s(c, { ...l }) : null,
+        r.map((p) => /* @__PURE__ */ s(
+          f,
           {
-            ...i
+            ...p
           },
           `table-row-${w()}`
         ))
@@ -38,5 +38,5 @@ const y = ({
   );
 };
 export {
-  y as default
+  v 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 f } from "../../../functions/parsers.js";
+import { parseClasses as p, parseTestId as b } from "../../../functions/parsers.js";
 import "react";
-import b from "../../atoms/TabItem/index.js";
+import f from "../../atoms/TabItem/index.js";
 import { generateKey as h } from "../../../functions/generators.js";
 const y = ({
-  testId: t = null,
+  testId: e = null,
   cssClasses: a = null,
-  style: n = null,
-  tabs: i,
-  alignment: r = null,
-  size: u = null,
-  format: d = null,
-  isRounded: o = null,
+  style: i = null,
+  tabs: r,
+  alignment: n = null,
+  size: o = null,
+  format: u = null,
+  isRounded: d = null,
   isFullWidth: m = null
 }) => {
   const s = p([
     "tabs",
-    r,
+    n,
+    o,
     u,
-    d,
-    o ? "is-toggle-rounded" : null,
+    d ? "is-toggle-rounded" : null,
     m ? "is-fullwidth" : null,
     a
-  ]), c = t ?? f({ tag: "tabs", parsedClasses: s });
+  ]), c = e ?? b({ tag: "tabs", parsedClasses: s });
   return /* @__PURE__ */ l(
     "section",
     {
       "data-testid": c,
       className: s,
-      style: n ?? void 0,
-      children: /* @__PURE__ */ l("ul", { children: i.map((e) => /* @__PURE__ */ l(
+      style: i ?? void 0,
+      children: /* @__PURE__ */ l("ul", { children: r.map((t) => /* @__PURE__ */ l(
         "li",
         {
-          className: e.isActive ? "is-active" : void 0,
-          children: /* @__PURE__ */ l(b, { ...e })
+          className: t.isActive ? "is-active" : void 0,
+          children: /* @__PURE__ */ l(f, { ...t })
         },
         `tab-item-${h()}`
       )) })

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

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

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

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

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

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

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

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