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,32 +1,32 @@
|
|
1
|
-
import { jsx as
|
2
|
-
import { parseClasses as
|
1
|
+
import { jsx as C } from "react/jsx-runtime";
|
2
|
+
import { parseClasses as h, parseTestId as A } from "../../../functions/parsers.js";
|
3
3
|
const E = ({
|
4
4
|
testId: l = null,
|
5
5
|
cssClasses: s = null,
|
6
6
|
style: a = null,
|
7
|
-
value:
|
8
|
-
name:
|
9
|
-
cols:
|
10
|
-
rows:
|
11
|
-
isDisabled:
|
12
|
-
isReadonly:
|
13
|
-
isFixedSize:
|
14
|
-
color:
|
15
|
-
size:
|
16
|
-
isHovered:
|
17
|
-
isFocused:
|
18
|
-
onClick:
|
19
|
-
onChange:
|
7
|
+
value: t = null,
|
8
|
+
name: r,
|
9
|
+
cols: n = null,
|
10
|
+
rows: o = null,
|
11
|
+
isDisabled: u = !1,
|
12
|
+
isReadonly: d = !1,
|
13
|
+
isFixedSize: i = !1,
|
14
|
+
color: x = null,
|
15
|
+
size: p = null,
|
16
|
+
isHovered: c = null,
|
17
|
+
isFocused: f = null,
|
18
|
+
onClick: v = null,
|
19
|
+
onChange: m = null
|
20
20
|
}) => {
|
21
|
-
const e =
|
21
|
+
const e = h([
|
22
22
|
"textarea",
|
23
|
-
o,
|
24
23
|
x,
|
25
|
-
p
|
26
|
-
c ? "is-
|
27
|
-
f ? "
|
24
|
+
p,
|
25
|
+
c ? "is-hovered" : null,
|
26
|
+
f ? "is-focused" : null,
|
27
|
+
i ? "has-fixed-size" : null,
|
28
28
|
s
|
29
|
-
]),
|
29
|
+
]), g = l ?? A({
|
30
30
|
tag: "textarea",
|
31
31
|
parsedClasses: e,
|
32
32
|
rules: [
|
@@ -40,20 +40,20 @@ const E = ({
|
|
40
40
|
}
|
41
41
|
]
|
42
42
|
});
|
43
|
-
return /* @__PURE__ */
|
43
|
+
return /* @__PURE__ */ C(
|
44
44
|
"textarea",
|
45
45
|
{
|
46
|
-
"data-testid":
|
47
|
-
value:
|
48
|
-
name:
|
49
|
-
cols:
|
50
|
-
rows:
|
51
|
-
disabled:
|
52
|
-
readOnly:
|
46
|
+
"data-testid": g,
|
47
|
+
value: t ?? void 0,
|
48
|
+
name: r,
|
49
|
+
cols: n ?? void 0,
|
50
|
+
rows: o ?? void 0,
|
51
|
+
disabled: u,
|
52
|
+
readOnly: d,
|
53
53
|
className: e,
|
54
54
|
style: a ?? void 0,
|
55
|
-
onClick:
|
56
|
-
onChange:
|
55
|
+
onClick: v ?? void 0,
|
56
|
+
onChange: m ?? void 0
|
57
57
|
}
|
58
58
|
);
|
59
59
|
};
|
@@ -3,12 +3,12 @@ import { default as TextArea } from '.';
|
|
3
3
|
import { TextAreaProps } from '../../../interfaces/atomProps';
|
4
4
|
declare const _default: Meta<typeof TextArea>;
|
5
5
|
export default _default;
|
6
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
|
7
|
-
export declare const WithText: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
|
8
|
-
export declare const Colored: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
|
9
|
-
export declare const WithBigSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
|
10
|
-
export declare const Hovered: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
|
11
|
-
export declare const Focused: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
|
12
|
-
export declare const Disabled: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
|
13
|
-
export declare const ReadOnly: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
|
14
|
-
export declare const FixedSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
|
6
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
|
7
|
+
export declare const WithText: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
|
8
|
+
export declare const Colored: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
|
9
|
+
export declare const WithBigSize: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
|
10
|
+
export declare const Hovered: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
|
11
|
+
export declare const Focused: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
|
12
|
+
export declare const Disabled: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
|
13
|
+
export declare const ReadOnly: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
|
14
|
+
export declare const FixedSize: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TextAreaProps>;
|
@@ -7,19 +7,19 @@ const g = ({
|
|
7
7
|
children: a,
|
8
8
|
context: n = null,
|
9
9
|
size: r = null,
|
10
|
-
color:
|
11
|
-
isVertical:
|
10
|
+
color: l = null,
|
11
|
+
isVertical: o = !1
|
12
12
|
}) => {
|
13
|
-
const
|
13
|
+
const e = c([
|
14
14
|
"tile",
|
15
15
|
n,
|
16
16
|
r,
|
17
|
-
|
18
|
-
|
17
|
+
l ? `notification ${l}` : null,
|
18
|
+
o ? "is-vertical" : null,
|
19
19
|
t
|
20
|
-
]),
|
20
|
+
]), u = s ?? d({
|
21
21
|
tag: "tile",
|
22
|
-
parsedClasses:
|
22
|
+
parsedClasses: e,
|
23
23
|
rules: [
|
24
24
|
{
|
25
25
|
regExp: /notification |tile/gm,
|
@@ -34,8 +34,8 @@ const g = ({
|
|
34
34
|
return /* @__PURE__ */ p(
|
35
35
|
"section",
|
36
36
|
{
|
37
|
-
"data-testid":
|
38
|
-
className:
|
37
|
+
"data-testid": u,
|
38
|
+
className: e,
|
39
39
|
style: i ?? void 0,
|
40
40
|
children: a
|
41
41
|
}
|
@@ -3,7 +3,7 @@ import { default as Tile } from '.';
|
|
3
3
|
import { TileProps } from '../../../interfaces/atomProps';
|
4
4
|
declare const _default: Meta<typeof Tile>;
|
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>;
|
@@ -1,24 +1,24 @@
|
|
1
|
-
import { jsxs as u, Fragment as m, jsx as
|
2
|
-
import { parseClasses as
|
3
|
-
const
|
4
|
-
const { type: s, size:
|
1
|
+
import { jsxs as u, Fragment as m, jsx as x } from "react/jsx-runtime";
|
2
|
+
import { parseClasses as f } from "../../../functions/parsers.js";
|
3
|
+
const r = (l) => {
|
4
|
+
const { type: s, size: t, isSpaced: a, cssClasses: d } = l, e = f([
|
5
5
|
s,
|
6
|
-
|
7
|
-
s === "title" &&
|
8
|
-
|
6
|
+
t ?? null,
|
7
|
+
s === "title" && a ? "is-spaced" : null,
|
8
|
+
d
|
9
9
|
]), p = (l == null ? void 0 : l.testId) ?? `${l == null ? void 0 : l.type}-test`;
|
10
|
-
return /* @__PURE__ */
|
10
|
+
return /* @__PURE__ */ x(
|
11
11
|
"p",
|
12
12
|
{
|
13
13
|
"data-testid": p,
|
14
|
-
className:
|
14
|
+
className: e,
|
15
15
|
style: (l == null ? void 0 : l.style) ?? void 0,
|
16
16
|
children: l == null ? void 0 : l.text
|
17
17
|
}
|
18
18
|
);
|
19
19
|
}, T = ({ main: l, secondary: s }) => /* @__PURE__ */ u(m, { children: [
|
20
|
-
l ?
|
21
|
-
s ?
|
20
|
+
l ? r(l) : null,
|
21
|
+
s ? r(s) : null
|
22
22
|
] });
|
23
23
|
export {
|
24
24
|
T as default
|
@@ -3,8 +3,8 @@ import { TitleProps } from '../../../interfaces/atomProps';
|
|
3
3
|
import { default as Title } from '.';
|
4
4
|
declare const _default: Meta<typeof Title>;
|
5
5
|
export default _default;
|
6
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TitleProps>;
|
7
|
-
export declare const WithBigSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TitleProps>;
|
8
|
-
export declare const WithSubtitles: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TitleProps>;
|
9
|
-
export declare const WithBiggerSubtitles: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TitleProps>;
|
10
|
-
export declare const SpicedTitle: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TitleProps>;
|
6
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TitleProps>;
|
7
|
+
export declare const WithBigSize: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TitleProps>;
|
8
|
+
export declare const WithSubtitles: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TitleProps>;
|
9
|
+
export declare const WithBiggerSubtitles: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TitleProps>;
|
10
|
+
export declare const SpicedTitle: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TitleProps>;
|
@@ -1,29 +1,29 @@
|
|
1
|
-
import { jsx as
|
2
|
-
import { parseClasses as p, parseTestId as
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
2
|
+
import { parseClasses as p, parseTestId as g } from "../../../functions/parsers.js";
|
3
3
|
import "react";
|
4
|
-
import
|
4
|
+
import f from "../../atoms/BreadcrumbItem/index.js";
|
5
5
|
import { generateKey as C } from "../../../functions/generators.js";
|
6
|
-
const
|
6
|
+
const B = ({
|
7
7
|
testId: a = "breadcrumbs",
|
8
8
|
containerTestId: s = null,
|
9
9
|
cssClasses: l = null,
|
10
10
|
containerCssClasses: t = null,
|
11
|
-
style:
|
11
|
+
style: m = null,
|
12
12
|
containerStyle: d = null,
|
13
|
-
items:
|
14
|
-
alignment:
|
13
|
+
items: u,
|
14
|
+
alignment: n = null,
|
15
15
|
separator: c = null,
|
16
|
-
size:
|
16
|
+
size: o = null
|
17
17
|
}) => {
|
18
|
-
const
|
18
|
+
const e = p([
|
19
19
|
"breadcrumb",
|
20
|
-
|
20
|
+
n,
|
21
21
|
c,
|
22
|
-
|
22
|
+
o,
|
23
23
|
t
|
24
|
-
]),
|
24
|
+
]), b = s ?? g({
|
25
25
|
tag: "breadcrumb",
|
26
|
-
parsedClasses:
|
26
|
+
parsedClasses: e,
|
27
27
|
rules: [
|
28
28
|
{
|
29
29
|
regExp: /breadcrumb/gm,
|
@@ -35,22 +35,22 @@ const E = ({
|
|
35
35
|
}
|
36
36
|
]
|
37
37
|
});
|
38
|
-
return /* @__PURE__ */
|
38
|
+
return /* @__PURE__ */ r(
|
39
39
|
"nav",
|
40
40
|
{
|
41
|
-
"data-testid":
|
42
|
-
className:
|
41
|
+
"data-testid": b,
|
42
|
+
className: e,
|
43
43
|
style: d ?? void 0,
|
44
|
-
children: /* @__PURE__ */
|
44
|
+
children: /* @__PURE__ */ r(
|
45
45
|
"ul",
|
46
46
|
{
|
47
47
|
"data-testid": a,
|
48
48
|
className: l ?? void 0,
|
49
|
-
style:
|
50
|
-
children:
|
51
|
-
|
49
|
+
style: m ?? void 0,
|
50
|
+
children: u.map((i) => /* @__PURE__ */ r(
|
51
|
+
f,
|
52
52
|
{
|
53
|
-
...
|
53
|
+
...i
|
54
54
|
},
|
55
55
|
`breadcrumb-item-${C()}`
|
56
56
|
))
|
@@ -60,5 +60,5 @@ const E = ({
|
|
60
60
|
);
|
61
61
|
};
|
62
62
|
export {
|
63
|
-
|
63
|
+
B as default
|
64
64
|
};
|
@@ -2,7 +2,7 @@ import { Meta } from '@storybook/react';
|
|
2
2
|
import { default as Breadcrumbs } from '.';
|
3
3
|
declare const _default: Meta<typeof Breadcrumbs>;
|
4
4
|
export default _default;
|
5
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').BreadcrumbsProps>;
|
6
|
-
export declare const SeparatedByDots: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').BreadcrumbsProps>;
|
7
|
-
export declare const BigSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').BreadcrumbsProps>;
|
8
|
-
export declare const AlignedToRight: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').BreadcrumbsProps>;
|
5
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').BreadcrumbsProps>;
|
6
|
+
export declare const SeparatedByDots: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').BreadcrumbsProps>;
|
7
|
+
export declare const BigSize: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').BreadcrumbsProps>;
|
8
|
+
export declare const AlignedToRight: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').BreadcrumbsProps>;
|
@@ -3,22 +3,22 @@ import g from "../../atoms/Button/index.js";
|
|
3
3
|
import { parseClasses as b, parseTestId as h } from "../../../functions/parsers.js";
|
4
4
|
import "react";
|
5
5
|
import { generateKey as C } from "../../../functions/generators.js";
|
6
|
-
const
|
6
|
+
const T = ({
|
7
7
|
testId: r = null,
|
8
|
-
cssClasses:
|
9
|
-
style:
|
8
|
+
cssClasses: a = null,
|
9
|
+
style: n = null,
|
10
10
|
buttonList: u,
|
11
11
|
isAttached: p = !1,
|
12
|
-
position:
|
12
|
+
position: s = "left"
|
13
13
|
}) => {
|
14
|
-
const
|
14
|
+
const o = b([
|
15
15
|
"buttons",
|
16
16
|
p ? "has-addons" : null,
|
17
|
-
!
|
18
|
-
|
17
|
+
!s || s === "left" ? null : `is-${s}`,
|
18
|
+
a
|
19
19
|
]), d = r ?? h({
|
20
20
|
tag: "buttons",
|
21
|
-
parsedClasses:
|
21
|
+
parsedClasses: o,
|
22
22
|
rules: [
|
23
23
|
{
|
24
24
|
regExp: /has-|is-/gm,
|
@@ -34,19 +34,19 @@ const $ = ({
|
|
34
34
|
"section",
|
35
35
|
{
|
36
36
|
"data-testid": d,
|
37
|
-
className:
|
38
|
-
style:
|
39
|
-
children: u.map((
|
40
|
-
const
|
41
|
-
({ isSelected:
|
42
|
-
), m =
|
43
|
-
...
|
44
|
-
color: m ?
|
37
|
+
className: o,
|
38
|
+
style: n ?? void 0,
|
39
|
+
children: u.map((t, x, c) => {
|
40
|
+
const e = c.some(
|
41
|
+
({ isSelected: f }) => f
|
42
|
+
), m = e && t.isSelected || !e, i = {
|
43
|
+
...t,
|
44
|
+
color: m ? t.color : void 0
|
45
45
|
};
|
46
46
|
return /* @__PURE__ */ l(
|
47
47
|
g,
|
48
48
|
{
|
49
|
-
...
|
49
|
+
...i
|
50
50
|
},
|
51
51
|
`button-group-item-${C()}`
|
52
52
|
);
|
@@ -55,5 +55,5 @@ const $ = ({
|
|
55
55
|
);
|
56
56
|
};
|
57
57
|
export {
|
58
|
-
|
58
|
+
T as default
|
59
59
|
};
|
@@ -2,7 +2,7 @@ import { Meta } from '@storybook/react';
|
|
2
2
|
import { default as ButtonGroup } from '.';
|
3
3
|
declare const _default: Meta<typeof ButtonGroup>;
|
4
4
|
export default _default;
|
5
|
-
export declare const BasicGroup: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ButtonGroupProps>;
|
6
|
-
export declare const AttachedButtons: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ButtonGroupProps>;
|
7
|
-
export declare const RightPositioned: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ButtonGroupProps>;
|
8
|
-
export declare const OneSelectedButton: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ButtonGroupProps>;
|
5
|
+
export declare const BasicGroup: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ButtonGroupProps>;
|
6
|
+
export declare const AttachedButtons: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ButtonGroupProps>;
|
7
|
+
export declare const RightPositioned: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ButtonGroupProps>;
|
8
|
+
export declare const OneSelectedButton: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ButtonGroupProps>;
|
@@ -1,9 +1,9 @@
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
2
|
-
import { parseClasses as
|
3
|
-
import
|
2
|
+
import { parseClasses as d, parseTestId as C } from "../../../functions/parsers.js";
|
3
|
+
import f from "../../atoms/Column/index.js";
|
4
4
|
import "react";
|
5
|
-
import { generateKey as
|
6
|
-
const
|
5
|
+
import { generateKey as v } from "../../../functions/generators.js";
|
6
|
+
const G = (l) => {
|
7
7
|
switch (l) {
|
8
8
|
case null:
|
9
9
|
return "is-gapless";
|
@@ -12,26 +12,26 @@ const g = (l) => {
|
|
12
12
|
default:
|
13
13
|
return l;
|
14
14
|
}
|
15
|
-
},
|
15
|
+
}, T = ({
|
16
16
|
testId: l = null,
|
17
17
|
cssClasses: n = null,
|
18
|
-
style:
|
19
|
-
listOfColumns:
|
18
|
+
style: t = null,
|
19
|
+
listOfColumns: o,
|
20
20
|
isMobileLayout: r = null,
|
21
|
-
isMultiline:
|
21
|
+
isMultiline: u = null,
|
22
22
|
isVerticallyCentered: i = null,
|
23
23
|
isHorizontallyCentered: m = null,
|
24
24
|
gap: a = void 0
|
25
25
|
}) => {
|
26
|
-
const s =
|
26
|
+
const s = d([
|
27
27
|
"columns",
|
28
|
-
|
28
|
+
u ? "is-multiline" : null,
|
29
29
|
r ? "is-mobile" : null,
|
30
30
|
i ? "is-vcentered" : null,
|
31
31
|
m ? "is-centered" : null,
|
32
|
-
|
32
|
+
G(a),
|
33
33
|
n
|
34
|
-
]), c = l ??
|
34
|
+
]), c = l ?? C({
|
35
35
|
tag: "columns",
|
36
36
|
parsedClasses: s
|
37
37
|
});
|
@@ -40,17 +40,17 @@ const g = (l) => {
|
|
40
40
|
{
|
41
41
|
"data-testid": c,
|
42
42
|
className: s,
|
43
|
-
style:
|
44
|
-
children:
|
45
|
-
|
43
|
+
style: t ?? void 0,
|
44
|
+
children: o.map((p) => /* @__PURE__ */ e(
|
45
|
+
f,
|
46
46
|
{
|
47
|
-
...
|
47
|
+
...p
|
48
48
|
},
|
49
|
-
`column-group-item-${
|
49
|
+
`column-group-item-${v()}`
|
50
50
|
))
|
51
51
|
}
|
52
52
|
);
|
53
53
|
};
|
54
54
|
export {
|
55
|
-
|
55
|
+
T as default
|
56
56
|
};
|
@@ -2,9 +2,9 @@ import { Meta } from '@storybook/react';
|
|
2
2
|
import { default as ColumnGroup } from '.';
|
3
3
|
declare const _default: Meta<typeof ColumnGroup>;
|
4
4
|
export default _default;
|
5
|
-
export declare const FewColumns: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ColumnGroupProps>;
|
6
|
-
export declare const SeveralColumns: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ColumnGroupProps>;
|
7
|
-
export declare const MultilineMode: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ColumnGroupProps>;
|
8
|
-
export declare const CenteredInHorizontalMode: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ColumnGroupProps>;
|
9
|
-
export declare const NoGapBetweenColumns: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ColumnGroupProps>;
|
10
|
-
export declare const MobileMode: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ColumnGroupProps>;
|
5
|
+
export declare const FewColumns: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ColumnGroupProps>;
|
6
|
+
export declare const SeveralColumns: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ColumnGroupProps>;
|
7
|
+
export declare const MultilineMode: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ColumnGroupProps>;
|
8
|
+
export declare const CenteredInHorizontalMode: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ColumnGroupProps>;
|
9
|
+
export declare const NoGapBetweenColumns: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ColumnGroupProps>;
|
10
|
+
export declare const MobileMode: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').ColumnGroupProps>;
|
@@ -1,13 +1,13 @@
|
|
1
1
|
import { jsxs as l, jsx as e } from "react/jsx-runtime";
|
2
2
|
import { useState as w } from "react";
|
3
|
-
import { parseClasses as f, parseTestId as
|
4
|
-
import
|
3
|
+
import { parseClasses as f, parseTestId as v } from "../../../functions/parsers.js";
|
4
|
+
import I from "../../atoms/DropdownTrigger/index.js";
|
5
5
|
import s from "../../atoms/DropdownItem/index.js";
|
6
6
|
import { generateKey as t } from "../../../functions/generators.js";
|
7
|
-
const h = (
|
7
|
+
const h = (o) => /* @__PURE__ */ e("section", { className: "dropdown-content", children: o.map((n, r) => o.length > 1 && r === 0 ? /* @__PURE__ */ e(
|
8
8
|
s,
|
9
9
|
{
|
10
|
-
...
|
10
|
+
...n
|
11
11
|
},
|
12
12
|
`dropdown-item-${t()}`
|
13
13
|
) : /* @__PURE__ */ l("section", { children: [
|
@@ -22,13 +22,13 @@ const h = (n) => /* @__PURE__ */ e("section", { className: "dropdown-content", c
|
|
22
22
|
/* @__PURE__ */ e(
|
23
23
|
s,
|
24
24
|
{
|
25
|
-
...
|
25
|
+
...n
|
26
26
|
},
|
27
27
|
`dropdown-item-${t()}`
|
28
28
|
)
|
29
29
|
] }, `dropdown-item-${t()}-section`)) }), y = ({
|
30
|
-
testId:
|
31
|
-
cssClasses:
|
30
|
+
testId: o = null,
|
31
|
+
cssClasses: n = null,
|
32
32
|
style: r = null,
|
33
33
|
inputText: d,
|
34
34
|
dropdownPointer: i = "dropdown-menu",
|
@@ -37,8 +37,8 @@ const h = (n) => /* @__PURE__ */ e("section", { className: "dropdown-content", c
|
|
37
37
|
const [m, a] = w(!1), p = f([
|
38
38
|
"dropdown",
|
39
39
|
m ? "is-active" : null,
|
40
|
-
|
41
|
-
]), u =
|
40
|
+
n
|
41
|
+
]), u = o ?? v({ tag: "dropdown", parsedClasses: p });
|
42
42
|
return /* @__PURE__ */ l(
|
43
43
|
"section",
|
44
44
|
{
|
@@ -47,7 +47,7 @@ const h = (n) => /* @__PURE__ */ e("section", { className: "dropdown-content", c
|
|
47
47
|
style: r ?? void 0,
|
48
48
|
children: [
|
49
49
|
/* @__PURE__ */ e(
|
50
|
-
|
50
|
+
I,
|
51
51
|
{
|
52
52
|
menuText: d,
|
53
53
|
dropdownPointer: i,
|
@@ -2,5 +2,5 @@ import { Meta } from '@storybook/react';
|
|
2
2
|
import { default as Dropdown } from '.';
|
3
3
|
declare const _default: Meta<typeof Dropdown>;
|
4
4
|
export default _default;
|
5
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').DropdownProps>;
|
6
|
-
export declare const AllItemsAreLinks: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').DropdownProps>;
|
5
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').DropdownProps>;
|
6
|
+
export declare const AllItemsAreLinks: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').DropdownProps>;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
2
|
-
import { parseClasses as
|
2
|
+
import { parseClasses as o, parseTestId as n } from "../../../functions/parsers.js";
|
3
3
|
const x = ({
|
4
4
|
testId: l = null,
|
5
5
|
containerTestId: r = null,
|
@@ -7,14 +7,14 @@ const x = ({
|
|
7
7
|
containerCssClasses: c = null,
|
8
8
|
style: d = null,
|
9
9
|
containerStyle: i = null,
|
10
|
-
content:
|
11
|
-
isContentCentered:
|
10
|
+
content: p,
|
11
|
+
isContentCentered: f = !1
|
12
12
|
}) => {
|
13
|
-
const e =
|
13
|
+
const e = o(["footer", c]), t = o([
|
14
14
|
"content",
|
15
|
-
|
15
|
+
f ? "has-text-centered" : null,
|
16
16
|
a
|
17
|
-
]),
|
17
|
+
]), u = r ?? n({ tag: "footer", parsedClasses: e }), C = l ?? n({
|
18
18
|
tag: "content",
|
19
19
|
parsedClasses: t,
|
20
20
|
rules: [
|
@@ -31,7 +31,7 @@ const x = ({
|
|
31
31
|
return /* @__PURE__ */ s(
|
32
32
|
"section",
|
33
33
|
{
|
34
|
-
"data-testid":
|
34
|
+
"data-testid": u,
|
35
35
|
className: e,
|
36
36
|
style: i ?? void 0,
|
37
37
|
children: /* @__PURE__ */ s(
|
@@ -40,7 +40,7 @@ const x = ({
|
|
40
40
|
"data-testid": C,
|
41
41
|
className: t,
|
42
42
|
style: d ?? void 0,
|
43
|
-
children:
|
43
|
+
children: p
|
44
44
|
}
|
45
45
|
)
|
46
46
|
}
|
@@ -2,7 +2,7 @@ import { Meta } from '@storybook/react';
|
|
2
2
|
import { default as Footer } from '.';
|
3
3
|
declare const _default: Meta<typeof Footer>;
|
4
4
|
export default _default;
|
5
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').FooterProps>;
|
6
|
-
export declare const BulmaExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').FooterProps>;
|
7
|
-
export declare const Centered: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').FooterProps>;
|
8
|
-
export declare const WithCustomComponent: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').FooterProps>;
|
5
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').FooterProps>;
|
6
|
+
export declare const BulmaExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').FooterProps>;
|
7
|
+
export declare const Centered: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').FooterProps>;
|
8
|
+
export declare const WithCustomComponent: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/moleculeProps').FooterProps>;
|
@@ -88,19 +88,19 @@ const x = (r, t) => {
|
|
88
88
|
labelText: t,
|
89
89
|
type: e,
|
90
90
|
input: s,
|
91
|
-
helper:
|
92
|
-
isHorizontal:
|
91
|
+
helper: a,
|
92
|
+
isHorizontal: n
|
93
93
|
}) => {
|
94
|
-
const
|
95
|
-
() => x(t,
|
96
|
-
[t,
|
97
|
-
),
|
94
|
+
const c = m(
|
95
|
+
() => x(t, n),
|
96
|
+
[t, n]
|
97
|
+
), d = m(
|
98
98
|
() => F({ testId: r ?? void 0, type: e, input: s }),
|
99
99
|
[r, e, s]
|
100
|
-
), i = m(() => N(
|
100
|
+
), i = m(() => N(a), [a]);
|
101
101
|
return /* @__PURE__ */ f(p, { children: [
|
102
|
-
d,
|
103
102
|
c,
|
103
|
+
d,
|
104
104
|
i
|
105
105
|
] });
|
106
106
|
};
|