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
@@ -2,7 +2,7 @@ import { Meta } from '@storybook/react';
|
|
2
2
|
import { default as Notification } from '.';
|
3
3
|
declare const _default: Meta<typeof Notification>;
|
4
4
|
export default _default;
|
5
|
-
export declare const WithParagraph: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').NotificationProps>;
|
6
|
-
export declare const Colored: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').NotificationProps>;
|
7
|
-
export declare const WithDeleteButton: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').NotificationProps>;
|
8
|
-
export declare const LigthColored: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').NotificationProps>;
|
5
|
+
export declare const WithParagraph: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').NotificationProps>;
|
6
|
+
export declare const Colored: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').NotificationProps>;
|
7
|
+
export declare const WithDeleteButton: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').NotificationProps>;
|
8
|
+
export declare const LigthColored: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').NotificationProps>;
|
@@ -2,7 +2,7 @@ import { jsxs as d, jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import m from "react";
|
3
3
|
import { parseClasses as c, parseTestId as g } from "../../../functions/parsers.js";
|
4
4
|
import o from "../../atoms/PaginationItem/index.js";
|
5
|
-
import { generateKey as
|
5
|
+
import { generateKey as k } from "../../../functions/generators.js";
|
6
6
|
const f = (n) => n ? /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
|
7
7
|
"span",
|
8
8
|
{
|
@@ -25,31 +25,31 @@ const f = (n) => n ? /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
|
|
25
25
|
children: n.text
|
26
26
|
}
|
27
27
|
);
|
28
|
-
}, F = (n, a,
|
29
|
-
const r = l -
|
28
|
+
}, F = (n, a, e) => n.map((t, i, { length: l }) => {
|
29
|
+
const r = l - e - 1;
|
30
30
|
if (i === 0)
|
31
31
|
return /* @__PURE__ */ d(m.Fragment, { children: [
|
32
|
-
/* @__PURE__ */ s(o, { ...
|
32
|
+
/* @__PURE__ */ s(o, { ...t }),
|
33
33
|
f(a)
|
34
34
|
] }, "first-pagination-item");
|
35
|
-
if (!a || i >
|
35
|
+
if (!a || i > e && i < r)
|
36
36
|
return /* @__PURE__ */ s(
|
37
37
|
o,
|
38
38
|
{
|
39
|
-
...
|
39
|
+
...t
|
40
40
|
},
|
41
|
-
`pagination-item-${
|
41
|
+
`pagination-item-${k()}`
|
42
42
|
);
|
43
43
|
if (i === --l)
|
44
44
|
return /* @__PURE__ */ d(m.Fragment, { children: [
|
45
45
|
f(a),
|
46
|
-
/* @__PURE__ */ s(o, { ...
|
46
|
+
/* @__PURE__ */ s(o, { ...t })
|
47
47
|
] }, "last-pagination-item");
|
48
48
|
}), w = ({
|
49
49
|
testId: n = null,
|
50
50
|
containerTestId: a = null,
|
51
|
-
cssClasses:
|
52
|
-
containerCssClasses:
|
51
|
+
cssClasses: e = null,
|
52
|
+
containerCssClasses: t = null,
|
53
53
|
style: i = null,
|
54
54
|
containerStyle: l = null,
|
55
55
|
pages: r,
|
@@ -62,29 +62,29 @@ const f = (n) => n ? /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
|
|
62
62
|
text: "Next page",
|
63
63
|
cssClasses: "pagination-next"
|
64
64
|
},
|
65
|
-
hasEllipsis:
|
66
|
-
isRounded:
|
67
|
-
alignment:
|
68
|
-
size:
|
65
|
+
hasEllipsis: v = !1,
|
66
|
+
isRounded: P = !1,
|
67
|
+
alignment: b = null,
|
68
|
+
size: y = null
|
69
69
|
}) => {
|
70
|
-
const
|
70
|
+
const p = c([
|
71
71
|
"pagination",
|
72
|
-
|
73
|
-
T,
|
72
|
+
P ? "is-rounded" : null,
|
74
73
|
y,
|
75
|
-
|
76
|
-
|
74
|
+
b,
|
75
|
+
e
|
76
|
+
]), T = n ?? g({
|
77
77
|
tag: "pagination",
|
78
|
-
parsedClasses:
|
79
|
-
}),
|
78
|
+
parsedClasses: p
|
79
|
+
}), u = c([
|
80
80
|
"pagination-list",
|
81
|
-
|
82
|
-
]),
|
81
|
+
t
|
82
|
+
]), j = a ?? g({ tag: "pagination-list", parsedClasses: u });
|
83
83
|
return /* @__PURE__ */ d(
|
84
84
|
"nav",
|
85
85
|
{
|
86
|
-
"data-testid":
|
87
|
-
className:
|
86
|
+
"data-testid": T,
|
87
|
+
className: p,
|
88
88
|
style: l ?? void 0,
|
89
89
|
role: "navigation",
|
90
90
|
"aria-label": "pagination",
|
@@ -94,10 +94,10 @@ const f = (n) => n ? /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
|
|
94
94
|
/* @__PURE__ */ s(
|
95
95
|
"ul",
|
96
96
|
{
|
97
|
-
"data-testid":
|
98
|
-
className:
|
97
|
+
"data-testid": j,
|
98
|
+
className: u,
|
99
99
|
style: i ?? void 0,
|
100
|
-
children: F(r,
|
100
|
+
children: F(r, v, h)
|
101
101
|
}
|
102
102
|
)
|
103
103
|
]
|
@@ -2,11 +2,11 @@ import { Meta } from '@storybook/react';
|
|
2
2
|
import { default as Pagination } from '.';
|
3
3
|
declare const _default: Meta<typeof Pagination>;
|
4
4
|
export default _default;
|
5
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').PaginationProps>;
|
6
|
-
export declare const Centered: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').PaginationProps>;
|
7
|
-
export declare const CustomNavigationButtons: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').PaginationProps>;
|
8
|
-
export declare const DisabledNavigationButtons: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').PaginationProps>;
|
9
|
-
export declare const NoNavigationButtons: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').PaginationProps>;
|
10
|
-
export declare const FifteenItems: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').PaginationProps>;
|
11
|
-
export declare const Showing3ItemsLessWithEllipsis: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').PaginationProps>;
|
12
|
-
export declare const Showing6ItemsLessWithEllipsis: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').PaginationProps>;
|
5
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').PaginationProps>;
|
6
|
+
export declare const Centered: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').PaginationProps>;
|
7
|
+
export declare const CustomNavigationButtons: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').PaginationProps>;
|
8
|
+
export declare const DisabledNavigationButtons: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').PaginationProps>;
|
9
|
+
export declare const NoNavigationButtons: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').PaginationProps>;
|
10
|
+
export declare const FifteenItems: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').PaginationProps>;
|
11
|
+
export declare const Showing3ItemsLessWithEllipsis: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').PaginationProps>;
|
12
|
+
export declare const Showing6ItemsLessWithEllipsis: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').PaginationProps>;
|
@@ -1,57 +1,57 @@
|
|
1
|
-
import { jsx as
|
1
|
+
import { jsx as l, jsxs as f } from "react/jsx-runtime";
|
2
2
|
import C from "react";
|
3
3
|
import I from "../InputControl/index.js";
|
4
4
|
import B from "../../atoms/Button/index.js";
|
5
|
-
import { parseClasses as d, parseTestId as
|
5
|
+
import { parseClasses as d, parseTestId as p } from "../../../functions/parsers.js";
|
6
6
|
import h from "../../atoms/Icon/index.js";
|
7
|
-
const
|
8
|
-
switch (
|
7
|
+
const v = ({ type: o, props: n }, s, t, a, c) => {
|
8
|
+
switch (o) {
|
9
9
|
case "icon": {
|
10
|
-
const
|
11
|
-
return /* @__PURE__ */
|
12
|
-
/* @__PURE__ */
|
10
|
+
const e = d(["panel-icon", t]), r = s ?? p({ tag: "panel-icon", parsedClasses: e });
|
11
|
+
return /* @__PURE__ */ f(C.Fragment, { children: [
|
12
|
+
/* @__PURE__ */ l(
|
13
13
|
"span",
|
14
14
|
{
|
15
15
|
"data-testid": r,
|
16
|
-
className:
|
16
|
+
className: e,
|
17
17
|
style: a ?? void 0,
|
18
|
-
children: /* @__PURE__ */
|
18
|
+
children: /* @__PURE__ */ l(h, { ...n })
|
19
19
|
}
|
20
20
|
),
|
21
21
|
c
|
22
22
|
] });
|
23
23
|
}
|
24
24
|
case "control":
|
25
|
-
return /* @__PURE__ */
|
25
|
+
return /* @__PURE__ */ l(I, { ...n });
|
26
26
|
case "button":
|
27
|
-
return /* @__PURE__ */
|
27
|
+
return /* @__PURE__ */ l(B, { ...n });
|
28
28
|
}
|
29
29
|
}, L = ({
|
30
|
-
testId:
|
30
|
+
testId: o = null,
|
31
31
|
containerTestId: n = null,
|
32
|
-
cssClasses:
|
33
|
-
containerCssClasses:
|
32
|
+
cssClasses: s = null,
|
33
|
+
containerCssClasses: t = null,
|
34
34
|
style: a = null,
|
35
35
|
containerStyle: c = null,
|
36
|
-
config:
|
36
|
+
config: e,
|
37
37
|
blockText: r = null,
|
38
|
-
isActive:
|
38
|
+
isActive: u = !1,
|
39
39
|
onClick: m
|
40
40
|
}) => {
|
41
41
|
const i = d([
|
42
42
|
"panel-block",
|
43
|
-
|
44
|
-
|
45
|
-
]),
|
46
|
-
return /* @__PURE__ */
|
43
|
+
u ? "is-active" : null,
|
44
|
+
t
|
45
|
+
]), k = n ?? p({ tag: "panel-block", parsedClasses: i });
|
46
|
+
return /* @__PURE__ */ l(
|
47
47
|
"a",
|
48
48
|
{
|
49
|
-
"data-testid":
|
49
|
+
"data-testid": k,
|
50
50
|
className: i,
|
51
51
|
style: c ?? void 0,
|
52
52
|
"aria-hidden": "true",
|
53
53
|
onClick: m ?? void 0,
|
54
|
-
children:
|
54
|
+
children: v(e, o, s, a, r)
|
55
55
|
}
|
56
56
|
);
|
57
57
|
};
|
@@ -3,6 +3,6 @@ import { default as PanelBlock } from '.';
|
|
3
3
|
import { PanelBlockProps } from '../../../interfaces/moleculeProps';
|
4
4
|
declare const _default: Meta<typeof PanelBlock>;
|
5
5
|
export default _default;
|
6
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelBlockProps>;
|
7
|
-
export declare const ControlExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelBlockProps>;
|
8
|
-
export declare const ButtonExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelBlockProps>;
|
6
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelBlockProps>;
|
7
|
+
export declare const ControlExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelBlockProps>;
|
8
|
+
export declare const ButtonExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelBlockProps>;
|
@@ -1,26 +1,26 @@
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
2
|
-
import { parseClasses as
|
2
|
+
import { parseClasses as o, parseTestId as d } from "../../../functions/parsers.js";
|
3
3
|
import { generateKey as c } from "../../../functions/generators.js";
|
4
|
-
const
|
5
|
-
testId:
|
6
|
-
cssClasses:
|
7
|
-
style:
|
4
|
+
const v = ({
|
5
|
+
testId: t = null,
|
6
|
+
cssClasses: l = null,
|
7
|
+
style: n = null,
|
8
8
|
tabList: i
|
9
9
|
}) => {
|
10
|
-
const
|
10
|
+
const e = o(["panel-tabs", l]), r = t ?? d({ tag: "panel-tabs", parsedClasses: e });
|
11
11
|
return /* @__PURE__ */ a(
|
12
12
|
"section",
|
13
13
|
{
|
14
14
|
"data-testid": r,
|
15
|
-
className:
|
16
|
-
style:
|
17
|
-
children: i.map((
|
15
|
+
className: e,
|
16
|
+
style: n ?? void 0,
|
17
|
+
children: i.map((s) => /* @__PURE__ */ a(
|
18
18
|
"a",
|
19
19
|
{
|
20
|
-
className:
|
20
|
+
className: s.isActive ? "is-active" : void 0,
|
21
21
|
"aria-hidden": "true",
|
22
|
-
onClick:
|
23
|
-
children:
|
22
|
+
onClick: s.onClick ?? void 0,
|
23
|
+
children: s.text
|
24
24
|
},
|
25
25
|
`tab-item-${c()}`
|
26
26
|
))
|
@@ -28,5 +28,5 @@ const f = ({
|
|
28
28
|
);
|
29
29
|
};
|
30
30
|
export {
|
31
|
-
|
31
|
+
v as default
|
32
32
|
};
|
@@ -3,5 +3,5 @@ import { default as PanelTabs } from '.';
|
|
3
3
|
import { PanelTabsProps } from '../../../interfaces/moleculeProps';
|
4
4
|
declare const _default: Meta<typeof PanelTabs>;
|
5
5
|
export default _default;
|
6
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelTabsProps>;
|
7
|
-
export declare const LastTabIsActive: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelTabsProps>;
|
6
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelTabsProps>;
|
7
|
+
export declare const LastTabIsActive: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PanelTabsProps>;
|
@@ -1,10 +1,10 @@
|
|
1
1
|
import { jsx as c } from "react/jsx-runtime";
|
2
2
|
import { parseClasses as i, parseTestId as r } from "../../../functions/parsers.js";
|
3
|
-
const
|
3
|
+
const u = ({
|
4
4
|
testId: e = null,
|
5
5
|
cssClasses: t = null,
|
6
|
-
style:
|
7
|
-
content:
|
6
|
+
style: l = null,
|
7
|
+
content: n,
|
8
8
|
size: o = null
|
9
9
|
}) => {
|
10
10
|
const s = i(["section", o, t]), a = e ?? r({ tag: "section", parsedClasses: s });
|
@@ -13,11 +13,11 @@ const p = ({
|
|
13
13
|
{
|
14
14
|
"data-testid": a,
|
15
15
|
className: s,
|
16
|
-
style:
|
17
|
-
children:
|
16
|
+
style: l ?? void 0,
|
17
|
+
children: n
|
18
18
|
}
|
19
19
|
);
|
20
20
|
};
|
21
21
|
export {
|
22
|
-
|
22
|
+
u as default
|
23
23
|
};
|
@@ -2,7 +2,7 @@ import { Meta } from '@storybook/react';
|
|
2
2
|
import { default as Section } from '.';
|
3
3
|
declare const _default: Meta<typeof Section>;
|
4
4
|
export default _default;
|
5
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').SectionProps>;
|
6
|
-
export declare const UsingATitleAsContent: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').SectionProps>;
|
7
|
-
export declare const UsingTabsAndTitleAsContent: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').SectionProps>;
|
8
|
-
export declare const LargeSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').SectionProps>;
|
5
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').SectionProps>;
|
6
|
+
export declare const UsingATitleAsContent: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').SectionProps>;
|
7
|
+
export declare const UsingTabsAndTitleAsContent: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').SectionProps>;
|
8
|
+
export declare const LargeSize: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').SectionProps>;
|
@@ -1,35 +1,35 @@
|
|
1
|
-
import { jsxs as
|
2
|
-
import { parseClasses as u, parseTestId as
|
1
|
+
import { jsxs as d, jsx as s } from "react/jsx-runtime";
|
2
|
+
import { parseClasses as u, parseTestId as b } from "../../../functions/parsers.js";
|
3
3
|
import "react";
|
4
|
-
import
|
5
|
-
import
|
4
|
+
import c from "../../atoms/TableHeadCell/index.js";
|
5
|
+
import f from "../../atoms/TableCell/index.js";
|
6
6
|
import { generateKey as w } from "../../../functions/generators.js";
|
7
|
-
const
|
7
|
+
const v = ({
|
8
8
|
testId: t = null,
|
9
9
|
cssClasses: a = null,
|
10
|
-
style:
|
11
|
-
headCell:
|
12
|
-
listOfCells:
|
10
|
+
style: o = null,
|
11
|
+
headCell: l = null,
|
12
|
+
listOfCells: r,
|
13
13
|
isSelected: n = !1,
|
14
14
|
onClick: m = null
|
15
15
|
}) => {
|
16
|
-
const
|
16
|
+
const e = u([
|
17
17
|
n ? "is-selected" : null,
|
18
18
|
a
|
19
|
-
]),
|
20
|
-
return /* @__PURE__ */
|
19
|
+
]), i = t ?? b({ tag: "table-row", parsedClasses: e });
|
20
|
+
return /* @__PURE__ */ d(
|
21
21
|
"tr",
|
22
22
|
{
|
23
|
-
"data-testid":
|
24
|
-
className:
|
25
|
-
style:
|
23
|
+
"data-testid": i,
|
24
|
+
className: e,
|
25
|
+
style: o ?? void 0,
|
26
26
|
onClick: m ?? void 0,
|
27
27
|
children: [
|
28
|
-
|
29
|
-
|
30
|
-
|
28
|
+
l ? /* @__PURE__ */ s(c, { ...l }) : null,
|
29
|
+
r.map((p) => /* @__PURE__ */ s(
|
30
|
+
f,
|
31
31
|
{
|
32
|
-
...
|
32
|
+
...p
|
33
33
|
},
|
34
34
|
`table-row-${w()}`
|
35
35
|
))
|
@@ -38,5 +38,5 @@ const y = ({
|
|
38
38
|
);
|
39
39
|
};
|
40
40
|
export {
|
41
|
-
|
41
|
+
v as default
|
42
42
|
};
|
@@ -2,6 +2,6 @@ import { Meta } from '@storybook/react';
|
|
2
2
|
import { default as TableRow } from '.';
|
3
3
|
declare const _default: Meta<typeof TableRow>;
|
4
4
|
export default _default;
|
5
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').TableRowProps>;
|
6
|
-
export declare const WithHeaderCell: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').TableRowProps>;
|
7
|
-
export declare const Selected: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').TableRowProps>;
|
5
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').TableRowProps>;
|
6
|
+
export declare const WithHeaderCell: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').TableRowProps>;
|
7
|
+
export declare const Selected: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').TableRowProps>;
|
@@ -1,39 +1,39 @@
|
|
1
1
|
import { jsx as l } from "react/jsx-runtime";
|
2
|
-
import { parseClasses as p, parseTestId as
|
2
|
+
import { parseClasses as p, parseTestId as b } from "../../../functions/parsers.js";
|
3
3
|
import "react";
|
4
|
-
import
|
4
|
+
import f from "../../atoms/TabItem/index.js";
|
5
5
|
import { generateKey as h } from "../../../functions/generators.js";
|
6
6
|
const y = ({
|
7
|
-
testId:
|
7
|
+
testId: e = null,
|
8
8
|
cssClasses: a = null,
|
9
|
-
style:
|
10
|
-
tabs:
|
11
|
-
alignment:
|
12
|
-
size:
|
13
|
-
format:
|
14
|
-
isRounded:
|
9
|
+
style: i = null,
|
10
|
+
tabs: r,
|
11
|
+
alignment: n = null,
|
12
|
+
size: o = null,
|
13
|
+
format: u = null,
|
14
|
+
isRounded: d = null,
|
15
15
|
isFullWidth: m = null
|
16
16
|
}) => {
|
17
17
|
const s = p([
|
18
18
|
"tabs",
|
19
|
-
|
19
|
+
n,
|
20
|
+
o,
|
20
21
|
u,
|
21
|
-
d,
|
22
|
-
o ? "is-toggle-rounded" : null,
|
22
|
+
d ? "is-toggle-rounded" : null,
|
23
23
|
m ? "is-fullwidth" : null,
|
24
24
|
a
|
25
|
-
]), c =
|
25
|
+
]), c = e ?? b({ tag: "tabs", parsedClasses: s });
|
26
26
|
return /* @__PURE__ */ l(
|
27
27
|
"section",
|
28
28
|
{
|
29
29
|
"data-testid": c,
|
30
30
|
className: s,
|
31
|
-
style:
|
32
|
-
children: /* @__PURE__ */ l("ul", { children:
|
31
|
+
style: i ?? void 0,
|
32
|
+
children: /* @__PURE__ */ l("ul", { children: r.map((t) => /* @__PURE__ */ l(
|
33
33
|
"li",
|
34
34
|
{
|
35
|
-
className:
|
36
|
-
children: /* @__PURE__ */ l(
|
35
|
+
className: t.isActive ? "is-active" : void 0,
|
36
|
+
children: /* @__PURE__ */ l(f, { ...t })
|
37
37
|
},
|
38
38
|
`tab-item-${h()}`
|
39
39
|
)) })
|
@@ -3,11 +3,11 @@ import { default as Tabs } from '.';
|
|
3
3
|
import { TabsProps } from '../../../interfaces/moleculeProps';
|
4
4
|
declare const _default: Meta<typeof Tabs>;
|
5
5
|
export default _default;
|
6
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsProps>;
|
7
|
-
export declare const ManyTabs: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsProps>;
|
8
|
-
export declare const AlignedToRight: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsProps>;
|
9
|
-
export declare const BoxedFormat: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsProps>;
|
10
|
-
export declare const ToggleFormat: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsProps>;
|
11
|
-
export declare const Rounded: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsProps>;
|
12
|
-
export declare const FullWidthMode: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsProps>;
|
13
|
-
export declare const BigSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsProps>;
|
6
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsProps>;
|
7
|
+
export declare const ManyTabs: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsProps>;
|
8
|
+
export declare const AlignedToRight: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsProps>;
|
9
|
+
export declare const BoxedFormat: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsProps>;
|
10
|
+
export declare const ToggleFormat: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsProps>;
|
11
|
+
export declare const Rounded: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsProps>;
|
12
|
+
export declare const FullWidthMode: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsProps>;
|
13
|
+
export declare const BigSize: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsProps>;
|
@@ -1,25 +1,25 @@
|
|
1
|
-
import { jsx as
|
2
|
-
import { parseClasses as
|
1
|
+
import { jsx as x } from "react/jsx-runtime";
|
2
|
+
import { parseClasses as d, parseTestId as m } from "../../../functions/parsers.js";
|
3
3
|
import "react";
|
4
|
-
import
|
4
|
+
import u from "../../atoms/Tile/index.js";
|
5
5
|
const T = ({
|
6
|
-
testId:
|
6
|
+
testId: r = null,
|
7
7
|
cssClasses: l = "box",
|
8
|
-
style:
|
9
|
-
children:
|
8
|
+
style: s = null,
|
9
|
+
children: n = null,
|
10
10
|
context: t = "is-child",
|
11
11
|
size: i,
|
12
12
|
color: e,
|
13
|
-
isVertical:
|
13
|
+
isVertical: o
|
14
14
|
}) => {
|
15
|
-
const a =
|
15
|
+
const a = d([
|
16
16
|
"tileBox",
|
17
17
|
t,
|
18
18
|
i,
|
19
19
|
e ? `notification ${e}` : null,
|
20
|
-
|
20
|
+
o ? "is-vertical" : null,
|
21
21
|
l
|
22
|
-
]), p =
|
22
|
+
]), p = r ?? m({
|
23
23
|
tag: "tileBox",
|
24
24
|
parsedClasses: a,
|
25
25
|
rules: [
|
@@ -33,17 +33,17 @@ const T = ({
|
|
33
33
|
}
|
34
34
|
]
|
35
35
|
});
|
36
|
-
return /* @__PURE__ */
|
37
|
-
|
36
|
+
return /* @__PURE__ */ x(
|
37
|
+
u,
|
38
38
|
{
|
39
39
|
testId: p,
|
40
40
|
cssClasses: l,
|
41
|
-
style:
|
42
|
-
isVertical:
|
41
|
+
style: s ?? void 0,
|
42
|
+
isVertical: o,
|
43
43
|
context: t,
|
44
44
|
size: i,
|
45
45
|
color: e,
|
46
|
-
children:
|
46
|
+
children: n ?? void 0
|
47
47
|
}
|
48
48
|
);
|
49
49
|
};
|
@@ -3,7 +3,7 @@ import { default as TileBox } from '.';
|
|
3
3
|
import { TileProps } from '../../../interfaces/atomProps';
|
4
4
|
declare const _default: Meta<typeof TileBox>;
|
5
5
|
export default _default;
|
6
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TileProps>;
|
7
|
-
export declare const HalfSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TileProps>;
|
8
|
-
export declare const Colored: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TileProps>;
|
9
|
-
export declare const WithImage: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TileProps>;
|
6
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TileProps>;
|
7
|
+
export declare const HalfSize: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TileProps>;
|
8
|
+
export declare const Colored: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TileProps>;
|
9
|
+
export declare const WithImage: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TileProps>;
|