reactive-bulma 4.3.27 → 4.4.0

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

@@ -1,88 +1,85 @@
-import { jsxs as E, jsx as i } from "react/jsx-runtime";
+import { jsxs as M, jsx as p } 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) => {
-  const e = n ? `icon-text-${n}` : "icon-text", t = u({
-    tag: "icon-container",
-    parsedClasses: n?.toString() ?? "",
-    rules: [
-      {
-        regExp: /has-text/gm,
-        replacer: ""
-      }
-    ]
+import { COMMON_CLASSES as e } from "../../../constants/classes.js";
+import { TEST_ID_REGEXP as u } from "../../../constants/regExp.js";
+import { parseClasses as E, parseTestId as T } from "../../../functions/parsers.js";
+const l = "icon", s = "mdi", X = (t, n) => {
+  const r = n ? `${l}-text-${n}` : `${l}-text`, o = T({
+    tag: `${l}-container`,
+    parsedClasses: n ? `${e.HAS_TEXT}${n}` : "",
+    rules: [{ regExp: u.HAS_TEXT, replacer: "" }]
   });
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ p(
     "span",
     {
-      "data-testid": t,
-      className: e,
-      children: s
+      "data-testid": o,
+      className: r,
+      children: t
     }
   );
-}, S = ({
-  testId: s = null,
+}, y = ({
+  testId: t = null,
   containerTestId: n = null,
-  cssClasses: e = null,
-  containerCssClasses: t = null,
-  style: g = null,
-  containerStyle: C = null,
-  iconLabel: x,
-  text: l = null,
-  color: r = null,
+  cssClasses: r = null,
+  containerCssClasses: o = null,
+  style: S = null,
+  containerStyle: x = null,
+  iconLabel: f,
+  text: c = null,
+  color: i = null,
   size: a = null,
-  colorMode: o = null,
-  isSpinning: I = !1,
-  position: f = null
+  colorMode: $ = null,
+  isSpinning: _ = !1,
+  position: d = null
 }) => {
-  const $ = p([
-    "icon",
-    r,
-    a,
-    f,
-    t
-  ]), c = p([
-    "mdi",
-    `mdi-${x}`,
-    o ? `mdi-${o}` : null,
-    I ? "mdi-spin" : null,
-    a ? `mdi-${N[a]}px` : "mdi-24px",
-    e
-  ]), d = n ?? u({
-    tag: "icon",
-    parsedClasses: c,
+  const g = E([
+    l,
+    i ? `${e.HAS_TEXT}${i}` : null,
+    a ? `${e.IS}${a}` : null,
+    d ? `${e.IS}${d}` : null,
+    o
+  ]), m = E([
+    s,
+    `${s}-${f}`,
+    $ ? `${s}-${e.IS}${$}` : null,
+    _ ? `${s}-spin` : null,
+    a ? `${s}-${N[a]}px` : `${s}-24px`,
+    r
+  ]), C = n ?? T({
+    tag: l,
+    parsedClasses: m,
     rules: [
       {
-        regExp: /mdi-|mdi--/gm,
+        regExp: u.MDI,
         replacer: ""
       },
       {
-        regExp: /mdi /gm,
+        regExp: u.MDI_EMPTY,
         replacer: "-"
       }
     ],
     separator: "-"
-  }), h = s ?? `${d}-i`, m = /* @__PURE__ */ E(
+  }), A = t ?? `${C}-i`, I = /* @__PURE__ */ M(
     "span",
     {
-      "data-testid": d,
-      className: $,
-      style: C ?? void 0,
+      "data-testid": C,
+      className: g,
+      style: x ?? void 0,
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ p(
           "i",
           {
-            "data-testid": h,
-            className: c,
-            style: g ?? void 0
+            "data-testid": A,
+            className: m,
+            style: S ?? void 0
           }
         ),
-        l ? /* @__PURE__ */ i("span", { children: l }) : null
+        c ? /* @__PURE__ */ p("span", { children: c }) : null
       ]
     }
   );
-  return l ? T(m, r) : m;
+  return c ? X(I, i) : I;
 };
 export {
-  S as default
+  y as default
 };

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

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

package/dist/components/atoms/Image/index.stories.d.ts

@@ -4,5 +4,6 @@ declare const _default: Meta<typeof Image>;
 export default _default;
 export declare const BasicExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ImageProps>;
 export declare const WithFixedStyle: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ImageProps>;
+export declare const FullSized: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ImageProps>;
 export declare const IsRounded: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ImageProps>;
 export declare const CustomStyle: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ImageProps>;

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

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

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

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

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

@@ -1,86 +1,66 @@
-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 {
-    testId: r = null,
-    label: e,
-    name: s,
-    isChecked: a = !1,
-    isDisabled: o = !1,
-    style: n = null,
-    onClick: l,
-    onChange: i,
-    onBlur: u
-  } = d, c = r ?? `test-radio-button-item-${t}`;
-  return /* @__PURE__ */ B(
-    "label",
-    {
-      className: "radio",
-      children: [
-        /* @__PURE__ */ m(
-          "input",
-          {
-            "data-testid": c,
-            type: "radio",
-            style: n ?? void 0,
-            name: s,
-            defaultChecked: a,
-            disabled: o,
-            onClick: l,
-            onChange: i,
-            onBlur: u
-          }
-        ),
-        /* @__PURE__ */ m("p", { style: {
-          display: "inline-block",
-          marginLeft: "5px"
-        }, children: e })
-      ]
-    },
-    t
-  );
-}, x = ({
-  containerTestId: d = null,
-  containerCssClasses: t = null,
-  containerStyle: r = null,
-  options: e,
-  name: s,
-  onClick: a,
-  onChange: o,
-  onBlur: n
+import { jsxs as B, jsx as e } from "react/jsx-runtime";
+import { useMemo as h } from "react";
+import { parseClasses as x, parseTestId as I } from "../../../functions/parsers.js";
+import { generateKey as f } from "../../../functions/generators.js";
+const N = ({
+  containerTestId: o = null,
+  containerCssClasses: n = null,
+  containerStyle: c = null,
+  options: s,
+  name: a,
+  onClick: r,
+  onChange: d,
+  onBlur: l
 }) => {
-  const l = y([
+  const i = x([
     "control",
-    t
-  ]), i = d ?? C({
+    n
+  ]), u = o ?? I({
     tag: "container-",
-    parsedClasses: l
-  }), u = f(
-    () => e.map(
-      (c, p) => b(
+    parsedClasses: i
+  }), m = h(
+    () => s.map((t, p) => {
+      const y = t.testId ?? `test-radio-button-item-${p}`, b = {
+        display: "inline-block",
+        marginLeft: "5px"
+      };
+      return /* @__PURE__ */ B(
+        "label",
         {
-          ...c,
-          name: s,
-          onClick: a,
-          onChange: o,
-          onBlur: n
+          className: "radio",
+          children: [
+            /* @__PURE__ */ e(
+              "input",
+              {
+                "data-testid": y,
+                type: "radio",
+                style: t.style ?? void 0,
+                name: a,
+                defaultChecked: t.isChecked,
+                disabled: t.isDisabled,
+                onClick: r,
+                onChange: d,
+                onBlur: l
+              }
+            ),
+            /* @__PURE__ */ e("p", { style: b, children: t.label })
+          ]
         },
-        p
-      )
-    ),
-    [e, s, a, o, n]
+        `radio-button-item-${f()}`
+      );
+    }),
+    [s, a, r, d, l]
   );
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ e(
     "section",
     {
-      "data-testid": i,
-      className: l,
-      style: r ?? void 0,
-      children: u
+      "data-testid": u,
+      className: i,
+      style: c ?? void 0,
+      children: m
     }
   );
 };
 export {
-  x as default
+  N as default
 };

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

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