reactive-bulma 4.3.9 → 4.3.11

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

@@ -1,51 +1,51 @@
 import { jsx as x } from "react/jsx-runtime";
 import { parseClasses as y, parseTestId as T } from "../../../functions/parsers.js";
 const j = ({
-  testId: e = null,
-  cssClasses: n = null,
-  style: s = null,
+  testId: s = null,
+  cssClasses: e = null,
+  style: n = null,
   type: u,
   value: t = null,
-  name: d,
-  placeholder: a = null,
+  name: a,
+  placeholder: d = null,
   isDisabled: i = !1,
-  isReadonly: r = !1,
-  color: p = null,
-  size: o = null,
-  isRounded: f = null,
-  isHovered: c = null,
+  isReadonly: o = !1,
+  color: r = null,
+  size: p = null,
+  isRounded: c = null,
+  isHovered: f = null,
   isFocused: m = null,
-  onClick: C,
-  onChange: I,
-  onBlur: h
+  onClick: v,
+  onChange: C,
+  onBlur: I
 }) => {
   const l = y([
     "input",
+    r,
     p,
-    o,
-    f ? "is-rounded" : null,
-    c ? "is-hovered" : null,
+    c ? "is-rounded" : null,
+    f ? "is-hovered" : null,
     m ? "is-focused" : null,
-    n
-  ]), v = e ?? T({
+    e
+  ]), h = s ?? T({
     tag: "input",
     parsedClasses: l
   });
   return /* @__PURE__ */ x(
     "input",
     {
-      "data-testid": v,
+      "data-testid": h,
       type: u,
-      placeholder: a ?? void 0,
+      placeholder: d ?? void 0,
       value: t ?? void 0,
-      name: d,
+      name: a,
       disabled: i,
-      readOnly: r,
+      readOnly: o,
       className: l,
-      style: s ?? void 0,
-      onClick: C,
-      onChange: I,
-      onBlur: h
+      style: n ?? void 0,
+      onClick: v,
+      onChange: C,
+      onBlur: I
     }
   );
 };

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

@@ -1,22 +1,22 @@
-import { jsxs as r, jsx as l } from "react/jsx-runtime";
-import { parseTestId as i } from "../../../functions/parsers.js";
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
+import { parseTestId as n } from "../../../functions/parsers.js";
 const m = ({
   testId: a = null,
   cssClasses: e = null,
-  style: d = null,
-  header: s,
-  value: t
+  style: s = null,
+  header: t,
+  value: d
 }) => {
-  const n = a ?? i({ tag: "level-header", parsedClasses: e ?? "" });
-  return /* @__PURE__ */ r(
+  const r = a ?? n({ tag: "level-header", parsedClasses: e ?? "" });
+  return /* @__PURE__ */ i(
     "section",
     {
-      "data-testid": n,
+      "data-testid": r,
       className: e ?? void 0,
-      style: d ?? void 0,
+      style: s ?? void 0,
       children: [
-        /* @__PURE__ */ l("p", { className: "heading", children: s }),
-        /* @__PURE__ */ l("p", { className: "title", children: t })
+        /* @__PURE__ */ l("p", { className: "heading", children: t }),
+        /* @__PURE__ */ l("p", { className: "title", children: d })
       ]
     }
   );

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

@@ -1,27 +1,27 @@
-import { jsx as d } from "react/jsx-runtime";
-import { parseClasses as r, parseTestId as i } from "../../../functions/parsers.js";
+import { jsx as r } from "react/jsx-runtime";
+import { parseClasses as d, parseTestId as i } from "../../../functions/parsers.js";
 const I = ({
   testId: s = null,
-  cssClasses: n = null,
-  style: t = null,
-  text: l,
+  cssClasses: t = null,
+  style: l = null,
+  text: n,
   isActive: a = null,
-  onClick: u = null
+  onClick: m = null
 }) => {
-  const e = r([
+  const e = d([
     "menuItem",
     a ? "is-active" : null,
-    n
-  ]), m = s ?? i({ tag: "menuItem", parsedClasses: e });
-  return /* @__PURE__ */ d(
+    t
+  ]), u = s ?? i({ tag: "menuItem", parsedClasses: e });
+  return /* @__PURE__ */ r(
     "a",
     {
-      "data-testid": m,
+      "data-testid": u,
       className: e,
-      style: t ?? void 0,
+      style: l ?? void 0,
       "aria-hidden": "true",
-      onClick: u ?? void 0,
-      children: l
+      onClick: m ?? void 0,
+      children: n
     }
   );
 };

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

@@ -1,30 +1,30 @@
-import { jsx as i } from "react/jsx-runtime";
-import { parseClasses as m, parseTestId as u } from "../../../functions/parsers.js";
-const f = ({
-  testId: e = null,
-  cssClasses: s = null,
+import { jsx as o } from "react/jsx-runtime";
+import { parseClasses as d, parseTestId as m } from "../../../functions/parsers.js";
+const c = ({
+  testId: s = null,
+  cssClasses: e = null,
   style: t = null,
-  children: n,
-  isActive: l = !1,
-  onClick: r = null
+  children: l,
+  isActive: r = !1,
+  onClick: n = null
 }) => {
-  const a = m([
+  const a = d([
     "navbar-item",
-    l ? "is-active" : null,
-    s
-  ]), d = e ?? u({ tag: "navbar-item", parsedClasses: a });
-  return /* @__PURE__ */ i(
+    r ? "is-active" : null,
+    e
+  ]), i = s ?? m({ tag: "navbar-item", parsedClasses: a });
+  return /* @__PURE__ */ o(
     "a",
     {
-      "data-testid": d,
+      "data-testid": i,
       className: a,
       style: t ?? void 0,
       "aria-hidden": "true",
-      onClick: r ?? void 0,
-      children: n
+      onClick: n ?? void 0,
+      children: l
     }
   );
 };
 export {
-  f as default
+  c as default
 };

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

@@ -1,7 +1,7 @@
-import { jsx as p } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 import { parseClasses as u, parseTestId as g } from "../../../functions/parsers.js";
-const I = ({
-  testId: t = null,
+const C = ({
+  testId: e = null,
   cssClasses: s = null,
   style: l = null,
   text: n,
@@ -10,19 +10,19 @@ const I = ({
   isSelected: a = null,
   onClick: o = null
 }) => {
-  const e = u([
+  const t = u([
     "pagination-link",
     a ? "is-current" : null,
     s
-  ]), d = t ?? g({
+  ]), p = e ?? g({
     tag: "pagination-link",
-    parsedClasses: e
+    parsedClasses: t
   });
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ d(
     "a",
     {
-      "data-testid": d,
-      className: e,
+      "data-testid": p,
+      className: t,
       style: l ?? void 0,
       "aria-label": `${a ? r : i} ${n}`,
       "aria-current": a ? "page" : void 0,
@@ -33,5 +33,5 @@ const I = ({
   );
 };
 export {
-  I as default
+  C as default
 };

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

@@ -1,33 +1,33 @@
-import { jsx as i } from "react/jsx-runtime";
-import { parseClasses as u, parseTestId as c } from "../../../functions/parsers.js";
+import { jsx as c } from "react/jsx-runtime";
+import { parseClasses as g, parseTestId as f } from "../../../functions/parsers.js";
 const C = ({
-  testId: l = null,
-  cssClasses: o = null,
+  testId: t = null,
+  cssClasses: l = null,
   style: a = null,
   value: s = 0,
-  max: e = 100,
-  color: n = "is-primary",
-  size: p = null,
-  isLoading: r = !1
+  max: r = 100,
+  color: p = "is-primary",
+  size: d = null,
+  isLoading: e = !1
 }) => {
-  const d = s > e || s < 0 ? 0 : s, t = u([
+  const n = s > r || s < 0 ? 0 : s, o = g([
     "progress",
-    n,
     p,
-    o
-  ]), f = l ?? c({
+    d,
+    l
+  ]), i = t ?? f({
     tag: "progress",
-    parsedClasses: t
+    parsedClasses: o
   });
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ c(
     "progress",
     {
-      "data-testid": f,
-      className: t,
+      "data-testid": i,
+      className: o,
       style: a ?? void 0,
-      value: r ? void 0 : s,
-      max: e,
-      children: `${r ? 0 : d}%`
+      value: e ? void 0 : s,
+      max: r,
+      children: `${e ? 0 : n}%`
     }
   );
 };

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

@@ -1,5 +1,5 @@
-import { jsx as m, jsxs as f } from "react/jsx-runtime";
-import { useMemo as B } from "react";
+import { jsx as m, jsxs as B } from "react/jsx-runtime";
+import { useMemo as f } from "react";
 import { parseClasses as y, parseTestId as C } from "../../../functions/parsers.js";
 const b = (d, t) => {
   const {
@@ -7,13 +7,13 @@ const b = (d, t) => {
     label: e,
     name: s,
     isChecked: a = !1,
-    isDisabled: n = !1,
-    style: o = null,
+    isDisabled: o = !1,
+    style: n = null,
     onClick: l,
     onChange: i,
     onBlur: u
   } = d, c = r ?? `test-radio-button-item-${t}`;
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ B(
     "label",
     {
       className: "radio",
@@ -23,10 +23,10 @@ const b = (d, t) => {
           {
             "data-testid": c,
             type: "radio",
-            style: o ?? void 0,
+            style: n ?? void 0,
             name: s,
             defaultChecked: a,
-            disabled: n,
+            disabled: o,
             onClick: l,
             onChange: i,
             onBlur: u
@@ -47,8 +47,8 @@ const b = (d, t) => {
   options: e,
   name: s,
   onClick: a,
-  onChange: n,
-  onBlur: o
+  onChange: o,
+  onBlur: n
 }) => {
   const l = y([
     "control",
@@ -56,20 +56,20 @@ const b = (d, t) => {
   ]), i = d ?? C({
     tag: "container-",
     parsedClasses: l
-  }), u = B(
+  }), u = f(
     () => e.map(
       (c, p) => b(
         {
           ...c,
           name: s,
           onClick: a,
-          onChange: n,
-          onBlur: o
+          onChange: o,
+          onBlur: n
         },
         p
       )
     ),
-    [e, s, a, n, o]
+    [e, s, a, o, n]
   );
   return /* @__PURE__ */ m(
     "section",

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

@@ -1,68 +1,68 @@
-import { jsx as l } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import { parseClasses as j, parseTestId as k } from "../../../functions/parsers.js";
 const w = ({
   testId: a = null,
-  containerTestId: d = null,
+  containerTestId: o = null,
   cssClasses: i = null,
-  containerCssClasses: u = null,
-  style: o = null,
+  containerCssClasses: d = null,
+  style: u = null,
   containerStyle: c = null,
   isDisabled: r,
   options: p = [],
   selectedValues: m,
   name: f,
-  showOptions: S = 1,
-  isMultiple: n = !1,
-  color: h = null,
-  size: $ = null,
-  isRounded: g = null,
-  isHovered: v = null,
+  showOptions: v = 1,
+  isMultiple: s = !1,
+  color: S = null,
+  size: h = null,
+  isRounded: $ = null,
+  isHovered: g = null,
   isFocused: y = null,
   onClick: C,
   onChange: I,
   onBlur: T
 }) => {
-  const s = j([
+  const t = j([
     "select",
+    S,
     h,
-    $,
-    n ? "is-multiple" : null,
-    g ? "is-rounded" : null,
-    v ? "is-hovered" : null,
+    s ? "is-multiple" : null,
+    $ ? "is-rounded" : null,
+    g ? "is-hovered" : null,
     y ? "is-focused" : null,
-    u
-  ]), e = a ?? k({
+    d
+  ]), l = a ?? k({
     tag: "select",
-    parsedClasses: s
-  }), x = d ?? `${e}-container`;
-  return /* @__PURE__ */ l(
+    parsedClasses: t
+  }), x = o ?? `${l}-container`;
+  return /* @__PURE__ */ e(
     "section",
     {
       "data-testid": x,
-      className: s,
+      className: t,
       style: c ?? void 0,
-      children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ e(
         "select",
         {
-          "data-testid": e,
+          "data-testid": l,
           className: i ?? void 0,
-          style: o ?? void 0,
+          style: u ?? void 0,
           value: m,
           name: f,
           disabled: r ?? !1,
-          multiple: n,
-          size: S,
+          multiple: s,
+          size: v,
           onClick: C,
           onChange: I,
           onBlur: T,
-          children: p.map(({ id: t, name: N }, b) => /* @__PURE__ */ l(
+          children: p.map(({ id: n, name: N }, b) => /* @__PURE__ */ e(
             "option",
             {
-              "data-testid": `${e}-option-${b}`,
-              value: t.toString(),
+              "data-testid": `${l}-option-${b}`,
+              value: n.toString(),
               children: N
             },
-            `key-option-${t.toString()}`
+            `key-option-${n.toString()}`
           ))
         }
       )

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

@@ -1,38 +1,38 @@
-import { jsxs as p, jsx as l } from "react/jsx-runtime";
-import c from "../Icon/index.js";
-import { parseTestId as a } from "../../../functions/parsers.js";
-const h = ({
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import I from "../Icon/index.js";
+import { parseTestId as n } from "../../../functions/parsers.js";
+const T = ({
   testId: d = null,
   containerTestId: s = null,
-  cssClasses: e = null,
-  containerCssClasses: t = null,
+  cssClasses: t = null,
+  containerCssClasses: l = null,
   style: i = null,
-  containerStyle: r = null,
-  icon: n = null,
-  text: u,
+  containerStyle: o = null,
+  icon: a = null,
+  text: r,
   onClick: m = null
 }) => {
-  const o = s ?? a({
+  const u = s ?? n({
     tag: "tab-item-container",
-    parsedClasses: t ?? ""
-  }), f = d ?? a({ tag: "tab-item", parsedClasses: e ?? "" });
-  return /* @__PURE__ */ p(
+    parsedClasses: l ?? ""
+  }), p = d ?? n({ tag: "tab-item", parsedClasses: t ?? "" });
+  return /* @__PURE__ */ c(
     "a",
     {
-      "data-testid": o,
-      className: t ?? void 0,
-      style: r ?? void 0,
+      "data-testid": u,
+      className: l ?? void 0,
+      style: o ?? void 0,
       "aria-hidden": "true",
       onClick: m ?? void 0,
       children: [
-        n ? /* @__PURE__ */ l(c, { ...n }) : null,
-        /* @__PURE__ */ l(
+        a ? /* @__PURE__ */ e(I, { ...a }) : null,
+        /* @__PURE__ */ e(
           "span",
           {
-            "data-testid": f,
-            className: e ?? void 0,
+            "data-testid": p,
+            className: t ?? void 0,
             style: i ?? void 0,
-            children: u
+            children: r
           }
         )
       ]
@@ -40,5 +40,5 @@ const h = ({
   );
 };
 export {
-  h as default
+  T as default
 };

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

@@ -1,24 +1,24 @@
 import { jsx as r } from "react/jsx-runtime";
 import { parseTestId as s } from "../../../functions/parsers.js";
-const o = ({
-  testId: l = null,
-  cssClasses: e = null,
+const u = ({
+  testId: e = null,
+  cssClasses: l = null,
   style: t = null,
-  content: n,
+  content: a,
   onClick: d = null
 }) => {
-  const a = l ?? s({ tag: "table-cell", parsedClasses: e ?? "" });
+  const o = e ?? s({ tag: "table-cell", parsedClasses: l ?? "" });
   return /* @__PURE__ */ r(
     "td",
     {
-      "data-testid": a,
-      className: e ?? void 0,
+      "data-testid": o,
+      className: l ?? void 0,
       style: t ?? void 0,
       onClick: d ?? void 0,
-      children: n
+      children: a
     }
   );
 };
 export {
-  o as default
+  u as default
 };

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

@@ -1,24 +1,24 @@
 import { jsx as r } from "react/jsx-runtime";
 import { parseTestId as s } from "../../../functions/parsers.js";
-const o = ({
-  testId: l = null,
-  cssClasses: e = null,
+const u = ({
+  testId: e = null,
+  cssClasses: l = null,
   style: t = null,
-  content: d,
-  onClick: a = null
+  content: a,
+  onClick: d = null
 }) => {
-  const n = l ?? s({ tag: "table-head-cell", parsedClasses: e ?? "" });
+  const o = e ?? s({ tag: "table-head-cell", parsedClasses: l ?? "" });
   return /* @__PURE__ */ r(
     "th",
     {
-      "data-testid": n,
-      className: e ?? void 0,
+      "data-testid": o,
+      className: l ?? void 0,
       style: t ?? void 0,
-      onClick: a ?? void 0,
-      children: d
+      onClick: d ?? void 0,
+      children: a
     }
   );
 };
 export {
-  o as default
+  u as default
 };