reactive-bulma 4.3.6 → 4.3.8

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

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

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

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

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

@@ -7,19 +7,19 @@ const g = ({
   children: a,
   context: n = null,
   size: r = null,
-  color: l = null,
-  isVertical: o = !1
+  color: e = null,
+  isVertical: u = !1
 }) => {
-  const e = c([
+  const l = c([
     "tile",
     n,
     r,
-    l ? `notification ${l}` : null,
-    o ? "is-vertical" : null,
+    e ? `notification ${e}` : null,
+    u ? "is-vertical" : null,
     t
-  ]), u = s ?? d({
+  ]), o = s ?? d({
     tag: "tile",
-    parsedClasses: e,
+    parsedClasses: l,
     rules: [
       {
         regExp: /notification |tile/gm,
@@ -34,8 +34,8 @@ const g = ({
   return /* @__PURE__ */ p(
     "section",
     {
-      "data-testid": u,
-      className: e,
+      "data-testid": o,
+      className: l,
       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 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([
+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([
     s,
-    t ?? null,
-    s === "title" && a ? "is-spaced" : null,
-    d
+    r ?? null,
+    s === "title" && t ? "is-spaced" : null,
+    a
   ]), p = (l == null ? void 0 : l.testId) ?? `${l == null ? void 0 : l.type}-test`;
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ f(
     "p",
     {
       "data-testid": p,
-      className: e,
+      className: d,
       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 ? r(l) : null,
-  s ? r(s) : null
+  l ? e(l) : null,
+  s ? e(s) : null
 ] });
 export {
   T as default

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

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

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

@@ -1,9 +1,9 @@
 import { jsx as e } from "react/jsx-runtime";
-import { parseClasses as d, parseTestId as C } from "../../../functions/parsers.js";
-import f from "../../atoms/Column/index.js";
+import { parseClasses as p, parseTestId as f } from "../../../functions/parsers.js";
+import C from "../../atoms/Column/index.js";
 import "react";
-import { generateKey as v } from "../../../functions/generators.js";
-const G = (l) => {
+import { generateKey as G } from "../../../functions/generators.js";
+const g = (l) => {
   switch (l) {
     case null:
       return "is-gapless";
@@ -12,26 +12,26 @@ const G = (l) => {
     default:
       return l;
   }
-}, T = ({
+}, b = ({
   testId: l = null,
   cssClasses: n = null,
-  style: t = null,
-  listOfColumns: o,
+  style: u = null,
+  listOfColumns: t,
   isMobileLayout: r = null,
-  isMultiline: u = null,
+  isMultiline: o = null,
   isVerticallyCentered: i = null,
   isHorizontallyCentered: m = null,
   gap: a = void 0
 }) => {
-  const s = d([
+  const s = p([
     "columns",
-    u ? "is-multiline" : null,
+    o ? "is-multiline" : null,
     r ? "is-mobile" : null,
     i ? "is-vcentered" : null,
     m ? "is-centered" : null,
-    G(a),
+    g(a),
     n
-  ]), c = l ?? C({
+  ]), c = l ?? f({
     tag: "columns",
     parsedClasses: s
   });
@@ -40,17 +40,17 @@ const G = (l) => {
     {
       "data-testid": c,
       className: s,
-      style: t ?? void 0,
-      children: o.map((p) => /* @__PURE__ */ e(
-        f,
+      style: u ?? void 0,
+      children: t.map((d) => /* @__PURE__ */ e(
+        C,
         {
-          ...p
+          ...d
         },
-        `column-group-item-${v()}`
+        `column-group-item-${G()}`
       ))
     }
   );
 };
 export {
-  T as default
+  b 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 v } from "../../../functions/parsers.js";
-import I from "../../atoms/DropdownTrigger/index.js";
+import { parseClasses as f, parseTestId as I } from "../../../functions/parsers.js";
+import v from "../../atoms/DropdownTrigger/index.js";
 import s from "../../atoms/DropdownItem/index.js";
 import { generateKey as t } from "../../../functions/generators.js";
-const h = (o) => /* @__PURE__ */ e("section", { className: "dropdown-content", children: o.map((n, r) => o.length > 1 && r === 0 ? /* @__PURE__ */ e(
+const h = (n) => /* @__PURE__ */ e("section", { className: "dropdown-content", children: n.map((o, r) => n.length > 1 && r === 0 ? /* @__PURE__ */ e(
   s,
   {
-    ...n
+    ...o
   },
   `dropdown-item-${t()}`
 ) : /* @__PURE__ */ l("section", { children: [
@@ -22,13 +22,13 @@ const h = (o) => /* @__PURE__ */ e("section", { className: "dropdown-content", c
   /* @__PURE__ */ e(
     s,
     {
-      ...n
+      ...o
     },
     `dropdown-item-${t()}`
   )
 ] }, `dropdown-item-${t()}-section`)) }), y = ({
-  testId: o = null,
-  cssClasses: n = null,
+  testId: n = null,
+  cssClasses: o = null,
   style: r = null,
   inputText: d,
   dropdownPointer: i = "dropdown-menu",
@@ -37,8 +37,8 @@ const h = (o) => /* @__PURE__ */ e("section", { className: "dropdown-content", c
   const [m, a] = w(!1), p = f([
     "dropdown",
     m ? "is-active" : null,
-    n
-  ]), u = o ?? v({ tag: "dropdown", parsedClasses: p });
+    o
+  ]), u = n ?? I({ tag: "dropdown", parsedClasses: p });
   return /* @__PURE__ */ l(
     "section",
     {
@@ -47,7 +47,7 @@ const h = (o) => /* @__PURE__ */ e("section", { className: "dropdown-content", c
       style: r ?? void 0,
       children: [
         /* @__PURE__ */ e(
-          I,
+          v,
           {
             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 o, parseTestId as n } from "../../../functions/parsers.js";
+import { parseClasses as n, parseTestId as o } 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: p,
-  isContentCentered: f = !1
+  content: f,
+  isContentCentered: u = !1
 }) => {
-  const e = o(["footer", c]), t = o([
+  const e = n(["footer", c]), t = n([
     "content",
-    f ? "has-text-centered" : null,
+    u ? "has-text-centered" : null,
     a
-  ]), u = r ?? n({ tag: "footer", parsedClasses: e }), C = l ?? n({
+  ]), p = r ?? o({ tag: "footer", parsedClasses: e }), C = l ?? o({
     tag: "content",
     parsedClasses: t,
     rules: [
@@ -31,7 +31,7 @@ const x = ({
   return /* @__PURE__ */ s(
     "section",
     {
-      "data-testid": u,
+      "data-testid": p,
       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: p
+          children: f
         }
       )
     }

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

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