reactive-bulma 4.3.9 → 4.3.11

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

@@ -1,81 +1,81 @@
-import { jsxs as o, jsx as l } from "react/jsx-runtime";
-import { parseClasses as n, parseTestId as $ } from "../../../functions/parsers.js";
-const v = ({
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
+import { parseClasses as n, parseTestId as L } from "../../../functions/parsers.js";
+const q = ({
   testId: g = null,
   containerTestId: p = null,
   cssClasses: m = null,
-  containerCssClasses: f = null,
-  style: C = null,
-  containerStyle: N = null,
+  containerCssClasses: C = null,
+  style: N = null,
+  containerStyle: f = null,
   text: d,
-  withDelete: u = !1,
+  withDelete: r = !1,
   withAddon: a = !1,
   addonText: T = null,
-  color: I = null,
-  isLight: b = null,
-  isRounded: j = null,
-  size: e = null,
-  addonColor: x = null,
-  onDeleteClick: r = null
+  color: v = null,
+  isLight: I = null,
+  isRounded: b = null,
+  size: t = null,
+  addonColor: j = null,
+  onDeleteClick: c = null
 }) => {
-  const c = n([
+  const o = n([
     "tags",
     "has-addons",
-    e ? e.replace("is-", "are-") : null,
-    f
-  ]), t = n([
+    t ? t.replace("is-", "are-") : null,
+    C
+  ]), e = n([
     "tag",
-    I,
-    b && !a ? "is-light" : null,
-    j && !a ? "is-rounded" : null,
-    e,
+    v,
+    I && !a ? "is-light" : null,
+    b && !a ? "is-rounded" : null,
+    t,
     m
-  ]), y = n(["tag", x]), s = g ?? $({
+  ]), x = n(["tag", j]), s = g ?? L({
     tag: a ? "tags" : "tag",
-    parsedClasses: a ? c : t,
+    parsedClasses: a ? o : e,
     separator: a ? "-" : ""
-  }), L = p ?? `${s}-container`, i = `${s}-delete`;
-  return a ? /* @__PURE__ */ o(
+  }), y = p ?? `${s}-container`, u = `${s}-delete`;
+  return a ? /* @__PURE__ */ i(
     "section",
     {
-      "data-testid": L,
-      style: N ?? void 0,
-      className: c,
+      "data-testid": y,
+      style: f ?? void 0,
+      className: o,
       children: [
         /* @__PURE__ */ l(
           "span",
           {
             "data-testid": s,
-            className: t,
+            className: e,
             children: d
           }
         ),
-        u ? /* @__PURE__ */ l(
+        r ? /* @__PURE__ */ l(
           "a",
           {
-            "data-testid": i,
+            "data-testid": u,
             className: "tag is-delete",
             title: "delete",
             "aria-hidden": "true",
-            onClick: r ?? void 0
+            onClick: c ?? void 0
           }
-        ) : /* @__PURE__ */ l("span", { className: y, children: T })
+        ) : /* @__PURE__ */ l("span", { className: x, children: T })
       ]
     }
-  ) : /* @__PURE__ */ o(
+  ) : /* @__PURE__ */ i(
     "span",
     {
       "data-testid": s,
-      style: C ?? void 0,
-      className: t,
+      style: N ?? void 0,
+      className: e,
       children: [
         d,
-        u ? /* @__PURE__ */ l(
+        r ? /* @__PURE__ */ l(
           "button",
           {
-            "data-testid": i,
+            "data-testid": u,
             className: "delete",
-            onClick: r ?? void 0
+            onClick: c ?? void 0
           }
         ) : null
       ]
@@ -83,5 +83,5 @@ const v = ({
   );
 };
 export {
-  v as default
+  q as default
 };

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

@@ -1,32 +1,32 @@
-import { jsx as h } from "react/jsx-runtime";
-import { parseClasses as A, parseTestId as T } from "../../../functions/parsers.js";
+import { jsx as C } from "react/jsx-runtime";
+import { parseClasses as h, parseTestId as A } from "../../../functions/parsers.js";
 const E = ({
   testId: l = null,
   cssClasses: s = null,
   style: a = null,
-  value: n = null,
-  name: t,
-  cols: r = null,
-  rows: u = null,
-  isDisabled: d = !1,
-  isReadonly: i = !1,
-  isFixedSize: f = !1,
-  color: o = null,
-  size: x = null,
-  isHovered: p = null,
-  isFocused: c = null,
-  onClick: m = null,
-  onChange: g = null
+  value: t = null,
+  name: r,
+  cols: n = null,
+  rows: o = null,
+  isDisabled: u = !1,
+  isReadonly: d = !1,
+  isFixedSize: i = !1,
+  color: x = null,
+  size: p = null,
+  isHovered: c = null,
+  isFocused: f = null,
+  onClick: v = null,
+  onChange: m = null
 }) => {
-  const e = A([
+  const e = h([
     "textarea",
-    o,
     x,
-    p ? "is-hovered" : null,
-    c ? "is-focused" : null,
-    f ? "has-fixed-size" : null,
+    p,
+    c ? "is-hovered" : null,
+    f ? "is-focused" : null,
+    i ? "has-fixed-size" : null,
     s
-  ]), C = l ?? T({
+  ]), g = l ?? A({
     tag: "textarea",
     parsedClasses: e,
     rules: [
@@ -40,20 +40,20 @@ const E = ({
       }
     ]
   });
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ C(
     "textarea",
     {
-      "data-testid": C,
-      value: n ?? void 0,
-      name: t,
-      cols: r ?? void 0,
-      rows: u ?? void 0,
-      disabled: d,
-      readOnly: i,
+      "data-testid": g,
+      value: t ?? void 0,
+      name: r,
+      cols: n ?? void 0,
+      rows: o ?? void 0,
+      disabled: u,
+      readOnly: d,
       className: e,
       style: a ?? void 0,
-      onClick: m ?? void 0,
-      onChange: g ?? void 0
+      onClick: v ?? void 0,
+      onChange: m ?? void 0
     }
   );
 };

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

@@ -7,19 +7,19 @@ const g = ({
   children: a,
   context: n = null,
   size: r = null,
-  color: e = null,
-  isVertical: u = !1
+  color: l = null,
+  isVertical: o = !1
 }) => {
-  const l = c([
+  const e = c([
     "tile",
     n,
     r,
-    e ? `notification ${e}` : null,
-    u ? "is-vertical" : null,
+    l ? `notification ${l}` : null,
+    o ? "is-vertical" : null,
     t
-  ]), o = s ?? d({
+  ]), u = s ?? d({
     tag: "tile",
-    parsedClasses: l,
+    parsedClasses: e,
     rules: [
       {
         regExp: /notification |tile/gm,
@@ -34,8 +34,8 @@ const g = ({
   return /* @__PURE__ */ p(
     "section",
     {
-      "data-testid": o,
-      className: l,
+      "data-testid": u,
+      className: e,
       style: i ?? void 0,
       children: a
     }

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

@@ -1,24 +1,24 @@
-import { jsxs as u, Fragment as m, jsx as f } from "react/jsx-runtime";
-import { parseClasses as x } from "../../../functions/parsers.js";
-const e = (l) => {
-  const { type: s, size: r, isSpaced: t, cssClasses: a } = l, d = x([
+import { jsxs as u, Fragment as m, jsx as x } from "react/jsx-runtime";
+import { parseClasses as f } from "../../../functions/parsers.js";
+const r = (l) => {
+  const { type: s, size: t, isSpaced: a, cssClasses: d } = l, e = f([
     s,
-    r ?? null,
-    s === "title" && t ? "is-spaced" : null,
-    a
+    t ?? null,
+    s === "title" && a ? "is-spaced" : null,
+    d
   ]), p = (l == null ? void 0 : l.testId) ?? `${l == null ? void 0 : l.type}-test`;
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ x(
     "p",
     {
       "data-testid": p,
-      className: d,
+      className: e,
       style: (l == null ? void 0 : l.style) ?? void 0,
       children: l == null ? void 0 : l.text
     }
   );
 }, T = ({ main: l, secondary: s }) => /* @__PURE__ */ u(m, { children: [
-  l ? e(l) : null,
-  s ? e(s) : null
+  l ? r(l) : null,
+  s ? r(s) : null
 ] });
 export {
   T as default

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

@@ -1,29 +1,29 @@
-import { jsx as e } from "react/jsx-runtime";
-import { parseClasses as p, parseTestId as f } from "../../../functions/parsers.js";
+import { jsx as r } from "react/jsx-runtime";
+import { parseClasses as p, parseTestId as g } from "../../../functions/parsers.js";
 import "react";
-import g from "../../atoms/BreadcrumbItem/index.js";
+import f from "../../atoms/BreadcrumbItem/index.js";
 import { generateKey as C } from "../../../functions/generators.js";
-const E = ({
+const B = ({
   testId: a = "breadcrumbs",
   containerTestId: s = null,
   cssClasses: l = null,
   containerCssClasses: t = null,
-  style: n = null,
+  style: m = null,
   containerStyle: d = null,
-  items: m,
-  alignment: u = null,
+  items: u,
+  alignment: n = null,
   separator: c = null,
-  size: b = null
+  size: o = null
 }) => {
-  const r = p([
+  const e = p([
     "breadcrumb",
-    u,
+    n,
     c,
-    b,
+    o,
     t
-  ]), i = s ?? f({
+  ]), b = s ?? g({
     tag: "breadcrumb",
-    parsedClasses: r,
+    parsedClasses: e,
     rules: [
       {
         regExp: /breadcrumb/gm,
@@ -35,22 +35,22 @@ const E = ({
       }
     ]
   });
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ r(
     "nav",
     {
-      "data-testid": i,
-      className: r,
+      "data-testid": b,
+      className: e,
       style: d ?? void 0,
-      children: /* @__PURE__ */ e(
+      children: /* @__PURE__ */ r(
         "ul",
         {
           "data-testid": a,
           className: l ?? void 0,
-          style: n ?? void 0,
-          children: m.map((o) => /* @__PURE__ */ e(
-            g,
+          style: m ?? void 0,
+          children: u.map((i) => /* @__PURE__ */ r(
+            f,
             {
-              ...o
+              ...i
             },
             `breadcrumb-item-${C()}`
           ))
@@ -60,5 +60,5 @@ const E = ({
   );
 };
 export {
-  E as default
+  B as default
 };

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

@@ -3,22 +3,22 @@ import g from "../../atoms/Button/index.js";
 import { parseClasses as b, parseTestId as h } from "../../../functions/parsers.js";
 import "react";
 import { generateKey as C } from "../../../functions/generators.js";
-const $ = ({
+const T = ({
   testId: r = null,
-  cssClasses: n = null,
-  style: a = null,
+  cssClasses: a = null,
+  style: n = null,
   buttonList: u,
   isAttached: p = !1,
-  position: e = "left"
+  position: s = "left"
 }) => {
-  const t = b([
+  const o = b([
     "buttons",
     p ? "has-addons" : null,
-    !e || e === "left" ? null : `is-${e}`,
-    n
+    !s || s === "left" ? null : `is-${s}`,
+    a
   ]), d = r ?? h({
     tag: "buttons",
-    parsedClasses: t,
+    parsedClasses: o,
     rules: [
       {
         regExp: /has-|is-/gm,
@@ -34,19 +34,19 @@ const $ = ({
     "section",
     {
       "data-testid": d,
-      className: t,
-      style: a ?? void 0,
-      children: u.map((s, x, c) => {
-        const o = c.some(
-          ({ isSelected: i }) => i
-        ), m = o && s.isSelected || !o, f = {
-          ...s,
-          color: m ? s.color : void 0
+      className: o,
+      style: n ?? void 0,
+      children: u.map((t, x, c) => {
+        const e = c.some(
+          ({ isSelected: f }) => f
+        ), m = e && t.isSelected || !e, i = {
+          ...t,
+          color: m ? t.color : void 0
         };
         return /* @__PURE__ */ l(
           g,
           {
-            ...f
+            ...i
           },
           `button-group-item-${C()}`
         );
@@ -55,5 +55,5 @@ const $ = ({
   );
 };
 export {
-  $ as default
+  T as default
 };

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

@@ -1,9 +1,9 @@
 import { jsx as e } from "react/jsx-runtime";
-import { parseClasses as p, parseTestId as f } from "../../../functions/parsers.js";
-import C from "../../atoms/Column/index.js";
+import { parseClasses as d, parseTestId as C } from "../../../functions/parsers.js";
+import f from "../../atoms/Column/index.js";
 import "react";
-import { generateKey as G } from "../../../functions/generators.js";
-const g = (l) => {
+import { generateKey as v } from "../../../functions/generators.js";
+const G = (l) => {
   switch (l) {
     case null:
       return "is-gapless";
@@ -12,26 +12,26 @@ const g = (l) => {
     default:
       return l;
   }
-}, b = ({
+}, T = ({
   testId: l = null,
   cssClasses: n = null,
-  style: u = null,
-  listOfColumns: t,
+  style: t = null,
+  listOfColumns: o,
   isMobileLayout: r = null,
-  isMultiline: o = null,
+  isMultiline: u = null,
   isVerticallyCentered: i = null,
   isHorizontallyCentered: m = null,
   gap: a = void 0
 }) => {
-  const s = p([
+  const s = d([
     "columns",
-    o ? "is-multiline" : null,
+    u ? "is-multiline" : null,
     r ? "is-mobile" : null,
     i ? "is-vcentered" : null,
     m ? "is-centered" : null,
-    g(a),
+    G(a),
     n
-  ]), c = l ?? f({
+  ]), c = l ?? C({
     tag: "columns",
     parsedClasses: s
   });
@@ -40,17 +40,17 @@ const g = (l) => {
     {
       "data-testid": c,
       className: s,
-      style: u ?? void 0,
-      children: t.map((d) => /* @__PURE__ */ e(
-        C,
+      style: t ?? void 0,
+      children: o.map((p) => /* @__PURE__ */ e(
+        f,
         {
-          ...d
+          ...p
         },
-        `column-group-item-${G()}`
+        `column-group-item-${v()}`
       ))
     }
   );
 };
 export {
-  b as default
+  T as default
 };

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

@@ -1,13 +1,13 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { useState as w } from "react";
-import { parseClasses as f, parseTestId as I } from "../../../functions/parsers.js";
-import v from "../../atoms/DropdownTrigger/index.js";
+import { parseClasses as f, parseTestId as v } from "../../../functions/parsers.js";
+import I from "../../atoms/DropdownTrigger/index.js";
 import s from "../../atoms/DropdownItem/index.js";
 import { generateKey as t } from "../../../functions/generators.js";
-const h = (n) => /* @__PURE__ */ e("section", { className: "dropdown-content", children: n.map((o, r) => n.length > 1 && r === 0 ? /* @__PURE__ */ e(
+const h = (o) => /* @__PURE__ */ e("section", { className: "dropdown-content", children: o.map((n, r) => o.length > 1 && r === 0 ? /* @__PURE__ */ e(
   s,
   {
-    ...o
+    ...n
   },
   `dropdown-item-${t()}`
 ) : /* @__PURE__ */ l("section", { children: [
@@ -22,13 +22,13 @@ const h = (n) => /* @__PURE__ */ e("section", { className: "dropdown-content", c
   /* @__PURE__ */ e(
     s,
     {
-      ...o
+      ...n
     },
     `dropdown-item-${t()}`
   )
 ] }, `dropdown-item-${t()}-section`)) }), y = ({
-  testId: n = null,
-  cssClasses: o = null,
+  testId: o = null,
+  cssClasses: n = null,
   style: r = null,
   inputText: d,
   dropdownPointer: i = "dropdown-menu",
@@ -37,8 +37,8 @@ const h = (n) => /* @__PURE__ */ e("section", { className: "dropdown-content", c
   const [m, a] = w(!1), p = f([
     "dropdown",
     m ? "is-active" : null,
-    o
-  ]), u = n ?? I({ tag: "dropdown", parsedClasses: p });
+    n
+  ]), u = o ?? v({ tag: "dropdown", parsedClasses: p });
   return /* @__PURE__ */ l(
     "section",
     {
@@ -47,7 +47,7 @@ const h = (n) => /* @__PURE__ */ e("section", { className: "dropdown-content", c
       style: r ?? void 0,
       children: [
         /* @__PURE__ */ e(
-          v,
+          I,
           {
             menuText: d,
             dropdownPointer: i,

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

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { parseClasses as n, parseTestId as o } from "../../../functions/parsers.js";
+import { parseClasses as o, parseTestId as n } from "../../../functions/parsers.js";
 const x = ({
   testId: l = null,
   containerTestId: r = null,
@@ -7,14 +7,14 @@ const x = ({
   containerCssClasses: c = null,
   style: d = null,
   containerStyle: i = null,
-  content: f,
-  isContentCentered: u = !1
+  content: p,
+  isContentCentered: f = !1
 }) => {
-  const e = n(["footer", c]), t = n([
+  const e = o(["footer", c]), t = o([
     "content",
-    u ? "has-text-centered" : null,
+    f ? "has-text-centered" : null,
     a
-  ]), p = r ?? o({ tag: "footer", parsedClasses: e }), C = l ?? o({
+  ]), u = r ?? n({ tag: "footer", parsedClasses: e }), C = l ?? n({
     tag: "content",
     parsedClasses: t,
     rules: [
@@ -31,7 +31,7 @@ const x = ({
   return /* @__PURE__ */ s(
     "section",
     {
-      "data-testid": p,
+      "data-testid": u,
       className: e,
       style: i ?? void 0,
       children: /* @__PURE__ */ s(
@@ -40,7 +40,7 @@ const x = ({
           "data-testid": C,
           className: t,
           style: d ?? void 0,
-          children: f
+          children: p
         }
       )
     }

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

@@ -88,19 +88,19 @@ const x = (r, t) => {
   labelText: t,
   type: e,
   input: s,
-  helper: n,
-  isHorizontal: a
+  helper: a,
+  isHorizontal: n
 }) => {
-  const d = m(
-    () => x(t, a),
-    [t, a]
-  ), c = m(
+  const c = m(
+    () => x(t, n),
+    [t, n]
+  ), d = m(
     () => F({ testId: r ?? void 0, type: e, input: s }),
     [r, e, s]
-  ), i = m(() => N(n), [n]);
+  ), i = m(() => N(a), [a]);
   return /* @__PURE__ */ f(p, { children: [
-    d,
     c,
+    d,
     i
   ] });
 };