@pismo/marola 1.0.0-beta.9 → 1.0.1
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-DiLqcAJG.js → Button-BAljjMv3.js} +2 -2
- package/dist/{ClickAwayListener-BaJ-OV_7.js → ClickAwayListener-DbEYZpyh.js} +3 -3
- package/dist/Dialog.module-W7UCXlf3.js +29 -0
- package/dist/Group-DspH8hyO.js +30 -0
- package/dist/Popover.module-B4boCutS.js +10 -0
- package/dist/{Popup-lLWZt2wk.js → Popup-Ck3XlWMq.js} +3 -3
- package/dist/{Portal-B_Es6eUL.js → Portal-oY3enyAm.js} +2 -2
- package/dist/SelectButton-B38avP9u.js +75 -0
- package/dist/{Tabs.module-jkH1Qjn7.js → Tabs.module-BGGTkDc5.js} +7 -7
- package/dist/Toggle-MfR7l8Wn.js +190 -0
- package/dist/assets/Alert.css +1 -0
- package/dist/assets/Autocomplete.css +1 -1
- package/dist/assets/Avatar.css +1 -0
- package/dist/assets/Description.css +1 -0
- package/dist/assets/Dialog.css +1 -1
- package/dist/assets/EllipsisTooltip.css +1 -1
- package/dist/assets/Group.css +1 -1
- package/dist/assets/Input.css +1 -1
- package/dist/assets/PageHeader.css +1 -1
- package/dist/assets/Popover.css +1 -0
- package/dist/assets/RadioButton.css +1 -0
- package/dist/assets/ResultWithChips.css +1 -0
- package/dist/assets/SelectButton.css +1 -1
- package/dist/assets/Skeleton.css +1 -1
- package/dist/assets/Snackbar.css +1 -1
- package/dist/assets/StepperNavigator.css +1 -0
- package/dist/assets/Table.css +1 -1
- package/dist/assets/Tabs.css +1 -1
- package/dist/assets/Tag.css +1 -0
- package/dist/assets/Toggle2.css +1 -1
- package/dist/{combineHooksSlotProps-BtBYUV_B.js → combineHooksSlotProps-C-zYvfnF.js} +1 -1
- package/dist/components/Adornment/Adornment.d.ts +11 -2
- package/dist/components/Adornment/Adornment.js +6 -6
- package/dist/components/Adornment/Adornment.stories.d.ts +14 -0
- package/dist/components/Adornment/adornment.test.d.ts +1 -0
- package/dist/components/Advice/Advice.d.ts +2 -2
- package/dist/components/Alert/Alert.d.ts +11 -0
- package/dist/components/Alert/Alert.js +46 -0
- package/dist/components/Alert/Alert.stories.d.ts +24 -0
- package/dist/components/Alert/Alert.test.d.ts +1 -0
- package/dist/components/Autocomplete/Autocomplete.d.ts +12 -42
- package/dist/components/Autocomplete/Autocomplete.js +422 -432
- package/dist/components/Autocomplete/Autocomplete.stories.d.ts +3 -25
- package/dist/components/Avatar/Avatar.d.ts +15 -0
- package/dist/components/Avatar/Avatar.js +51 -0
- package/dist/components/Avatar/Avatar.stories.d.ts +25 -0
- package/dist/components/Button/Button.d.ts +2 -0
- package/dist/components/Button/Button.js +23 -21
- package/dist/components/Chip/Chip.d.ts +6 -4
- package/dist/components/Chip/Chip.js +10 -6
- package/dist/components/Chip/Chip.stories.d.ts +5 -14
- package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts +14 -0
- package/dist/components/ConfirmationDialog/ConfirmationDialog.js +37 -0
- package/dist/components/ConfirmationDialog/ConfirmationDialog.stories.d.ts +23 -0
- package/dist/components/ConfirmationDialog/ConfirmationModal.test.d.ts +1 -0
- package/dist/components/Description/Description.d.ts +21 -0
- package/dist/components/Description/Description.js +66 -0
- package/dist/components/Description/Description.stories.d.ts +22 -0
- package/dist/components/Description/Description.test.d.ts +1 -0
- package/dist/components/Dialog/Actions.js +1 -1
- package/dist/components/Dialog/Backdrop.d.ts +3 -3
- package/dist/components/Dialog/Backdrop.js +8 -7
- package/dist/components/Dialog/CloseIconButton.d.ts +1 -2
- package/dist/components/Dialog/CloseIconButton.js +15 -18
- package/dist/components/Dialog/Dialog.d.ts +16 -10
- package/dist/components/Dialog/Dialog.js +167 -167
- package/dist/components/Dialog/Dialog.stories.d.ts +73 -67
- package/dist/components/Dialog/DialogTitle.d.ts +5 -2
- package/dist/components/Dialog/DialogTitle.js +22 -16
- package/dist/components/EllipsisTooltip/EllipsisTooltip.js +30 -17
- package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -0
- package/dist/components/Icon/Icon.js +337 -51
- package/dist/components/Icon/types.d.ts +1 -1
- package/dist/components/IconButton/IconButton.js +1 -1
- package/dist/components/Input/Input.d.ts +26 -5
- package/dist/components/Input/Input.js +514 -102
- package/dist/components/Input/Input.stories.d.ts +2 -21
- package/dist/components/InputSearch/InputSearch.d.ts +37 -7
- package/dist/components/InputSearch/InputSearch.js +27 -29
- package/dist/components/InputSearch/InputSearch.stories.d.ts +15 -3
- package/dist/components/PageHeader/PageHeader.d.ts +6 -2
- package/dist/components/PageHeader/PageHeader.js +77 -70
- package/dist/components/PageHeader/PageHeader.stories.d.ts +3 -1
- package/dist/components/PageHeader/PageHeader.test.d.ts +1 -0
- package/dist/components/Pagination/Pagination.d.ts +5 -1
- package/dist/components/Pagination/Pagination.js +45 -46
- package/dist/components/Pagination/Pagination.stories.d.ts +1 -1
- package/dist/components/Popover/Popover.d.ts +32 -0
- package/dist/components/Popover/Popover.js +24 -0
- package/dist/components/Popover/Popover.stories.d.ts +34 -0
- package/dist/components/Popover/PopoverBody.d.ts +6 -0
- package/dist/components/Popover/PopoverBody.js +6 -0
- package/dist/components/Popover/PopoverFooter.d.ts +6 -0
- package/dist/components/Popover/PopoverFooter.js +6 -0
- package/dist/components/Popover/PopoverHeader.d.ts +6 -0
- package/dist/components/Popover/PopoverHeader.js +6 -0
- package/dist/components/RadioButton/RadioButton.d.ts +19 -0
- package/dist/components/RadioButton/RadioButton.js +37 -0
- package/dist/components/RadioButton/RadioButton.stories.d.ts +24 -0
- package/dist/components/RadioButton/RadioButton.test.d.ts +1 -0
- package/dist/components/ResultWithChips/ResultWithChips.d.ts +12 -0
- package/dist/components/ResultWithChips/ResultWithChips.js +33 -0
- package/dist/components/RowItem/RowItem.d.ts +2 -2
- package/dist/components/RowItem/RowItem.js +9 -5
- package/dist/components/RowItem/RowItem.stories.d.ts +17 -0
- package/dist/components/RowItem/rowItem.test.d.ts +1 -0
- package/dist/components/Select/Select.d.ts +22 -0
- package/dist/components/Select/Select.js +476 -414
- package/dist/components/Select/SelectButton.d.ts +2 -0
- package/dist/components/Select/SelectButton.js +3 -2
- package/dist/components/Skeleton/Skeleton.d.ts +3 -1
- package/dist/components/Skeleton/Skeleton.js +20 -14
- package/dist/components/Skeleton/SkeletonTable.stories.d.ts +1 -1
- package/dist/components/Snackbar/Snackbar.js +119 -134
- package/dist/components/StepperNavigator/StepperNavigator.d.ts +58 -0
- package/dist/components/StepperNavigator/StepperNavigator.js +115 -0
- package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +18 -0
- package/dist/components/StepperNavigator/StepperNavigator.test.d.ts +1 -0
- package/dist/components/Table/Table.d.ts +3 -1
- package/dist/components/Table/Table.js +89 -101
- package/dist/components/Table/Table.stories.d.ts +1 -1
- package/dist/components/Tabs/Tab.d.ts +5 -3
- package/dist/components/Tabs/Tab.js +36 -35
- package/dist/components/Tabs/TabPanel.d.ts +4 -2
- package/dist/components/Tabs/TabPanel.js +48 -38
- package/dist/components/Tabs/Tabs.d.ts +6 -4
- package/dist/components/Tabs/Tabs.js +115 -112
- package/dist/components/Tag/Tag.d.ts +14 -0
- package/dist/components/Tag/Tag.js +73 -0
- package/dist/components/Tag/Tag.stories.d.ts +29 -0
- package/dist/components/Tag/Tag.test.d.ts +1 -0
- package/dist/components/TextDisplay/TextDisplay.d.ts +7 -3
- package/dist/components/TextDisplay/TextDisplay.js +44 -37
- package/dist/components/TextDisplay/TextDisplay.stories.d.ts +2 -1
- package/dist/components/Toggle/Toggle.js +1 -1
- package/dist/components/ToggleGroup/Group.d.ts +2 -0
- package/dist/components/ToggleGroup/Group.js +4 -2
- package/dist/components/ToggleGroup/Toggle.d.ts +2 -0
- package/dist/components/ToggleGroup/Toggle.js +8 -4
- package/dist/components/ToggleGroup/ToggleGroup.js +2 -2
- package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +2 -0
- package/dist/components/Tooltip/Tooltip.d.ts +3 -1
- package/dist/components/Tooltip/Tooltip.js +4 -4
- package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -0
- package/dist/contexts/SnackbarProvider/SnackbarProvider.d.ts +2 -2
- package/dist/contexts/SnackbarProvider/SnackbarProvider.js +35 -30
- package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts +1 -1
- package/dist/{index-D3Wj0eid.js → index-bQFToy-I.js} +1 -1
- package/dist/main.d.ts +9 -0
- package/dist/main.js +97 -79
- package/dist/marola.css +1 -1
- package/dist/{ownerDocument-B61GUaFs.js → ownerDocument-YGhwAnr1.js} +1 -1
- package/dist/test-utils/assertStyles.d.ts +1 -1
- package/dist/{useButton-Bn3MNH8I.js → useButton-DcihopJG.js} +1 -1
- package/dist/{useList-BpJT77u3.js → useList-B9C55YB7.js} +2 -2
- package/dist/{useSlotProps-kRhf7Gil.js → useSlotProps-C_I1kEHr.js} +73 -72
- package/package.json +22 -13
- package/dist/Dialog.module-DFcZsVAd.js +0 -30
- package/dist/Group-B3p31ftp.js +0 -26
- package/dist/Input.module-ZTRZRcNt.js +0 -405
- package/dist/SelectButton-CoOT2txy.js +0 -61
- package/dist/Toggle-f5brSwAI.js +0 -175
|
@@ -2,8 +2,12 @@ import { VariantType } from '../Typography/Typography.tsx';
|
|
|
2
2
|
import { default as React } from 'react';
|
|
3
3
|
|
|
4
4
|
type OptionsProps = {
|
|
5
|
+
/** Text variant */
|
|
5
6
|
variant?: VariantType;
|
|
7
|
+
/** Text color */
|
|
6
8
|
color?: string;
|
|
9
|
+
/** Text weight */
|
|
10
|
+
bold?: boolean;
|
|
7
11
|
};
|
|
8
12
|
export interface TextDisplayProps {
|
|
9
13
|
/** TextDisplay label */
|
|
@@ -12,8 +16,8 @@ export interface TextDisplayProps {
|
|
|
12
16
|
value: React.ReactNode;
|
|
13
17
|
/** Renders skeleton when true */
|
|
14
18
|
isLoading?: boolean;
|
|
15
|
-
/** Sets the
|
|
16
|
-
|
|
19
|
+
/** Sets the data-testid prefix for label, value and skeletons */
|
|
20
|
+
'data-testid'?: string;
|
|
17
21
|
/** Sets the label options */
|
|
18
22
|
labelOptions?: OptionsProps;
|
|
19
23
|
/** Sets the value options */
|
|
@@ -21,5 +25,5 @@ export interface TextDisplayProps {
|
|
|
21
25
|
/** Sets the label and value onto the same line */
|
|
22
26
|
inline?: boolean;
|
|
23
27
|
}
|
|
24
|
-
export declare const TextDisplay: ({ label, value, isLoading,
|
|
28
|
+
export declare const TextDisplay: ({ label, value, isLoading, "data-testid": dataTestId, labelOptions, valueOptions, inline, }: TextDisplayProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
29
|
export {};
|
|
@@ -1,44 +1,51 @@
|
|
|
1
1
|
import '../../assets/TextDisplay.css';
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import { c as
|
|
4
|
-
import { Skeleton as
|
|
5
|
-
import { Typography as
|
|
6
|
-
const
|
|
7
|
-
container:
|
|
2
|
+
import { jsxs as f, jsx as d } from "react/jsx-runtime";
|
|
3
|
+
import { c as $ } from "../../clsx-DB4S2d7J.js";
|
|
4
|
+
import { Skeleton as m } from "../Skeleton/Skeleton.js";
|
|
5
|
+
import { Typography as y } from "../Typography/Typography.js";
|
|
6
|
+
const g = "_container_ia8vu_1", e = {
|
|
7
|
+
container: g,
|
|
8
8
|
"container--inline": "_container--inline_ia8vu_5"
|
|
9
|
-
},
|
|
10
|
-
label:
|
|
11
|
-
value:
|
|
12
|
-
isLoading:
|
|
13
|
-
|
|
9
|
+
}, i = ({
|
|
10
|
+
label: h,
|
|
11
|
+
value: x,
|
|
12
|
+
isLoading: o = !1,
|
|
13
|
+
"data-testid": t = "TextDisplay",
|
|
14
14
|
labelOptions: r,
|
|
15
|
-
valueOptions:
|
|
16
|
-
inline:
|
|
15
|
+
valueOptions: c,
|
|
16
|
+
inline: a
|
|
17
17
|
}) => {
|
|
18
|
-
const
|
|
19
|
-
return /* @__PURE__ */
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
{
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
18
|
+
const _ = (r == null ? void 0 : r.color) || (a ? "var(--black-100)" : "var(--gray-90)");
|
|
19
|
+
return /* @__PURE__ */ f(
|
|
20
|
+
"div",
|
|
21
|
+
{
|
|
22
|
+
className: $([e.container, { [e["container--inline"]]: a }]),
|
|
23
|
+
"data-testid": `${t}-container`,
|
|
24
|
+
children: [
|
|
25
|
+
/* @__PURE__ */ d(
|
|
26
|
+
y,
|
|
27
|
+
{
|
|
28
|
+
color: _,
|
|
29
|
+
variant: (r == null ? void 0 : r.variant) || "base",
|
|
30
|
+
"data-testid": `${t}-label`,
|
|
31
|
+
bold: (r == null ? void 0 : r.bold) ?? a,
|
|
32
|
+
children: o ? /* @__PURE__ */ d(m, { style: { width: 70, marginBottom: 2 }, "data-testid": `${t}-skeletonLabel` }) : h
|
|
33
|
+
}
|
|
34
|
+
),
|
|
35
|
+
/* @__PURE__ */ d(
|
|
36
|
+
y,
|
|
37
|
+
{
|
|
38
|
+
bold: (c == null ? void 0 : c.bold) ?? !a,
|
|
39
|
+
color: (c == null ? void 0 : c.color) || "var(--gray-90)",
|
|
40
|
+
variant: (c == null ? void 0 : c.variant) || (a ? "base" : "base-lg"),
|
|
41
|
+
"data-testid": `${t}-value`,
|
|
42
|
+
children: o ? /* @__PURE__ */ d(m, { style: { width: 100 }, "data-testid": `${t}-skeletonValue` }) : x || "-"
|
|
43
|
+
}
|
|
44
|
+
)
|
|
45
|
+
]
|
|
46
|
+
}
|
|
47
|
+
);
|
|
41
48
|
};
|
|
42
49
|
export {
|
|
43
|
-
|
|
50
|
+
i as TextDisplay
|
|
44
51
|
};
|
|
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
|
|
|
2
2
|
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ label, value, isLoading,
|
|
5
|
+
component: ({ label, value, isLoading, "data-testid": dataTestId, labelOptions, valueOptions, inline, }: import('./TextDisplay').TextDisplayProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
tags: string[];
|
|
7
7
|
};
|
|
8
8
|
export default meta;
|
|
@@ -11,3 +11,4 @@ export declare const Simple: Story;
|
|
|
11
11
|
export declare const WithLoading: Story;
|
|
12
12
|
export declare const Size: Story;
|
|
13
13
|
export declare const Color: Story;
|
|
14
|
+
export declare const Horizontal: Story;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import '../../assets/Toggle.css';
|
|
2
2
|
import { jsxs as j, jsx as P } from "react/jsx-runtime";
|
|
3
3
|
import { c as O } from "../../clsx-DB4S2d7J.js";
|
|
4
|
-
import { u as E, b as k, g as v, a as U, _ as H, c as C, P as e, d as M, e as A } from "../../useSlotProps-
|
|
4
|
+
import { u as E, b as k, g as v, a as U, _ as H, c as C, P as e, d as M, e as A } from "../../useSlotProps-C_I1kEHr.js";
|
|
5
5
|
import * as F from "react";
|
|
6
6
|
import { u as D } from "../../useControlled-CCMYYdCM.js";
|
|
7
7
|
import { u as L } from "../../useIsFocusVisible-BH4IAdcw.js";
|
|
@@ -13,6 +13,8 @@ export type ToggleGroupProps = {
|
|
|
13
13
|
* error and legend append their names e.g. {data-testid}-error and {data-testid}-legend
|
|
14
14
|
* */
|
|
15
15
|
'data-testid'?: string;
|
|
16
|
+
/** Controls if children items should have same width */
|
|
17
|
+
equalWidth?: boolean;
|
|
16
18
|
};
|
|
17
19
|
declare const Group: import('react').ForwardRefExoticComponent<ToggleGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
|
|
18
20
|
export default Group;
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
+
import "../../clsx-DB4S2d7J.js";
|
|
3
4
|
import "../Icon/Icon.js";
|
|
4
|
-
import
|
|
5
|
+
import "../Typography/Typography.js";
|
|
6
|
+
import { G as e } from "../../Group-DspH8hyO.js";
|
|
5
7
|
export {
|
|
6
|
-
|
|
8
|
+
e as default
|
|
7
9
|
};
|
|
@@ -10,6 +10,8 @@ export type ToggleGroupItemProps<T extends string | number> = {
|
|
|
10
10
|
onChange: (value: T | '') => void;
|
|
11
11
|
/** Dataset test id only used for tests to reach in and grab the rendered DOM node of the label */
|
|
12
12
|
'data-testid'?: string;
|
|
13
|
+
/** Controls if component should be disabled */
|
|
14
|
+
disabled?: boolean;
|
|
13
15
|
};
|
|
14
16
|
declare const Toggle: import('react').ForwardRefExoticComponent<ToggleGroupItemProps<string | number> & import('react').RefAttributes<HTMLInputElement>>;
|
|
15
17
|
export default Toggle;
|
|
@@ -3,15 +3,19 @@ import "react";
|
|
|
3
3
|
import "../../clsx-DB4S2d7J.js";
|
|
4
4
|
import "../Icon/Icon.js";
|
|
5
5
|
import "../Typography/Typography.js";
|
|
6
|
+
import "../Input/Input.js";
|
|
7
|
+
import "../Avatar/Avatar.js";
|
|
6
8
|
import "../Button/Button.js";
|
|
7
|
-
import { T as
|
|
8
|
-
import "../Dialog/
|
|
9
|
+
import { T as j } from "../../Toggle-MfR7l8Wn.js";
|
|
10
|
+
import "../Dialog/Dialog.js";
|
|
9
11
|
import "../IconButton/IconButton.js";
|
|
12
|
+
import "../InputSearch/InputSearch.js";
|
|
10
13
|
import "../Select/Select.js";
|
|
14
|
+
import "../Popover/Popover.js";
|
|
11
15
|
import "../Table/Table.js";
|
|
12
16
|
import "../Tabs/Tabs.js";
|
|
13
|
-
import "../../Group-
|
|
17
|
+
import "../../Group-DspH8hyO.js";
|
|
14
18
|
import "../../contexts/SnackbarProvider/SnackbarProvider.js";
|
|
15
19
|
export {
|
|
16
|
-
|
|
20
|
+
j as default
|
|
17
21
|
};
|
|
@@ -11,6 +11,7 @@ declare const meta: {
|
|
|
11
11
|
error?: import('react').ReactNode;
|
|
12
12
|
children: import('react').ReactElement<import('./Toggle.tsx').ToggleGroupItemProps<string | number>, string | import('react').JSXElementConstructor<any>>[];
|
|
13
13
|
'data-testid'?: string | undefined;
|
|
14
|
+
equalWidth?: boolean | undefined;
|
|
14
15
|
ref?: import('react').LegacyRef<HTMLFieldSetElement> | undefined;
|
|
15
16
|
key?: import('react').Key | null | undefined;
|
|
16
17
|
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
@@ -23,3 +24,4 @@ type Story = StoryObj<typeof meta>;
|
|
|
23
24
|
export declare const Simple: Story;
|
|
24
25
|
export declare const NoLegend: Story;
|
|
25
26
|
export declare const WithError: Story;
|
|
27
|
+
export declare const ItemsWithEqualWidth: Story;
|
|
@@ -14,7 +14,7 @@ export type TooltipProps = {
|
|
|
14
14
|
onClose?: () => void;
|
|
15
15
|
/** The color of the tooltip */
|
|
16
16
|
theme?: 'white' | 'black';
|
|
17
|
-
/**
|
|
17
|
+
/** The padding applied to the tooltip */
|
|
18
18
|
padding?: 'small' | 'normal';
|
|
19
19
|
/** The Position where the tooltip will be display relative to the anchor element */
|
|
20
20
|
position?: PopupPlacement;
|
|
@@ -28,6 +28,8 @@ export type TooltipProps = {
|
|
|
28
28
|
'data-testid'?: string;
|
|
29
29
|
/** Function thats return the HTML Element of target. Important to EllipsisTooltip knows if the node needs or not the ellipsis */
|
|
30
30
|
onTargetCreated?: (e: HTMLElement) => void;
|
|
31
|
+
/** Disable uses portal (true by default) */
|
|
32
|
+
disablePortal?: boolean;
|
|
31
33
|
};
|
|
32
34
|
declare const Tooltip: ({ arialRole, children: childrenProp, className, disableHoverListener, onClose, padding, position, open: openProp, theme, title, onTargetCreated, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
35
|
export { Tooltip };
|
|
@@ -2,10 +2,10 @@ import '../../assets/Tooltip.css';
|
|
|
2
2
|
import { jsx as a, jsxs as v, Fragment as P } from "react/jsx-runtime";
|
|
3
3
|
import * as u from "react";
|
|
4
4
|
import { useRef as R, useState as T, useEffect as E, isValidElement as q, cloneElement as M } from "react";
|
|
5
|
-
import { T as O, P as V } from "../../Popup-
|
|
6
|
-
import { _ as $, b as z, P as l } from "../../useSlotProps-
|
|
5
|
+
import { T as O, P as V } from "../../Popup-Ck3XlWMq.js";
|
|
6
|
+
import { _ as $, b as z, P as l } from "../../useSlotProps-C_I1kEHr.js";
|
|
7
7
|
import { c as D } from "../../clsx-DB4S2d7J.js";
|
|
8
|
-
import { C as F } from "../../ClickAwayListener-
|
|
8
|
+
import { C as F } from "../../ClickAwayListener-DbEYZpyh.js";
|
|
9
9
|
function I() {
|
|
10
10
|
const e = u.useContext(O);
|
|
11
11
|
if (!e)
|
|
@@ -114,10 +114,10 @@ const B = "_tooltip_1dujm_1", m = {
|
|
|
114
114
|
/* @__PURE__ */ a(
|
|
115
115
|
V,
|
|
116
116
|
{
|
|
117
|
+
disablePortal: !0,
|
|
117
118
|
...N,
|
|
118
119
|
open: j,
|
|
119
120
|
anchor: t == null ? void 0 : t.current,
|
|
120
|
-
disablePortal: !0,
|
|
121
121
|
style: w,
|
|
122
122
|
role: e,
|
|
123
123
|
placement: f,
|
|
@@ -22,6 +22,7 @@ declare const meta: {
|
|
|
22
22
|
style?: import('react').CSSProperties | undefined;
|
|
23
23
|
'data-testid'?: string | undefined;
|
|
24
24
|
onTargetCreated?: ((e: HTMLElement) => void) | undefined;
|
|
25
|
+
disablePortal?: boolean | undefined;
|
|
25
26
|
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
26
27
|
};
|
|
27
28
|
export default meta;
|
|
@@ -4,8 +4,8 @@ export type SnackbarContextProps = {
|
|
|
4
4
|
showMessage: (message: string, variant?: SnackbarProps['variant'], duration?: number) => void;
|
|
5
5
|
};
|
|
6
6
|
export declare const SnackbarContext: import('react').Context<SnackbarContextProps>;
|
|
7
|
-
export type SnackbarProviderProps = {
|
|
7
|
+
export type SnackbarProviderProps = Partial<SnackbarProps> & {
|
|
8
8
|
children: React.ReactNode;
|
|
9
9
|
};
|
|
10
|
-
export declare const SnackbarProvider: ({ children }: SnackbarProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare const SnackbarProvider: ({ children, ...snackbarProps }: SnackbarProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export declare const useSnackbar: () => SnackbarContextProps;
|
|
@@ -1,50 +1,55 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { createContext as
|
|
3
|
-
import {
|
|
4
|
-
|
|
1
|
+
import { jsx as u, jsxs as l, Fragment as g } from "react/jsx-runtime";
|
|
2
|
+
import { createContext as p, useState as f, useCallback as b, createElement as k, useContext as C } from "react";
|
|
3
|
+
import { r as v } from "../../index-bQFToy-I.js";
|
|
4
|
+
import { Snackbar as x } from "../../components/Snackbar/Snackbar.js";
|
|
5
|
+
const o = p({
|
|
5
6
|
showMessage: () => {
|
|
6
7
|
}
|
|
7
|
-
}),
|
|
8
|
-
const [e,
|
|
9
|
-
(a =
|
|
10
|
-
|
|
8
|
+
}), t = { message: "", variant: "success", duration: 5e3, open: !1 }, D = ({ children: n, ...r }) => {
|
|
9
|
+
const [e, s] = f(t), c = b(
|
|
10
|
+
(a = t.message, d = t.variant, m = t.duration) => {
|
|
11
|
+
s({
|
|
11
12
|
id: `${(/* @__PURE__ */ new Date()).getTime()}-${a}`,
|
|
12
13
|
message: a,
|
|
13
|
-
variant:
|
|
14
|
-
duration:
|
|
14
|
+
variant: d,
|
|
15
|
+
duration: m,
|
|
15
16
|
open: !0
|
|
16
17
|
});
|
|
17
18
|
},
|
|
18
|
-
[
|
|
19
|
-
),
|
|
20
|
-
|
|
19
|
+
[s]
|
|
20
|
+
), i = () => {
|
|
21
|
+
s((a) => ({ ...a, open: !1 }));
|
|
21
22
|
};
|
|
22
|
-
return /* @__PURE__ */
|
|
23
|
+
return /* @__PURE__ */ u(
|
|
23
24
|
o.Provider,
|
|
24
25
|
{
|
|
25
26
|
value: {
|
|
26
|
-
showMessage:
|
|
27
|
+
showMessage: c
|
|
27
28
|
},
|
|
28
29
|
children: /* @__PURE__ */ l(g, { children: [
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
30
|
+
n,
|
|
31
|
+
v.createPortal(
|
|
32
|
+
/* @__PURE__ */ k(
|
|
33
|
+
x,
|
|
34
|
+
{
|
|
35
|
+
...r,
|
|
36
|
+
key: e.id,
|
|
37
|
+
autoHideDuration: e.duration,
|
|
38
|
+
variant: e.variant,
|
|
39
|
+
open: e.open,
|
|
40
|
+
snackbarMessage: e.message,
|
|
41
|
+
onClose: i,
|
|
42
|
+
"data-testid": "snackbar"
|
|
43
|
+
}
|
|
44
|
+
),
|
|
45
|
+
document.body
|
|
41
46
|
)
|
|
42
47
|
] })
|
|
43
48
|
}
|
|
44
49
|
);
|
|
45
|
-
},
|
|
50
|
+
}, P = () => C(o);
|
|
46
51
|
export {
|
|
47
52
|
o as SnackbarContext,
|
|
48
|
-
|
|
49
|
-
|
|
53
|
+
D as SnackbarProvider,
|
|
54
|
+
P as useSnackbar
|
|
50
55
|
};
|
|
@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/react';
|
|
|
3
3
|
|
|
4
4
|
declare const meta: {
|
|
5
5
|
title: string;
|
|
6
|
-
component: ({ children }: SnackbarProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
component: ({ children, ...snackbarProps }: SnackbarProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
parameters: {
|
|
8
8
|
docs: {
|
|
9
9
|
description: {
|
package/dist/main.d.ts
CHANGED
|
@@ -4,10 +4,14 @@
|
|
|
4
4
|
*/
|
|
5
5
|
export * from './components/Adornment/Adornment';
|
|
6
6
|
export * from './components/Advice/Advice';
|
|
7
|
+
export * from './components/Alert/Alert';
|
|
7
8
|
export * from './components/Autocomplete/Autocomplete';
|
|
9
|
+
export * from './components/Avatar/Avatar';
|
|
8
10
|
export * from './components/Button/Button';
|
|
9
11
|
export * from './components/Checkbox/Checkbox';
|
|
10
12
|
export * from './components/Chip/Chip';
|
|
13
|
+
export * from './components/ConfirmationDialog/ConfirmationDialog';
|
|
14
|
+
export * from './components/Description/Description';
|
|
11
15
|
export * from './components/Dialog/Dialog';
|
|
12
16
|
export * from './components/EllipsisTooltip/EllipsisTooltip';
|
|
13
17
|
export * from './components/Icon/Icon';
|
|
@@ -17,14 +21,19 @@ export * from './components/InputSearch/InputSearch';
|
|
|
17
21
|
export * from './components/LoadingSpinner/LoadingSpinner';
|
|
18
22
|
export * from './components/PageHeader/PageHeader';
|
|
19
23
|
export * from './components/Pagination/Pagination';
|
|
24
|
+
export * from './components/Popover/Popover';
|
|
25
|
+
export * from './components/RadioButton/RadioButton';
|
|
26
|
+
export * from './components/ResultWithChips/ResultWithChips';
|
|
20
27
|
export * from './components/RowItem/RowItem';
|
|
21
28
|
export * from './components/Select/Select';
|
|
22
29
|
export * from './components/Skeleton/Skeleton';
|
|
23
30
|
export * from './components/Snackbar/Snackbar';
|
|
24
31
|
export * from './components/SortTooltip/SortTooltip';
|
|
25
32
|
export * from './components/Stepper/Stepper';
|
|
33
|
+
export * from './components/StepperNavigator/StepperNavigator';
|
|
26
34
|
export * from './components/Table/Table';
|
|
27
35
|
export * from './components/Tabs/Tabs';
|
|
36
|
+
export * from './components/Tag/Tag';
|
|
28
37
|
export * from './components/TextDisplay/TextDisplay';
|
|
29
38
|
export * from './components/Toggle/Toggle';
|
|
30
39
|
export * from './components/ToggleGroup/ToggleGroup';
|
package/dist/main.js
CHANGED
|
@@ -1,83 +1,101 @@
|
|
|
1
|
-
import { Adornment as
|
|
1
|
+
import { Adornment as t } from "./components/Adornment/Adornment.js";
|
|
2
2
|
import { Advice as p } from "./components/Advice/Advice.js";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
3
|
+
import { Alert as f } from "./components/Alert/Alert.js";
|
|
4
|
+
import { Autocomplete as x } from "./components/Autocomplete/Autocomplete.js";
|
|
5
|
+
import { Avatar as i } from "./components/Avatar/Avatar.js";
|
|
6
|
+
import { Button as T } from "./components/Button/Button.js";
|
|
7
|
+
import { Checkbox as g } from "./components/Checkbox/Checkbox.js";
|
|
8
|
+
import { C as u, R as S, T as d } from "./Toggle-MfR7l8Wn.js";
|
|
9
|
+
import { ConfirmationDialog as k } from "./components/ConfirmationDialog/ConfirmationDialog.js";
|
|
10
|
+
import { Description as h } from "./components/Description/Description.js";
|
|
11
|
+
import { Dialog as A } from "./components/Dialog/Dialog.js";
|
|
12
|
+
import { EllipsisTooltip as v } from "./components/EllipsisTooltip/EllipsisTooltip.js";
|
|
13
|
+
import { Icon as y } from "./components/Icon/Icon.js";
|
|
14
|
+
import { IconButton as R } from "./components/IconButton/IconButton.js";
|
|
15
|
+
import { Input as H } from "./components/Input/Input.js";
|
|
16
|
+
import { InputSearch as E } from "./components/InputSearch/InputSearch.js";
|
|
17
|
+
import { LoadingSpinner as N } from "./components/LoadingSpinner/LoadingSpinner.js";
|
|
18
|
+
import { PageHeader as W } from "./components/PageHeader/PageHeader.js";
|
|
19
|
+
import { Pagination as q, paginationDefaultTranslations as z } from "./components/Pagination/Pagination.js";
|
|
20
|
+
import { Popover as J } from "./components/Popover/Popover.js";
|
|
21
|
+
import { RadioButton as M } from "./components/RadioButton/RadioButton.js";
|
|
22
|
+
import { ResultWithChips as U } from "./components/ResultWithChips/ResultWithChips.js";
|
|
23
|
+
import { Select as X, SelectOption as Y } from "./components/Select/Select.js";
|
|
24
|
+
import { Skeleton as _, SkeletonCircle as $, SkeletonTable as oo } from "./components/Skeleton/Skeleton.js";
|
|
25
|
+
import { Snackbar as to } from "./components/Snackbar/Snackbar.js";
|
|
26
|
+
import { SortTooltip as po, sortTooltipDefaultTranslations as ao } from "./components/SortTooltip/SortTooltip.js";
|
|
27
|
+
import { Stepper as mo } from "./components/Stepper/Stepper.js";
|
|
28
|
+
import { StepperNavigator as no } from "./components/StepperNavigator/StepperNavigator.js";
|
|
29
|
+
import { TBody as lo, THead as To, Table as so, Td as go, Th as co, Tr as uo } from "./components/Table/Table.js";
|
|
30
|
+
import { Tabs as bo } from "./components/Tabs/Tabs.js";
|
|
31
|
+
import { Tag as Co } from "./components/Tag/Tag.js";
|
|
32
|
+
import { TextDisplay as Do } from "./components/TextDisplay/TextDisplay.js";
|
|
33
|
+
import { Toggle as Io } from "./components/Toggle/Toggle.js";
|
|
34
|
+
import { G as Po } from "./Group-DspH8hyO.js";
|
|
35
|
+
import { Tooltip as Bo } from "./components/Tooltip/Tooltip.js";
|
|
36
|
+
import { Text as Go, Typography as Ho } from "./components/Typography/Typography.js";
|
|
37
|
+
import { SnackbarContext as Eo, SnackbarProvider as Lo, useSnackbar as No } from "./contexts/SnackbarProvider/SnackbarProvider.js";
|
|
38
|
+
import { default as Wo } from "./components/Dialog/DialogTitle.js";
|
|
39
|
+
import { default as qo } from "./components/Dialog/Content.js";
|
|
40
|
+
import { default as Fo } from "./components/Dialog/Actions.js";
|
|
41
|
+
import { Tab as Ko } from "./components/Tabs/Tab.js";
|
|
42
|
+
import { TabPanel as Qo } from "./components/Tabs/TabPanel.js";
|
|
34
43
|
export {
|
|
35
|
-
|
|
36
|
-
|
|
44
|
+
Fo as Actions,
|
|
45
|
+
t as Adornment,
|
|
37
46
|
p as Advice,
|
|
38
|
-
f as
|
|
39
|
-
x as
|
|
40
|
-
|
|
41
|
-
T as
|
|
42
|
-
|
|
43
|
-
u as
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
q as
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
47
|
+
f as Alert,
|
|
48
|
+
x as Autocomplete,
|
|
49
|
+
i as Avatar,
|
|
50
|
+
T as Button,
|
|
51
|
+
g as Checkbox,
|
|
52
|
+
u as Chip,
|
|
53
|
+
k as ConfirmationDialog,
|
|
54
|
+
qo as Content,
|
|
55
|
+
h as Description,
|
|
56
|
+
A as Dialog,
|
|
57
|
+
Wo as DialogTitle,
|
|
58
|
+
v as EllipsisTooltip,
|
|
59
|
+
y as Icon,
|
|
60
|
+
R as IconButton,
|
|
61
|
+
H as Input,
|
|
62
|
+
E as InputSearch,
|
|
63
|
+
N as LoadingSpinner,
|
|
64
|
+
W as PageHeader,
|
|
65
|
+
q as Pagination,
|
|
66
|
+
J as Popover,
|
|
67
|
+
M as RadioButton,
|
|
68
|
+
U as ResultWithChips,
|
|
69
|
+
S as RowItem,
|
|
70
|
+
X as Select,
|
|
71
|
+
Y as SelectOption,
|
|
72
|
+
_ as Skeleton,
|
|
73
|
+
$ as SkeletonCircle,
|
|
74
|
+
oo as SkeletonTable,
|
|
75
|
+
to as Snackbar,
|
|
76
|
+
Eo as SnackbarContext,
|
|
77
|
+
Lo as SnackbarProvider,
|
|
78
|
+
po as SortTooltip,
|
|
79
|
+
mo as Stepper,
|
|
80
|
+
no as StepperNavigator,
|
|
81
|
+
lo as TBody,
|
|
82
|
+
To as THead,
|
|
83
|
+
Ko as Tab,
|
|
84
|
+
Qo as TabPanel,
|
|
85
|
+
so as Table,
|
|
86
|
+
bo as Tabs,
|
|
87
|
+
Co as Tag,
|
|
88
|
+
go as Td,
|
|
89
|
+
Go as Text,
|
|
90
|
+
Do as TextDisplay,
|
|
91
|
+
co as Th,
|
|
92
|
+
Io as Toggle,
|
|
93
|
+
Po as ToggleGroup,
|
|
94
|
+
d as ToggleGroupItem,
|
|
95
|
+
Bo as Tooltip,
|
|
96
|
+
uo as Tr,
|
|
97
|
+
Ho as Typography,
|
|
98
|
+
z as paginationDefaultTranslations,
|
|
99
|
+
ao as sortTooltipDefaultTranslations,
|
|
100
|
+
No as useSnackbar
|
|
83
101
|
};
|