reactive-bulma 4.1.0 → 4.1.1

package/dist/components/organisms/NavBar/index.js

@@ -0,0 +1,83 @@
+import { jsxs as d, jsx as s } from "react/jsx-runtime";
+import { parseClasses as h, parseTestId as B } from "../../../functions/parsers.js";
+import $ from "../../atoms/NavBarItem/index.js";
+import { generateKey as o } from "../../../functions/generators.js";
+import "react";
+import f from "../../molecules/NavBarBrand/index.js";
+import x from "../../molecules/NavBarDropdown/index.js";
+const p = (l, a, e) => l ? /* @__PURE__ */ s(
+  "section",
+  {
+    "data-testid": `${e}-${a}`,
+    className: `navbar-${a}`,
+    children: l.itemList.map(
+      (r) => r.children !== void 0 ? /* @__PURE__ */ s(
+        $,
+        {
+          ...r
+        },
+        `navbar-section${a}-${o()}`
+      ) : /* @__PURE__ */ s(
+        x,
+        {
+          ...r
+        },
+        `navbar-section${a}-${o()}`
+      )
+    )
+  }
+) : null, D = ({
+  testId: l = null,
+  cssClasses: a = null,
+  style: e = null,
+  brandConfig: r = null,
+  itemsAtStart: v = null,
+  itemsAtEnd: c = null,
+  fixedPosition: i = null,
+  color: m = null,
+  isTransparent: u = !1,
+  isSpaced: b = !1,
+  hasShadow: N = !1
+}) => {
+  const t = h([
+    "navbar",
+    i,
+    m,
+    u ? "is-transparent" : null,
+    b ? "is-spaced" : null,
+    N ? "has-shadow" : null,
+    a
+  ]), n = l ?? B({
+    tag: "navbar",
+    parsedClasses: t,
+    rules: [
+      { regExp: /is-|has-/gm, replacer: "-" },
+      { regExp: /navbar/gm, replacer: "" }
+    ]
+  });
+  return /* @__PURE__ */ d(
+    "nav",
+    {
+      "data-testid": n,
+      className: t,
+      style: e ?? void 0,
+      children: [
+        r ? /* @__PURE__ */ s(
+          "section",
+          {
+            "data-testid": "navbar-brand",
+            className: "navbar-brand",
+            children: /* @__PURE__ */ s(f, { ...r })
+          }
+        ) : null,
+        /* @__PURE__ */ d("section", { className: "navbar-menu", children: [
+          p(v, "start", n),
+          p(c, "end", n)
+        ] })
+      ]
+    }
+  );
+};
+export {
+  D as default
+};

package/dist/components/organisms/NavBar/index.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta } from '@storybook/react';
+import { default as NavBar } from '.';
+declare const _default: Meta<typeof NavBar>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').NavBarProps>;
+export declare const WithADropdownAtStart: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').NavBarProps>;
+export declare const WithDropdownsAtStartAndEnd: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').NavBarProps>;
+export declare const Spaced: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').NavBarProps>;
+export declare const WithShadow: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').NavBarProps>;
+export declare const Colored: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').NavBarProps>;
+export declare const Transparent: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').NavBarProps>;

package/dist/components/organisms/Panel/index.d.ts

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

package/dist/components/organisms/Panel/index.js

@@ -0,0 +1,39 @@
+import { jsxs as c, jsx as l } from "react/jsx-runtime";
+import { parseClasses as d, parseTestId as u } from "../../../functions/parsers.js";
+import { generateKey as f } from "../../../functions/generators.js";
+import "react";
+import g from "../../molecules/PanelBlock/index.js";
+import h from "../../molecules/PanelTabs/index.js";
+const x = (e) => /* @__PURE__ */ l("p", { className: "panel-heading", children: e }), N = ({
+  testId: e = null,
+  cssClasses: n = null,
+  style: t = null,
+  headerText: r,
+  panelTabs: a = null,
+  blockList: o,
+  color: p = null
+}) => {
+  const s = d(["panel", p, n]), m = e ?? u({ tag: "panel", parsedClasses: s });
+  return /* @__PURE__ */ c(
+    "article",
+    {
+      "data-testid": m,
+      className: s,
+      style: t ?? void 0,
+      children: [
+        x(r),
+        a ? /* @__PURE__ */ l(h, { ...a }) : null,
+        o.map((i) => /* @__PURE__ */ l(
+          g,
+          {
+            ...i
+          },
+          `panel-block-item-${f()}`
+        ))
+      ]
+    }
+  );
+};
+export {
+  N as default
+};

package/dist/components/organisms/Panel/index.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta } from '@storybook/react';
+import { default as Panel } from '.';
+import { PanelProps } from '../../../interfaces/organismProps';
+declare const _default: Meta<typeof Panel>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelProps>;
+export declare const FistTabIsActive: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelProps>;
+export declare const SeveralLinkBlocks: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelProps>;
+export declare const HasAnActiveLink: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelProps>;
+export declare const Colored: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelProps>;
+export declare const SeveralElementBlocks: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelProps>;

package/dist/components/organisms/Table/index.d.ts

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

package/dist/components/organisms/Table/index.js

@@ -0,0 +1,65 @@
+import { jsx as e, jsxs as y } from "react/jsx-runtime";
+import { parseClasses as C, parseTestId as w } from "../../../functions/parsers.js";
+import x from "../../atoms/TableHeadCell/index.js";
+import { generateKey as i } from "../../../functions/generators.js";
+import "react";
+import g from "../../molecules/TableRow/index.js";
+const n = (t, a) => /* @__PURE__ */ e("tr", { children: a.map((s) => /* @__PURE__ */ e(
+  x,
+  {
+    ...s
+  },
+  `table-${t}-item-${i()}`
+)) }), K = ({
+  testId: t = null,
+  cssClasses: a = null,
+  style: s = null,
+  head: b,
+  body: m,
+  foot: r = null,
+  isBordered: c = !1,
+  isStriped: f = !1,
+  isNarrow: p = !1,
+  isHoverable: u = !1,
+  isFullwidth: h = !1,
+  isContained: T = !1
+}) => {
+  const d = C([
+    "table",
+    c ? "is-bordered" : null,
+    f ? "is-striped" : null,
+    p ? "is-narrow" : null,
+    u ? "is-hoverable" : null,
+    h ? "is-fullwidth" : null,
+    a
+  ]), l = t ?? w({ tag: "table", parsedClasses: d }), o = () => /* @__PURE__ */ y(
+    "table",
+    {
+      "data-testid": l,
+      className: d,
+      style: s ?? void 0,
+      children: [
+        /* @__PURE__ */ e("thead", { "data-testid": `${l}-head`, children: n("head", b) }),
+        /* @__PURE__ */ e("tbody", { "data-testid": `${l}-body`, children: m.map(($) => /* @__PURE__ */ e(
+          g,
+          {
+            ...$
+          },
+          `table-body-item-${i()}`
+        )) }),
+        r ? /* @__PURE__ */ e("tfoot", { "data-testid": `${l}-foot`, children: n("foot", r) }) : null
+      ]
+    }
+  );
+  return T ? /* @__PURE__ */ e(
+    "section",
+    {
+      "data-testid": `${l}-container`,
+      className: "table-container",
+      children: /* @__PURE__ */ e(o, {})
+    }
+  ) : /* @__PURE__ */ e(o, {});
+};
+export {
+  K as default
+};

package/dist/components/organisms/Table/index.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta } from '@storybook/react';
+import { default as Table } from '.';
+import { TableProps } from '../../../interfaces/organismProps';
+declare const _default: Meta<typeof Table>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
+export declare const FirstRowCellIsHeader: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
+export declare const LotsOfRows: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
+export declare const SelectedRows: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
+export declare const Bordered: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
+export declare const Striped: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
+export declare const Narrow: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
+export declare const FullWidth: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
+export declare const AllPropertiesApplied: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
+export declare const Scrollable: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;

package/dist/components/organisms/TileGroup/index.d.ts

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

package/dist/components/organisms/TileGroup/index.js

@@ -0,0 +1,55 @@
+import { jsx as t } from "react/jsx-runtime";
+import { parseClasses as d, parseTestId as c } from "../../../functions/parsers.js";
+import o from "../../atoms/Tile/index.js";
+import { generateKey as f } from "../../../functions/generators.js";
+const T = ({
+  testId: i = null,
+  cssClasses: e = null,
+  style: p = null,
+  context: r = "is-ancestor",
+  size: l = null,
+  isVertical: s = !1,
+  groupConfig: a
+}) => {
+  const u = d([
+    "tileGroup",
+    r,
+    l,
+    s ? "is-vertical" : null,
+    e
+  ]), m = i ?? c({
+    tag: "tileGroup",
+    parsedClasses: u,
+    rules: [
+      {
+        regExp: /tileGroup/gm,
+        replacer: ""
+      },
+      {
+        regExp: /is-/gm,
+        replacer: "-"
+      }
+    ]
+  });
+  return /* @__PURE__ */ t(
+    o,
+    {
+      testId: m,
+      cssClasses: e ?? void 0,
+      style: p ?? void 0,
+      context: r,
+      size: l ?? void 0,
+      isVertical: s,
+      children: a.map((n) => /* @__PURE__ */ t(
+        o,
+        {
+          ...n
+        },
+        `tile-item-${f()}`
+      ))
+    }
+  );
+};
+export {
+  T as default
+};

package/dist/components/organisms/TileGroup/index.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { default as TileGroup } from '.';
+declare const _default: Meta<typeof TileGroup>;
+export default _default;
+export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').TileGroupProps>;
+export declare const ThreeEqualColumns: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').TileGroupProps>;
+export declare const ThreeUnequalColumns: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').TileGroupProps>;
+export declare const ThreeColumnsInHalfScreen: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').TileGroupProps>;

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

@@ -0,0 +1,8 @@
+export { default as FormField } from './FormField';
+export { default as Panel } from './Panel';
+export { default as Level } from './Level';
+export { default as Hero } from './Hero';
+export { default as TileGroup } from './TileGroup';
+export { default as NavBar } from './NavBar';
+export { default as Card } from './Card';
+export { default as Table } from './Table';

package/dist/components/organisms/index.js

@@ -0,0 +1,18 @@
+import { default as r } from "./FormField/index.js";
+import { default as f } from "./Panel/index.js";
+import { default as l } from "./Level/index.js";
+import { default as m } from "./Hero/index.js";
+import { default as u } from "./TileGroup/index.js";
+import { default as x } from "./NavBar/index.js";
+import { default as v } from "./Card/index.js";
+import { default as T } from "./Table/index.js";
+export {
+  v as Card,
+  r as FormField,
+  m as Hero,
+  l as Level,
+  x as NavBar,
+  f as Panel,
+  T as Table,
+  u as TileGroup
+};

package/dist/functions/generators.d.ts

@@ -0,0 +1,4 @@
+import { GenericObjectProps } from '../interfaces/commonProps';
+import { CreateObjArrayProps } from '../interfaces/functionProps';
+export declare const generateKey: (max?: number, min?: number) => string;
+export declare const createObjArray: <ImportedProps>({ numberOfItems, externalParser }?: CreateObjArrayProps) => ImportedProps[] | GenericObjectProps[];

package/dist/functions/generators.js

@@ -0,0 +1,12 @@
+const a = (e = 5e3, t = 1) => {
+  e = Math.floor(e), t = Math.ceil(t);
+  const r = new Uint32Array(1);
+  return window.crypto.getRandomValues(r), Math.floor(r[0] * (e - t) + t).toString();
+}, n = ({
+  numberOfItems: e = 3,
+  externalParser: t
+} = {}) => Array(e).fill(null).map((r, o) => t ? t(o) : { text: `${++o}` });
+export {
+  n as createObjArray,
+  a as generateKey
+};

package/dist/functions/jest.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const renderTestingTableContainer: (element: React.ReactElement) => import('@testing-library/react').RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;

package/dist/functions/parsers.d.ts

@@ -0,0 +1,14 @@
+import { ParseTestIdProps } from '../interfaces/functionProps';
+/**
+ * @param { Array<string | null> } _classes `Required`. Array of classNames on `string` (or `null`) values
+ * @returns { string } A single string product of merge all classNames, separated by spaces
+ */
+export declare const parseClasses: (_classes: Array<string | null | undefined>) => string;
+/**
+ * @param { ParseTestIdProps } config Configuration object
+ * @param { string } config.tag `Required`. Component tag used between to build the final testId string.
+ * @param { string } config.parsedClasses `Required`. A single string of previously parsed classes what will be joined with `tag` property.
+ * @param { { regExp?: RegExp, replacer?: string }[] } config.rules Optional. An array of objects used with a regular expression to check each case and a replacer for each one, giving oportunity to handle specific cases of component class names.
+ * @returns A single string product of merge all classNames, separated by `separator` value
+ */
+export declare const parseTestId: (config: ParseTestIdProps) => string;

package/dist/functions/parsers.js

@@ -0,0 +1,19 @@
+const a = (e) => e.filter((r) => r).join(" "), l = (e) => {
+  let r = e.parsedClasses;
+  if (e.rules)
+    for (const s of e.rules)
+      r = r.replace(
+        s.regExp,
+        s.replacer
+      );
+  else
+    r = r.replace(`${e.tag}`, "").replace(/is-/gm, "-");
+  return `test-${e.tag}${r.replace(
+    / /gm,
+    e.separator ?? ""
+  )}`;
+};
+export {
+  a as parseClasses,
+  l as parseTestId
+};

package/dist/functions/tests/generators.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/functions/tests/parsers.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components/atoms';
+export * from './components/molecules';
+export * from './components/organisms';

package/dist/index.js

@@ -0,0 +1,116 @@
+import { default as o } from "./components/atoms/Button/index.js";
+import { default as t } from "./components/atoms/Column/index.js";
+import { default as l } from "./components/atoms/ProgressBar/index.js";
+import { default as d } from "./components/atoms/Block/index.js";
+import { default as p } from "./components/atoms/Tag/index.js";
+import { default as x } from "./components/atoms/Box/index.js";
+import { default as i } from "./components/atoms/Title/index.js";
+import { default as T } from "./components/atoms/Icon/index.js";
+import { default as b } from "./components/atoms/Input/index.js";
+import { default as g } from "./components/atoms/TextArea/index.js";
+import { default as C } from "./components/atoms/Delete/index.js";
+import { default as P } from "./components/atoms/Select/index.js";
+import { default as D } from "./components/atoms/File/index.js";
+import { default as F } from "./components/atoms/Checkbox/index.js";
+import { default as k } from "./components/atoms/RadioButton/index.js";
+import { default as H } from "./components/atoms/BreadcrumbItem/index.js";
+import { default as S } from "./components/atoms/DropdownTrigger/index.js";
+import { default as A } from "./components/atoms/DropdownItem/index.js";
+import { default as q } from "./components/atoms/MenuItem/index.js";
+import { default as z } from "./components/atoms/Image/index.js";
+import { default as J } from "./components/atoms/PaginationItem/index.js";
+import { default as O } from "./components/atoms/TabItem/index.js";
+import { default as U } from "./components/atoms/LevelHeader/index.js";
+import { default as W } from "./components/atoms/Tile/index.js";
+import { default as Y } from "./components/atoms/NavBarItem/index.js";
+import { default as _ } from "./components/atoms/TableHeadCell/index.js";
+import { default as ee } from "./components/atoms/TableCell/index.js";
+import { default as oe } from "./components/molecules/ButtonGroup/index.js";
+import { default as te } from "./components/molecules/ColumnGroup/index.js";
+import { default as le } from "./components/molecules/Notification/index.js";
+import { default as de } from "./components/molecules/Breadcrumbs/index.js";
+import { default as pe } from "./components/molecules/Dropdown/index.js";
+import { default as xe } from "./components/molecules/Message/index.js";
+import { default as ie } from "./components/molecules/Menu/index.js";
+import { default as Te } from "./components/molecules/MenuList/index.js";
+import { default as be } from "./components/molecules/Pagination/index.js";
+import { default as ge } from "./components/molecules/Modal/index.js";
+import { default as Ce } from "./components/molecules/Tabs/index.js";
+import { default as Pe } from "./components/molecules/InputControl/index.js";
+import { default as De } from "./components/molecules/PanelBlock/index.js";
+import { default as Fe } from "./components/molecules/PanelTabs/index.js";
+import { default as ke } from "./components/molecules/LevelItem/index.js";
+import { default as He } from "./components/molecules/TileBox/index.js";
+import { default as Se } from "./components/molecules/Footer/index.js";
+import { default as Ae } from "./components/molecules/Media/index.js";
+import { default as qe } from "./components/molecules/Section/index.js";
+import { default as ze } from "./components/molecules/NavBarBrand/index.js";
+import { default as Je } from "./components/molecules/NavBarDropdown/index.js";
+import { default as Oe } from "./components/molecules/TableRow/index.js";
+import { default as Ue } from "./components/organisms/FormField/index.js";
+import { default as We } from "./components/organisms/Panel/index.js";
+import { default as Ye } from "./components/organisms/Level/index.js";
+import { default as _e } from "./components/organisms/Hero/index.js";
+import { default as ea } from "./components/organisms/TileGroup/index.js";
+import { default as oa } from "./components/organisms/NavBar/index.js";
+import { default as ta } from "./components/organisms/Card/index.js";
+import { default as la } from "./components/organisms/Table/index.js";
+export {
+  d as Block,
+  x as Box,
+  H as BreadcrumbItem,
+  de as Breadcrumbs,
+  o as Button,
+  oe as ButtonGroup,
+  ta as Card,
+  F as Checkbox,
+  t as Column,
+  te as ColumnGroup,
+  C as Delete,
+  pe as Dropdown,
+  A as DropdownItem,
+  S as DropdownTrigger,
+  D as File,
+  Se as Footer,
+  Ue as FormField,
+  _e as Hero,
+  T as Icon,
+  z as Image,
+  b as Input,
+  Pe as InputControl,
+  Ye as Level,
+  U as LevelHeader,
+  ke as LevelItem,
+  Ae as Media,
+  ie as Menu,
+  q as MenuItem,
+  Te as MenuList,
+  xe as Message,
+  ge as Modal,
+  oa as NavBar,
+  ze as NavBarBrand,
+  Je as NavBarDropdown,
+  Y as NavBarItem,
+  le as Notification,
+  be as Pagination,
+  J as PaginationItem,
+  We as Panel,
+  De as PanelBlock,
+  Fe as PanelTabs,
+  l as ProgressBar,
+  k as RadioButton,
+  qe as Section,
+  P as Select,
+  O as TabItem,
+  la as Table,
+  ee as TableCell,
+  _ as TableHeadCell,
+  Oe as TableRow,
+  Ce as Tabs,
+  p as Tag,
+  g as TextArea,
+  W as Tile,
+  He as TileBox,
+  ea as TileGroup,
+  i as Title
+};