reactive-bulma 4.3.28 → 4.4.0

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

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

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

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

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

@@ -3,3 +3,4 @@ import { default as TableCell } from '.';
 declare const _default: Meta<typeof TableCell>;
 export default _default;
 export declare const BasicExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TableCellProps>;
+export declare const Colored: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TableCellProps>;

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

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

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

@@ -3,3 +3,4 @@ import { default as TableHeadCell } from '.';
 declare const _default: Meta<typeof TableHeadCell>;
 export default _default;
 export declare const BasicExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TableHeadCellProps>;
+export declare const Colored: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TableHeadCellProps>;

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

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

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

@@ -8,6 +8,3 @@ export declare const Rounded: import('storybook/internal/csf').AnnotatedStoryFn<
 export declare const LightColor: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
 export declare const LargeSize: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
 export declare const WithDeleteButton: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
-export declare const WithAnAddon: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
-export declare const ColoredAddon: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
-export declare const WithDeleteAddon: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;

package/dist/components/atoms/TagWithAddon/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { TagWithAddonProps } from '../../../interfaces/atomProps';
+declare const TagWithAddon: React.FC<TagWithAddonProps>;
+export default TagWithAddon;

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

@@ -0,0 +1,91 @@
+import { jsxs as O, jsx as l } from "react/jsx-runtime";
+import { COMMON_CLASSES as s } from "../../../constants/classes.js";
+import { TEST_ID_REGEXP as e } from "../../../constants/regExp.js";
+import { parseClasses as t, parseTestId as n } from "../../../functions/parsers.js";
+const R = ({
+  testId: p = null,
+  containerTestId: T = null,
+  cssClasses: C = null,
+  containerCssClasses: A = null,
+  style: S = null,
+  containerStyle: m = null,
+  text: I,
+  withDelete: $ = !1,
+  addonText: E,
+  color: d = null,
+  isLight: b = null,
+  isRounded: h = null,
+  size: a = null,
+  addonColor: r = null,
+  onDeleteClick: D = null
+}) => {
+  const o = "tags", g = t([
+    o,
+    s.HAS_ADDONS,
+    a ? `${s.ARE}${a}` : null,
+    A
+  ]), i = t([
+    "tag",
+    d ? `${s.IS}${d}` : null,
+    b ? s.LIGHT : null,
+    h ? s.ROUNDED : null,
+    a ? `${s.IS}${a}` : null,
+    C
+  ]), u = t([
+    "tag",
+    r ? `${s.IS}${r}` : null
+  ]), N = T ?? n({
+    tag: o,
+    parsedClasses: g,
+    rules: [
+      { regExp: e.TAGS, replacer: "" },
+      { regExp: e.HAS_ADDONS, replacer: "" }
+    ]
+  }), x = p ?? n({ tag: "tag", parsedClasses: i }), c = n({
+    tag: "tag-addon",
+    parsedClasses: u,
+    rules: [
+      { regExp: e.TAG, replacer: "" },
+      { regExp: e.IS, replacer: "-" }
+    ]
+  }), f = `${c}-delete`;
+  return /* @__PURE__ */ O(
+    "section",
+    {
+      "data-testid": N,
+      className: g,
+      style: m ?? void 0,
+      children: [
+        /* @__PURE__ */ l(
+          "span",
+          {
+            "data-testid": x,
+            className: i,
+            children: I
+          }
+        ),
+        $ ? /* @__PURE__ */ l(
+          "a",
+          {
+            "data-testid": f,
+            className: "tag is-delete",
+            title: "delete",
+            "aria-hidden": "true",
+            onClick: D ?? void 0
+          }
+        ) : /* @__PURE__ */ l(
+          "span",
+          {
+            "data-testid": c,
+            className: u,
+            style: S ?? void 0,
+            children: E
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  R as default
+};

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

@@ -0,0 +1,11 @@
+import { Meta } from '@storybook/react';
+import { default as TagWithAddon } from '.';
+declare const _default: Meta<typeof TagWithAddon>;
+export default _default;
+export declare const BasicExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagWithAddonProps>;
+export declare const Colored: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagWithAddonProps>;
+export declare const Rounded: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagWithAddonProps>;
+export declare const LightColor: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagWithAddonProps>;
+export declare const LargeSize: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagWithAddonProps>;
+export declare const ColoredAddon: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagWithAddonProps>;
+export declare const WithDeleteButton: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagWithAddonProps>;

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

@@ -1,46 +1,48 @@
-import { jsx as p } from "react/jsx-runtime";
-import { parseClasses as c, parseTestId as d } from "../../../functions/parsers.js";
-const g = ({
-  testId: s = null,
-  cssClasses: t = null,
-  style: i = null,
-  children: a,
-  context: n = null,
-  size: r = null,
-  color: l = null,
-  isVertical: o = !1
+import { jsx as T } from "react/jsx-runtime";
+import { COMMON_CLASSES as l } from "../../../constants/classes.js";
+import { TEST_ID_REGEXP as a } from "../../../constants/regExp.js";
+import { parseClasses as C, parseTestId as E } from "../../../functions/parsers.js";
+const $ = ({
+  testId: n = null,
+  cssClasses: o = null,
+  style: p = null,
+  children: u,
+  context: i = null,
+  size: s = null,
+  color: e = null,
+  isVertical: I = !1
 }) => {
-  const e = c([
-    "tile",
-    n,
-    r,
-    l ? `notification ${l}` : null,
-    o ? "is-vertical" : null,
-    t
-  ]), u = s ?? d({
-    tag: "tile",
-    parsedClasses: e,
+  const t = "tile", r = C([
+    t,
+    i,
+    s ? `${l.IS}${s}` : null,
+    e ? `${l.NOTIFICATION} ${e}` : null,
+    I ? `${l.VERTICAL}` : null,
+    o
+  ]), m = n ?? E({
+    tag: t,
+    parsedClasses: r,
     rules: [
       {
-        regExp: /notification |tile/gm,
+        regExp: a.TILE,
         replacer: ""
       },
       {
-        regExp: /is-/gm,
+        regExp: a.IS,
         replacer: "-"
       }
     ]
   });
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ T(
     "section",
     {
-      "data-testid": u,
-      className: e,
-      style: i ?? void 0,
-      children: a
+      "data-testid": m,
+      className: r,
+      style: p ?? void 0,
+      children: u
     }
   );
 };
 export {
-  g as default
+  $ as default
 };

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

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

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

@@ -25,3 +25,5 @@ export { default as Tile } from './Tile';
 export { default as NavBarItem } from './NavBarItem';
 export { default as TableHeadCell } from './TableHeadCell';
 export { default as TableCell } from './TableCell';
+export { default as GridCell } from './GridCell';
+export { default as TagWithAddon } from './TagWithAddon';