reactive-bulma 4.1.0 → 4.1.2

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

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

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

@@ -0,0 +1,18 @@
+import { jsx as a } from "react/jsx-runtime";
+const c = ({
+  testId: t = "test-block",
+  cssClasses: o = "block",
+  style: s = null,
+  children: l = null
+}) => l ? /* @__PURE__ */ a(
+  "section",
+  {
+    "data-testid": t,
+    className: o,
+    style: s ?? void 0,
+    children: l
+  }
+) : null;
+export {
+  c as default
+};

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

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { default as Block } from '.';
+declare const _default: Meta<typeof Block>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').BlockProps>;
+export declare const WithParagraph: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').BlockProps>;
+export declare const OneBlock: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').BlockProps>;
+export declare const SeveralBlocks: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').BlockProps>;

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

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

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

@@ -0,0 +1,18 @@
+import { jsx as a } from "react/jsx-runtime";
+const x = ({
+  testId: o = "test-box",
+  cssClasses: s = "box",
+  style: l = null,
+  children: t = null
+}) => t ? /* @__PURE__ */ a(
+  "section",
+  {
+    "data-testid": o,
+    className: s,
+    style: l ?? void 0,
+    children: t
+  }
+) : null;
+export {
+  x as default
+};

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

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { default as Box } from '.';
+declare const _default: Meta<typeof Box>;
+export default _default;
+export declare const NoChildren: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').BoxProps>;
+export declare const WithParagraphExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').BoxProps>;
+export declare const OneBox: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').BoxProps>;
+export declare const SeveralBoxes: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').BoxProps>;

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

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

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

@@ -0,0 +1,44 @@
+import { jsx as a } from "react/jsx-runtime";
+import { parseClasses as r, parseTestId as s } from "../../../functions/parsers.js";
+const f = ({
+  testId: l = null,
+  containerTestId: d = null,
+  cssClasses: n = null,
+  containerCssClasses: e = null,
+  style: m = null,
+  containerStyle: c = null,
+  text: u,
+  isActiveItem: i = null,
+  onClick: b = null
+}) => {
+  const o = r([
+    "breadcrumb-item-container",
+    i ? "is-active" : null,
+    e
+  ]), t = r(["breadcrumbItem", n]), I = d ?? s({
+    tag: "breadcrumb-item-container",
+    parsedClasses: e ?? ""
+  }), p = l ?? s({ tag: "breadcrumbItem", parsedClasses: t });
+  return /* @__PURE__ */ a(
+    "li",
+    {
+      "data-testid": I,
+      className: o,
+      style: c ?? void 0,
+      children: /* @__PURE__ */ a(
+        "a",
+        {
+          "data-testid": p,
+          className: t,
+          style: m ?? void 0,
+          "aria-hidden": "true",
+          onClick: b ?? void 0,
+          children: u
+        }
+      )
+    }
+  );
+};
+export {
+  f as default
+};

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

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

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

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

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

@@ -0,0 +1,49 @@
+import { jsx as v } from "react/jsx-runtime";
+import { parseClasses as h, parseTestId as x } from "../../../functions/parsers.js";
+const j = ({
+  testId: s = null,
+  cssClasses: t = null,
+  style: e = null,
+  type: n = "button",
+  text: a = null,
+  isDisabled: u = !1,
+  color: o = null,
+  isLightColor: i = !1,
+  isInvertedColor: d = !1,
+  isOutlined: r = !1,
+  isRounded: f = !1,
+  isLoading: c = !1,
+  isStatic: b = !1,
+  isSelected: p = !1,
+  size: m = null,
+  onClick: C = null
+}) => {
+  const l = h([
+    "button",
+    o,
+    i ? "is-light" : null,
+    d ? "is-inverted" : null,
+    r ? "is-outlined" : null,
+    f ? "is-rounded" : null,
+    c ? "is-loading" : null,
+    b ? "is-static" : null,
+    p ? "is-selected" : null,
+    m,
+    t
+  ]), g = s ?? x({ tag: "button", parsedClasses: l });
+  return /* @__PURE__ */ v(
+    "button",
+    {
+      "data-testid": g,
+      type: n,
+      className: l,
+      style: e ?? void 0,
+      disabled: u ?? !1,
+      onClick: C ?? void 0,
+      children: a
+    }
+  );
+};
+export {
+  j as default
+};

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

@@ -0,0 +1,14 @@
+import { Meta } from '@storybook/react';
+import { default as Button } from '.';
+declare const _default: Meta<typeof Button>;
+export default _default;
+export declare const NoText: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ButtonProps>;
+export declare const WithText: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ButtonProps>;
+export declare const Colored: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ButtonProps>;
+export declare const InvertedColor: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ButtonProps>;
+export declare const OutlinedColor: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ButtonProps>;
+export declare const Rounded: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ButtonProps>;
+export declare const LoadingState: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ButtonProps>;
+export declare const LargeSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ButtonProps>;
+export declare const Disabled: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ButtonProps>;
+export declare const Static: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ButtonProps>;

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

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

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

@@ -0,0 +1,49 @@
+import { jsxs as x, jsx as b } from "react/jsx-runtime";
+import { parseClasses as C, parseTestId as l } from "../../../functions/parsers.js";
+const a = (s) => typeof s == "string" ? `-${s == null ? void 0 : s.toString()}` : s !== null ? "-with-component" : "", m = ({
+  testId: s = null,
+  containerTestId: r = null,
+  cssClasses: t = null,
+  containerCssClasses: o = null,
+  style: i = null,
+  containerStyle: n = null,
+  content: e = null,
+  isDisabled: d = null,
+  onChange: c = null
+}) => {
+  const u = C([
+    "checkbox",
+    o
+  ]), p = r ?? l({
+    tag: "checkbox-container",
+    parsedClasses: a(e)
+  }), h = s ?? l({
+    tag: "checkbox",
+    parsedClasses: a(e)
+  });
+  return /* @__PURE__ */ x(
+    "label",
+    {
+      "data-testid": p,
+      className: u,
+      style: n ?? void 0,
+      children: [
+        /* @__PURE__ */ b(
+          "input",
+          {
+            "data-testid": h,
+            type: "checkbox",
+            className: t ?? void 0,
+            style: i ?? void 0,
+            disabled: d ?? !1,
+            onChange: c ?? void 0
+          }
+        ),
+        e
+      ]
+    }
+  );
+};
+export {
+  m as default
+};

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

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react';
+import { default as CheckBox } from '.';
+import { CheckBoxProps } from '../../../interfaces/atomProps';
+declare const _default: Meta<typeof CheckBox>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckBoxProps>;
+export declare const WithTextContent: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckBoxProps>;
+export declare const WithComponentContent: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckBoxProps>;
+export declare const Disabled: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckBoxProps>;

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

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

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

@@ -0,0 +1,31 @@
+import { jsx as m } from "react/jsx-runtime";
+import { parseClasses as c, parseTestId as d } from "../../../functions/parsers.js";
+const f = ({
+  testId: s = null,
+  cssClasses: n = null,
+  style: e = null,
+  children: o = null,
+  size: t = null,
+  offset: a = null,
+  isNarrow: u = !1
+}) => {
+  const l = c([
+    "column",
+    t,
+    a,
+    u ? "is-narrow" : null,
+    n
+  ]), r = s ?? d({ tag: "column", parsedClasses: l });
+  return /* @__PURE__ */ m(
+    "section",
+    {
+      "data-testid": r,
+      className: l,
+      style: e ?? void 0,
+      children: o
+    }
+  );
+};
+export {
+  f as default
+};

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

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { default as Column } from '.';
+declare const _default: Meta<typeof Column>;
+export default _default;
+export declare const NoChildren: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ColumnProps>;
+export declare const WithParagraphExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ColumnProps>;
+export declare const WithLargeParagraphExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ColumnProps>;
+export declare const WithButtonExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ColumnProps>;

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

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

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

@@ -0,0 +1,26 @@
+import { jsx as n } from "react/jsx-runtime";
+import { parseClasses as r, parseTestId as u } from "../../../functions/parsers.js";
+const c = ({
+  testId: s = null,
+  cssClasses: l = null,
+  style: t = null,
+  size: a = null,
+  onClick: d = null
+}) => {
+  const e = r(["delete", a, l]), o = s ?? u({
+    tag: "delete",
+    parsedClasses: e
+  });
+  return /* @__PURE__ */ n(
+    "button",
+    {
+      "data-testid": o,
+      className: e,
+      style: t ?? void 0,
+      onClick: d ?? void 0
+    }
+  );
+};
+export {
+  c as default
+};

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

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

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

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

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

@@ -0,0 +1,37 @@
+import { jsx as s } from "react/jsx-runtime";
+import { parseClasses as p, parseTestId as u } from "../../../functions/parsers.js";
+const w = ({
+  testId: o = null,
+  cssClasses: t = null,
+  style: a = null,
+  itemText: i,
+  type: e = "item",
+  isActiveItem: c = !1,
+  onClick: m = null
+}) => {
+  const r = e === "divider", l = r ? "dropdown-divider" : "dropdown-item", n = p([
+    l,
+    c && !r ? "is-active" : null,
+    t
+  ]), d = {
+    "data-testid": o ?? u({
+      tag: l,
+      parsedClasses: `${n}-${e}`
+    }),
+    className: n,
+    style: a ?? void 0,
+    onClick: m ?? void 0
+  };
+  switch (e) {
+    case "item":
+      return /* @__PURE__ */ s("div", { ...d, children: /* @__PURE__ */ s("p", { children: i }) });
+    case "divider":
+      return /* @__PURE__ */ s("hr", { ...d });
+    case "link":
+    default:
+      return /* @__PURE__ */ s("a", { ...d, children: i });
+  }
+};
+export {
+  w as default
+};

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

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

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

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

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

@@ -0,0 +1,53 @@
+import { jsx as s, jsxs as C } from "react/jsx-runtime";
+import { parseClasses as n, parseTestId as o } from "../../../functions/parsers.js";
+const v = ({
+  testId: a = null,
+  containerTestId: d = null,
+  cssClasses: t = null,
+  containerCssClasses: l = null,
+  style: i = null,
+  containerStyle: p = null,
+  menuText: c,
+  dropdownPointer: g = "dropdown-menu",
+  onClick: u = null
+}) => {
+  const r = n([
+    "dropdown-trigger",
+    l
+  ]), m = d ?? o({
+    tag: "dropdown-trigger",
+    parsedClasses: r
+  }), e = n(["button", t]), w = a ?? o({ tag: "button", parsedClasses: e });
+  return /* @__PURE__ */ s(
+    "section",
+    {
+      "data-testid": m,
+      className: r,
+      style: p ?? void 0,
+      children: /* @__PURE__ */ C(
+        "button",
+        {
+          "data-testid": w,
+          className: e,
+          style: i ?? void 0,
+          "aria-haspopup": "true",
+          "aria-controls": g,
+          onClick: u ?? void 0,
+          children: [
+            /* @__PURE__ */ s("span", { children: c }),
+            /* @__PURE__ */ s("span", { className: "icon is-small", children: /* @__PURE__ */ s(
+              "i",
+              {
+                className: "mdi mdi-chevron-down",
+                "aria-hidden": "true"
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  v as default
+};

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

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

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

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

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

@@ -0,0 +1,73 @@
+import { jsx as l, jsxs as i } from "react/jsx-runtime";
+import N from "../Icon/index.js";
+import { parseClasses as v, parseTestId as y } from "../../../functions/parsers.js";
+const k = ({
+  testId: t = null,
+  containerTestId: r = null,
+  cssClasses: u = null,
+  containerCssClasses: o = null,
+  style: c = null,
+  containerStyle: f = null,
+  fileName: e = null,
+  uploadIcon: s = { iconLabel: "upload" },
+  uploadText: p = "Choose a file…",
+  buttonOnRight: d = !1,
+  isFullWidth: m = !1,
+  isBoxed: h = !1,
+  color: C = null,
+  size: g = null,
+  onClick: x = null
+}) => {
+  const a = v([
+    "file",
+    e ? "has-name" : null,
+    d ? "is-right" : null,
+    m ? "is-fullwidth" : null,
+    h ? "is-boxed" : null,
+    C,
+    g,
+    o
+  ]), n = r ?? y({
+    tag: "file",
+    parsedClasses: a,
+    rules: [
+      {
+        regExp: /has/gm,
+        replacer: "-has"
+      },
+      {
+        regExp: /is|file/gm,
+        replacer: ""
+      }
+    ]
+  }), b = u ?? "file-input", I = t ?? `${n}-input`;
+  return /* @__PURE__ */ l(
+    "section",
+    {
+      "data-testid": n,
+      className: a,
+      style: f ?? void 0,
+      children: /* @__PURE__ */ i("label", { className: "file-label", children: [
+        /* @__PURE__ */ l(
+          "input",
+          {
+            "data-testid": I,
+            type: "file",
+            name: "resume",
+            className: b,
+            style: c ?? void 0,
+            onClick: x ?? void 0
+          }
+        ),
+        /* @__PURE__ */ i("span", { className: "file-cta", children: [
+          s ? /* @__PURE__ */ l(N, { ...s }) : null,
+          /* @__PURE__ */ l("span", { className: "file-label", children: p })
+        ] }),
+        e ? /* @__PURE__ */ l("span", { className: "file-name", children: e }) : null
+      ] })
+    }
+  );
+};
+export {
+  k as default
+};

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

@@ -0,0 +1,13 @@
+import { Meta } from '@storybook/react';
+import { default as File } from '.';
+import { FileProps } from '../../../interfaces/atomProps';
+declare const _default: Meta<typeof File>;
+export default _default;
+export declare const OnlyRequiredProps: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FileProps>;
+export declare const DifferentIcon: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FileProps>;
+export declare const DifferentText: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FileProps>;
+export declare const WithFileName: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FileProps>;
+export declare const ColoredButton: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FileProps>;
+export declare const FullWidthMode: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FileProps>;
+export declare const BoxedMode: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FileProps>;
+export declare const LargeSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FileProps>;

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

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