reactive-bulma 4.3.6 → 4.3.8

package/dist/components/atoms/Block/index.js

@@ -1,18 +1,18 @@
-import { jsx as a } from "react/jsx-runtime";
-const c = ({
+import { jsx as o } from "react/jsx-runtime";
+const n = ({
   testId: t = "test-block",
-  cssClasses: o = "block",
-  style: s = null,
+  cssClasses: s = "block",
+  style: e = null,
   children: l = null
-}) => l ? /* @__PURE__ */ a(
+}) => l ? /* @__PURE__ */ o(
   "section",
   {
     "data-testid": t,
-    className: o,
-    style: s ?? void 0,
+    className: s,
+    style: e ?? void 0,
     children: l
   }
 ) : null;
 export {
-  c as default
+  n as default
 };

package/dist/components/atoms/Box/index.js

@@ -1,18 +1,18 @@
-import { jsx as a } from "react/jsx-runtime";
-const x = ({
-  testId: o = "test-box",
-  cssClasses: s = "box",
+import { jsx as o } from "react/jsx-runtime";
+const n = ({
+  testId: s = "test-box",
+  cssClasses: e = "box",
   style: l = null,
   children: t = null
-}) => t ? /* @__PURE__ */ a(
+}) => t ? /* @__PURE__ */ o(
   "section",
   {
-    "data-testid": o,
-    className: s,
+    "data-testid": s,
+    className: e,
     style: l ?? void 0,
     children: t
   }
 ) : null;
 export {
-  x as default
+  n as default
 };

package/dist/components/atoms/BreadcrumbItem/index.js

@@ -1,13 +1,13 @@
 import { jsx as a } from "react/jsx-runtime";
 import { parseClasses as r, parseTestId as s } from "../../../functions/parsers.js";
-const f = ({
+const h = ({
   testId: l = null,
-  containerTestId: d = null,
-  cssClasses: n = null,
+  containerTestId: n = null,
+  cssClasses: d = null,
   containerCssClasses: e = null,
   style: m = null,
-  containerStyle: c = null,
-  text: u,
+  containerStyle: u = null,
+  text: c,
   isActiveItem: i = null,
   onClick: b = null
 }) => {
@@ -15,7 +15,7 @@ const f = ({
     "breadcrumb-item-container",
     i ? "is-active" : null,
     e
-  ]), t = r(["breadcrumbItem", n]), I = d ?? s({
+  ]), t = r(["breadcrumbItem", d]), I = n ?? s({
     tag: "breadcrumb-item-container",
     parsedClasses: e ?? ""
   }), p = l ?? s({ tag: "breadcrumbItem", parsedClasses: t });
@@ -24,7 +24,7 @@ const f = ({
     {
       "data-testid": I,
       className: o,
-      style: c ?? void 0,
+      style: u ?? void 0,
       children: /* @__PURE__ */ a(
         "a",
         {
@@ -33,12 +33,12 @@ const f = ({
           style: m ?? void 0,
           "aria-hidden": "true",
           onClick: b ?? void 0,
-          children: u
+          children: c
         }
       )
     }
   );
 };
 export {
-  f as default
+  h as default
 };

package/dist/components/atoms/Button/index.js

@@ -1,49 +1,49 @@
-import { jsx as v } from "react/jsx-runtime";
-import { parseClasses as h, parseTestId as x } from "../../../functions/parsers.js";
-const j = ({
+import { jsx as h } from "react/jsx-runtime";
+import { parseClasses as x, parseTestId as I } from "../../../functions/parsers.js";
+const k = ({
   testId: s = null,
-  cssClasses: t = null,
-  style: e = null,
-  type: n = "button",
-  text: a = null,
-  isDisabled: u = !1,
-  color: o = null,
-  isLightColor: i = !1,
-  isInvertedColor: d = !1,
-  isOutlined: r = !1,
-  isRounded: f = !1,
+  cssClasses: e = null,
+  style: n = null,
+  type: t = "button",
+  text: u = null,
+  isDisabled: a = !1,
+  color: i = null,
+  isLightColor: d = !1,
+  isInvertedColor: o = !1,
+  isOutlined: f = !1,
+  isRounded: r = !1,
   isLoading: c = !1,
   isStatic: b = !1,
   isSelected: p = !1,
   size: m = null,
   onClick: C = null
 }) => {
-  const l = h([
+  const l = x([
     "button",
-    o,
-    i ? "is-light" : null,
-    d ? "is-inverted" : null,
-    r ? "is-outlined" : null,
-    f ? "is-rounded" : null,
+    i,
+    d ? "is-light" : null,
+    o ? "is-inverted" : null,
+    f ? "is-outlined" : null,
+    r ? "is-rounded" : null,
     c ? "is-loading" : null,
     b ? "is-static" : null,
     p ? "is-selected" : null,
     m,
-    t
-  ]), g = s ?? x({ tag: "button", parsedClasses: l });
-  return /* @__PURE__ */ v(
+    e
+  ]), g = s ?? I({ tag: "button", parsedClasses: l });
+  return /* @__PURE__ */ h(
     "button",
     {
       "data-testid": g,
-      type: n,
+      type: t,
       className: l,
-      style: e ?? void 0,
-      disabled: u ?? !1,
+      style: n ?? void 0,
+      disabled: a ?? !1,
       onClick: C ?? void 0,
-      children: a
+      children: u
     }
   );
 };
 export {
-  j as default
+  k as default
 };

package/dist/components/atoms/Checkbox/index.js

@@ -1,50 +1,50 @@
-import { jsxs as y, jsx as t } from "react/jsx-runtime";
-import { parseClasses as f, parseTestId as c } from "../../../functions/parsers.js";
-const l = (e) => e ? "-with-component" : "", v = ({
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { parseClasses as y, parseTestId as n } from "../../../functions/parsers.js";
+const c = (e) => e ? "-with-component" : "", j = ({
   testId: e = null,
-  containerTestId: o = null,
+  containerTestId: l = null,
   cssClasses: a = null,
-  containerCssClasses: n = null,
+  containerCssClasses: o = null,
   style: d = null,
   containerStyle: i = null,
   label: s = null,
   isChecked: r,
   name: h,
   isDisabled: p = !1,
-  onClick: x,
-  onChange: k,
-  onBlur: b
+  onClick: u,
+  onChange: x,
+  onBlur: k
 }) => {
-  const u = f([
+  const b = y([
     "checkbox",
-    n
-  ]), C = o ?? c({
+    o
+  ]), f = l ?? n({
     tag: "checkbox-container",
-    parsedClasses: l(s)
-  }), m = e ?? c({
+    parsedClasses: c(s)
+  }), C = e ?? n({
     tag: "checkbox",
-    parsedClasses: l(s)
+    parsedClasses: c(s)
   });
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ m(
     "label",
     {
-      "data-testid": C,
-      className: u,
+      "data-testid": f,
+      className: b,
       style: i ?? void 0,
       children: [
         /* @__PURE__ */ t(
           "input",
           {
-            "data-testid": m,
+            "data-testid": C,
             type: "checkbox",
             name: h,
             className: a ?? void 0,
             style: d ?? void 0,
             defaultChecked: r,
             disabled: p,
-            onClick: x,
-            onChange: k,
-            onBlur: b
+            onClick: u,
+            onChange: x,
+            onBlur: k
           }
         ),
         /* @__PURE__ */ t("p", { style: {
@@ -56,5 +56,5 @@ const l = (e) => e ? "-with-component" : "", v = ({
   );
 };
 export {
-  v as default
+  j as default
 };

package/dist/components/atoms/Column/index.js

@@ -4,15 +4,15 @@ const f = ({
   testId: s = null,
   cssClasses: n = null,
   style: e = null,
-  children: o = null,
-  size: t = null,
-  offset: a = null,
+  children: t = null,
+  size: a = null,
+  offset: o = null,
   isNarrow: u = !1
 }) => {
   const l = c([
     "column",
-    t,
     a,
+    o,
     u ? "is-narrow" : null,
     n
   ]), r = s ?? d({ tag: "column", parsedClasses: l });
@@ -22,7 +22,7 @@ const f = ({
       "data-testid": r,
       className: l,
       style: e ?? void 0,
-      children: o
+      children: t
     }
   );
 };

package/dist/components/atoms/Delete/index.js

@@ -1,20 +1,20 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { parseClasses as r, parseTestId as u } from "../../../functions/parsers.js";
 const c = ({
   testId: s = null,
   cssClasses: l = null,
   style: t = null,
-  size: a = null,
+  size: n = null,
   onClick: d = null
 }) => {
-  const e = r(["delete", a, l]), o = s ?? u({
+  const e = r(["delete", n, l]), a = s ?? u({
     tag: "delete",
     parsedClasses: e
   });
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ o(
     "button",
     {
-      "data-testid": o,
+      "data-testid": a,
       className: e,
       style: t ?? void 0,
       onClick: d ?? void 0

package/dist/components/atoms/DropdownItem/index.js

@@ -1,35 +1,35 @@
-import { jsx as s } from "react/jsx-runtime";
-import { parseClasses as p, parseTestId as u } from "../../../functions/parsers.js";
+import { jsx as e } from "react/jsx-runtime";
+import { parseClasses as m, parseTestId as p } from "../../../functions/parsers.js";
 const w = ({
-  testId: o = null,
-  cssClasses: t = null,
+  testId: t = null,
+  cssClasses: o = null,
   style: a = null,
-  itemText: i,
-  type: e = "item",
+  itemText: n,
+  type: s = "item",
   isActiveItem: c = !1,
-  onClick: m = null
+  onClick: u = null
 }) => {
-  const r = e === "divider", l = r ? "dropdown-divider" : "dropdown-item", n = p([
-    l,
-    c && !r ? "is-active" : null,
-    t
+  const i = s === "divider", r = i ? "dropdown-divider" : "dropdown-item", l = m([
+    r,
+    c && !i ? "is-active" : null,
+    o
   ]), d = {
-    "data-testid": o ?? u({
-      tag: l,
-      parsedClasses: `${n}-${e}`
+    "data-testid": t ?? p({
+      tag: r,
+      parsedClasses: `${l}-${s}`
     }),
-    className: n,
+    className: l,
     style: a ?? void 0,
-    onClick: m ?? void 0
+    onClick: u ?? void 0
   };
-  switch (e) {
+  switch (s) {
     case "item":
-      return /* @__PURE__ */ s("div", { ...d, children: /* @__PURE__ */ s("p", { children: i }) });
+      return /* @__PURE__ */ e("div", { ...d, children: /* @__PURE__ */ e("p", { children: n }) });
     case "divider":
-      return /* @__PURE__ */ s("hr", { ...d });
+      return /* @__PURE__ */ e("hr", { ...d });
     case "link":
     default:
-      return /* @__PURE__ */ s("a", { ...d, children: i });
+      return /* @__PURE__ */ e("a", { ...d, children: n });
   }
 };
 export {

package/dist/components/atoms/DropdownTrigger/index.js

@@ -1,40 +1,40 @@
 import { jsx as s, jsxs as C } from "react/jsx-runtime";
-import { parseClasses as n, parseTestId as o } from "../../../functions/parsers.js";
-const v = ({
-  testId: a = null,
-  containerTestId: d = null,
+import { parseClasses as r, parseTestId as d } from "../../../functions/parsers.js";
+const f = ({
+  testId: o = null,
+  containerTestId: a = null,
   cssClasses: t = null,
   containerCssClasses: l = null,
   style: i = null,
   containerStyle: p = null,
-  menuText: c,
-  dropdownPointer: g = "dropdown-menu",
-  onClick: u = null
+  menuText: u,
+  dropdownPointer: c = "dropdown-menu",
+  onClick: g = null
 }) => {
-  const r = n([
+  const e = r([
     "dropdown-trigger",
     l
-  ]), m = d ?? o({
+  ]), m = a ?? d({
     tag: "dropdown-trigger",
-    parsedClasses: r
-  }), e = n(["button", t]), w = a ?? o({ tag: "button", parsedClasses: e });
+    parsedClasses: e
+  }), n = r(["button", t]), w = o ?? d({ tag: "button", parsedClasses: n });
   return /* @__PURE__ */ s(
     "section",
     {
       "data-testid": m,
-      className: r,
+      className: e,
       style: p ?? void 0,
       children: /* @__PURE__ */ C(
         "button",
         {
           "data-testid": w,
-          className: e,
+          className: n,
           style: i ?? void 0,
           "aria-haspopup": "true",
-          "aria-controls": g,
-          onClick: u ?? void 0,
+          "aria-controls": c,
+          onClick: g ?? void 0,
           children: [
-            /* @__PURE__ */ s("span", { children: c }),
+            /* @__PURE__ */ s("span", { children: u }),
             /* @__PURE__ */ s("span", { className: "icon is-small", children: /* @__PURE__ */ s(
               "i",
               {
@@ -49,5 +49,5 @@ const v = ({
   );
 };
 export {
-  v as default
+  f as default
 };

package/dist/components/atoms/File/index.js

@@ -1,17 +1,17 @@
 import { jsx as l, jsxs as i } from "react/jsx-runtime";
 import j from "../Icon/index.js";
-import { parseClasses as v, parseTestId as E } from "../../../functions/parsers.js";
-const $ = ({
+import { parseClasses as E, parseTestId as w } from "../../../functions/parsers.js";
+const k = ({
   testId: t = null,
   containerTestId: r = null,
   cssClasses: u = null,
-  containerCssClasses: c = null,
-  style: o = null,
-  containerStyle: f = null,
+  containerCssClasses: f = null,
+  style: c = null,
+  containerStyle: d = null,
   fileName: e = null,
   name: p,
   uploadIcon: s = { iconLabel: "upload" },
-  uploadText: d = "Choose a file…",
+  uploadText: o = "Choose a file…",
   buttonOnRight: m = !1,
   isFullWidth: h = !1,
   isBoxed: C = !1,
@@ -21,7 +21,7 @@ const $ = ({
   onChange: I,
   onBlur: N
 }) => {
-  const a = v([
+  const n = E([
     "file",
     e ? "has-name" : null,
     m ? "is-right" : null,
@@ -29,10 +29,10 @@ const $ = ({
     C ? "is-boxed" : null,
     g,
     x,
-    c
-  ]), n = r ?? E({
+    f
+  ]), a = r ?? w({
     tag: "file",
-    parsedClasses: a,
+    parsedClasses: n,
     rules: [
       {
         regExp: /has/gm,
@@ -43,13 +43,13 @@ const $ = ({
         replacer: ""
       }
     ]
-  }), y = u ?? "file-input", T = t ?? `${n}-input`;
+  }), y = u ?? "file-input", T = t ?? `${a}-input`;
   return /* @__PURE__ */ l(
     "section",
     {
-      "data-testid": n,
-      className: a,
-      style: f ?? void 0,
+      "data-testid": a,
+      className: n,
+      style: d ?? void 0,
       children: /* @__PURE__ */ i("label", { className: "file-label", children: [
         /* @__PURE__ */ l(
           "input",
@@ -58,7 +58,7 @@ const $ = ({
             type: "file",
             name: p,
             className: y,
-            style: o ?? void 0,
+            style: c ?? void 0,
             onClick: b,
             onChange: I,
             onBlur: N
@@ -66,7 +66,7 @@ const $ = ({
         ),
         /* @__PURE__ */ i("span", { className: "file-cta", children: [
           s ? /* @__PURE__ */ l(j, { ...s }) : null,
-          /* @__PURE__ */ l("span", { className: "file-label", children: d })
+          /* @__PURE__ */ l("span", { className: "file-label", children: o })
         ] }),
         e ? /* @__PURE__ */ l("span", { className: "file-name", children: e }) : null
       ] })
@@ -74,5 +74,5 @@ const $ = ({
   );
 };
 export {
-  $ as default
+  k as default
 };

package/dist/components/atoms/Icon/index.js

@@ -20,7 +20,7 @@ const T = (s, n) => {
       children: s
     }
   );
-}, S = ({
+}, b = ({
   testId: s = null,
   containerTestId: n = null,
   cssClasses: e = null,
@@ -31,26 +31,26 @@ const T = (s, n) => {
   text: a = null,
   color: r = null,
   size: l = null,
-  colorMode: c = null,
-  isSpinning: I = !1,
-  position: f = null
+  colorMode: d = null,
+  isSpinning: f = !1,
+  position: I = null
 }) => {
   const $ = p([
     "icon",
     r,
     l,
-    f,
+    I,
     t
-  ]), d = p([
+  ]), c = p([
     "mdi",
     `mdi-${x}`,
-    c ? `mdi-${c}` : null,
-    I ? "mdi-spin" : null,
+    d ? `mdi-${d}` : null,
+    f ? "mdi-spin" : null,
     l ? `mdi-${N[l]}px` : "mdi-24px",
     e
-  ]), o = n ?? u({
+  ]), m = n ?? u({
     tag: "icon",
-    parsedClasses: d,
+    parsedClasses: c,
     rules: [
       {
         regExp: /mdi-|mdi--/gm,
@@ -62,10 +62,10 @@ const T = (s, n) => {
       }
     ],
     separator: "-"
-  }), h = s ?? `${o}-i`, m = /* @__PURE__ */ E(
+  }), h = s ?? `${m}-i`, o = /* @__PURE__ */ E(
     "span",
     {
-      "data-testid": o,
+      "data-testid": m,
       className: $,
       style: C ?? void 0,
       children: [
@@ -73,7 +73,7 @@ const T = (s, n) => {
           "i",
           {
             "data-testid": h,
-            className: d,
+            className: c,
             style: g ?? void 0
           }
         ),
@@ -81,8 +81,8 @@ const T = (s, n) => {
       ]
     }
   );
-  return a ? T(m, r) : m;
+  return a ? T(o, r) : o;
 };
 export {
-  S as default
+  b as default
 };

package/dist/components/atoms/Image/index.js

@@ -1,44 +1,44 @@
 import { jsx as l } from "react/jsx-runtime";
-import { parseClasses as a, parseTestId as f } from "../../../functions/parsers.js";
-const T = ({
-  testId: t = null,
-  containerTestId: n = null,
+import { parseClasses as a, parseTestId as C } from "../../../functions/parsers.js";
+const x = ({
+  testId: n = null,
+  containerTestId: t = null,
   cssClasses: i = null,
-  containerCssClasses: o = null,
-  style: d = null,
+  containerCssClasses: d = null,
+  style: u = null,
   containerStyle: m = null,
   src: r,
-  alt: u = null,
+  alt: o = null,
   fixedSize: g = null,
   isRounded: c = !1
 }) => {
-  const s = a([
+  const e = a([
     "image",
     g,
-    o
-  ]), p = a([
+    d
+  ]), f = a([
     c ? "is-rounded" : null,
     i
-  ]), e = n ?? f({ tag: "image", parsedClasses: s }), C = t ?? `${e}-img`;
+  ]), s = t ?? C({ tag: "image", parsedClasses: e }), p = n ?? `${s}-img`;
   return /* @__PURE__ */ l(
     "figure",
     {
-      "data-testid": e,
-      className: s,
+      "data-testid": s,
+      className: e,
       style: m ?? void 0,
       children: /* @__PURE__ */ l(
         "img",
         {
-          "data-testid": C,
-          className: p,
-          style: d ?? void 0,
+          "data-testid": p,
+          className: f,
+          style: u ?? void 0,
           src: r,
-          alt: u ?? void 0
+          alt: o ?? void 0
         }
       )
     }
   );
 };
 export {
-  T as default
+  x as default
 };