reactive-bulma 4.1.0 → 4.1.1

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

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

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

@@ -0,0 +1,12 @@
+import { Meta } from '@storybook/react';
+import { default as Icon } from '.';
+import { IconProps } from '../../../interfaces/atomProps';
+declare const _default: Meta<typeof Icon>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;
+export declare const TextIncluded: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;
+export declare const UsingOtherIcon: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;
+export declare const Colored: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;
+export declare const WithBigSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;
+export declare const DarkMode: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;
+export declare const Spinning: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;

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

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

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

@@ -0,0 +1,44 @@
+import { jsx as l } from "react/jsx-runtime";
+import { parseClasses as a, parseTestId as f } from "../../../functions/parsers.js";
+const T = ({
+  testId: t = null,
+  containerTestId: n = null,
+  cssClasses: i = null,
+  containerCssClasses: o = null,
+  style: d = null,
+  containerStyle: m = null,
+  src: r,
+  alt: u = null,
+  fixedSize: g = null,
+  isRounded: c = !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(
+    "figure",
+    {
+      "data-testid": e,
+      className: s,
+      style: m ?? void 0,
+      children: /* @__PURE__ */ l(
+        "img",
+        {
+          "data-testid": C,
+          className: p,
+          style: d ?? void 0,
+          src: r,
+          alt: u ?? void 0
+        }
+      )
+    }
+  );
+};
+export {
+  T as default
+};

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

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { default as Image } from '.';
+declare const _default: Meta<typeof Image>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ImageProps>;
+export declare const WithFixedStyle: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ImageProps>;
+export declare const IsRounded: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ImageProps>;
+export declare const CustomStyle: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ImageProps>;

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

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

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

@@ -0,0 +1,50 @@
+import { jsx as h } from "react/jsx-runtime";
+import { parseClasses as I, parseTestId as g } from "../../../functions/parsers.js";
+const T = ({
+  testId: n = null,
+  cssClasses: s = null,
+  style: e = null,
+  type: u,
+  text: t = null,
+  placeholder: a = null,
+  isDisabled: d = !1,
+  isReadonly: o = !1,
+  color: i = null,
+  size: r = null,
+  isRounded: p = null,
+  isHovered: c = null,
+  isFocused: f = null,
+  onClick: v = null,
+  onChange: m = null
+}) => {
+  const l = I([
+    "input",
+    i,
+    r,
+    p ? "is-rounded" : null,
+    c ? "is-hovered" : null,
+    f ? "is-focused" : null,
+    s
+  ]), C = n ?? g({
+    tag: "input",
+    parsedClasses: l
+  });
+  return /* @__PURE__ */ h(
+    "input",
+    {
+      "data-testid": C,
+      type: u,
+      placeholder: a ?? void 0,
+      defaultValue: t ?? void 0,
+      disabled: d,
+      readOnly: o,
+      className: l,
+      style: e ?? void 0,
+      onClick: v ?? void 0,
+      onChange: m ?? void 0
+    }
+  );
+};
+export {
+  T as default
+};

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

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

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

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

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

@@ -0,0 +1,26 @@
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
+import { parseTestId as n } from "../../../functions/parsers.js";
+const m = ({
+  testId: a = null,
+  cssClasses: e = null,
+  style: s = null,
+  header: t,
+  value: d
+}) => {
+  const r = a ?? n({ tag: "level-header", parsedClasses: e ?? "" });
+  return /* @__PURE__ */ i(
+    "section",
+    {
+      "data-testid": r,
+      className: e ?? void 0,
+      style: s ?? void 0,
+      children: [
+        /* @__PURE__ */ l("p", { className: "heading", children: t }),
+        /* @__PURE__ */ l("p", { className: "title", children: d })
+      ]
+    }
+  );
+};
+export {
+  m as default
+};

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

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

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

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

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

@@ -0,0 +1,30 @@
+import { jsx as r } from "react/jsx-runtime";
+import { parseClasses as d, parseTestId as i } from "../../../functions/parsers.js";
+const I = ({
+  testId: s = null,
+  cssClasses: t = null,
+  style: l = null,
+  text: n,
+  isActive: a = null,
+  onClick: m = null
+}) => {
+  const e = d([
+    "menuItem",
+    a ? "is-active" : null,
+    t
+  ]), u = s ?? i({ tag: "menuItem", parsedClasses: e });
+  return /* @__PURE__ */ r(
+    "a",
+    {
+      "data-testid": u,
+      className: e,
+      style: l ?? void 0,
+      "aria-hidden": "true",
+      onClick: m ?? void 0,
+      children: n
+    }
+  );
+};
+export {
+  I as default
+};

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,37 @@
+import { jsx as d } from "react/jsx-runtime";
+import { parseClasses as u, parseTestId as g } from "../../../functions/parsers.js";
+const C = ({
+  testId: e = null,
+  cssClasses: s = null,
+  style: l = null,
+  text: n,
+  labelText: i = "Page",
+  currentLabelText: r = "Go to page",
+  isSelected: a = null,
+  onClick: o = null
+}) => {
+  const t = u([
+    "pagination-link",
+    a ? "is-current" : null,
+    s
+  ]), p = e ?? g({
+    tag: "pagination-link",
+    parsedClasses: t
+  });
+  return /* @__PURE__ */ d(
+    "a",
+    {
+      "data-testid": p,
+      className: t,
+      style: l ?? void 0,
+      "aria-label": `${a ? r : i} ${n}`,
+      "aria-current": a ? "page" : void 0,
+      "aria-hidden": "true",
+      onClick: o ?? void 0,
+      children: n
+    }
+  );
+};
+export {
+  C as default
+};

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

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { default as PaginationItem } from '.';
+declare const _default: Meta<typeof PaginationItem>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').PaginationItemProps>;
+export declare const Selected: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').PaginationItemProps>;
+export declare const CustomLabelText: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').PaginationItemProps>;
+export declare const SelectedWithCustomLabelText: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').PaginationItemProps>;

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

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

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

@@ -0,0 +1,36 @@
+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,
+  value: s = 0,
+  max: r = 100,
+  color: p = "is-primary",
+  size: d = null,
+  isLoading: e = !1
+}) => {
+  const n = s > r || s < 0 ? 0 : s, o = g([
+    "progress",
+    p,
+    d,
+    l
+  ]), i = t ?? f({
+    tag: "progress",
+    parsedClasses: o
+  });
+  return /* @__PURE__ */ c(
+    "progress",
+    {
+      "data-testid": i,
+      className: o,
+      style: a ?? void 0,
+      value: e ? void 0 : s,
+      max: r,
+      children: `${e ? 0 : n}%`
+    }
+  );
+};
+export {
+  C as default
+};

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

@@ -0,0 +1,10 @@
+import { Meta } from '@storybook/react';
+import { default as ProgressBar } from '.';
+declare const _default: Meta<typeof ProgressBar>;
+export default _default;
+export declare const Basic: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ProgressBarProps>;
+export declare const HalfValue: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ProgressBarProps>;
+export declare const Colored: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ProgressBarProps>;
+export declare const MaxBeyond100: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ProgressBarProps>;
+export declare const LargeSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ProgressBarProps>;
+export declare const Loading: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ProgressBarProps>;

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

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

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

@@ -0,0 +1,71 @@
+import { jsx as u, jsxs as c } from "react/jsx-runtime";
+import { parseClasses as m, parseTestId as p } from "../../../functions/parsers.js";
+const C = (s, t) => {
+  const {
+    testId: a = null,
+    label: n,
+    name: o,
+    isChecked: l = !1,
+    isDisabled: e = !1,
+    style: d = null,
+    onChange: i
+  } = s, r = a ?? `test-radio-button-item-${t}`;
+  return /* @__PURE__ */ c(
+    "label",
+    {
+      className: "radio",
+      children: [
+        /* @__PURE__ */ u(
+          "input",
+          {
+            "data-testid": r,
+            type: "radio",
+            style: d ?? void 0,
+            name: o,
+            defaultChecked: l,
+            disabled: e,
+            onChange: i
+          }
+        ),
+        n
+      ]
+    },
+    t
+  );
+}, b = ({
+  containerTestId: s = null,
+  containerCssClasses: t = null,
+  containerStyle: a = null,
+  options: n,
+  name: o,
+  onChange: l = null
+}) => {
+  const e = m([
+    "control",
+    t
+  ]), d = s ?? p({
+    tag: "container-",
+    parsedClasses: e
+  });
+  return /* @__PURE__ */ u(
+    "section",
+    {
+      "data-testid": d,
+      className: e,
+      style: a ?? void 0,
+      children: n.map(
+        (i, r) => C(
+          {
+            ...i,
+            name: o,
+            onChange: l ?? void 0
+          },
+          r
+        )
+      )
+    }
+  );
+};
+export {
+  b as default
+};

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

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { default as RadioButton } from '.';
+declare const _default: Meta<typeof RadioButton>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').RadioButtonProps>;
+export declare const SeveralOptions: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').RadioButtonProps>;
+export declare const OneOptionSelected: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').RadioButtonProps>;
+export declare const AllOptionsDisabled: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').RadioButtonProps>;

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

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

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
+};