reactive-bulma 4.3.10 → 4.3.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/atoms/Block/index.js +8 -8
- package/dist/components/atoms/Block/index.stories.d.ts +4 -4
- package/dist/components/atoms/Box/index.js +8 -8
- package/dist/components/atoms/Box/index.stories.d.ts +4 -4
- package/dist/components/atoms/BreadcrumbItem/index.js +9 -9
- package/dist/components/atoms/BreadcrumbItem/index.stories.d.ts +2 -2
- package/dist/components/atoms/Button/index.js +27 -27
- package/dist/components/atoms/Button/index.stories.d.ts +10 -10
- package/dist/components/atoms/Checkbox/index.js +22 -22
- package/dist/components/atoms/Checkbox/index.stories.d.ts +3 -3
- package/dist/components/atoms/Column/index.js +5 -5
- package/dist/components/atoms/Column/index.stories.d.ts +4 -4
- package/dist/components/atoms/Delete/index.js +5 -5
- package/dist/components/atoms/Delete/index.stories.d.ts +2 -2
- package/dist/components/atoms/DropdownItem/index.js +20 -20
- package/dist/components/atoms/DropdownItem/index.stories.d.ts +1 -1
- package/dist/components/atoms/DropdownTrigger/index.js +17 -17
- package/dist/components/atoms/DropdownTrigger/index.stories.d.ts +1 -1
- package/dist/components/atoms/File/index.js +17 -17
- package/dist/components/atoms/File/index.stories.d.ts +8 -8
- package/dist/components/atoms/Icon/index.js +15 -15
- package/dist/components/atoms/Icon/index.stories.d.ts +7 -7
- package/dist/components/atoms/Image/index.js +18 -18
- package/dist/components/atoms/Image/index.stories.d.ts +4 -4
- package/dist/components/atoms/Input/index.js +26 -26
- package/dist/components/atoms/Input/index.stories.d.ts +10 -10
- package/dist/components/atoms/LevelHeader/index.js +11 -11
- package/dist/components/atoms/LevelHeader/index.stories.d.ts +2 -2
- package/dist/components/atoms/MenuItem/index.js +14 -14
- package/dist/components/atoms/MenuItem/index.stories.d.ts +2 -2
- package/dist/components/atoms/NavBarItem/index.js +17 -17
- package/dist/components/atoms/NavBarItem/index.stories.d.ts +1 -1
- package/dist/components/atoms/PaginationItem/index.js +10 -10
- package/dist/components/atoms/PaginationItem/index.stories.d.ts +4 -4
- package/dist/components/atoms/ProgressBar/index.js +19 -19
- package/dist/components/atoms/ProgressBar/index.stories.d.ts +6 -6
- package/dist/components/atoms/RadioButton/index.js +13 -13
- package/dist/components/atoms/RadioButton/index.stories.d.ts +4 -4
- package/dist/components/atoms/Select/index.js +30 -30
- package/dist/components/atoms/Select/index.stories.d.ts +6 -6
- package/dist/components/atoms/TabItem/index.js +22 -22
- package/dist/components/atoms/TabItem/index.stories.d.ts +2 -2
- package/dist/components/atoms/TableCell/index.js +9 -9
- package/dist/components/atoms/TableCell/index.stories.d.ts +1 -1
- package/dist/components/atoms/TableHeadCell/index.js +11 -11
- package/dist/components/atoms/TableHeadCell/index.stories.d.ts +1 -1
- package/dist/components/atoms/Tag/index.js +40 -40
- package/dist/components/atoms/Tag/index.stories.d.ts +9 -9
- package/dist/components/atoms/TextArea/index.js +31 -31
- package/dist/components/atoms/TextArea/index.stories.d.ts +9 -9
- package/dist/components/atoms/Tile/index.js +9 -9
- package/dist/components/atoms/Tile/index.stories.d.ts +4 -4
- package/dist/components/atoms/Title/index.js +11 -11
- package/dist/components/atoms/Title/index.stories.d.ts +5 -5
- package/dist/components/molecules/Breadcrumbs/index.js +22 -22
- package/dist/components/molecules/Breadcrumbs/index.stories.d.ts +4 -4
- package/dist/components/molecules/ButtonGroup/index.js +18 -18
- package/dist/components/molecules/ButtonGroup/index.stories.d.ts +4 -4
- package/dist/components/molecules/ColumnGroup/index.js +18 -18
- package/dist/components/molecules/ColumnGroup/index.stories.d.ts +6 -6
- package/dist/components/molecules/Dropdown/index.js +10 -10
- package/dist/components/molecules/Dropdown/index.stories.d.ts +2 -2
- package/dist/components/molecules/Footer/index.js +8 -8
- package/dist/components/molecules/Footer/index.stories.d.ts +4 -4
- package/dist/components/molecules/FormFieldInput/index.js +8 -8
- package/dist/components/molecules/FormFieldInput/index.stories.d.ts +8 -8
- package/dist/components/molecules/InputControl/index.js +21 -21
- package/dist/components/molecules/InputControl/index.stories.d.ts +6 -6
- package/dist/components/molecules/LevelItem/index.js +5 -5
- package/dist/components/molecules/LevelItem/index.stories.d.ts +3 -3
- package/dist/components/molecules/Media/index.js +6 -6
- package/dist/components/molecules/Media/index.stories.d.ts +5 -5
- package/dist/components/molecules/Menu/index.js +11 -11
- package/dist/components/molecules/Menu/index.stories.d.ts +2 -2
- package/dist/components/molecules/MenuList/index.js +7 -7
- package/dist/components/molecules/MenuList/index.stories.d.ts +2 -2
- package/dist/components/molecules/Message/index.js +7 -7
- package/dist/components/molecules/Message/index.stories.d.ts +5 -5
- package/dist/components/molecules/Modal/index.js +9 -9
- package/dist/components/molecules/Modal/index.stories.d.ts +3 -3
- package/dist/components/molecules/NavBarBrand/index.js +9 -9
- package/dist/components/molecules/NavBarBrand/index.stories.d.ts +3 -3
- package/dist/components/molecules/NavBarDropdown/index.js +18 -18
- package/dist/components/molecules/NavBarDropdown/index.stories.d.ts +6 -6
- package/dist/components/molecules/Notification/index.js +4 -4
- package/dist/components/molecules/Notification/index.stories.d.ts +4 -4
- package/dist/components/molecules/Pagination/index.js +28 -28
- package/dist/components/molecules/Pagination/index.stories.d.ts +8 -8
- package/dist/components/molecules/PanelBlock/index.js +22 -22
- package/dist/components/molecules/PanelBlock/index.stories.d.ts +3 -3
- package/dist/components/molecules/PanelTabs/index.js +13 -13
- package/dist/components/molecules/PanelTabs/index.stories.d.ts +2 -2
- package/dist/components/molecules/Section/index.js +6 -6
- package/dist/components/molecules/Section/index.stories.d.ts +4 -4
- package/dist/components/molecules/TableRow/index.js +19 -19
- package/dist/components/molecules/TableRow/index.stories.d.ts +3 -3
- package/dist/components/molecules/Tabs/index.js +17 -17
- package/dist/components/molecules/Tabs/index.stories.d.ts +8 -8
- package/dist/components/molecules/TileBox/index.js +15 -15
- package/dist/components/molecules/TileBox/index.stories.d.ts +4 -4
- package/dist/components/organisms/Card/index.js +24 -24
- package/dist/components/organisms/Card/index.stories.d.ts +4 -4
- package/dist/components/organisms/FormField/index.stories.d.ts +3 -3
- package/dist/components/organisms/Hero/index.js +13 -13
- package/dist/components/organisms/Hero/index.stories.d.ts +8 -8
- package/dist/components/organisms/Level/index.js +8 -8
- package/dist/components/organisms/Level/index.stories.d.ts +5 -5
- package/dist/components/organisms/NavBar/index.js +20 -20
- package/dist/components/organisms/NavBar/index.stories.d.ts +7 -7
- package/dist/components/organisms/Panel/index.js +4 -4
- package/dist/components/organisms/Panel/index.stories.d.ts +6 -6
- package/dist/components/organisms/Table/index.js +10 -10
- package/dist/components/organisms/Table/index.stories.d.ts +10 -10
- package/dist/components/organisms/TileGroup/index.js +16 -16
- package/dist/components/organisms/TileGroup/index.stories.d.ts +4 -4
- package/package.json +35 -35
@@ -1,38 +1,38 @@
|
|
1
|
-
import { jsxs as i, jsx as
|
2
|
-
import { parseClasses as
|
1
|
+
import { jsxs as i, jsx as a } from "react/jsx-runtime";
|
2
|
+
import { parseClasses as u, parseTestId as N } from "../../../functions/parsers.js";
|
3
3
|
import "react";
|
4
|
-
import
|
4
|
+
import $ from "../../atoms/Image/index.js";
|
5
5
|
import { generateKey as o } from "../../../functions/generators.js";
|
6
6
|
const I = ({
|
7
7
|
testId: m = null,
|
8
8
|
cssClasses: h = null,
|
9
|
-
style:
|
10
|
-
headerText:
|
11
|
-
image:
|
9
|
+
style: p = null,
|
10
|
+
headerText: c = null,
|
11
|
+
image: d = null,
|
12
12
|
content: s,
|
13
13
|
footerLinks: l = null
|
14
14
|
}) => {
|
15
|
-
const n =
|
15
|
+
const n = u(["card", h]), e = m ?? N({ tag: "card", parsedClasses: n });
|
16
16
|
return /* @__PURE__ */ i(
|
17
17
|
"section",
|
18
18
|
{
|
19
|
-
"data-testid":
|
19
|
+
"data-testid": e,
|
20
20
|
className: n,
|
21
|
-
style:
|
21
|
+
style: p ?? void 0,
|
22
22
|
children: [
|
23
|
-
|
23
|
+
c ? /* @__PURE__ */ i(
|
24
24
|
"header",
|
25
25
|
{
|
26
|
-
"data-testid": `${
|
26
|
+
"data-testid": `${e}-header`,
|
27
27
|
className: "card-header",
|
28
28
|
children: [
|
29
|
-
/* @__PURE__ */
|
30
|
-
/* @__PURE__ */
|
29
|
+
/* @__PURE__ */ a("p", { className: "card-header-title", children: c }),
|
30
|
+
/* @__PURE__ */ a(
|
31
31
|
"button",
|
32
32
|
{
|
33
33
|
className: "card-header-icon",
|
34
34
|
"aria-label": "more options",
|
35
|
-
children: /* @__PURE__ */
|
35
|
+
children: /* @__PURE__ */ a("span", { className: "icon", children: /* @__PURE__ */ a(
|
36
36
|
"i",
|
37
37
|
{
|
38
38
|
className: "fas fa-angle-down",
|
@@ -44,34 +44,34 @@ const I = ({
|
|
44
44
|
]
|
45
45
|
}
|
46
46
|
) : null,
|
47
|
-
|
47
|
+
d ? /* @__PURE__ */ a(
|
48
48
|
"section",
|
49
49
|
{
|
50
|
-
"data-testid": `${
|
50
|
+
"data-testid": `${e}-image`,
|
51
51
|
className: "card-image",
|
52
|
-
children: /* @__PURE__ */
|
52
|
+
children: /* @__PURE__ */ a($, { ...d })
|
53
53
|
}
|
54
54
|
) : null,
|
55
|
-
/* @__PURE__ */
|
55
|
+
/* @__PURE__ */ a(
|
56
56
|
"section",
|
57
57
|
{
|
58
|
-
"data-testid": `${
|
58
|
+
"data-testid": `${e}-content`,
|
59
59
|
className: "card-content",
|
60
|
-
children: Array.isArray(s) ? s.map((t, r) => /* @__PURE__ */
|
60
|
+
children: Array.isArray(s) ? s.map((t, r) => /* @__PURE__ */ a(
|
61
61
|
"section",
|
62
62
|
{
|
63
|
-
"data-testid": `${
|
63
|
+
"data-testid": `${e}-content-item-${r}`,
|
64
64
|
className: "content",
|
65
65
|
children: t
|
66
66
|
},
|
67
67
|
`card-content-item-${o()}`
|
68
|
-
)) : /* @__PURE__ */
|
68
|
+
)) : /* @__PURE__ */ a("section", { className: "content", children: s })
|
69
69
|
}
|
70
70
|
),
|
71
|
-
l ? /* @__PURE__ */
|
71
|
+
l ? /* @__PURE__ */ a("section", { className: "card-footer", children: l.map((t, r) => /* @__PURE__ */ a(
|
72
72
|
"a",
|
73
73
|
{
|
74
|
-
"data-testid": `${
|
74
|
+
"data-testid": `${e}-footer-item-${r}`,
|
75
75
|
className: "card-footer-item",
|
76
76
|
"aria-hidden": "true",
|
77
77
|
onClick: t.onClick ?? void 0,
|
@@ -2,7 +2,7 @@ import { Meta } from '@storybook/react';
|
|
2
2
|
import { default as Card } from '.';
|
3
3
|
declare const _default: Meta<typeof Card>;
|
4
4
|
export default _default;
|
5
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').CardProps>;
|
6
|
-
export declare const WithHeader: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').CardProps>;
|
7
|
-
export declare const WithImage: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').CardProps>;
|
8
|
-
export declare const WithFooter: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').CardProps>;
|
5
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').CardProps>;
|
6
|
+
export declare const WithHeader: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').CardProps>;
|
7
|
+
export declare const WithImage: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').CardProps>;
|
8
|
+
export declare const WithFooter: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').CardProps>;
|
@@ -2,6 +2,6 @@ import { Meta } from '@storybook/react';
|
|
2
2
|
import { default as FormField } from '.';
|
3
3
|
declare const _default: Meta<typeof FormField>;
|
4
4
|
export default _default;
|
5
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').FormFieldProps>;
|
6
|
-
export declare const InHorizontalMode: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').FormFieldProps>;
|
7
|
-
export declare const GroupedInputs: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').FormFieldProps>;
|
5
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').FormFieldProps>;
|
6
|
+
export declare const InHorizontalMode: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').FormFieldProps>;
|
7
|
+
export declare const GroupedInputs: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').FormFieldProps>;
|
@@ -1,23 +1,23 @@
|
|
1
1
|
import { jsxs as h, jsx as i } from "react/jsx-runtime";
|
2
|
-
import { parseClasses as
|
3
|
-
const
|
2
|
+
import { parseClasses as m, parseTestId as f } from "../../../functions/parsers.js";
|
3
|
+
const n = (o, s, t, r) => s === "body" || r === "is-fullheight" ? /* @__PURE__ */ i(
|
4
4
|
"section",
|
5
5
|
{
|
6
|
-
"data-testid": `${t}-${
|
7
|
-
className: `hero-${
|
6
|
+
"data-testid": `${t}-${s}`,
|
7
|
+
className: `hero-${s}`,
|
8
8
|
children: o
|
9
9
|
}
|
10
10
|
) : null, C = ({
|
11
11
|
testId: o = null,
|
12
|
-
cssClasses:
|
12
|
+
cssClasses: s = null,
|
13
13
|
style: t = null,
|
14
|
-
header:
|
14
|
+
header: r = null,
|
15
15
|
body: d,
|
16
|
-
footer:
|
17
|
-
color:
|
18
|
-
size:
|
16
|
+
footer: c = null,
|
17
|
+
color: u = null,
|
18
|
+
size: e = null
|
19
19
|
}) => {
|
20
|
-
const a =
|
20
|
+
const a = m(["hero", u, e, s]), l = o ?? f({ tag: "hero", parsedClasses: a });
|
21
21
|
return /* @__PURE__ */ h(
|
22
22
|
"section",
|
23
23
|
{
|
@@ -25,9 +25,9 @@ const r = (o, e, t, n) => e === "body" || n === "is-fullheight" ? /* @__PURE__ *
|
|
25
25
|
className: a,
|
26
26
|
style: t ?? void 0,
|
27
27
|
children: [
|
28
|
-
r
|
29
|
-
|
30
|
-
|
28
|
+
n(r, "head", l, e),
|
29
|
+
n(d, "body", l, e),
|
30
|
+
n(c, "foot", l, e)
|
31
31
|
]
|
32
32
|
}
|
33
33
|
);
|
@@ -2,11 +2,11 @@ import { Meta } from '@storybook/react';
|
|
2
2
|
import { default as Hero } from '.';
|
3
3
|
declare const _default: Meta<typeof Hero>;
|
4
4
|
export default _default;
|
5
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').HeroProps>;
|
6
|
-
export declare const ExampleWithTitle: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').HeroProps>;
|
7
|
-
export declare const Colored: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').HeroProps>;
|
8
|
-
export declare const BigSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').HeroProps>;
|
9
|
-
export declare const FullSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').HeroProps>;
|
10
|
-
export declare const FixedFullSizeBody: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').HeroProps>;
|
11
|
-
export declare const FullSizeWithHeader: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').HeroProps>;
|
12
|
-
export declare const WithHeaderAndFooter: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').HeroProps>;
|
5
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').HeroProps>;
|
6
|
+
export declare const ExampleWithTitle: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').HeroProps>;
|
7
|
+
export declare const Colored: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').HeroProps>;
|
8
|
+
export declare const BigSize: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').HeroProps>;
|
9
|
+
export declare const FullSize: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').HeroProps>;
|
10
|
+
export declare const FixedFullSizeBody: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').HeroProps>;
|
11
|
+
export declare const FullSizeWithHeader: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').HeroProps>;
|
12
|
+
export declare const WithHeaderAndFooter: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').HeroProps>;
|
@@ -1,9 +1,9 @@
|
|
1
|
-
import { jsxs as
|
1
|
+
import { jsxs as u, jsx as t } from "react/jsx-runtime";
|
2
2
|
import { parseClasses as v, parseTestId as p } from "../../../functions/parsers.js";
|
3
3
|
import "react";
|
4
4
|
import { generateKey as d } from "../../../functions/generators.js";
|
5
5
|
import f from "../../molecules/LevelItem/index.js";
|
6
|
-
const s = (l) => l.map((e) => /* @__PURE__ */
|
6
|
+
const s = (l) => l.map((e) => /* @__PURE__ */ t(
|
7
7
|
f,
|
8
8
|
{
|
9
9
|
...e
|
@@ -13,7 +13,7 @@ const s = (l) => l.map((e) => /* @__PURE__ */ n(
|
|
13
13
|
testId: l = null,
|
14
14
|
cssClasses: e = null,
|
15
15
|
style: m = null,
|
16
|
-
leftSide:
|
16
|
+
leftSide: n = null,
|
17
17
|
centerSide: a = null,
|
18
18
|
rightSide: r = null,
|
19
19
|
isMobile: i = !1
|
@@ -22,17 +22,17 @@ const s = (l) => l.map((e) => /* @__PURE__ */ n(
|
|
22
22
|
"level",
|
23
23
|
i ? "is-mobile" : null,
|
24
24
|
e
|
25
|
-
]),
|
26
|
-
return /* @__PURE__ */
|
25
|
+
]), c = l ?? p({ tag: "level", parsedClasses: o });
|
26
|
+
return /* @__PURE__ */ u(
|
27
27
|
"nav",
|
28
28
|
{
|
29
|
-
"data-testid":
|
29
|
+
"data-testid": c,
|
30
30
|
className: o,
|
31
31
|
style: m ?? void 0,
|
32
32
|
children: [
|
33
|
-
|
33
|
+
n ? /* @__PURE__ */ t("section", { className: "level-left", children: s(n) }) : null,
|
34
34
|
a ? s(a) : null,
|
35
|
-
r ? /* @__PURE__ */
|
35
|
+
r ? /* @__PURE__ */ t("section", { className: "level-right", children: s(r) }) : null
|
36
36
|
]
|
37
37
|
}
|
38
38
|
);
|
@@ -2,8 +2,8 @@ import { Meta } from '@storybook/react';
|
|
2
2
|
import { default as Level } from '.';
|
3
3
|
declare const _default: Meta<typeof Level>;
|
4
4
|
export default _default;
|
5
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').LevelProps>;
|
6
|
-
export declare const LeftSideExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').LevelProps>;
|
7
|
-
export declare const LeftAndCenter: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').LevelProps>;
|
8
|
-
export declare const BothSides: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').LevelProps>;
|
9
|
-
export declare const AllPossibleSides: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').LevelProps>;
|
5
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').LevelProps>;
|
6
|
+
export declare const LeftSideExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').LevelProps>;
|
7
|
+
export declare const LeftAndCenter: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').LevelProps>;
|
8
|
+
export declare const BothSides: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').LevelProps>;
|
9
|
+
export declare const AllPossibleSides: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').LevelProps>;
|
@@ -1,18 +1,18 @@
|
|
1
1
|
import { jsxs as d, jsx as s } from "react/jsx-runtime";
|
2
|
-
import { parseClasses as
|
2
|
+
import { parseClasses as h, parseTestId as B } from "../../../functions/parsers.js";
|
3
3
|
import "react";
|
4
|
-
import
|
4
|
+
import $ from "../../atoms/NavBarItem/index.js";
|
5
5
|
import { generateKey as o } from "../../../functions/generators.js";
|
6
|
-
import
|
6
|
+
import f from "../../molecules/NavBarBrand/index.js";
|
7
7
|
import x from "../../molecules/NavBarDropdown/index.js";
|
8
|
-
const p = (
|
8
|
+
const p = (l, a, e) => l ? /* @__PURE__ */ s(
|
9
9
|
"section",
|
10
10
|
{
|
11
|
-
"data-testid": `${
|
11
|
+
"data-testid": `${e}-${a}`,
|
12
12
|
className: `navbar-${a}`,
|
13
|
-
children:
|
13
|
+
children: l.itemList.map(
|
14
14
|
(r) => r.children !== void 0 ? /* @__PURE__ */ s(
|
15
|
-
|
15
|
+
$,
|
16
16
|
{
|
17
17
|
...r
|
18
18
|
},
|
@@ -27,27 +27,27 @@ const p = (e, a, l) => e ? /* @__PURE__ */ s(
|
|
27
27
|
)
|
28
28
|
}
|
29
29
|
) : null, D = ({
|
30
|
-
testId:
|
30
|
+
testId: l = null,
|
31
31
|
cssClasses: a = null,
|
32
|
-
style:
|
32
|
+
style: e = null,
|
33
33
|
brandConfig: r = null,
|
34
|
-
itemsAtStart:
|
35
|
-
itemsAtEnd:
|
36
|
-
fixedPosition:
|
37
|
-
color:
|
34
|
+
itemsAtStart: v = null,
|
35
|
+
itemsAtEnd: c = null,
|
36
|
+
fixedPosition: i = null,
|
37
|
+
color: m = null,
|
38
38
|
isTransparent: u = !1,
|
39
39
|
isSpaced: b = !1,
|
40
40
|
hasShadow: N = !1
|
41
41
|
}) => {
|
42
|
-
const t =
|
42
|
+
const t = h([
|
43
43
|
"navbar",
|
44
|
+
i,
|
44
45
|
m,
|
45
|
-
v,
|
46
46
|
u ? "is-transparent" : null,
|
47
47
|
b ? "is-spaced" : null,
|
48
48
|
N ? "has-shadow" : null,
|
49
49
|
a
|
50
|
-
]), n =
|
50
|
+
]), n = l ?? B({
|
51
51
|
tag: "navbar",
|
52
52
|
parsedClasses: t,
|
53
53
|
rules: [
|
@@ -60,19 +60,19 @@ const p = (e, a, l) => e ? /* @__PURE__ */ s(
|
|
60
60
|
{
|
61
61
|
"data-testid": n,
|
62
62
|
className: t,
|
63
|
-
style:
|
63
|
+
style: e ?? void 0,
|
64
64
|
children: [
|
65
65
|
r ? /* @__PURE__ */ s(
|
66
66
|
"section",
|
67
67
|
{
|
68
68
|
"data-testid": "navbar-brand",
|
69
69
|
className: "navbar-brand",
|
70
|
-
children: /* @__PURE__ */ s(
|
70
|
+
children: /* @__PURE__ */ s(f, { ...r })
|
71
71
|
}
|
72
72
|
) : null,
|
73
73
|
/* @__PURE__ */ d("section", { className: "navbar-menu", children: [
|
74
|
-
p(
|
75
|
-
p(
|
74
|
+
p(v, "start", n),
|
75
|
+
p(c, "end", n)
|
76
76
|
] })
|
77
77
|
]
|
78
78
|
}
|
@@ -2,10 +2,10 @@ import { Meta } from '@storybook/react';
|
|
2
2
|
import { default as NavBar } from '.';
|
3
3
|
declare const _default: Meta<typeof NavBar>;
|
4
4
|
export default _default;
|
5
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').NavBarProps>;
|
6
|
-
export declare const WithADropdownAtStart: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').NavBarProps>;
|
7
|
-
export declare const WithDropdownsAtStartAndEnd: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').NavBarProps>;
|
8
|
-
export declare const Spaced: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').NavBarProps>;
|
9
|
-
export declare const WithShadow: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').NavBarProps>;
|
10
|
-
export declare const Colored: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').NavBarProps>;
|
11
|
-
export declare const Transparent: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').NavBarProps>;
|
5
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').NavBarProps>;
|
6
|
+
export declare const WithADropdownAtStart: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').NavBarProps>;
|
7
|
+
export declare const WithDropdownsAtStartAndEnd: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').NavBarProps>;
|
8
|
+
export declare const Spaced: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').NavBarProps>;
|
9
|
+
export declare const WithShadow: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').NavBarProps>;
|
10
|
+
export declare const Colored: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').NavBarProps>;
|
11
|
+
export declare const Transparent: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').NavBarProps>;
|
@@ -1,5 +1,5 @@
|
|
1
|
-
import { jsxs as
|
2
|
-
import { parseClasses as
|
1
|
+
import { jsxs as c, jsx as l } from "react/jsx-runtime";
|
2
|
+
import { parseClasses as d, parseTestId as u } from "../../../functions/parsers.js";
|
3
3
|
import "react";
|
4
4
|
import { generateKey as f } from "../../../functions/generators.js";
|
5
5
|
import g from "../../molecules/PanelBlock/index.js";
|
@@ -13,8 +13,8 @@ const x = (e) => /* @__PURE__ */ l("p", { className: "panel-heading", children:
|
|
13
13
|
blockList: o,
|
14
14
|
color: p = null
|
15
15
|
}) => {
|
16
|
-
const s =
|
17
|
-
return /* @__PURE__ */
|
16
|
+
const s = d(["panel", p, n]), m = e ?? u({ tag: "panel", parsedClasses: s });
|
17
|
+
return /* @__PURE__ */ c(
|
18
18
|
"article",
|
19
19
|
{
|
20
20
|
"data-testid": m,
|
@@ -3,9 +3,9 @@ import { default as Panel } from '.';
|
|
3
3
|
import { PanelProps } from '../../../interfaces/organismProps';
|
4
4
|
declare const _default: Meta<typeof Panel>;
|
5
5
|
export default _default;
|
6
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelProps>;
|
7
|
-
export declare const FistTabIsActive: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelProps>;
|
8
|
-
export declare const SeveralLinkBlocks: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelProps>;
|
9
|
-
export declare const HasAnActiveLink: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelProps>;
|
10
|
-
export declare const Colored: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelProps>;
|
11
|
-
export declare const SeveralElementBlocks: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelProps>;
|
6
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelProps>;
|
7
|
+
export declare const FistTabIsActive: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelProps>;
|
8
|
+
export declare const SeveralLinkBlocks: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelProps>;
|
9
|
+
export declare const HasAnActiveLink: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelProps>;
|
10
|
+
export declare const Colored: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelProps>;
|
11
|
+
export declare const SeveralElementBlocks: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelProps>;
|
@@ -4,7 +4,7 @@ import "react";
|
|
4
4
|
import x from "../../atoms/TableHeadCell/index.js";
|
5
5
|
import { generateKey as i } from "../../../functions/generators.js";
|
6
6
|
import g from "../../molecules/TableRow/index.js";
|
7
|
-
const
|
7
|
+
const n = (t, a) => /* @__PURE__ */ e("tr", { children: a.map((s) => /* @__PURE__ */ e(
|
8
8
|
x,
|
9
9
|
{
|
10
10
|
...s
|
@@ -19,8 +19,8 @@ const o = (t, a) => /* @__PURE__ */ e("tr", { children: a.map((s) => /* @__PURE_
|
|
19
19
|
foot: r = null,
|
20
20
|
isBordered: c = !1,
|
21
21
|
isStriped: f = !1,
|
22
|
-
isNarrow:
|
23
|
-
isHoverable:
|
22
|
+
isNarrow: p = !1,
|
23
|
+
isHoverable: u = !1,
|
24
24
|
isFullwidth: h = !1,
|
25
25
|
isContained: T = !1
|
26
26
|
}) => {
|
@@ -28,18 +28,18 @@ const o = (t, a) => /* @__PURE__ */ e("tr", { children: a.map((s) => /* @__PURE_
|
|
28
28
|
"table",
|
29
29
|
c ? "is-bordered" : null,
|
30
30
|
f ? "is-striped" : null,
|
31
|
-
|
32
|
-
|
31
|
+
p ? "is-narrow" : null,
|
32
|
+
u ? "is-hoverable" : null,
|
33
33
|
h ? "is-fullwidth" : null,
|
34
34
|
a
|
35
|
-
]), l = t ?? w({ tag: "table", parsedClasses: d }),
|
35
|
+
]), l = t ?? w({ tag: "table", parsedClasses: d }), o = () => /* @__PURE__ */ y(
|
36
36
|
"table",
|
37
37
|
{
|
38
38
|
"data-testid": l,
|
39
39
|
className: d,
|
40
40
|
style: s ?? void 0,
|
41
41
|
children: [
|
42
|
-
/* @__PURE__ */ e("thead", { "data-testid": `${l}-head`, children:
|
42
|
+
/* @__PURE__ */ e("thead", { "data-testid": `${l}-head`, children: n("head", b) }),
|
43
43
|
/* @__PURE__ */ e("tbody", { "data-testid": `${l}-body`, children: m.map(($) => /* @__PURE__ */ e(
|
44
44
|
g,
|
45
45
|
{
|
@@ -47,7 +47,7 @@ const o = (t, a) => /* @__PURE__ */ e("tr", { children: a.map((s) => /* @__PURE_
|
|
47
47
|
},
|
48
48
|
`table-body-item-${i()}`
|
49
49
|
)) }),
|
50
|
-
r ? /* @__PURE__ */ e("tfoot", { "data-testid": `${l}-foot`, children:
|
50
|
+
r ? /* @__PURE__ */ e("tfoot", { "data-testid": `${l}-foot`, children: n("foot", r) }) : null
|
51
51
|
]
|
52
52
|
}
|
53
53
|
);
|
@@ -56,9 +56,9 @@ const o = (t, a) => /* @__PURE__ */ e("tr", { children: a.map((s) => /* @__PURE_
|
|
56
56
|
{
|
57
57
|
"data-testid": `${l}-container`,
|
58
58
|
className: "table-container",
|
59
|
-
children: /* @__PURE__ */ e(
|
59
|
+
children: /* @__PURE__ */ e(o, {})
|
60
60
|
}
|
61
|
-
) : /* @__PURE__ */ e(
|
61
|
+
) : /* @__PURE__ */ e(o, {});
|
62
62
|
};
|
63
63
|
export {
|
64
64
|
K as default
|
@@ -3,13 +3,13 @@ import { default as Table } from '.';
|
|
3
3
|
import { TableProps } from '../../../interfaces/organismProps';
|
4
4
|
declare const _default: Meta<typeof Table>;
|
5
5
|
export default _default;
|
6
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
|
7
|
-
export declare const FirstRowCellIsHeader: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
|
8
|
-
export declare const LotsOfRows: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
|
9
|
-
export declare const SelectedRows: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
|
10
|
-
export declare const Bordered: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
|
11
|
-
export declare const Striped: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
|
12
|
-
export declare const Narrow: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
|
13
|
-
export declare const FullWidth: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
|
14
|
-
export declare const AllPropertiesApplied: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
|
15
|
-
export declare const Scrollable: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
|
6
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
|
7
|
+
export declare const FirstRowCellIsHeader: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
|
8
|
+
export declare const LotsOfRows: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
|
9
|
+
export declare const SelectedRows: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
|
10
|
+
export declare const Bordered: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
|
11
|
+
export declare const Striped: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
|
12
|
+
export declare const Narrow: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
|
13
|
+
export declare const FullWidth: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
|
14
|
+
export declare const AllPropertiesApplied: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
|
15
|
+
export declare const Scrollable: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TableProps>;
|
@@ -1,26 +1,26 @@
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
2
|
-
import { parseClasses as d, parseTestId as
|
2
|
+
import { parseClasses as d, parseTestId as c } from "../../../functions/parsers.js";
|
3
3
|
import "react";
|
4
|
-
import
|
5
|
-
import { generateKey as
|
6
|
-
const
|
7
|
-
testId:
|
4
|
+
import o from "../../atoms/Tile/index.js";
|
5
|
+
import { generateKey as f } from "../../../functions/generators.js";
|
6
|
+
const C = ({
|
7
|
+
testId: i = null,
|
8
8
|
cssClasses: e = null,
|
9
9
|
style: p = null,
|
10
10
|
context: r = "is-ancestor",
|
11
11
|
size: l = null,
|
12
12
|
isVertical: s = !1,
|
13
|
-
groupConfig:
|
13
|
+
groupConfig: a
|
14
14
|
}) => {
|
15
|
-
const
|
15
|
+
const m = d([
|
16
16
|
"tileGroup",
|
17
17
|
r,
|
18
18
|
l,
|
19
19
|
s ? "is-vertical" : null,
|
20
20
|
e
|
21
|
-
]),
|
21
|
+
]), u = i ?? c({
|
22
22
|
tag: "tileGroup",
|
23
|
-
parsedClasses:
|
23
|
+
parsedClasses: m,
|
24
24
|
rules: [
|
25
25
|
{
|
26
26
|
regExp: /tileGroup/gm,
|
@@ -33,24 +33,24 @@ const I = ({
|
|
33
33
|
]
|
34
34
|
});
|
35
35
|
return /* @__PURE__ */ t(
|
36
|
-
|
36
|
+
o,
|
37
37
|
{
|
38
|
-
testId:
|
38
|
+
testId: u,
|
39
39
|
cssClasses: e ?? void 0,
|
40
40
|
style: p ?? void 0,
|
41
41
|
context: r,
|
42
42
|
size: l ?? void 0,
|
43
43
|
isVertical: s,
|
44
|
-
children:
|
45
|
-
|
44
|
+
children: a.map((n) => /* @__PURE__ */ t(
|
45
|
+
o,
|
46
46
|
{
|
47
|
-
...
|
47
|
+
...n
|
48
48
|
},
|
49
|
-
`tile-item-${
|
49
|
+
`tile-item-${f()}`
|
50
50
|
))
|
51
51
|
}
|
52
52
|
);
|
53
53
|
};
|
54
54
|
export {
|
55
|
-
|
55
|
+
C as default
|
56
56
|
};
|
@@ -2,7 +2,7 @@ import { Meta } from '@storybook/react';
|
|
2
2
|
import { default as TileGroup } from '.';
|
3
3
|
declare const _default: Meta<typeof TileGroup>;
|
4
4
|
export default _default;
|
5
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').TileGroupProps>;
|
6
|
-
export declare const ThreeEqualColumns: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').TileGroupProps>;
|
7
|
-
export declare const ThreeUnequalColumns: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').TileGroupProps>;
|
8
|
-
export declare const ThreeColumnsInHalfScreen: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').TileGroupProps>;
|
5
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').TileGroupProps>;
|
6
|
+
export declare const ThreeEqualColumns: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').TileGroupProps>;
|
7
|
+
export declare const ThreeUnequalColumns: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').TileGroupProps>;
|
8
|
+
export declare const ThreeColumnsInHalfScreen: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/organismProps').TileGroupProps>;
|