reactive-bulma 4.3.9 → 4.3.11

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

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

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

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

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

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

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

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

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

@@ -1,20 +1,20 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as n } 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: n = null,
+  size: a = null,
   onClick: d = null
 }) => {
-  const e = r(["delete", n, l]), a = s ?? u({
+  const e = r(["delete", a, l]), o = s ?? u({
     tag: "delete",
     parsedClasses: e
   });
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ n(
     "button",
     {
-      "data-testid": a,
+      "data-testid": o,
       className: e,
       style: t ?? void 0,
       onClick: d ?? void 0

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

@@ -1,35 +1,35 @@
-import { jsx as e } from "react/jsx-runtime";
-import { parseClasses as m, parseTestId as p } from "../../../functions/parsers.js";
+import { jsx as s } from "react/jsx-runtime";
+import { parseClasses as p, parseTestId as u } from "../../../functions/parsers.js";
 const w = ({
-  testId: t = null,
-  cssClasses: o = null,
+  testId: o = null,
+  cssClasses: t = null,
   style: a = null,
-  itemText: n,
-  type: s = "item",
+  itemText: i,
+  type: e = "item",
   isActiveItem: c = !1,
-  onClick: u = null
+  onClick: m = null
 }) => {
-  const i = s === "divider", r = i ? "dropdown-divider" : "dropdown-item", l = m([
-    r,
-    c && !i ? "is-active" : null,
-    o
+  const r = e === "divider", l = r ? "dropdown-divider" : "dropdown-item", n = p([
+    l,
+    c && !r ? "is-active" : null,
+    t
   ]), d = {
-    "data-testid": t ?? p({
-      tag: r,
-      parsedClasses: `${l}-${s}`
+    "data-testid": o ?? u({
+      tag: l,
+      parsedClasses: `${n}-${e}`
     }),
-    className: l,
+    className: n,
     style: a ?? void 0,
-    onClick: u ?? void 0
+    onClick: m ?? void 0
   };
-  switch (s) {
+  switch (e) {
     case "item":
-      return /* @__PURE__ */ e("div", { ...d, children: /* @__PURE__ */ e("p", { children: n }) });
+      return /* @__PURE__ */ s("div", { ...d, children: /* @__PURE__ */ s("p", { children: i }) });
     case "divider":
-      return /* @__PURE__ */ e("hr", { ...d });
+      return /* @__PURE__ */ s("hr", { ...d });
     case "link":
     default:
-      return /* @__PURE__ */ e("a", { ...d, children: n });
+      return /* @__PURE__ */ s("a", { ...d, children: i });
   }
 };
 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 r, parseTestId as d } from "../../../functions/parsers.js";
-const f = ({
-  testId: o = null,
-  containerTestId: a = null,
+import { parseClasses as n, parseTestId as o } from "../../../functions/parsers.js";
+const v = ({
+  testId: a = null,
+  containerTestId: d = null,
   cssClasses: t = null,
   containerCssClasses: l = null,
   style: i = null,
   containerStyle: p = null,
-  menuText: u,
-  dropdownPointer: c = "dropdown-menu",
-  onClick: g = null
+  menuText: c,
+  dropdownPointer: g = "dropdown-menu",
+  onClick: u = null
 }) => {
-  const e = r([
+  const r = n([
     "dropdown-trigger",
     l
-  ]), m = a ?? d({
+  ]), m = d ?? o({
     tag: "dropdown-trigger",
-    parsedClasses: e
-  }), n = r(["button", t]), w = o ?? d({ tag: "button", parsedClasses: n });
+    parsedClasses: r
+  }), e = n(["button", t]), w = a ?? o({ tag: "button", parsedClasses: e });
   return /* @__PURE__ */ s(
     "section",
     {
       "data-testid": m,
-      className: e,
+      className: r,
       style: p ?? void 0,
       children: /* @__PURE__ */ C(
         "button",
         {
           "data-testid": w,
-          className: n,
+          className: e,
           style: i ?? void 0,
           "aria-haspopup": "true",
-          "aria-controls": c,
-          onClick: g ?? void 0,
+          "aria-controls": g,
+          onClick: u ?? void 0,
           children: [
-            /* @__PURE__ */ s("span", { children: u }),
+            /* @__PURE__ */ s("span", { children: c }),
             /* @__PURE__ */ s("span", { className: "icon is-small", children: /* @__PURE__ */ s(
               "i",
               {
@@ -49,5 +49,5 @@ const f = ({
   );
 };
 export {
-  f as default
+  v 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 E, parseTestId as w } from "../../../functions/parsers.js";
-const k = ({
+import { parseClasses as v, parseTestId as E } from "../../../functions/parsers.js";
+const $ = ({
   testId: t = null,
   containerTestId: r = null,
   cssClasses: u = null,
-  containerCssClasses: f = null,
-  style: c = null,
-  containerStyle: d = null,
+  containerCssClasses: c = null,
+  style: o = null,
+  containerStyle: f = null,
   fileName: e = null,
   name: p,
   uploadIcon: s = { iconLabel: "upload" },
-  uploadText: o = "Choose a file…",
+  uploadText: d = "Choose a file…",
   buttonOnRight: m = !1,
   isFullWidth: h = !1,
   isBoxed: C = !1,
@@ -21,7 +21,7 @@ const k = ({
   onChange: I,
   onBlur: N
 }) => {
-  const n = E([
+  const a = v([
     "file",
     e ? "has-name" : null,
     m ? "is-right" : null,
@@ -29,10 +29,10 @@ const k = ({
     C ? "is-boxed" : null,
     g,
     x,
-    f
-  ]), a = r ?? w({
+    c
+  ]), n = r ?? E({
     tag: "file",
-    parsedClasses: n,
+    parsedClasses: a,
     rules: [
       {
         regExp: /has/gm,
@@ -43,13 +43,13 @@ const k = ({
         replacer: ""
       }
     ]
-  }), y = u ?? "file-input", T = t ?? `${a}-input`;
+  }), y = u ?? "file-input", T = t ?? `${n}-input`;
   return /* @__PURE__ */ l(
     "section",
     {
-      "data-testid": a,
-      className: n,
-      style: d ?? void 0,
+      "data-testid": n,
+      className: a,
+      style: f ?? void 0,
       children: /* @__PURE__ */ i("label", { className: "file-label", children: [
         /* @__PURE__ */ l(
           "input",
@@ -58,7 +58,7 @@ const k = ({
             type: "file",
             name: p,
             className: y,
-            style: c ?? void 0,
+            style: o ?? void 0,
             onClick: b,
             onChange: I,
             onBlur: N
@@ -66,7 +66,7 @@ const k = ({
         ),
         /* @__PURE__ */ i("span", { className: "file-cta", children: [
           s ? /* @__PURE__ */ l(j, { ...s }) : null,
-          /* @__PURE__ */ l("span", { className: "file-label", children: o })
+          /* @__PURE__ */ l("span", { className: "file-label", children: d })
         ] }),
         e ? /* @__PURE__ */ l("span", { className: "file-name", children: e }) : null
       ] })
@@ -74,5 +74,5 @@ const k = ({
   );
 };
 export {
-  k as default
+  $ as default
 };

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

@@ -1,4 +1,4 @@
-import { jsx as i, jsxs as E } from "react/jsx-runtime";
+import { jsxs as E, jsx as i } from "react/jsx-runtime";
 import { IconSizeEnum as N } from "../../../types/domTypes.js";
 import { parseClasses as p, parseTestId as u } from "../../../functions/parsers.js";
 const T = (s, n) => {
@@ -20,7 +20,7 @@ const T = (s, n) => {
       children: s
     }
   );
-}, b = ({
+}, S = ({
   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: d = null,
-  isSpinning: f = !1,
-  position: I = null
+  colorMode: c = null,
+  isSpinning: I = !1,
+  position: f = null
 }) => {
   const $ = p([
     "icon",
     r,
     l,
-    I,
+    f,
     t
-  ]), c = p([
+  ]), d = p([
     "mdi",
     `mdi-${x}`,
-    d ? `mdi-${d}` : null,
-    f ? "mdi-spin" : null,
+    c ? `mdi-${c}` : null,
+    I ? "mdi-spin" : null,
     l ? `mdi-${N[l]}px` : "mdi-24px",
     e
-  ]), m = n ?? u({
+  ]), o = n ?? u({
     tag: "icon",
-    parsedClasses: c,
+    parsedClasses: d,
     rules: [
       {
         regExp: /mdi-|mdi--/gm,
@@ -62,10 +62,10 @@ const T = (s, n) => {
       }
     ],
     separator: "-"
-  }), h = s ?? `${m}-i`, o = /* @__PURE__ */ E(
+  }), h = s ?? `${o}-i`, m = /* @__PURE__ */ E(
     "span",
     {
-      "data-testid": m,
+      "data-testid": o,
       className: $,
       style: C ?? void 0,
       children: [
@@ -73,7 +73,7 @@ const T = (s, n) => {
           "i",
           {
             "data-testid": h,
-            className: c,
+            className: d,
             style: g ?? void 0
           }
         ),
@@ -81,8 +81,8 @@ const T = (s, n) => {
       ]
     }
   );
-  return a ? T(o, r) : o;
+  return a ? T(m, r) : m;
 };
 export {
-  b as default
+  S 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 C } from "../../../functions/parsers.js";
-const x = ({
-  testId: n = null,
-  containerTestId: t = null,
+import { parseClasses as a, parseTestId as f } from "../../../functions/parsers.js";
+const T = ({
+  testId: t = null,
+  containerTestId: n = null,
   cssClasses: i = null,
-  containerCssClasses: d = null,
-  style: u = null,
+  containerCssClasses: o = null,
+  style: d = null,
   containerStyle: m = null,
   src: r,
-  alt: o = null,
+  alt: u = null,
   fixedSize: g = null,
   isRounded: c = !1
 }) => {
-  const e = a([
+  const s = a([
     "image",
     g,
-    d
-  ]), f = a([
+    o
+  ]), p = a([
     c ? "is-rounded" : null,
     i
-  ]), s = t ?? C({ tag: "image", parsedClasses: e }), p = n ?? `${s}-img`;
+  ]), e = n ?? f({ tag: "image", parsedClasses: s }), C = t ?? `${e}-img`;
   return /* @__PURE__ */ l(
     "figure",
     {
-      "data-testid": s,
-      className: e,
+      "data-testid": e,
+      className: s,
       style: m ?? void 0,
       children: /* @__PURE__ */ l(
         "img",
         {
-          "data-testid": p,
-          className: f,
-          style: u ?? void 0,
+          "data-testid": C,
+          className: p,
+          style: d ?? void 0,
           src: r,
-          alt: o ?? void 0
+          alt: u ?? void 0
         }
       )
     }
   );
 };
 export {
-  x as default
+  T as default
 };