reactive-bulma 4.1.0 → 4.1.2
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/assets/style.css +1 -0
- package/dist/components/atoms/Block/index.d.ts +4 -0
- package/dist/components/atoms/Block/index.js +18 -0
- package/dist/components/atoms/Block/index.stories.d.ts +8 -0
- package/dist/components/atoms/Block/index.test.d.ts +0 -0
- package/dist/components/atoms/Box/index.d.ts +4 -0
- package/dist/components/atoms/Box/index.js +18 -0
- package/dist/components/atoms/Box/index.stories.d.ts +8 -0
- package/dist/components/atoms/Box/index.test.d.ts +0 -0
- package/dist/components/atoms/BreadcrumbItem/index.d.ts +4 -0
- package/dist/components/atoms/BreadcrumbItem/index.js +44 -0
- package/dist/components/atoms/BreadcrumbItem/index.stories.d.ts +6 -0
- package/dist/components/atoms/BreadcrumbItem/index.test.d.ts +0 -0
- package/dist/components/atoms/Button/index.d.ts +4 -0
- package/dist/components/atoms/Button/index.js +49 -0
- package/dist/components/atoms/Button/index.stories.d.ts +14 -0
- package/dist/components/atoms/Button/index.test.d.ts +0 -0
- package/dist/components/atoms/Checkbox/index.d.ts +4 -0
- package/dist/components/atoms/Checkbox/index.js +49 -0
- package/dist/components/atoms/Checkbox/index.stories.d.ts +9 -0
- package/dist/components/atoms/Checkbox/index.test.d.ts +0 -0
- package/dist/components/atoms/Column/index.d.ts +4 -0
- package/dist/components/atoms/Column/index.js +31 -0
- package/dist/components/atoms/Column/index.stories.d.ts +8 -0
- package/dist/components/atoms/Column/index.test.d.ts +0 -0
- package/dist/components/atoms/Delete/index.d.ts +4 -0
- package/dist/components/atoms/Delete/index.js +26 -0
- package/dist/components/atoms/Delete/index.stories.d.ts +6 -0
- package/dist/components/atoms/Delete/index.test.d.ts +0 -0
- package/dist/components/atoms/DropdownItem/index.d.ts +4 -0
- package/dist/components/atoms/DropdownItem/index.js +37 -0
- package/dist/components/atoms/DropdownItem/index.stories.d.ts +5 -0
- package/dist/components/atoms/DropdownItem/index.test.d.ts +0 -0
- package/dist/components/atoms/DropdownTrigger/index.d.ts +4 -0
- package/dist/components/atoms/DropdownTrigger/index.js +53 -0
- package/dist/components/atoms/DropdownTrigger/index.stories.d.ts +5 -0
- package/dist/components/atoms/DropdownTrigger/index.test.d.ts +0 -0
- package/dist/components/atoms/File/index.d.ts +4 -0
- package/dist/components/atoms/File/index.js +73 -0
- package/dist/components/atoms/File/index.stories.d.ts +13 -0
- package/dist/components/atoms/File/index.test.d.ts +0 -0
- package/dist/components/atoms/Icon/index.d.ts +4 -0
- package/dist/components/atoms/Icon/index.js +88 -0
- package/dist/components/atoms/Icon/index.stories.d.ts +12 -0
- package/dist/components/atoms/Icon/index.test.d.ts +0 -0
- package/dist/components/atoms/Image/index.d.ts +4 -0
- package/dist/components/atoms/Image/index.js +44 -0
- package/dist/components/atoms/Image/index.stories.d.ts +8 -0
- package/dist/components/atoms/Image/index.test.d.ts +0 -0
- package/dist/components/atoms/Input/index.d.ts +4 -0
- package/dist/components/atoms/Input/index.js +50 -0
- package/dist/components/atoms/Input/index.stories.d.ts +15 -0
- package/dist/components/atoms/Input/index.test.d.ts +0 -0
- package/dist/components/atoms/LevelHeader/index.d.ts +4 -0
- package/dist/components/atoms/LevelHeader/index.js +26 -0
- package/dist/components/atoms/LevelHeader/index.stories.d.ts +6 -0
- package/dist/components/atoms/LevelHeader/index.test.d.ts +0 -0
- package/dist/components/atoms/MenuItem/index.d.ts +4 -0
- package/dist/components/atoms/MenuItem/index.js +30 -0
- package/dist/components/atoms/MenuItem/index.stories.d.ts +6 -0
- package/dist/components/atoms/MenuItem/index.test.d.ts +0 -0
- package/dist/components/atoms/NavBarItem/index.d.ts +4 -0
- package/dist/components/atoms/NavBarItem/index.js +30 -0
- package/dist/components/atoms/NavBarItem/index.stories.d.ts +5 -0
- package/dist/components/atoms/NavBarItem/index.test.d.ts +0 -0
- package/dist/components/atoms/PaginationItem/index.d.ts +4 -0
- package/dist/components/atoms/PaginationItem/index.js +37 -0
- package/dist/components/atoms/PaginationItem/index.stories.d.ts +8 -0
- package/dist/components/atoms/PaginationItem/index.test.d.ts +0 -0
- package/dist/components/atoms/ProgressBar/index.d.ts +4 -0
- package/dist/components/atoms/ProgressBar/index.js +36 -0
- package/dist/components/atoms/ProgressBar/index.stories.d.ts +10 -0
- package/dist/components/atoms/ProgressBar/index.test.d.ts +0 -0
- package/dist/components/atoms/RadioButton/index.d.ts +4 -0
- package/dist/components/atoms/RadioButton/index.js +71 -0
- package/dist/components/atoms/RadioButton/index.stories.d.ts +8 -0
- package/dist/components/atoms/RadioButton/index.test.d.ts +0 -0
- package/dist/components/atoms/Select/index.d.ts +4 -0
- package/dist/components/atoms/Select/index.js +64 -0
- package/dist/components/atoms/Select/index.stories.d.ts +9 -0
- package/dist/components/atoms/Select/index.test.d.ts +0 -0
- package/dist/components/atoms/TabItem/index.d.ts +4 -0
- package/dist/components/atoms/TabItem/index.js +44 -0
- package/dist/components/atoms/TabItem/index.stories.d.ts +6 -0
- package/dist/components/atoms/TabItem/index.test.d.ts +0 -0
- package/dist/components/atoms/TableCell/index.d.ts +4 -0
- package/dist/components/atoms/TableCell/index.js +24 -0
- package/dist/components/atoms/TableCell/index.stories.d.ts +5 -0
- package/dist/components/atoms/TableCell/index.test.d.ts +0 -0
- package/dist/components/atoms/TableHeadCell/index.d.ts +4 -0
- package/dist/components/atoms/TableHeadCell/index.js +24 -0
- package/dist/components/atoms/TableHeadCell/index.stories.d.ts +5 -0
- package/dist/components/atoms/TableHeadCell/index.test.d.ts +0 -0
- package/dist/components/atoms/Tag/index.d.ts +4 -0
- package/dist/components/atoms/Tag/index.js +87 -0
- package/dist/components/atoms/Tag/index.stories.d.ts +13 -0
- package/dist/components/atoms/Tag/index.test.d.ts +0 -0
- package/dist/components/atoms/TextArea/index.d.ts +4 -0
- package/dist/components/atoms/TextArea/index.js +60 -0
- package/dist/components/atoms/TextArea/index.stories.d.ts +14 -0
- package/dist/components/atoms/TextArea/index.test.d.ts +0 -0
- package/dist/components/atoms/Tile/index.d.ts +4 -0
- package/dist/components/atoms/Tile/index.js +46 -0
- package/dist/components/atoms/Tile/index.stories.d.ts +9 -0
- package/dist/components/atoms/Tile/index.test.d.ts +0 -0
- package/dist/components/atoms/Title/index.d.ts +4 -0
- package/dist/components/atoms/Title/index.js +25 -0
- package/dist/components/atoms/Title/index.stories.d.ts +10 -0
- package/dist/components/atoms/Title/index.test.d.ts +0 -0
- package/dist/components/atoms/index.d.ts +27 -0
- package/dist/components/atoms/index.js +56 -0
- package/dist/components/molecules/Breadcrumbs/index.d.ts +4 -0
- package/dist/components/molecules/Breadcrumbs/index.js +63 -0
- package/dist/components/molecules/Breadcrumbs/index.stories.d.ts +8 -0
- package/dist/components/molecules/Breadcrumbs/index.test.d.ts +0 -0
- package/dist/components/molecules/ButtonGroup/index.d.ts +4 -0
- package/dist/components/molecules/ButtonGroup/index.js +58 -0
- package/dist/components/molecules/ButtonGroup/index.stories.d.ts +8 -0
- package/dist/components/molecules/ButtonGroup/index.test.d.ts +0 -0
- package/dist/components/molecules/ColumnGroup/index.d.ts +4 -0
- package/dist/components/molecules/ColumnGroup/index.js +55 -0
- package/dist/components/molecules/ColumnGroup/index.stories.d.ts +10 -0
- package/dist/components/molecules/ColumnGroup/index.test.d.ts +0 -0
- package/dist/components/molecules/Dropdown/index.d.ts +4 -0
- package/dist/components/molecules/Dropdown/index.js +72 -0
- package/dist/components/molecules/Dropdown/index.stories.d.ts +6 -0
- package/dist/components/molecules/Dropdown/index.test.d.ts +0 -0
- package/dist/components/molecules/Footer/index.d.ts +4 -0
- package/dist/components/molecules/Footer/index.js +51 -0
- package/dist/components/molecules/Footer/index.stories.d.ts +8 -0
- package/dist/components/molecules/Footer/index.test.d.ts +0 -0
- package/dist/components/molecules/InputControl/index.d.ts +4 -0
- package/dist/components/molecules/InputControl/index.js +59 -0
- package/dist/components/molecules/InputControl/index.stories.d.ts +11 -0
- package/dist/components/molecules/InputControl/index.test.d.ts +0 -0
- package/dist/components/molecules/LevelItem/index.d.ts +4 -0
- package/dist/components/molecules/LevelItem/index.js +40 -0
- package/dist/components/molecules/LevelItem/index.stories.d.ts +7 -0
- package/dist/components/molecules/LevelItem/index.test.d.ts +0 -0
- package/dist/components/molecules/Media/index.d.ts +4 -0
- package/dist/components/molecules/Media/index.js +35 -0
- package/dist/components/molecules/Media/index.stories.d.ts +10 -0
- package/dist/components/molecules/Media/index.test.d.ts +0 -0
- package/dist/components/molecules/Menu/index.d.ts +4 -0
- package/dist/components/molecules/Menu/index.js +41 -0
- package/dist/components/molecules/Menu/index.stories.d.ts +6 -0
- package/dist/components/molecules/Menu/index.test.d.ts +0 -0
- package/dist/components/molecules/MenuList/index.d.ts +4 -0
- package/dist/components/molecules/MenuList/index.js +39 -0
- package/dist/components/molecules/MenuList/index.stories.d.ts +6 -0
- package/dist/components/molecules/MenuList/index.test.d.ts +0 -0
- package/dist/components/molecules/Message/index.d.ts +4 -0
- package/dist/components/molecules/Message/index.js +47 -0
- package/dist/components/molecules/Message/index.stories.d.ts +9 -0
- package/dist/components/molecules/Message/index.test.d.ts +0 -0
- package/dist/components/molecules/Modal/index.d.ts +4 -0
- package/dist/components/molecules/Modal/index.js +61 -0
- package/dist/components/molecules/Modal/index.stories.d.ts +7 -0
- package/dist/components/molecules/Modal/index.test.d.ts +0 -0
- package/dist/components/molecules/NavBarBrand/index.d.ts +4 -0
- package/dist/components/molecules/NavBarBrand/index.js +48 -0
- package/dist/components/molecules/NavBarBrand/index.stories.d.ts +7 -0
- package/dist/components/molecules/NavBarBrand/index.test.d.ts +0 -0
- package/dist/components/molecules/NavBarDropdown/index.d.ts +4 -0
- package/dist/components/molecules/NavBarDropdown/index.js +85 -0
- package/dist/components/molecules/NavBarDropdown/index.stories.d.ts +10 -0
- package/dist/components/molecules/NavBarDropdown/index.test.d.ts +0 -0
- package/dist/components/molecules/Notification/index.d.ts +4 -0
- package/dist/components/molecules/Notification/index.js +37 -0
- package/dist/components/molecules/Notification/index.stories.d.ts +8 -0
- package/dist/components/molecules/Notification/index.test.d.ts +0 -0
- package/dist/components/molecules/Pagination/index.d.ts +4 -0
- package/dist/components/molecules/Pagination/index.js +109 -0
- package/dist/components/molecules/Pagination/index.stories.d.ts +12 -0
- package/dist/components/molecules/Pagination/index.test.d.ts +0 -0
- package/dist/components/molecules/PanelBlock/index.d.ts +4 -0
- package/dist/components/molecules/PanelBlock/index.js +60 -0
- package/dist/components/molecules/PanelBlock/index.stories.d.ts +8 -0
- package/dist/components/molecules/PanelBlock/index.test.d.ts +0 -0
- package/dist/components/molecules/PanelTabs/index.d.ts +4 -0
- package/dist/components/molecules/PanelTabs/index.js +32 -0
- package/dist/components/molecules/PanelTabs/index.stories.d.ts +7 -0
- package/dist/components/molecules/PanelTabs/index.test.d.ts +0 -0
- package/dist/components/molecules/Section/index.d.ts +4 -0
- package/dist/components/molecules/Section/index.js +23 -0
- package/dist/components/molecules/Section/index.stories.d.ts +8 -0
- package/dist/components/molecules/Section/index.test.d.ts +0 -0
- package/dist/components/molecules/TableRow/index.d.ts +4 -0
- package/dist/components/molecules/TableRow/index.js +41 -0
- package/dist/components/molecules/TableRow/index.stories.d.ts +7 -0
- package/dist/components/molecules/TableRow/index.test.d.ts +0 -0
- package/dist/components/molecules/Tabs/index.d.ts +4 -0
- package/dist/components/molecules/Tabs/index.js +44 -0
- package/dist/components/molecules/Tabs/index.stories.d.ts +13 -0
- package/dist/components/molecules/Tabs/index.test.d.ts +0 -0
- package/dist/components/molecules/TileBox/index.d.ts +4 -0
- package/dist/components/molecules/TileBox/index.js +51 -0
- package/dist/components/molecules/TileBox/index.stories.d.ts +9 -0
- package/dist/components/molecules/TileBox/index.test.d.ts +0 -0
- package/dist/components/molecules/index.d.ts +22 -0
- package/dist/components/molecules/index.js +46 -0
- package/dist/components/organisms/Card/index.d.ts +4 -0
- package/dist/components/organisms/Card/index.js +87 -0
- package/dist/components/organisms/Card/index.stories.d.ts +8 -0
- package/dist/components/organisms/Card/index.test.d.ts +0 -0
- package/dist/components/organisms/FormField/index.d.ts +4 -0
- package/dist/components/organisms/FormField/index.js +76 -0
- package/dist/components/organisms/FormField/index.stories.d.ts +11 -0
- package/dist/components/organisms/FormField/index.test.d.ts +0 -0
- package/dist/components/organisms/Hero/index.d.ts +4 -0
- package/dist/components/organisms/Hero/index.js +37 -0
- package/dist/components/organisms/Hero/index.stories.d.ts +12 -0
- package/dist/components/organisms/Hero/index.test.d.ts +0 -0
- package/dist/components/organisms/Level/index.d.ts +4 -0
- package/dist/components/organisms/Level/index.js +42 -0
- package/dist/components/organisms/Level/index.stories.d.ts +9 -0
- package/dist/components/organisms/Level/index.test.d.ts +0 -0
- package/dist/components/organisms/NavBar/index.d.ts +4 -0
- package/dist/components/organisms/NavBar/index.js +83 -0
- package/dist/components/organisms/NavBar/index.stories.d.ts +11 -0
- package/dist/components/organisms/NavBar/index.test.d.ts +0 -0
- package/dist/components/organisms/Panel/index.d.ts +4 -0
- package/dist/components/organisms/Panel/index.js +39 -0
- package/dist/components/organisms/Panel/index.stories.d.ts +11 -0
- package/dist/components/organisms/Panel/index.test.d.ts +0 -0
- package/dist/components/organisms/Table/index.d.ts +4 -0
- package/dist/components/organisms/Table/index.js +65 -0
- package/dist/components/organisms/Table/index.stories.d.ts +15 -0
- package/dist/components/organisms/Table/index.test.d.ts +0 -0
- package/dist/components/organisms/TileGroup/index.d.ts +4 -0
- package/dist/components/organisms/TileGroup/index.js +55 -0
- package/dist/components/organisms/TileGroup/index.stories.d.ts +8 -0
- package/dist/components/organisms/TileGroup/index.test.d.ts +0 -0
- package/dist/components/organisms/index.d.ts +8 -0
- package/dist/components/organisms/index.js +18 -0
- package/dist/functions/generators.d.ts +4 -0
- package/dist/functions/generators.js +12 -0
- package/dist/functions/jest.d.ts +2 -0
- package/dist/functions/parsers.d.ts +14 -0
- package/dist/functions/parsers.js +19 -0
- package/dist/functions/tests/generators.test.d.ts +1 -0
- package/dist/functions/tests/parsers.test.d.ts +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +116 -0
- package/dist/interfaces/atomProps.d.ts +305 -0
- package/dist/interfaces/atomProps.js +1 -0
- package/dist/interfaces/commonProps.d.ts +25 -0
- package/dist/interfaces/commonProps.js +1 -0
- package/dist/interfaces/functionProps.d.ts +16 -0
- package/dist/interfaces/functionProps.js +1 -0
- package/dist/interfaces/moleculeProps.d.ts +229 -0
- package/dist/interfaces/moleculeProps.js +1 -0
- package/dist/interfaces/organismProps.d.ts +112 -0
- package/dist/interfaces/organismProps.js +1 -0
- package/dist/types/domTypes.d.ts +16 -0
- package/dist/types/domTypes.js +4 -0
- package/dist/types/styleTypes.d.ts +19 -0
- package/dist/types/styleTypes.js +1 -0
- package/package.json +7 -5
@@ -0,0 +1,9 @@
|
|
1
|
+
import { Meta } from '@storybook/react';
|
2
|
+
import { default as Select } from '.';
|
3
|
+
declare const _default: Meta<typeof Select>;
|
4
|
+
export default _default;
|
5
|
+
export declare const OnlyRequiredProps: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;
|
6
|
+
export declare const WithOneOption: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;
|
7
|
+
export declare const WithSeveralOptions: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;
|
8
|
+
export declare const ShowsThreeOptions: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;
|
9
|
+
export declare const FirstOptionsSelected: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').SelectProps>;
|
File without changes
|
@@ -0,0 +1,44 @@
|
|
1
|
+
import { jsxs as c, jsx as e } from "react/jsx-runtime";
|
2
|
+
import I from "../Icon/index.js";
|
3
|
+
import { parseTestId as n } from "../../../functions/parsers.js";
|
4
|
+
const T = ({
|
5
|
+
testId: d = null,
|
6
|
+
containerTestId: s = null,
|
7
|
+
cssClasses: t = null,
|
8
|
+
containerCssClasses: l = null,
|
9
|
+
style: i = null,
|
10
|
+
containerStyle: o = null,
|
11
|
+
icon: a = null,
|
12
|
+
text: r,
|
13
|
+
onClick: m = null
|
14
|
+
}) => {
|
15
|
+
const u = s ?? n({
|
16
|
+
tag: "tab-item-container",
|
17
|
+
parsedClasses: l ?? ""
|
18
|
+
}), p = d ?? n({ tag: "tab-item", parsedClasses: t ?? "" });
|
19
|
+
return /* @__PURE__ */ c(
|
20
|
+
"a",
|
21
|
+
{
|
22
|
+
"data-testid": u,
|
23
|
+
className: l ?? void 0,
|
24
|
+
style: o ?? void 0,
|
25
|
+
"aria-hidden": "true",
|
26
|
+
onClick: m ?? void 0,
|
27
|
+
children: [
|
28
|
+
a ? /* @__PURE__ */ e(I, { ...a }) : null,
|
29
|
+
/* @__PURE__ */ e(
|
30
|
+
"span",
|
31
|
+
{
|
32
|
+
"data-testid": p,
|
33
|
+
className: t ?? void 0,
|
34
|
+
style: i ?? void 0,
|
35
|
+
children: r
|
36
|
+
}
|
37
|
+
)
|
38
|
+
]
|
39
|
+
}
|
40
|
+
);
|
41
|
+
};
|
42
|
+
export {
|
43
|
+
T as default
|
44
|
+
};
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { Meta } from '@storybook/react';
|
2
|
+
import { default as TabItem } from '.';
|
3
|
+
declare const _default: Meta<typeof TabItem>;
|
4
|
+
export default _default;
|
5
|
+
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TabItemProps>;
|
6
|
+
export declare const WithIcon: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TabItemProps>;
|
File without changes
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
2
|
+
import { parseTestId as s } from "../../../functions/parsers.js";
|
3
|
+
const u = ({
|
4
|
+
testId: e = null,
|
5
|
+
cssClasses: l = null,
|
6
|
+
style: t = null,
|
7
|
+
content: a,
|
8
|
+
onClick: d = null
|
9
|
+
}) => {
|
10
|
+
const o = e ?? s({ tag: "table-cell", parsedClasses: l ?? "" });
|
11
|
+
return /* @__PURE__ */ r(
|
12
|
+
"td",
|
13
|
+
{
|
14
|
+
"data-testid": o,
|
15
|
+
className: l ?? void 0,
|
16
|
+
style: t ?? void 0,
|
17
|
+
onClick: d ?? void 0,
|
18
|
+
children: a
|
19
|
+
}
|
20
|
+
);
|
21
|
+
};
|
22
|
+
export {
|
23
|
+
u as default
|
24
|
+
};
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import { Meta } from '@storybook/react';
|
2
|
+
import { default as TableCell } from '.';
|
3
|
+
declare const _default: Meta<typeof TableCell>;
|
4
|
+
export default _default;
|
5
|
+
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TableCellProps>;
|
File without changes
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
2
|
+
import { parseTestId as s } from "../../../functions/parsers.js";
|
3
|
+
const u = ({
|
4
|
+
testId: e = null,
|
5
|
+
cssClasses: l = null,
|
6
|
+
style: t = null,
|
7
|
+
content: a,
|
8
|
+
onClick: d = null
|
9
|
+
}) => {
|
10
|
+
const o = e ?? s({ tag: "table-head-cell", parsedClasses: l ?? "" });
|
11
|
+
return /* @__PURE__ */ r(
|
12
|
+
"th",
|
13
|
+
{
|
14
|
+
"data-testid": o,
|
15
|
+
className: l ?? void 0,
|
16
|
+
style: t ?? void 0,
|
17
|
+
onClick: d ?? void 0,
|
18
|
+
children: a
|
19
|
+
}
|
20
|
+
);
|
21
|
+
};
|
22
|
+
export {
|
23
|
+
u as default
|
24
|
+
};
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import { Meta } from '@storybook/react';
|
2
|
+
import { default as TableHeadCell } from '.';
|
3
|
+
declare const _default: Meta<typeof TableHeadCell>;
|
4
|
+
export default _default;
|
5
|
+
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TableHeadCellProps>;
|
File without changes
|
@@ -0,0 +1,87 @@
|
|
1
|
+
import { jsxs as i, jsx as l } from "react/jsx-runtime";
|
2
|
+
import { parseClasses as n, parseTestId as L } from "../../../functions/parsers.js";
|
3
|
+
const q = ({
|
4
|
+
testId: g = null,
|
5
|
+
containerTestId: p = null,
|
6
|
+
cssClasses: m = null,
|
7
|
+
containerCssClasses: C = null,
|
8
|
+
style: N = null,
|
9
|
+
containerStyle: f = null,
|
10
|
+
text: d,
|
11
|
+
withDelete: r = !1,
|
12
|
+
withAddon: a = !1,
|
13
|
+
addonText: T = null,
|
14
|
+
color: v = null,
|
15
|
+
isLight: I = null,
|
16
|
+
isRounded: b = null,
|
17
|
+
size: t = null,
|
18
|
+
addonColor: j = null,
|
19
|
+
onDeleteClick: c = null
|
20
|
+
}) => {
|
21
|
+
const o = n([
|
22
|
+
"tags",
|
23
|
+
"has-addons",
|
24
|
+
t ? t.replace("is-", "are-") : null,
|
25
|
+
C
|
26
|
+
]), e = n([
|
27
|
+
"tag",
|
28
|
+
v,
|
29
|
+
I && !a ? "is-light" : null,
|
30
|
+
b && !a ? "is-rounded" : null,
|
31
|
+
t,
|
32
|
+
m
|
33
|
+
]), x = n(["tag", j]), s = g ?? L({
|
34
|
+
tag: a ? "tags" : "tag",
|
35
|
+
parsedClasses: a ? o : e,
|
36
|
+
separator: a ? "-" : ""
|
37
|
+
}), y = p ?? `${s}-container`, u = `${s}-delete`;
|
38
|
+
return a ? /* @__PURE__ */ i(
|
39
|
+
"section",
|
40
|
+
{
|
41
|
+
"data-testid": y,
|
42
|
+
style: f ?? void 0,
|
43
|
+
className: o,
|
44
|
+
children: [
|
45
|
+
/* @__PURE__ */ l(
|
46
|
+
"span",
|
47
|
+
{
|
48
|
+
"data-testid": s,
|
49
|
+
className: e,
|
50
|
+
children: d
|
51
|
+
}
|
52
|
+
),
|
53
|
+
r ? /* @__PURE__ */ l(
|
54
|
+
"a",
|
55
|
+
{
|
56
|
+
"data-testid": u,
|
57
|
+
className: "tag is-delete",
|
58
|
+
title: "delete",
|
59
|
+
"aria-hidden": "true",
|
60
|
+
onClick: c ?? void 0
|
61
|
+
}
|
62
|
+
) : /* @__PURE__ */ l("span", { className: x, children: T })
|
63
|
+
]
|
64
|
+
}
|
65
|
+
) : /* @__PURE__ */ i(
|
66
|
+
"span",
|
67
|
+
{
|
68
|
+
"data-testid": s,
|
69
|
+
style: N ?? void 0,
|
70
|
+
className: e,
|
71
|
+
children: [
|
72
|
+
d,
|
73
|
+
r ? /* @__PURE__ */ l(
|
74
|
+
"button",
|
75
|
+
{
|
76
|
+
"data-testid": u,
|
77
|
+
className: "delete",
|
78
|
+
onClick: c ?? void 0
|
79
|
+
}
|
80
|
+
) : null
|
81
|
+
]
|
82
|
+
}
|
83
|
+
);
|
84
|
+
};
|
85
|
+
export {
|
86
|
+
q as default
|
87
|
+
};
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import { Meta } from '@storybook/react';
|
2
|
+
import { default as Tag } from '.';
|
3
|
+
declare const _default: Meta<typeof Tag>;
|
4
|
+
export default _default;
|
5
|
+
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
|
6
|
+
export declare const Colored: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
|
7
|
+
export declare const Rounded: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
|
8
|
+
export declare const LightColor: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
|
9
|
+
export declare const LargeSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
|
10
|
+
export declare const WithDeleteButton: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
|
11
|
+
export declare const WithAnAddon: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
|
12
|
+
export declare const ColoredAddon: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
|
13
|
+
export declare const WithDeleteAddon: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').TagProps>;
|
File without changes
|
@@ -0,0 +1,60 @@
|
|
1
|
+
import { jsx as g } from "react/jsx-runtime";
|
2
|
+
import { parseClasses as C, parseTestId as h } from "../../../functions/parsers.js";
|
3
|
+
const y = ({
|
4
|
+
testId: l = null,
|
5
|
+
cssClasses: s = null,
|
6
|
+
style: a = null,
|
7
|
+
text: t = null,
|
8
|
+
cols: r = null,
|
9
|
+
rows: n = null,
|
10
|
+
isDisabled: u = !1,
|
11
|
+
isReadonly: o = !1,
|
12
|
+
isFixedSize: d = !1,
|
13
|
+
color: i = null,
|
14
|
+
size: x = null,
|
15
|
+
isHovered: p = null,
|
16
|
+
isFocused: c = null,
|
17
|
+
onClick: f = null,
|
18
|
+
onChange: m = null
|
19
|
+
}) => {
|
20
|
+
const e = C([
|
21
|
+
"textarea",
|
22
|
+
i,
|
23
|
+
x,
|
24
|
+
p ? "is-hovered" : null,
|
25
|
+
c ? "is-focused" : null,
|
26
|
+
d ? "has-fixed-size" : null,
|
27
|
+
s
|
28
|
+
]), v = l ?? h({
|
29
|
+
tag: "textarea",
|
30
|
+
parsedClasses: e,
|
31
|
+
rules: [
|
32
|
+
{
|
33
|
+
regExp: /textarea/gm,
|
34
|
+
replacer: ""
|
35
|
+
},
|
36
|
+
{
|
37
|
+
regExp: /is-|has-/gm,
|
38
|
+
replacer: "-"
|
39
|
+
}
|
40
|
+
]
|
41
|
+
});
|
42
|
+
return /* @__PURE__ */ g(
|
43
|
+
"textarea",
|
44
|
+
{
|
45
|
+
"data-testid": v,
|
46
|
+
defaultValue: t ?? void 0,
|
47
|
+
cols: r ?? void 0,
|
48
|
+
rows: n ?? void 0,
|
49
|
+
disabled: u,
|
50
|
+
readOnly: o,
|
51
|
+
className: e,
|
52
|
+
style: a ?? void 0,
|
53
|
+
onClick: f ?? void 0,
|
54
|
+
onChange: m ?? void 0
|
55
|
+
}
|
56
|
+
);
|
57
|
+
};
|
58
|
+
export {
|
59
|
+
y as default
|
60
|
+
};
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import { Meta } from '@storybook/react';
|
2
|
+
import { default as TextArea } from '.';
|
3
|
+
import { TextAreaProps } from '../../../interfaces/atomProps';
|
4
|
+
declare const _default: Meta<typeof TextArea>;
|
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>;
|
File without changes
|
@@ -0,0 +1,46 @@
|
|
1
|
+
import { jsx as p } from "react/jsx-runtime";
|
2
|
+
import { parseClasses as c, parseTestId as d } from "../../../functions/parsers.js";
|
3
|
+
const g = ({
|
4
|
+
testId: s = null,
|
5
|
+
cssClasses: t = null,
|
6
|
+
style: i = null,
|
7
|
+
children: a,
|
8
|
+
context: n = null,
|
9
|
+
size: r = null,
|
10
|
+
color: l = null,
|
11
|
+
isVertical: o = !1
|
12
|
+
}) => {
|
13
|
+
const e = c([
|
14
|
+
"tile",
|
15
|
+
n,
|
16
|
+
r,
|
17
|
+
l ? `notification ${l}` : null,
|
18
|
+
o ? "is-vertical" : null,
|
19
|
+
t
|
20
|
+
]), u = s ?? d({
|
21
|
+
tag: "tile",
|
22
|
+
parsedClasses: e,
|
23
|
+
rules: [
|
24
|
+
{
|
25
|
+
regExp: /notification |tile/gm,
|
26
|
+
replacer: ""
|
27
|
+
},
|
28
|
+
{
|
29
|
+
regExp: /is-/gm,
|
30
|
+
replacer: "-"
|
31
|
+
}
|
32
|
+
]
|
33
|
+
});
|
34
|
+
return /* @__PURE__ */ p(
|
35
|
+
"section",
|
36
|
+
{
|
37
|
+
"data-testid": u,
|
38
|
+
className: e,
|
39
|
+
style: i ?? void 0,
|
40
|
+
children: a
|
41
|
+
}
|
42
|
+
);
|
43
|
+
};
|
44
|
+
export {
|
45
|
+
g as default
|
46
|
+
};
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { Meta } from '@storybook/react';
|
2
|
+
import { default as Tile } from '.';
|
3
|
+
import { TileProps } from '../../../interfaces/atomProps';
|
4
|
+
declare const _default: Meta<typeof Tile>;
|
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>;
|
File without changes
|
@@ -0,0 +1,25 @@
|
|
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
|
+
s,
|
6
|
+
t ?? null,
|
7
|
+
s === "title" && a ? "is-spaced" : null,
|
8
|
+
d
|
9
|
+
]), p = (l == null ? void 0 : l.testId) ?? `${l == null ? void 0 : l.type}-test`;
|
10
|
+
return /* @__PURE__ */ x(
|
11
|
+
"p",
|
12
|
+
{
|
13
|
+
"data-testid": p,
|
14
|
+
className: e,
|
15
|
+
style: (l == null ? void 0 : l.style) ?? void 0,
|
16
|
+
children: l == null ? void 0 : l.text
|
17
|
+
}
|
18
|
+
);
|
19
|
+
}, T = ({ main: l, secondary: s }) => /* @__PURE__ */ u(m, { children: [
|
20
|
+
l ? r(l) : null,
|
21
|
+
s ? r(s) : null
|
22
|
+
] });
|
23
|
+
export {
|
24
|
+
T as default
|
25
|
+
};
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import { Meta } from '@storybook/react';
|
2
|
+
import { TitleProps } from '../../../interfaces/atomProps';
|
3
|
+
import { default as Title } from '.';
|
4
|
+
declare const _default: Meta<typeof Title>;
|
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>;
|
File without changes
|
@@ -0,0 +1,27 @@
|
|
1
|
+
export { default as Button } from './Button';
|
2
|
+
export { default as Column } from './Column';
|
3
|
+
export { default as ProgressBar } from './ProgressBar';
|
4
|
+
export { default as Block } from './Block';
|
5
|
+
export { default as Tag } from './Tag';
|
6
|
+
export { default as Box } from './Box';
|
7
|
+
export { default as Title } from './Title';
|
8
|
+
export { default as Icon } from './Icon';
|
9
|
+
export { default as Input } from './Input';
|
10
|
+
export { default as TextArea } from './TextArea';
|
11
|
+
export { default as Delete } from './Delete';
|
12
|
+
export { default as Select } from './Select';
|
13
|
+
export { default as File } from './File';
|
14
|
+
export { default as Checkbox } from './Checkbox';
|
15
|
+
export { default as RadioButton } from './RadioButton';
|
16
|
+
export { default as BreadcrumbItem } from './BreadcrumbItem';
|
17
|
+
export { default as DropdownTrigger } from './DropdownTrigger';
|
18
|
+
export { default as DropdownItem } from './DropdownItem';
|
19
|
+
export { default as MenuItem } from './MenuItem';
|
20
|
+
export { default as Image } from './Image';
|
21
|
+
export { default as PaginationItem } from './PaginationItem';
|
22
|
+
export { default as TabItem } from './TabItem';
|
23
|
+
export { default as LevelHeader } from './LevelHeader';
|
24
|
+
export { default as Tile } from './Tile';
|
25
|
+
export { default as NavBarItem } from './NavBarItem';
|
26
|
+
export { default as TableHeadCell } from './TableHeadCell';
|
27
|
+
export { default as TableCell } from './TableCell';
|
@@ -0,0 +1,56 @@
|
|
1
|
+
import { default as a } from "./Button/index.js";
|
2
|
+
import { default as r } from "./Column/index.js";
|
3
|
+
import { default as l } from "./ProgressBar/index.js";
|
4
|
+
import { default as d } from "./Block/index.js";
|
5
|
+
import { default as p } from "./Tag/index.js";
|
6
|
+
import { default as s } from "./Box/index.js";
|
7
|
+
import { default as I } from "./Title/index.js";
|
8
|
+
import { default as i } from "./Icon/index.js";
|
9
|
+
import { default as g } from "./Input/index.js";
|
10
|
+
import { default as c } from "./TextArea/index.js";
|
11
|
+
import { default as D } from "./Delete/index.js";
|
12
|
+
import { default as v } from "./Select/index.js";
|
13
|
+
import { default as H } from "./File/index.js";
|
14
|
+
import { default as h } from "./Checkbox/index.js";
|
15
|
+
import { default as F } from "./RadioButton/index.js";
|
16
|
+
import { default as M } from "./BreadcrumbItem/index.js";
|
17
|
+
import { default as R } from "./DropdownTrigger/index.js";
|
18
|
+
import { default as j } from "./DropdownItem/index.js";
|
19
|
+
import { default as y } from "./MenuItem/index.js";
|
20
|
+
import { default as E } from "./Image/index.js";
|
21
|
+
import { default as J } from "./PaginationItem/index.js";
|
22
|
+
import { default as O } from "./TabItem/index.js";
|
23
|
+
import { default as U } from "./LevelHeader/index.js";
|
24
|
+
import { default as W } from "./Tile/index.js";
|
25
|
+
import { default as Y } from "./NavBarItem/index.js";
|
26
|
+
import { default as _ } from "./TableHeadCell/index.js";
|
27
|
+
import { default as ee } from "./TableCell/index.js";
|
28
|
+
export {
|
29
|
+
d as Block,
|
30
|
+
s as Box,
|
31
|
+
M as BreadcrumbItem,
|
32
|
+
a as Button,
|
33
|
+
h as Checkbox,
|
34
|
+
r as Column,
|
35
|
+
D as Delete,
|
36
|
+
j as DropdownItem,
|
37
|
+
R as DropdownTrigger,
|
38
|
+
H as File,
|
39
|
+
i as Icon,
|
40
|
+
E as Image,
|
41
|
+
g as Input,
|
42
|
+
U as LevelHeader,
|
43
|
+
y as MenuItem,
|
44
|
+
Y as NavBarItem,
|
45
|
+
J as PaginationItem,
|
46
|
+
l as ProgressBar,
|
47
|
+
F as RadioButton,
|
48
|
+
v as Select,
|
49
|
+
O as TabItem,
|
50
|
+
ee as TableCell,
|
51
|
+
_ as TableHeadCell,
|
52
|
+
p as Tag,
|
53
|
+
c as TextArea,
|
54
|
+
W as Tile,
|
55
|
+
I as Title
|
56
|
+
};
|
@@ -0,0 +1,63 @@
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
2
|
+
import { parseClasses as p, parseTestId as g } from "../../../functions/parsers.js";
|
3
|
+
import f from "../../atoms/BreadcrumbItem/index.js";
|
4
|
+
import { generateKey as C } from "../../../functions/generators.js";
|
5
|
+
const I = ({
|
6
|
+
testId: a = "breadcrumbs",
|
7
|
+
containerTestId: s = null,
|
8
|
+
cssClasses: l = null,
|
9
|
+
containerCssClasses: t = null,
|
10
|
+
style: m = null,
|
11
|
+
containerStyle: d = null,
|
12
|
+
items: u,
|
13
|
+
alignment: n = null,
|
14
|
+
separator: c = null,
|
15
|
+
size: o = null
|
16
|
+
}) => {
|
17
|
+
const e = p([
|
18
|
+
"breadcrumb",
|
19
|
+
n,
|
20
|
+
c,
|
21
|
+
o,
|
22
|
+
t
|
23
|
+
]), b = s ?? g({
|
24
|
+
tag: "breadcrumb",
|
25
|
+
parsedClasses: e,
|
26
|
+
rules: [
|
27
|
+
{
|
28
|
+
regExp: /breadcrumb/gm,
|
29
|
+
replacer: ""
|
30
|
+
},
|
31
|
+
{
|
32
|
+
regExp: /is-|has-/gm,
|
33
|
+
replacer: "-"
|
34
|
+
}
|
35
|
+
]
|
36
|
+
});
|
37
|
+
return /* @__PURE__ */ r(
|
38
|
+
"nav",
|
39
|
+
{
|
40
|
+
"data-testid": b,
|
41
|
+
className: e,
|
42
|
+
style: d ?? void 0,
|
43
|
+
children: /* @__PURE__ */ r(
|
44
|
+
"ul",
|
45
|
+
{
|
46
|
+
"data-testid": a,
|
47
|
+
className: l ?? void 0,
|
48
|
+
style: m ?? void 0,
|
49
|
+
children: u.map((i) => /* @__PURE__ */ r(
|
50
|
+
f,
|
51
|
+
{
|
52
|
+
...i
|
53
|
+
},
|
54
|
+
`breadcrumb-item-${C()}`
|
55
|
+
))
|
56
|
+
}
|
57
|
+
)
|
58
|
+
}
|
59
|
+
);
|
60
|
+
};
|
61
|
+
export {
|
62
|
+
I as default
|
63
|
+
};
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { Meta } from '@storybook/react';
|
2
|
+
import { default as Breadcrumbs } from '.';
|
3
|
+
declare const _default: Meta<typeof Breadcrumbs>;
|
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>;
|
File without changes
|