reactive-bulma 4.0.30 → 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/{cjs/types/components → components}/organisms/Panel/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+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/{cjs/types/components → components}/organisms/Table/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+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/{cjs/types/components → components}/organisms/TileGroup/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+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.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.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/{cjs/types/functions → functions}/jest.d.ts

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