@pismo/marola 1.0.0-beta.69 → 1.0.0-beta.7
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/{Button-BAljjMv3.js → Button-2b1peDFT.js} +2 -2
- package/dist/{ClickAwayListener-DbEYZpyh.js → ClickAwayListener-BSW-Nd-y.js} +3 -4
- package/dist/Dialog.module-DFEmFdYT.js +30 -0
- package/dist/Group-B3p31ftp.js +26 -0
- package/dist/{Popup-Ck3XlWMq.js → Popup-B6ZSGIEI.js} +3 -3
- package/dist/{Portal-oY3enyAm.js → Portal-DIeBsWdL.js} +2 -2
- package/dist/SelectButton-K3OIfR5m.js +61 -0
- package/dist/{Tabs.module-BGGTkDc5.js → Tabs.module-jkH1Qjn7.js} +7 -7
- package/dist/Toggle-BWF0-SPB.js +175 -0
- package/dist/assets/Advice.css +1 -1
- package/dist/assets/Button.css +1 -1
- package/dist/assets/Checkbox.css +1 -1
- package/dist/assets/Dialog.css +1 -1
- package/dist/assets/EllipsisTooltip.css +1 -1
- package/dist/assets/Group.css +1 -1
- package/dist/assets/IconButton.css +1 -1
- package/dist/assets/Input.css +1 -1
- package/dist/assets/PageHeader.css +1 -1
- package/dist/assets/Pagination.css +1 -1
- package/dist/assets/SelectButton.css +1 -1
- package/dist/assets/Skeleton.css +1 -1
- package/dist/assets/Snackbar.css +1 -1
- package/dist/assets/SortTooltip.css +1 -1
- package/dist/assets/Stepper.css +1 -1
- package/dist/assets/Table.css +1 -1
- package/dist/assets/Tabs.css +1 -1
- package/dist/assets/Toggle.css +1 -1
- package/dist/assets/Toggle2.css +1 -1
- package/dist/assets/Typography.css +1 -1
- package/dist/{combineHooksSlotProps-C-zYvfnF.js → combineHooksSlotProps-DVjg9PRh.js} +1 -1
- package/dist/components/Adornment/Adornment.d.ts +2 -11
- package/dist/components/Adornment/Adornment.js +6 -6
- package/dist/components/Advice/Advice.d.ts +17 -32
- package/dist/components/Advice/Advice.js +40 -39
- package/dist/components/Advice/Advice.stories.d.ts +3 -4
- package/dist/components/Button/Button.d.ts +0 -2
- package/dist/components/Button/Button.js +49 -51
- package/dist/components/Checkbox/Checkbox.js +52 -52
- package/dist/components/Chip/Chip.d.ts +4 -6
- package/dist/components/Chip/Chip.js +7 -11
- package/dist/components/Chip/Chip.stories.d.ts +15 -6
- package/dist/components/Dialog/Actions.js +1 -1
- package/dist/components/Dialog/Backdrop.d.ts +3 -3
- package/dist/components/Dialog/Backdrop.js +7 -8
- package/dist/components/Dialog/CloseIconButton.d.ts +2 -1
- package/dist/components/Dialog/CloseIconButton.js +18 -15
- package/dist/components/Dialog/Dialog.d.ts +10 -16
- package/dist/components/Dialog/Dialog.js +166 -167
- package/dist/components/Dialog/Dialog.stories.d.ts +108 -114
- package/dist/components/Dialog/DialogTitle.d.ts +2 -5
- package/dist/components/Dialog/DialogTitle.js +16 -22
- package/dist/components/EllipsisTooltip/EllipsisTooltip.js +17 -30
- package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +2 -3
- package/dist/components/Icon/Icon.js +51 -331
- package/dist/components/Icon/types.d.ts +1 -1
- package/dist/components/IconButton/IconButton.js +42 -42
- package/dist/components/Input/Input.d.ts +5 -26
- package/dist/components/Input/Input.js +304 -319
- package/dist/components/Input/Input.stories.d.ts +21 -2
- package/dist/components/InputSearch/InputSearch.d.ts +7 -37
- package/dist/components/InputSearch/InputSearch.js +29 -27
- package/dist/components/InputSearch/InputSearch.stories.d.ts +3 -15
- package/dist/components/LoadingSpinner/LoadingSpinner.stories.d.ts +1 -1
- package/dist/components/PageHeader/PageHeader.d.ts +2 -6
- package/dist/components/PageHeader/PageHeader.js +71 -78
- package/dist/components/PageHeader/PageHeader.stories.d.ts +1 -3
- package/dist/components/Pagination/Pagination.d.ts +1 -5
- package/dist/components/Pagination/Pagination.js +91 -90
- package/dist/components/Pagination/Pagination.stories.d.ts +1 -1
- package/dist/components/RowItem/RowItem.d.ts +2 -2
- package/dist/components/RowItem/RowItem.js +6 -10
- package/dist/components/Select/Select.d.ts +0 -22
- package/dist/components/Select/Select.js +413 -476
- package/dist/components/Select/SelectButton.d.ts +0 -2
- package/dist/components/Select/SelectButton.js +2 -3
- package/dist/components/Skeleton/Skeleton.d.ts +1 -3
- package/dist/components/Skeleton/Skeleton.js +14 -20
- package/dist/components/Skeleton/SkeletonTable.stories.d.ts +1 -1
- package/dist/components/Snackbar/Snackbar.js +94 -94
- package/dist/components/Snackbar/Snackbar.stories.d.ts +4 -4
- package/dist/components/SortTooltip/SortTooltip.js +46 -46
- package/dist/components/Stepper/Stepper.js +35 -35
- package/dist/components/Table/Table.d.ts +1 -3
- package/dist/components/Table/Table.js +99 -87
- package/dist/components/Table/Table.stories.d.ts +1 -1
- package/dist/components/Tabs/Tab.d.ts +3 -5
- package/dist/components/Tabs/Tab.js +36 -38
- package/dist/components/Tabs/TabPanel.d.ts +2 -4
- package/dist/components/Tabs/TabPanel.js +40 -51
- package/dist/components/Tabs/Tabs.d.ts +4 -6
- package/dist/components/Tabs/Tabs.js +128 -131
- package/dist/components/TextDisplay/TextDisplay.d.ts +3 -7
- package/dist/components/TextDisplay/TextDisplay.js +37 -44
- package/dist/components/TextDisplay/TextDisplay.stories.d.ts +1 -2
- package/dist/components/Toggle/Toggle.js +55 -55
- package/dist/components/ToggleGroup/Group.d.ts +0 -2
- package/dist/components/ToggleGroup/Group.js +2 -4
- package/dist/components/ToggleGroup/Toggle.d.ts +0 -2
- package/dist/components/ToggleGroup/Toggle.js +5 -9
- package/dist/components/ToggleGroup/ToggleGroup.js +2 -2
- package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +1 -3
- package/dist/components/Tooltip/Tooltip.d.ts +1 -3
- package/dist/components/Tooltip/Tooltip.js +4 -4
- package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -2
- package/dist/components/Typography/Typography.js +47 -47
- package/dist/components/Typography/Typography.stories.d.ts +1 -1
- package/dist/contexts/SnackbarProvider/SnackbarProvider.js +30 -34
- package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts +1 -1
- package/dist/{useSlotProps-C_I1kEHr.js → index-CH45lKw7.js} +99 -99
- package/dist/{index-bQFToy-I.js → index-CjW42-M-.js} +1 -1
- package/dist/main.d.ts +0 -9
- package/dist/main.js +77 -95
- package/dist/marola.css +1 -1
- package/dist/test-utils/assertStyles.d.ts +1 -1
- package/dist/{useButton-DcihopJG.js → useButton-DNk3wrQp.js} +1 -1
- package/dist/useCompoundItem-D1iRfg8D.js +84 -0
- package/dist/useEventCallback-xTG9piMa.js +45 -0
- package/dist/{useList-B9C55YB7.js → useList-B0hog_3-.js} +2 -2
- package/package.json +13 -22
- package/dist/Dialog.module-W7UCXlf3.js +0 -29
- package/dist/Group-DspH8hyO.js +0 -30
- package/dist/Popover.module-B4boCutS.js +0 -10
- package/dist/SelectButton-B38avP9u.js +0 -75
- package/dist/Toggle-MfR7l8Wn.js +0 -190
- package/dist/assets/Alert.css +0 -1
- package/dist/assets/Autocomplete.css +0 -1
- package/dist/assets/Avatar.css +0 -1
- package/dist/assets/Description.css +0 -1
- package/dist/assets/Popover.css +0 -1
- package/dist/assets/RadioButton.css +0 -1
- package/dist/assets/ResultWithChips.css +0 -1
- package/dist/assets/StepperNavigator.css +0 -1
- package/dist/components/Adornment/Adornment.stories.d.ts +0 -14
- package/dist/components/Adornment/adornment.test.d.ts +0 -1
- package/dist/components/Alert/Alert.d.ts +0 -11
- package/dist/components/Alert/Alert.js +0 -46
- package/dist/components/Alert/Alert.stories.d.ts +0 -24
- package/dist/components/Alert/Alert.test.d.ts +0 -1
- package/dist/components/Autocomplete/Autocomplete.d.ts +0 -20
- package/dist/components/Autocomplete/Autocomplete.js +0 -679
- package/dist/components/Autocomplete/Autocomplete.stories.d.ts +0 -23
- package/dist/components/Avatar/Avatar.d.ts +0 -15
- package/dist/components/Avatar/Avatar.js +0 -51
- package/dist/components/Avatar/Avatar.stories.d.ts +0 -25
- package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts +0 -14
- package/dist/components/ConfirmationDialog/ConfirmationDialog.js +0 -37
- package/dist/components/ConfirmationDialog/ConfirmationDialog.stories.d.ts +0 -23
- package/dist/components/ConfirmationDialog/ConfirmationModal.test.d.ts +0 -1
- package/dist/components/Description/Description.d.ts +0 -21
- package/dist/components/Description/Description.js +0 -66
- package/dist/components/Description/Description.stories.d.ts +0 -22
- package/dist/components/Description/Description.test.d.ts +0 -1
- package/dist/components/PageHeader/PageHeader.test.d.ts +0 -1
- package/dist/components/Popover/Popover.d.ts +0 -32
- package/dist/components/Popover/Popover.js +0 -24
- package/dist/components/Popover/Popover.stories.d.ts +0 -34
- package/dist/components/Popover/PopoverBody.d.ts +0 -6
- package/dist/components/Popover/PopoverBody.js +0 -6
- package/dist/components/Popover/PopoverFooter.d.ts +0 -6
- package/dist/components/Popover/PopoverFooter.js +0 -6
- package/dist/components/Popover/PopoverHeader.d.ts +0 -6
- package/dist/components/Popover/PopoverHeader.js +0 -6
- package/dist/components/RadioButton/RadioButton.d.ts +0 -19
- package/dist/components/RadioButton/RadioButton.js +0 -37
- package/dist/components/RadioButton/RadioButton.stories.d.ts +0 -24
- package/dist/components/RadioButton/RadioButton.test.d.ts +0 -1
- package/dist/components/ResultWithChips/ResultWithChips.d.ts +0 -12
- package/dist/components/ResultWithChips/ResultWithChips.js +0 -33
- package/dist/components/RowItem/RowItem.stories.d.ts +0 -17
- package/dist/components/RowItem/rowItem.test.d.ts +0 -1
- package/dist/components/StepperNavigator/StepperNavigator.d.ts +0 -58
- package/dist/components/StepperNavigator/StepperNavigator.js +0 -115
- package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +0 -18
- package/dist/components/StepperNavigator/StepperNavigator.test.d.ts +0 -1
- package/dist/ownerDocument-YGhwAnr1.js +0 -33
- package/dist/useCompoundItem-B7Eo_qZk.js +0 -68
- package/dist/useEventCallback-BAQJJ3ye.js +0 -14
- package/dist/useId-BW-oWmul.js +0 -19
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
|
|
3
|
-
type AvatarType = 'icon' | 'image' | 'text';
|
|
4
|
-
type AvatarSize = 'default' | 'large' | 'small' | number;
|
|
5
|
-
type AvatarShape = 'circle' | 'square';
|
|
6
|
-
type AvatarCoreProps = {
|
|
7
|
-
type: AvatarType;
|
|
8
|
-
size?: AvatarSize;
|
|
9
|
-
shape?: AvatarShape;
|
|
10
|
-
children: ReactNode;
|
|
11
|
-
className?: string;
|
|
12
|
-
'data-testid'?: string;
|
|
13
|
-
};
|
|
14
|
-
export declare const Avatar: import('react').ForwardRefExoticComponent<AvatarCoreProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
15
|
-
export {};
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import '../../assets/Avatar.css';
|
|
2
|
-
import { jsxs as v, jsx as _ } from "react/jsx-runtime";
|
|
3
|
-
import { forwardRef as c, useMemo as y } from "react";
|
|
4
|
-
import { c as d } from "../../clsx-DB4S2d7J.js";
|
|
5
|
-
const m = "_avatar_4n12g_57", b = "_avatar__icon_4n12g_108", x = "_avatar__image_4n12g_108", f = "_avatar__text_4n12g_108", t = {
|
|
6
|
-
"u-typography-h1": "_u-typography-h1_4n12g_1",
|
|
7
|
-
"u-typography-h2": "_u-typography-h2_4n12g_8",
|
|
8
|
-
"u-typography-h3": "_u-typography-h3_4n12g_15",
|
|
9
|
-
"u-typography-h4": "_u-typography-h4_4n12g_22",
|
|
10
|
-
"u-typography-h5": "_u-typography-h5_4n12g_29",
|
|
11
|
-
"u-typography-h6": "_u-typography-h6_4n12g_36",
|
|
12
|
-
"u-typography-base": "_u-typography-base_4n12g_43",
|
|
13
|
-
"u-typography-base--xxl": "_u-typography-base--xxl_4n12g_49",
|
|
14
|
-
"u-typography-base--xl": "_u-typography-base--xl_4n12g_53",
|
|
15
|
-
"u-typography-base--lg": "_u-typography-base--lg_4n12g_57",
|
|
16
|
-
avatar: m,
|
|
17
|
-
"u-typography-base--sm": "_u-typography-base--sm_4n12g_61",
|
|
18
|
-
"u-typography-base--bold": "_u-typography-base--bold_4n12g_65",
|
|
19
|
-
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_4n12g_68",
|
|
20
|
-
"u-typography-base--underlined": "_u-typography-base--underlined_4n12g_71",
|
|
21
|
-
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_4n12g_74",
|
|
22
|
-
"avatar--large": "_avatar--large_4n12g_86",
|
|
23
|
-
"avatar--default": "_avatar--default_4n12g_90",
|
|
24
|
-
"avatar--small": "_avatar--small_4n12g_94",
|
|
25
|
-
"avatar--custom": "_avatar--custom_4n12g_98",
|
|
26
|
-
"avatar--circle": "_avatar--circle_4n12g_102",
|
|
27
|
-
"avatar--square": "_avatar--square_4n12g_105",
|
|
28
|
-
avatar__icon: b,
|
|
29
|
-
avatar__image: x,
|
|
30
|
-
avatar__text: f
|
|
31
|
-
}, $ = c((h, n) => {
|
|
32
|
-
const { type: e, size: a = "default", shape: g = "circle", children: s, className: o, "data-testid": u } = h, r = typeof a == "number", i = y(
|
|
33
|
-
() => ({
|
|
34
|
-
width: r ? a : void 0,
|
|
35
|
-
height: r ? a : void 0,
|
|
36
|
-
"--avatar-custom-size": r ? `${a}px` : void 0
|
|
37
|
-
}),
|
|
38
|
-
[a, r]
|
|
39
|
-
), p = r ? "custom" : a, l = y(
|
|
40
|
-
() => d(t.avatar, t[`avatar--${p}`], t[`avatar--${g}`], o),
|
|
41
|
-
[p, g, o]
|
|
42
|
-
);
|
|
43
|
-
return /* @__PURE__ */ v("div", { ref: n, style: i, className: l, "data-testid": u, children: [
|
|
44
|
-
e === "icon" && /* @__PURE__ */ _("span", { className: t.avatar__icon, children: s }),
|
|
45
|
-
e === "image" && /* @__PURE__ */ _("div", { className: t.avatar__image, children: /* @__PURE__ */ _("img", { src: s, alt: "avatar" }) }),
|
|
46
|
-
e === "text" && /* @__PURE__ */ _("span", { className: t.avatar__text, children: s })
|
|
47
|
-
] });
|
|
48
|
-
});
|
|
49
|
-
export {
|
|
50
|
-
$ as Avatar
|
|
51
|
-
};
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
2
|
-
|
|
3
|
-
declare const meta: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: import('react').ForwardRefExoticComponent<{
|
|
6
|
-
type: "icon" | "image" | "text";
|
|
7
|
-
size?: (number | "default" | "small" | "large") | undefined;
|
|
8
|
-
shape?: ("circle" | "square") | undefined;
|
|
9
|
-
children: import('react').ReactNode;
|
|
10
|
-
className?: string | undefined;
|
|
11
|
-
'data-testid'?: string | undefined;
|
|
12
|
-
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
13
|
-
tags: string[];
|
|
14
|
-
parameters: {
|
|
15
|
-
layout: string;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
export default meta;
|
|
19
|
-
type Story = StoryObj<typeof meta>;
|
|
20
|
-
export declare const Icon: Story;
|
|
21
|
-
export declare const Image: Story;
|
|
22
|
-
export declare const Text: Story;
|
|
23
|
-
export declare const CustomSize: Story;
|
|
24
|
-
export declare const LargeSquare: Story;
|
|
25
|
-
export declare const SmallCircle: Story;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
|
|
3
|
-
export interface ConfirmationDialogProps {
|
|
4
|
-
open: boolean;
|
|
5
|
-
onClose: () => void;
|
|
6
|
-
title?: ReactNode;
|
|
7
|
-
subtitle?: ReactNode;
|
|
8
|
-
confirmLabel: string;
|
|
9
|
-
cancelLabel: string;
|
|
10
|
-
content?: ReactNode;
|
|
11
|
-
confirmAction: () => void;
|
|
12
|
-
cancelAction: () => void;
|
|
13
|
-
}
|
|
14
|
-
export declare const ConfirmationDialog: ({ open, onClose, title, subtitle, content, cancelAction, confirmAction, confirmLabel, cancelLabel, }: ConfirmationDialogProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { jsx as o, jsxs as i, Fragment as f } from "react/jsx-runtime";
|
|
2
|
-
import { Button as n } from "../Button/Button.js";
|
|
3
|
-
import { Dialog as s } from "../Dialog/Dialog.js";
|
|
4
|
-
import { Typography as t } from "../Typography/Typography.js";
|
|
5
|
-
import g from "../Dialog/Content.js";
|
|
6
|
-
import C from "../Dialog/Actions.js";
|
|
7
|
-
const T = ({
|
|
8
|
-
open: l,
|
|
9
|
-
onClose: e,
|
|
10
|
-
title: m,
|
|
11
|
-
subtitle: c,
|
|
12
|
-
content: r,
|
|
13
|
-
cancelAction: d,
|
|
14
|
-
confirmAction: a,
|
|
15
|
-
confirmLabel: h,
|
|
16
|
-
cancelLabel: p
|
|
17
|
-
}) => /* @__PURE__ */ o(
|
|
18
|
-
s,
|
|
19
|
-
{
|
|
20
|
-
open: l,
|
|
21
|
-
dialogTitle: m,
|
|
22
|
-
dialogSubtitle: c,
|
|
23
|
-
onClose: () => {
|
|
24
|
-
e();
|
|
25
|
-
},
|
|
26
|
-
children: /* @__PURE__ */ i(f, { children: [
|
|
27
|
-
r && /* @__PURE__ */ o(g, { children: r }),
|
|
28
|
-
/* @__PURE__ */ i(C, { children: [
|
|
29
|
-
/* @__PURE__ */ o(n, { variant: "secondary", onClick: () => d(), children: /* @__PURE__ */ o(t, { children: p }) }),
|
|
30
|
-
/* @__PURE__ */ o(n, { onClick: () => a(), children: /* @__PURE__ */ o(t, { children: h }) })
|
|
31
|
-
] })
|
|
32
|
-
] })
|
|
33
|
-
}
|
|
34
|
-
);
|
|
35
|
-
export {
|
|
36
|
-
T as ConfirmationDialog
|
|
37
|
-
};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { ConfirmationDialogProps } from '../../main';
|
|
2
|
-
import { StoryObj } from '@storybook/react';
|
|
3
|
-
|
|
4
|
-
declare const meta: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: ({ open, onClose, title, subtitle, content, cancelAction, confirmAction, confirmLabel, cancelLabel, }: ConfirmationDialogProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
tags: string[];
|
|
8
|
-
decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
|
|
9
|
-
open: boolean;
|
|
10
|
-
onClose: () => void;
|
|
11
|
-
title?: import('react').ReactNode;
|
|
12
|
-
subtitle?: import('react').ReactNode;
|
|
13
|
-
confirmLabel: string;
|
|
14
|
-
cancelLabel: string;
|
|
15
|
-
content?: import('react').ReactNode;
|
|
16
|
-
confirmAction: () => void;
|
|
17
|
-
cancelAction: () => void;
|
|
18
|
-
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
19
|
-
};
|
|
20
|
-
export default meta;
|
|
21
|
-
type Story = StoryObj<typeof meta>;
|
|
22
|
-
export declare const Simple: Story;
|
|
23
|
-
export declare const WithContent: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { VariantType } from '../Typography/Typography.tsx';
|
|
2
|
-
|
|
3
|
-
export interface DescriptionProps {
|
|
4
|
-
/** Description label */
|
|
5
|
-
label: React.ReactNode;
|
|
6
|
-
/** Description value */
|
|
7
|
-
value: React.ReactNode;
|
|
8
|
-
/** Renders skeleton when true */
|
|
9
|
-
isLoading?: boolean;
|
|
10
|
-
/** Description label and value color */
|
|
11
|
-
color?: string;
|
|
12
|
-
/** Sets the data-testid prefix for label, value and skeletons */
|
|
13
|
-
'data-testid'?: string;
|
|
14
|
-
/** Sets the label and value onto the same line */
|
|
15
|
-
inline?: boolean;
|
|
16
|
-
/** Sets the label size variant */
|
|
17
|
-
labelVariant?: VariantType;
|
|
18
|
-
/** Sets the value size variant */
|
|
19
|
-
valueVariant?: VariantType;
|
|
20
|
-
}
|
|
21
|
-
export declare const Description: ({ label, value, isLoading, color, "data-testid": dataTestId, inline, labelVariant, valueVariant, }: DescriptionProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import '../../assets/Description.css';
|
|
2
|
-
import { jsxs as u, jsx as t } from "react/jsx-runtime";
|
|
3
|
-
import { c as g } from "../../clsx-DB4S2d7J.js";
|
|
4
|
-
import { Skeleton as y } from "../Skeleton/Skeleton.js";
|
|
5
|
-
import { Typography as _ } from "../Typography/Typography.js";
|
|
6
|
-
const l = "_container_he0z3_78", a = {
|
|
7
|
-
"u-typography-h1": "_u-typography-h1_he0z3_1",
|
|
8
|
-
"u-typography-h2": "_u-typography-h2_he0z3_8",
|
|
9
|
-
"u-typography-h3": "_u-typography-h3_he0z3_15",
|
|
10
|
-
"u-typography-h4": "_u-typography-h4_he0z3_22",
|
|
11
|
-
"u-typography-h5": "_u-typography-h5_he0z3_29",
|
|
12
|
-
"u-typography-h6": "_u-typography-h6_he0z3_36",
|
|
13
|
-
"u-typography-base": "_u-typography-base_he0z3_43",
|
|
14
|
-
"u-typography-base--xxl": "_u-typography-base--xxl_he0z3_49",
|
|
15
|
-
"u-typography-base--xl": "_u-typography-base--xl_he0z3_53",
|
|
16
|
-
"u-typography-base--lg": "_u-typography-base--lg_he0z3_57",
|
|
17
|
-
"u-typography-base--sm": "_u-typography-base--sm_he0z3_61",
|
|
18
|
-
"u-typography-base--bold": "_u-typography-base--bold_he0z3_65",
|
|
19
|
-
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_he0z3_68",
|
|
20
|
-
"u-typography-base--underlined": "_u-typography-base--underlined_he0z3_71",
|
|
21
|
-
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_he0z3_74",
|
|
22
|
-
container: l,
|
|
23
|
-
"container--text": "_container--text_he0z3_82",
|
|
24
|
-
"container--inline": "_container--inline_he0z3_85"
|
|
25
|
-
}, m = ({
|
|
26
|
-
label: s,
|
|
27
|
-
value: n,
|
|
28
|
-
isLoading: r,
|
|
29
|
-
color: h = "var(--gray-95)",
|
|
30
|
-
"data-testid": e = "Description",
|
|
31
|
-
inline: p,
|
|
32
|
-
labelVariant: i = "base",
|
|
33
|
-
valueVariant: o
|
|
34
|
-
}) => /* @__PURE__ */ u(
|
|
35
|
-
"div",
|
|
36
|
-
{
|
|
37
|
-
className: g([a.container, { [a["container--inline"]]: p }]),
|
|
38
|
-
"data-testid": `${e}-container`,
|
|
39
|
-
children: [
|
|
40
|
-
/* @__PURE__ */ t(
|
|
41
|
-
_,
|
|
42
|
-
{
|
|
43
|
-
color: h,
|
|
44
|
-
className: a["container--text"],
|
|
45
|
-
variant: i,
|
|
46
|
-
"data-testid": `${e}-label`,
|
|
47
|
-
children: r ? /* @__PURE__ */ t(y, { style: { width: 70, marginBottom: 2 }, "data-testid": `${e}-skeletonLabel` }) : s
|
|
48
|
-
}
|
|
49
|
-
),
|
|
50
|
-
/* @__PURE__ */ t(
|
|
51
|
-
_,
|
|
52
|
-
{
|
|
53
|
-
className: a["container--text"],
|
|
54
|
-
bold: !0,
|
|
55
|
-
color: h,
|
|
56
|
-
variant: o || (p ? "base" : "base-lg"),
|
|
57
|
-
"data-testid": `${e}-value`,
|
|
58
|
-
children: r ? /* @__PURE__ */ t(y, { style: { width: 100 }, "data-testid": `${e}-skeletonValue` }) : n || "-"
|
|
59
|
-
}
|
|
60
|
-
)
|
|
61
|
-
]
|
|
62
|
-
}
|
|
63
|
-
);
|
|
64
|
-
export {
|
|
65
|
-
m as Description
|
|
66
|
-
};
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
2
|
-
|
|
3
|
-
declare const meta: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: ({ label, value, isLoading, color, "data-testid": dataTestId, inline, labelVariant, valueVariant, }: import('./Description').DescriptionProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
tags: string[];
|
|
7
|
-
parameters: {
|
|
8
|
-
layout: string;
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
export default meta;
|
|
12
|
-
type Story = StoryObj<typeof meta>;
|
|
13
|
-
export declare const Simple: Story;
|
|
14
|
-
export declare const WithColor: Story;
|
|
15
|
-
export declare const InLine: Story;
|
|
16
|
-
export declare const InLineWithColor: Story;
|
|
17
|
-
export declare const Loading: Story;
|
|
18
|
-
export declare const LoadingInline: Story;
|
|
19
|
-
export declare const InLineWithButton: Story;
|
|
20
|
-
export declare const WithButton: Story;
|
|
21
|
-
export declare const WithSmallSize: Story;
|
|
22
|
-
export declare const WithLargeSize: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { PopupOffsetOptions, PopupPlacement } from '@mui/base/Unstable_Popup';
|
|
2
|
-
|
|
3
|
-
export type PopoverProps = {
|
|
4
|
-
/** An HTML element or a function that returns either. */
|
|
5
|
-
anchorRef?: Element;
|
|
6
|
-
/** Boolean to open. */
|
|
7
|
-
open?: boolean;
|
|
8
|
-
/** React Node. */
|
|
9
|
-
children: React.ReactNode;
|
|
10
|
-
/** Determines where to place the popup relative to the trigger element. */
|
|
11
|
-
placement?: PopupPlacement;
|
|
12
|
-
/** Distance between a popup and the trigger element */
|
|
13
|
-
offset?: PopupOffsetOptions;
|
|
14
|
-
/** Class name */
|
|
15
|
-
className?: string;
|
|
16
|
-
/** Id to be applied as `data-testid` on the root element */
|
|
17
|
-
'data-testid'?: string;
|
|
18
|
-
/** Callback fired when a "click away" event is detected. */
|
|
19
|
-
onClickAway?: (event: MouseEvent | TouchEvent) => void;
|
|
20
|
-
};
|
|
21
|
-
export declare const Popover: {
|
|
22
|
-
({ anchorRef, open, children, placement, className, offset, "data-testid": dataTestId, onClickAway, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
Header: ({ children }: {
|
|
24
|
-
children: import('react').ReactNode;
|
|
25
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
-
Footer: ({ children }: {
|
|
27
|
-
children: import('react').ReactNode;
|
|
28
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
29
|
-
Body: ({ children }: {
|
|
30
|
-
children: import('react').ReactNode;
|
|
31
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
32
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { c as f } from "../../clsx-DB4S2d7J.js";
|
|
3
|
-
import { s as v } from "../../Popover.module-B4boCutS.js";
|
|
4
|
-
import { PopoverBody as l } from "./PopoverBody.js";
|
|
5
|
-
import { PopoverFooter as n } from "./PopoverFooter.js";
|
|
6
|
-
import { PopoverHeader as P } from "./PopoverHeader.js";
|
|
7
|
-
import { P as y } from "../../Popup-Ck3XlWMq.js";
|
|
8
|
-
import { C as h } from "../../ClickAwayListener-DbEYZpyh.js";
|
|
9
|
-
const r = ({
|
|
10
|
-
anchorRef: t,
|
|
11
|
-
open: m,
|
|
12
|
-
children: p,
|
|
13
|
-
placement: i,
|
|
14
|
-
className: s,
|
|
15
|
-
offset: a,
|
|
16
|
-
"data-testid": d,
|
|
17
|
-
onClickAway: e
|
|
18
|
-
}) => /* @__PURE__ */ o(h, { onClickAway: (c) => e ? e(c) : void 0, children: /* @__PURE__ */ o(y, { offset: a, placement: i, open: m, anchor: t, children: /* @__PURE__ */ o("div", { "data-testid": d, className: f(v.popover, s), children: p }) }) });
|
|
19
|
-
r.Header = P;
|
|
20
|
-
r.Footer = n;
|
|
21
|
-
r.Body = l;
|
|
22
|
-
export {
|
|
23
|
-
r as Popover
|
|
24
|
-
};
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { PopoverProps } from './Popover';
|
|
2
|
-
import { StoryObj } from '@storybook/react';
|
|
3
|
-
|
|
4
|
-
declare const meta: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: {
|
|
7
|
-
({ anchorRef, open, children, placement, className, offset, "data-testid": dataTestId, onClickAway, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
Header: ({ children }: {
|
|
9
|
-
children: import('react').ReactNode;
|
|
10
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
Footer: ({ children }: {
|
|
12
|
-
children: import('react').ReactNode;
|
|
13
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
Body: ({ children }: {
|
|
15
|
-
children: import('react').ReactNode;
|
|
16
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
-
};
|
|
18
|
-
parameters: {
|
|
19
|
-
docs: {
|
|
20
|
-
source: {
|
|
21
|
-
language: string;
|
|
22
|
-
format: boolean;
|
|
23
|
-
code: string;
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
};
|
|
27
|
-
tags: string[];
|
|
28
|
-
decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
|
|
29
|
-
[x: string]: any;
|
|
30
|
-
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
31
|
-
};
|
|
32
|
-
export default meta;
|
|
33
|
-
type Story = StoryObj<typeof meta>;
|
|
34
|
-
export declare const Provider: Story;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
type RadioButtonProps = {
|
|
3
|
-
/** Space separated list of CSS classes to apply */
|
|
4
|
-
className?: string;
|
|
5
|
-
/** Name */
|
|
6
|
-
name?: string;
|
|
7
|
-
/** Component label */
|
|
8
|
-
label?: React.ReactNode;
|
|
9
|
-
/** Checked state */
|
|
10
|
-
checked?: boolean;
|
|
11
|
-
/** Disabled state */
|
|
12
|
-
disabled?: boolean;
|
|
13
|
-
/** TestId to use in tests if needed */
|
|
14
|
-
'data-testid'?: string;
|
|
15
|
-
/** Action that is triggered when the Radio button value changes */
|
|
16
|
-
onChange: (state: boolean) => void;
|
|
17
|
-
};
|
|
18
|
-
export declare const RadioButton: ({ className, name, label, checked, disabled, "data-testid": dataTestId, onChange, }: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
-
export {};
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import '../../assets/RadioButton.css';
|
|
2
|
-
import { jsxs as h, jsx as i } from "react/jsx-runtime";
|
|
3
|
-
import { useState as x } from "react";
|
|
4
|
-
import { c as o } from "../../clsx-DB4S2d7J.js";
|
|
5
|
-
import { Icon as y } from "../Icon/Icon.js";
|
|
6
|
-
import { Typography as C } from "../Typography/Typography.js";
|
|
7
|
-
const S = "_radio_1t160_1", a = {
|
|
8
|
-
radio: S,
|
|
9
|
-
"radio--label": "_radio--label_1t160_9",
|
|
10
|
-
"radio--label__disabled": "_radio--label__disabled_1t160_12",
|
|
11
|
-
"radio--input": "_radio--input_1t160_16",
|
|
12
|
-
"radio--input__disabled": "_radio--input__disabled_1t160_26",
|
|
13
|
-
"radio--disabled": "_radio--disabled_1t160_37"
|
|
14
|
-
}, k = ({
|
|
15
|
-
className: d,
|
|
16
|
-
name: r,
|
|
17
|
-
label: l,
|
|
18
|
-
checked: n = !1,
|
|
19
|
-
disabled: e = !1,
|
|
20
|
-
"data-testid": c = "radio-button",
|
|
21
|
-
onChange: _
|
|
22
|
-
}) => {
|
|
23
|
-
const [t, p] = x(n), b = o(a["radio--input"], e && a["radio--input__disabled"]), u = o(a["radio--label"], e && a["radio--label__disabled"]), m = o(a.radio, e && a["radio--disabled"], d), f = () => {
|
|
24
|
-
if (e)
|
|
25
|
-
return;
|
|
26
|
-
const s = !t;
|
|
27
|
-
p(s), _(s);
|
|
28
|
-
};
|
|
29
|
-
return /* @__PURE__ */ h("div", { "data-testid": c, onClick: () => f(), className: m, children: [
|
|
30
|
-
/* @__PURE__ */ i("input", { name: r, type: "radio", checked: t, readOnly: !0 }),
|
|
31
|
-
/* @__PURE__ */ i("span", { className: b, children: t && /* @__PURE__ */ i(y, { icon: "circle", color: "var(--accent)", size: 8 }) }),
|
|
32
|
-
/* @__PURE__ */ i(C, { className: u, variant: "base-lg", children: l })
|
|
33
|
-
] });
|
|
34
|
-
};
|
|
35
|
-
export {
|
|
36
|
-
k as RadioButton
|
|
37
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
2
|
-
|
|
3
|
-
declare const meta: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: ({ className, name, label, checked, disabled, "data-testid": dataTestId, onChange, }: {
|
|
6
|
-
className?: string | undefined;
|
|
7
|
-
name?: string | undefined;
|
|
8
|
-
label?: import('react').ReactNode;
|
|
9
|
-
checked?: boolean | undefined;
|
|
10
|
-
disabled?: boolean | undefined;
|
|
11
|
-
'data-testid'?: string | undefined;
|
|
12
|
-
onChange: (state: boolean) => void;
|
|
13
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
tags: string[];
|
|
15
|
-
parameters: {
|
|
16
|
-
layout: string;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
export default meta;
|
|
20
|
-
type Story = StoryObj<typeof meta>;
|
|
21
|
-
export declare const Simple: Story;
|
|
22
|
-
export declare const WithLabel: Story;
|
|
23
|
-
export declare const Disabled: Story;
|
|
24
|
-
export declare const WithOnChangeAction: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ChipProps } from '../Chip/Chip';
|
|
2
|
-
|
|
3
|
-
type ResultWithChipsProps = {
|
|
4
|
-
chips: Array<Partial<ChipProps> & {
|
|
5
|
-
joinLabel?: string | React.ReactNode;
|
|
6
|
-
key?: string;
|
|
7
|
-
}>;
|
|
8
|
-
title: string;
|
|
9
|
-
className?: string;
|
|
10
|
-
};
|
|
11
|
-
declare const ResultWithChips: ({ chips, title, className, ...rest }: ResultWithChipsProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export { ResultWithChips };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import '../../assets/ResultWithChips.css';
|
|
2
|
-
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
3
|
-
import { C as t } from "../../Toggle-MfR7l8Wn.js";
|
|
4
|
-
const r = "_container_hgp0p_1", o = "_label_hgp0p_17", a = {
|
|
5
|
-
container: r,
|
|
6
|
-
"chip-item-wrapper": "_chip-item-wrapper_hgp0p_8",
|
|
7
|
-
label: o,
|
|
8
|
-
"chips-container": "_chips-container_hgp0p_35",
|
|
9
|
-
"chip-content": "_chip-content_hgp0p_42",
|
|
10
|
-
"chip-label": "_chip-label_hgp0p_51"
|
|
11
|
-
}, b = ({ chips: c, title: p, className: s, ...h }) => /* @__PURE__ */ i("div", { ...h, className: [a.container, s || ""].join(" ").trim(), children: [
|
|
12
|
-
/* @__PURE__ */ e("span", { className: a.label, children: p }),
|
|
13
|
-
/* @__PURE__ */ e("div", { className: a["chips-container"], "data-testid": "chips-container", children: c.map((l, n) => /* @__PURE__ */ i("span", { className: a["chip-item-wrapper"], children: [
|
|
14
|
-
/* @__PURE__ */ e(
|
|
15
|
-
t,
|
|
16
|
-
{
|
|
17
|
-
...l,
|
|
18
|
-
label: /* @__PURE__ */ e("span", { className: a["chip-content"], children: typeof l.label == "string" ? /* @__PURE__ */ e("strong", { className: a["chip-label"], children: l.label }) : l.label })
|
|
19
|
-
},
|
|
20
|
-
`chip-${n}`
|
|
21
|
-
),
|
|
22
|
-
l.joinLabel && n < c.length - 1 && /* @__PURE__ */ e(
|
|
23
|
-
t,
|
|
24
|
-
{
|
|
25
|
-
label: /* @__PURE__ */ e("span", { className: a["chip-content"], children: /* @__PURE__ */ e("strong", { className: a["chip-label"], children: l.joinLabel }) })
|
|
26
|
-
},
|
|
27
|
-
`join-${n}`
|
|
28
|
-
)
|
|
29
|
-
] }, `full-chip-${n}`)) })
|
|
30
|
-
] });
|
|
31
|
-
export {
|
|
32
|
-
b as ResultWithChips
|
|
33
|
-
};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
2
|
-
|
|
3
|
-
declare const meta: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: import('react').ForwardRefExoticComponent<import('./RowItem').RowItemProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
6
|
-
tags: string[];
|
|
7
|
-
parameters: {
|
|
8
|
-
layout: string;
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
export default meta;
|
|
12
|
-
type Story = StoryObj<typeof meta>;
|
|
13
|
-
export declare const Simple: Story;
|
|
14
|
-
export declare const Clickable: Story;
|
|
15
|
-
export declare const WithAdornement: Story;
|
|
16
|
-
export declare const WithButtons: Story;
|
|
17
|
-
export declare const WithButtonsAndAdornementDisabled: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
type StepperNavigatorLang = 'en' | 'pt';
|
|
3
|
-
export type StepperNavigatorButtonProps = {
|
|
4
|
-
leftIcon?: React.ReactNode;
|
|
5
|
-
rightIcon?: React.ReactNode;
|
|
6
|
-
className?: string;
|
|
7
|
-
'data-testid'?: string;
|
|
8
|
-
};
|
|
9
|
-
export type StepperNavigatorProps = {
|
|
10
|
-
/** Hides the "previous" button */
|
|
11
|
-
hidePrevious?: boolean;
|
|
12
|
-
/** Hides the "cancel" button */
|
|
13
|
-
hideCancel?: boolean;
|
|
14
|
-
/** Hides the "next" button */
|
|
15
|
-
hideNext?: boolean;
|
|
16
|
-
/** Hides the "finish" button */
|
|
17
|
-
hideFinish?: boolean;
|
|
18
|
-
/** Disables the "previous" button */
|
|
19
|
-
disablePrevious?: boolean;
|
|
20
|
-
/** Disables the "cancel" button */
|
|
21
|
-
disableCancel?: boolean;
|
|
22
|
-
/** Disables the "next" button */
|
|
23
|
-
disableNext?: boolean;
|
|
24
|
-
/** Disables the "finish" button */
|
|
25
|
-
disableFinish?: boolean;
|
|
26
|
-
/** Label to be used for the "previous" button */
|
|
27
|
-
labelPrevious?: string;
|
|
28
|
-
/** Label to be used for the "cancel" button */
|
|
29
|
-
labelCancel?: string;
|
|
30
|
-
/** Label to be used for the "next" button */
|
|
31
|
-
labelNext?: string;
|
|
32
|
-
/** Label to be used for the "finish" button */
|
|
33
|
-
labelFinish?: string;
|
|
34
|
-
/** Language to be used for the button labels. Default "en" */
|
|
35
|
-
lang?: StepperNavigatorLang;
|
|
36
|
-
/** CSS classes to be applied on the container element */
|
|
37
|
-
className?: string;
|
|
38
|
-
/** Id to be applied as `data-testid` on the container element */
|
|
39
|
-
'data-testid'?: string;
|
|
40
|
-
/** Previous button props */
|
|
41
|
-
previousButtonProps?: StepperNavigatorButtonProps;
|
|
42
|
-
/** Cancel button props */
|
|
43
|
-
cancelButtonProps?: StepperNavigatorButtonProps;
|
|
44
|
-
/** Next button props */
|
|
45
|
-
nextButtonProps?: StepperNavigatorButtonProps;
|
|
46
|
-
/** Finish button props */
|
|
47
|
-
finishButtonProps?: StepperNavigatorButtonProps;
|
|
48
|
-
/** Callback to be called when the "previous" button is clicked */
|
|
49
|
-
onPrevious?: () => void;
|
|
50
|
-
/** Callback to be called when the "cancel" button is clicked */
|
|
51
|
-
onCancel?: () => void;
|
|
52
|
-
/** Callback to be called when the "next" button is clicked */
|
|
53
|
-
onNext?: () => void;
|
|
54
|
-
/** Callback to be called when the "finish" button is clicked */
|
|
55
|
-
onFinish?: () => void;
|
|
56
|
-
};
|
|
57
|
-
export declare const StepperNavigator: ({ hideNext, hidePrevious, hideCancel, hideFinish, disableNext, disablePrevious, disableCancel, disableFinish, lang, labelNext, labelPrevious, labelCancel, labelFinish, className, "data-testid": dataTestId, previousButtonProps, cancelButtonProps, nextButtonProps, finishButtonProps, onNext, onPrevious, onCancel, onFinish, }: StepperNavigatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
58
|
-
export {};
|