reactive-bulma 4.0.30 → 4.1.1

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

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

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

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react';
+import { default as Select } from '.';
+declare const _default: Meta<typeof Select>;
+export default _default;
+export declare const OnlyRequiredProps: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;
+export declare const WithOneOption: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;
+export declare const WithSeveralOptions: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;
+export declare const ShowsThreeOptions: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;
+export declare const FirstOptionsSelected: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;

package/dist/{cjs/types/components → components}/atoms/TabItem/index.d.ts

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

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

@@ -0,0 +1,44 @@
+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: t = null,
+  containerCssClasses: l = null,
+  style: i = null,
+  containerStyle: o = null,
+  icon: a = null,
+  text: r,
+  onClick: m = null
+}) => {
+  const u = s ?? n({
+    tag: "tab-item-container",
+    parsedClasses: l ?? ""
+  }), p = d ?? n({ tag: "tab-item", parsedClasses: t ?? "" });
+  return /* @__PURE__ */ c(
+    "a",
+    {
+      "data-testid": u,
+      className: l ?? void 0,
+      style: o ?? 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
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  T as default
+};

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

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { default as TabItem } from '.';
+declare const _default: Meta<typeof TabItem>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TabItemProps>;
+export declare const WithIcon: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TabItemProps>;

package/dist/{cjs/types/components → components}/atoms/TableCell/index.d.ts

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

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

@@ -0,0 +1,24 @@
+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
+}) => {
+  const o = e ?? s({ tag: "table-cell", parsedClasses: l ?? "" });
+  return /* @__PURE__ */ r(
+    "td",
+    {
+      "data-testid": o,
+      className: l ?? void 0,
+      style: t ?? void 0,
+      onClick: d ?? void 0,
+      children: a
+    }
+  );
+};
+export {
+  u as default
+};

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

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

package/dist/{cjs/types/components → components}/atoms/TableHeadCell/index.d.ts

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

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

@@ -0,0 +1,24 @@
+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
+}) => {
+  const o = e ?? s({ tag: "table-head-cell", parsedClasses: l ?? "" });
+  return /* @__PURE__ */ r(
+    "th",
+    {
+      "data-testid": o,
+      className: l ?? void 0,
+      style: t ?? void 0,
+      onClick: d ?? void 0,
+      children: a
+    }
+  );
+};
+export {
+  u as default
+};

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

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

package/dist/{cjs/types/components → components}/atoms/Tag/index.d.ts

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

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

@@ -0,0 +1,87 @@
+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,
+  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
+}) => {
+  const o = n([
+    "tags",
+    "has-addons",
+    t ? t.replace("is-", "are-") : null,
+    C
+  ]), e = n([
+    "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(
+    "span",
+    {
+      "data-testid": s,
+      style: N ?? void 0,
+      className: e,
+      children: [
+        d,
+        r ? /* @__PURE__ */ l(
+          "button",
+          {
+            "data-testid": u,
+            className: "delete",
+            onClick: c ?? void 0
+          }
+        ) : null
+      ]
+    }
+  );
+};
+export {
+  q as default
+};

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

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

package/dist/{cjs/types/components → components}/atoms/TextArea/index.d.ts

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

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

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

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

@@ -0,0 +1,14 @@
+import { Meta } from '@storybook/react';
+import { default as TextArea } from '.';
+import { TextAreaProps } from '../../../interfaces/atomProps';
+declare const _default: Meta<typeof TextArea>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
+export declare const WithText: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
+export declare const Colored: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
+export declare const WithBigSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
+export declare const Hovered: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
+export declare const Focused: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
+export declare const Disabled: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
+export declare const ReadOnly: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
+export declare const FixedSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;

package/dist/{cjs/types/components → components}/atoms/Tile/index.d.ts

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

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

@@ -0,0 +1,46 @@
+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
+}) => {
+  const e = c([
+    "tile",
+    n,
+    r,
+    l ? `notification ${l}` : null,
+    o ? "is-vertical" : null,
+    t
+  ]), u = s ?? d({
+    tag: "tile",
+    parsedClasses: e,
+    rules: [
+      {
+        regExp: /notification |tile/gm,
+        replacer: ""
+      },
+      {
+        regExp: /is-/gm,
+        replacer: "-"
+      }
+    ]
+  });
+  return /* @__PURE__ */ p(
+    "section",
+    {
+      "data-testid": u,
+      className: e,
+      style: i ?? void 0,
+      children: a
+    }
+  );
+};
+export {
+  g as default
+};

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

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react';
+import { default as Tile } from '.';
+import { TileProps } from '../../../interfaces/atomProps';
+declare const _default: Meta<typeof Tile>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TileProps>;
+export declare const HalfSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TileProps>;
+export declare const Colored: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TileProps>;
+export declare const WithImage: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TileProps>;

package/dist/{cjs/types/components → components}/atoms/Title/index.d.ts

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

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

@@ -0,0 +1,25 @@
+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,
+    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__ */ x(
+    "p",
+    {
+      "data-testid": p,
+      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 ? r(l) : null,
+  s ? r(s) : null
+] });
+export {
+  T as default
+};

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

@@ -0,0 +1,10 @@
+import { Meta } from '@storybook/react';
+import { TitleProps } from '../../../interfaces/atomProps';
+import { default as Title } from '.';
+declare const _default: Meta<typeof Title>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TitleProps>;
+export declare const WithBigSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TitleProps>;
+export declare const WithSubtitles: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TitleProps>;
+export declare const WithBiggerSubtitles: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TitleProps>;
+export declare const SpicedTitle: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TitleProps>;

package/dist/components/atoms/index.js

@@ -0,0 +1,56 @@
+import { default as a } from "./Button/index.js";
+import { default as r } from "./Column/index.js";
+import { default as l } from "./ProgressBar/index.js";
+import { default as d } from "./Block/index.js";
+import { default as p } from "./Tag/index.js";
+import { default as s } from "./Box/index.js";
+import { default as I } from "./Title/index.js";
+import { default as i } from "./Icon/index.js";
+import { default as g } from "./Input/index.js";
+import { default as c } from "./TextArea/index.js";
+import { default as D } from "./Delete/index.js";
+import { default as v } from "./Select/index.js";
+import { default as H } from "./File/index.js";
+import { default as h } from "./Checkbox/index.js";
+import { default as F } from "./RadioButton/index.js";
+import { default as M } from "./BreadcrumbItem/index.js";
+import { default as R } from "./DropdownTrigger/index.js";
+import { default as j } from "./DropdownItem/index.js";
+import { default as y } from "./MenuItem/index.js";
+import { default as E } from "./Image/index.js";
+import { default as J } from "./PaginationItem/index.js";
+import { default as O } from "./TabItem/index.js";
+import { default as U } from "./LevelHeader/index.js";
+import { default as W } from "./Tile/index.js";
+import { default as Y } from "./NavBarItem/index.js";
+import { default as _ } from "./TableHeadCell/index.js";
+import { default as ee } from "./TableCell/index.js";
+export {
+  d as Block,
+  s as Box,
+  M as BreadcrumbItem,
+  a as Button,
+  h as Checkbox,
+  r as Column,
+  D as Delete,
+  j as DropdownItem,
+  R as DropdownTrigger,
+  H as File,
+  i as Icon,
+  E as Image,
+  g as Input,
+  U as LevelHeader,
+  y as MenuItem,
+  Y as NavBarItem,
+  J as PaginationItem,
+  l as ProgressBar,
+  F as RadioButton,
+  v as Select,
+  O as TabItem,
+  ee as TableCell,
+  _ as TableHeadCell,
+  p as Tag,
+  c as TextArea,
+  W as Tile,
+  I as Title
+};

package/dist/{esm/types/components → components}/molecules/Breadcrumbs/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BreadcrumbsProps } from '../../../interfaces/moleculeProps';
 declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
 export default Breadcrumbs;

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

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