reactive-bulma 4.1.0 → 4.1.1

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

@@ -0,0 +1,58 @@
+import { jsx as l } from "react/jsx-runtime";
+import g from "../../atoms/Button/index.js";
+import { parseClasses as b, parseTestId as h } from "../../../functions/parsers.js";
+import { generateKey as C } from "../../../functions/generators.js";
+const S = ({
+  testId: r = null,
+  cssClasses: a = null,
+  style: n = null,
+  buttonList: u,
+  isAttached: p = !1,
+  position: s = "left"
+}) => {
+  const o = b([
+    "buttons",
+    p ? "has-addons" : null,
+    !s || s === "left" ? null : `is-${s}`,
+    a
+  ]), d = r ?? h({
+    tag: "buttons",
+    parsedClasses: o,
+    rules: [
+      {
+        regExp: /has-|is-/gm,
+        replacer: "-"
+      },
+      {
+        regExp: /buttons/gm,
+        replacer: ""
+      }
+    ]
+  });
+  return /* @__PURE__ */ l(
+    "section",
+    {
+      "data-testid": d,
+      className: o,
+      style: n ?? void 0,
+      children: u.map((t, x, c) => {
+        const e = c.some(
+          ({ isSelected: f }) => f
+        ), m = e && t.isSelected || !e, i = {
+          ...t,
+          color: m ? t.color : void 0
+        };
+        return /* @__PURE__ */ l(
+          g,
+          {
+            ...i
+          },
+          `button-group-item-${C()}`
+        );
+      })
+    }
+  );
+};
+export {
+  S as default
+};

package/dist/components/molecules/ButtonGroup/index.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { default as ButtonGroup } from '.';
+declare const _default: Meta<typeof ButtonGroup>;
+export default _default;
+export declare const BasicGroup: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ButtonGroupProps>;
+export declare const AttachedButtons: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ButtonGroupProps>;
+export declare const RightPositioned: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ButtonGroupProps>;
+export declare const OneSelectedButton: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ButtonGroupProps>;

package/dist/components/molecules/ColumnGroup/index.d.ts

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

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

@@ -0,0 +1,55 @@
+import { jsx as e } from "react/jsx-runtime";
+import { parseClasses as d, parseTestId as C } from "../../../functions/parsers.js";
+import f from "../../atoms/Column/index.js";
+import { generateKey as v } from "../../../functions/generators.js";
+const G = (l) => {
+  switch (l) {
+    case null:
+      return "is-gapless";
+    case void 0:
+      return "is-3";
+    default:
+      return l;
+  }
+}, I = ({
+  testId: l = null,
+  cssClasses: n = null,
+  style: t = null,
+  listOfColumns: u,
+  isMobileLayout: o = null,
+  isMultiline: r = null,
+  isVerticallyCentered: i = null,
+  isHorizontallyCentered: a = null,
+  gap: m = void 0
+}) => {
+  const s = d([
+    "columns",
+    r ? "is-multiline" : null,
+    o ? "is-mobile" : null,
+    i ? "is-vcentered" : null,
+    a ? "is-centered" : null,
+    G(m),
+    n
+  ]), c = l ?? C({
+    tag: "columns",
+    parsedClasses: s
+  });
+  return /* @__PURE__ */ e(
+    "section",
+    {
+      "data-testid": c,
+      className: s,
+      style: t ?? void 0,
+      children: u.map((p) => /* @__PURE__ */ e(
+        f,
+        {
+          ...p
+        },
+        `column-group-item-${v()}`
+      ))
+    }
+  );
+};
+export {
+  I as default
+};

package/dist/components/molecules/ColumnGroup/index.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta } from '@storybook/react';
+import { default as ColumnGroup } from '.';
+declare const _default: Meta<typeof ColumnGroup>;
+export default _default;
+export declare const FewColumns: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ColumnGroupProps>;
+export declare const SeveralColumns: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ColumnGroupProps>;
+export declare const MultilineMode: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ColumnGroupProps>;
+export declare const CenteredInHorizontalMode: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ColumnGroupProps>;
+export declare const NoGapBetweenColumns: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ColumnGroupProps>;
+export declare const MobileMode: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ColumnGroupProps>;

package/dist/components/molecules/Dropdown/index.d.ts

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

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

@@ -0,0 +1,72 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { useState as w } from "react";
+import { parseClasses as f, parseTestId as v } from "../../../functions/parsers.js";
+import I from "../../atoms/DropdownTrigger/index.js";
+import s from "../../atoms/DropdownItem/index.js";
+import { generateKey as t } from "../../../functions/generators.js";
+const h = (o) => /* @__PURE__ */ e("section", { className: "dropdown-content", children: o.map((n, r) => o.length > 1 && r === 0 ? /* @__PURE__ */ e(
+  s,
+  {
+    ...n
+  },
+  `dropdown-item-${t()}`
+) : /* @__PURE__ */ l("section", { children: [
+  /* @__PURE__ */ e(
+    s,
+    {
+      type: "divider",
+      itemText: "divider"
+    },
+    `dropdown-item-${t()}-divider`
+  ),
+  /* @__PURE__ */ e(
+    s,
+    {
+      ...n
+    },
+    `dropdown-item-${t()}`
+  )
+] }, `dropdown-item-${t()}-section`)) }), y = ({
+  testId: o = null,
+  cssClasses: n = null,
+  style: r = null,
+  inputText: d,
+  dropdownPointer: i = "dropdown-menu",
+  listOfItems: c
+}) => {
+  const [m, a] = w(!1), p = f([
+    "dropdown",
+    m ? "is-active" : null,
+    n
+  ]), u = o ?? v({ tag: "dropdown", parsedClasses: p });
+  return /* @__PURE__ */ l(
+    "section",
+    {
+      "data-testid": u,
+      className: p,
+      style: r ?? void 0,
+      children: [
+        /* @__PURE__ */ e(
+          I,
+          {
+            menuText: d,
+            dropdownPointer: i,
+            onClick: () => a(!m)
+          }
+        ),
+        /* @__PURE__ */ e(
+          "section",
+          {
+            className: "dropdown-menu",
+            id: i,
+            role: "menu",
+            children: h(c)
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  y as default
+};

package/dist/components/molecules/Dropdown/index.stories.d.ts

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

package/dist/components/molecules/Footer/index.d.ts

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

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

@@ -0,0 +1,51 @@
+import { jsx as s } from "react/jsx-runtime";
+import { parseClasses as o, parseTestId as n } from "../../../functions/parsers.js";
+const x = ({
+  testId: l = null,
+  containerTestId: r = null,
+  cssClasses: a = null,
+  containerCssClasses: c = null,
+  style: d = null,
+  containerStyle: i = null,
+  content: p,
+  isContentCentered: f = !1
+}) => {
+  const e = o(["footer", c]), t = o([
+    "content",
+    f ? "has-text-centered" : null,
+    a
+  ]), u = r ?? n({ tag: "footer", parsedClasses: e }), C = l ?? n({
+    tag: "content",
+    parsedClasses: t,
+    rules: [
+      {
+        regExp: /is-|has-/gm,
+        replacer: "-"
+      },
+      {
+        regExp: /content/gm,
+        replacer: ""
+      }
+    ]
+  });
+  return /* @__PURE__ */ s(
+    "section",
+    {
+      "data-testid": u,
+      className: e,
+      style: i ?? void 0,
+      children: /* @__PURE__ */ s(
+        "section",
+        {
+          "data-testid": C,
+          className: t,
+          style: d ?? void 0,
+          children: p
+        }
+      )
+    }
+  );
+};
+export {
+  x as default
+};

package/dist/components/molecules/Footer/index.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { default as Footer } from '.';
+declare const _default: Meta<typeof Footer>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').FooterProps>;
+export declare const BulmaExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').FooterProps>;
+export declare const Centered: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').FooterProps>;
+export declare const WithCustomComponent: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').FooterProps>;

package/dist/components/molecules/InputControl/index.d.ts

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

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

@@ -0,0 +1,59 @@
+import { jsxs as x, jsx as a } from "react/jsx-runtime";
+import { parseClasses as h, parseTestId as v } from "../../../functions/parsers.js";
+import I from "../../atoms/Icon/index.js";
+import j from "../../atoms/Input/index.js";
+const n = (l) => l ? /* @__PURE__ */ a(I, { ...l }) : null, y = ({
+  testId: l = null,
+  cssClasses: u = null,
+  style: d = null,
+  inputConfig: s,
+  leftIcon: e = null,
+  rightIcon: r = null,
+  size: o = null,
+  isLoading: p = null,
+  isExpanded: i = null
+}) => {
+  const t = h([
+    "control",
+    o,
+    e ? "has-icons-left" : null,
+    r ? "has-icons-right" : null,
+    p ? "is-loading" : null,
+    i ? "is-expanded" : null,
+    u
+  ]), c = l ?? v({
+    tag: "control",
+    parsedClasses: t,
+    rules: [
+      {
+        regExp: /has-|is-/gm,
+        replacer: "-"
+      },
+      {
+        regExp: /control/gm,
+        replacer: ""
+      }
+    ]
+  }), m = {
+    ...s,
+    size: o ?? (s == null ? void 0 : s.size)
+  };
+  return /* @__PURE__ */ x(
+    "section",
+    {
+      "data-testid": c,
+      className: t,
+      style: d ?? void 0,
+      children: [
+        /* @__PURE__ */ a(j, { ...m }),
+        n(e ? { ...e, position: "is-left" } : void 0),
+        n(
+          r ? { ...r, position: "is-right" } : void 0
+        )
+      ]
+    }
+  );
+};
+export {
+  y as default
+};

package/dist/components/molecules/InputControl/index.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta } from '@storybook/react';
+import { default as InputControl } from '.';
+import { InputControlProps } from '../../../interfaces/moleculeProps';
+declare const _default: Meta<typeof InputControl>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputControlProps>;
+export declare const WithLeftIcon: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputControlProps>;
+export declare const WithBothIcons: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputControlProps>;
+export declare const ErrorState: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputControlProps>;
+export declare const BigSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputControlProps>;
+export declare const LoadingState: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputControlProps>;

package/dist/components/molecules/LevelItem/index.d.ts

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

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

@@ -0,0 +1,40 @@
+import { jsx as n } from "react/jsx-runtime";
+import { parseClasses as i, parseTestId as o } from "../../../functions/parsers.js";
+const d = ({
+  testId: l = null,
+  cssClasses: s = null,
+  style: t = null,
+  content: r,
+  isCentered: a = !1
+}) => {
+  const e = i([
+    "level-item",
+    a ? "has-text-centered" : null,
+    s
+  ]), m = l ?? o({
+    tag: "level-item",
+    parsedClasses: e,
+    rules: [
+      {
+        regExp: /is-|has-/gm,
+        replacer: "-"
+      },
+      {
+        regExp: /level-item/gm,
+        replacer: ""
+      }
+    ]
+  });
+  return /* @__PURE__ */ n(
+    "section",
+    {
+      "data-testid": m,
+      className: e,
+      style: t ?? void 0,
+      children: r
+    }
+  );
+};
+export {
+  d as default
+};

package/dist/components/molecules/LevelItem/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { default as LevelItem } from '.';
+declare const _default: Meta<typeof LevelItem>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').LevelItemProps>;
+export declare const TitleAsContent: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').LevelItemProps>;
+export declare const LevelHeaderAsContent: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').LevelItemProps>;

package/dist/components/molecules/Media/index.d.ts

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

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

@@ -0,0 +1,35 @@
+import { jsxs as c, jsx as m } from "react/jsx-runtime";
+import { parseClasses as o, parseTestId as u } from "../../../functions/parsers.js";
+const t = (e, s, l) => e ? /* @__PURE__ */ m(
+  "section",
+  {
+    "data-testid": `${l}-${s}`,
+    className: `media-${s}`,
+    children: e
+  }
+) : null, h = ({
+  testId: e = null,
+  cssClasses: s = null,
+  style: l = null,
+  leftContent: i = null,
+  centerContent: n = null,
+  rightContent: r = null
+}) => {
+  const d = o(["media", s]), a = e ?? u({ tag: "media", parsedClasses: d });
+  return /* @__PURE__ */ c(
+    "article",
+    {
+      "data-testid": a,
+      className: d,
+      style: l ?? void 0,
+      children: [
+        t(i, "left", a),
+        t(n, "content", a),
+        t(r, "right", a)
+      ]
+    }
+  );
+};
+export {
+  h as default
+};

package/dist/components/molecules/Media/index.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta } from '@storybook/react';
+import { default as Media } from '.';
+import { MediaProps } from '../../../interfaces/moleculeProps';
+declare const _default: Meta<typeof Media>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, MediaProps>;
+export declare const WithInputAsContent: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, MediaProps>;
+export declare const WithAButtonGroup: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, MediaProps>;
+export declare const WithADeleteButton: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, MediaProps>;
+export declare const WithMediaComponentInSecondLevel: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, MediaProps>;

package/dist/components/molecules/Menu/index.d.ts

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

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

@@ -0,0 +1,41 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import u from "react";
+import c from "../MenuList/index.js";
+import { parseClasses as d, parseTestId as p } from "../../../functions/parsers.js";
+import { generateKey as s } from "../../../functions/generators.js";
+const C = ({
+  testId: l = null,
+  cssClasses: m = null,
+  style: n = null,
+  menuSections: r
+}) => {
+  const t = d(["menu", m]), i = l ?? p({ tag: "menu", parsedClasses: t });
+  return /* @__PURE__ */ e(
+    "aside",
+    {
+      "data-testid": i,
+      className: t,
+      style: n ?? void 0,
+      children: r.map((a) => /* @__PURE__ */ o(u.Fragment, { children: [
+        /* @__PURE__ */ e(
+          "p",
+          {
+            className: "menu-label",
+            children: a.label
+          },
+          `section-label-${s()}`
+        ),
+        /* @__PURE__ */ e(
+          c,
+          {
+            itemList: a.itemList
+          },
+          `section-menu-list-${s()}`
+        )
+      ] }, `section-${s()}`))
+    }
+  );
+};
+export {
+  C as default
+};

package/dist/components/molecules/Menu/index.stories.d.ts

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

package/dist/components/molecules/MenuList/index.d.ts

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

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

@@ -0,0 +1,39 @@
+import { jsx as s, jsxs as d } from "react/jsx-runtime";
+import { parseClasses as p, parseTestId as b } from "../../../functions/parsers.js";
+import t from "../../atoms/MenuItem/index.js";
+import { generateKey as l } from "../../../functions/generators.js";
+const T = ({
+  testId: u = null,
+  cssClasses: n = null,
+  style: r = null,
+  itemList: m
+}) => {
+  const i = p(["menu-list", n]), a = u ?? b({ tag: "menu-list", parsedClasses: i });
+  return /* @__PURE__ */ s(
+    "ul",
+    {
+      "data-testid": a,
+      className: i,
+      style: r ?? void 0,
+      children: m.map((e) => "subListTitle" in e ? /* @__PURE__ */ d("li", { children: [
+        /* @__PURE__ */ s(t, { ...e.subListTitle }),
+        /* @__PURE__ */ s("ul", { children: e.subItems.map((o) => /* @__PURE__ */ s(
+          t,
+          {
+            ...o
+          },
+          `sub-list-menu-sub-item-${l()}`
+        )) })
+      ] }, `sub-list-menu-item-${l()}`) : /* @__PURE__ */ s(
+        t,
+        {
+          ...e
+        },
+        `sub-list-item-${l()}`
+      ))
+    }
+  );
+};
+export {
+  T as default
+};

package/dist/components/molecules/MenuList/index.stories.d.ts

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

package/dist/components/molecules/Message/index.d.ts

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