@pismo/marola 2.1.64 → 2.1.66
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-CJaBSdv1.js +135 -0
- package/dist/ClassNameConfigurator-CVRWfyIa.js +847 -0
- package/dist/{ClickAwayListener-Z08peX_P.js → ClickAwayListener-BnYMO5Ki.js} +26 -33
- package/dist/Popup-D267EI4e.js +1338 -0
- package/dist/{Portal-DJapUCn6.js → Portal-BrGvxB96.js} +32 -36
- package/dist/RadioOption-DyRY8xlF.js +1094 -0
- package/dist/{Toggle-DcZTfLrC.js → Toggle-nnDfpqI1.js} +31 -31
- package/dist/assets/Checkbox.css +1 -1
- package/dist/assets/DropdownMenu.css +1 -1
- package/dist/assets/ToastCard.css +1 -1
- package/dist/assets/Toggle2.css +1 -1
- package/dist/combineHooksSlotProps-j-8UVeYo.js +86 -0
- package/dist/components/Alert/Alert.stories.d.ts +6 -6
- package/dist/components/Autocomplete/Autocomplete.d.ts +1 -1
- package/dist/components/Autocomplete/Autocomplete.js +311 -320
- package/dist/components/Autocomplete/Autocomplete.stories.d.ts +1 -1
- package/dist/components/Avatar/Avatar.stories.d.ts +4 -4
- package/dist/components/BankingCard/BankingCard.d.ts +0 -1
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Checkbox/Checkbox.js +56 -56
- package/dist/components/Checkbox/Checkbox.stories.d.ts +8 -8
- package/dist/components/Chip/Chip.js +3 -3
- package/dist/components/DatePicker/DatePicker.js +742 -639
- package/dist/components/DatePicker/DatePicker.stories.d.ts +8 -8
- package/dist/components/DatePicker/dateUtils.d.ts +2 -2
- package/dist/components/DatePicker/dateUtils.js +1 -1
- package/dist/components/DatePicker/keyboardNavigation.d.ts +1 -1
- package/dist/components/DatePicker/renderCalendarDays.js +1 -1
- package/dist/components/DatePicker/renderPeriodSelection.js +1 -1
- package/dist/components/Dialog/CloseIconButton.js +1 -1
- package/dist/components/Dialog/Dialog.js +372 -352
- package/dist/components/Dialog/Dialog.stories.d.ts +96 -135
- package/dist/components/DoubleAutocomplete/DoubleAutocomplete.d.ts +1 -1
- package/dist/components/DoubleAutocomplete/DoubleAutocomplete.js +2 -2
- package/dist/components/DoubleAutocomplete/DoubleAutocomplete.stories.d.ts +1 -1
- package/dist/components/DoubleInput/DoubleInput.stories.d.ts +1 -1
- package/dist/components/Draggable/Draggable.d.ts +0 -1
- package/dist/components/Draggable/Draggable.js +1 -1
- package/dist/components/Draggable/Draggable.stories.d.ts +2 -3
- package/dist/components/Draggable/useDraggable.js +1 -1
- package/dist/components/DropdownMenu/DropdownMenu.d.ts +3 -1
- package/dist/components/DropdownMenu/DropdownMenu.js +39 -34
- package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts +6 -4
- package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +4 -4
- package/dist/components/Icon/types.d.ts +1 -1
- package/dist/components/IconButton/IconButton.js +1 -1
- package/dist/components/Input/Input.js +335 -320
- package/dist/components/InputSearch/InputSearch.d.ts +31 -31
- package/dist/components/InputSearch/InputSearch.stories.d.ts +31 -31
- package/dist/components/Popover/Popover.d.ts +3 -3
- package/dist/components/Popover/Popover.js +2 -2
- package/dist/components/Popover/Popover.stories.d.ts +3 -3
- package/dist/components/Popover/PopoverBody.d.ts +0 -1
- package/dist/components/Popover/PopoverFooter.d.ts +0 -1
- package/dist/components/Popover/PopoverHeader.d.ts +0 -1
- package/dist/components/RadioButton/RadioButton.d.ts +0 -1
- package/dist/components/RadioButton/RadioButton.js +684 -769
- package/dist/components/RadioButton/RadioOption.d.ts +0 -1
- package/dist/components/RadioButton/RadioOption.js +3 -3
- package/dist/components/ResultContainer/ResultContainer.d.ts +0 -1
- package/dist/components/ResultContainer/ResultContainer.stories.d.ts +9 -9
- package/dist/components/ResultWithChips/ResultWithChips.js +1 -1
- package/dist/components/ResultWithChips/ResultWithChips.stories.d.ts +9 -9
- package/dist/components/RowItem/RowItem.js +2 -2
- package/dist/components/Select/Select.js +625 -591
- package/dist/components/Skeleton/Skeleton.d.ts +0 -1
- package/dist/components/Snackbar/Snackbar.js +295 -239
- package/dist/components/Snackbar/Snackbar.stories.d.ts +113 -113
- package/dist/components/StepperNavigator/StepperNavigator.d.ts +0 -1
- package/dist/components/Table/Table.stories.d.ts +5 -5
- package/dist/components/Tabs/Tab.js +107 -98
- package/dist/components/Tabs/TabPanel.js +58 -55
- package/dist/components/Tabs/Tabs.js +246 -231
- package/dist/components/ToastCard/ToastCard.js +31 -31
- package/dist/components/Toggle/Toggle.js +147 -137
- package/dist/components/Toggle/Toggle.stories.d.ts +5 -5
- package/dist/components/ToggleGroup/Toggle.d.ts +0 -1
- package/dist/components/ToggleGroup/Toggle.js +2 -2
- package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
- package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.js +266 -325
- package/dist/components/Tooltip/Tooltip.stories.d.ts +4 -4
- package/dist/components/TransactionRow/TransactionRow.stories.d.ts +21 -21
- package/dist/contexts/DraggableProvider/DraggableProvider.d.ts +0 -1
- package/dist/contexts/DraggableProvider/DraggableProvider.js +1 -1
- package/dist/contexts/SnackbarProvider/SnackbarProvider.js +1 -1
- package/dist/{dayjs.min-ClQKmc--.js → dayjs.min-BtgZiFZY.js} +14 -14
- package/dist/getReactElementRef-iorwYm2A.js +19 -0
- package/dist/{index-1UpBa69h.js → index-ew-96uBP.js} +2129 -2128
- package/dist/isFocusVisible-CPZqtjv2.js +12 -0
- package/dist/main.js +2 -2
- package/dist/{ownerDocument-By592Iy6.js → ownerDocument-CU-LCrtd.js} +1 -1
- package/dist/react-BTbo_5A3.js +526 -0
- package/dist/setRef-Bo0HEdBB.js +6 -0
- package/dist/useButton-C2E_LFJp.js +90 -0
- package/dist/useControlled-BYdyS7Pn.js +31 -0
- package/dist/useId-CK6Kn3Tn.js +21 -0
- package/dist/useList-BLW78Lq7.js +446 -0
- package/dist/utils/draggable.d.ts +2 -2
- package/dist/utils/iconsList.js +118 -112
- package/package.json +1 -1
- package/dist/Button-BrEDdtHO.js +0 -130
- package/dist/Popup-Dffqo7wT.js +0 -1246
- package/dist/RadioOption-DYovqiwF.js +0 -720
- package/dist/combineHooksSlotProps-BhQ14uyD.js +0 -79
- package/dist/exactProp-SYjL19cU.js +0 -13
- package/dist/react-BvI-Sw9b.js +0 -509
- package/dist/useButton-CezPDte8.js +0 -105
- package/dist/useControlled-CCMYYdCM.js +0 -31
- package/dist/useId-BW-oWmul.js +0 -19
- package/dist/useIsFocusVisible-BH4IAdcw.js +0 -69
- package/dist/useList-nqLfZem8.js +0 -435
- package/dist/useSlotProps-CYHDC4TN.js +0 -834
- package/dist/useTimeout-DxF9kiZL.js +0 -36
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { StoryObj } from '@storybook/react';
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
|
-
component: <T extends
|
|
4
|
+
component: <T extends object | string>({ labelKey, valueKey, renderOption, customSelectedOptionLabel, options, type, value, onChange, onInputChange, classNameWrapper, "data-testid-wrapper": dataTestId, classNameInputWrapper, open, onOpen, onClose, ...props }: import('./Autocomplete.tsx').AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
tags: string[];
|
|
6
6
|
parameters: {
|
|
7
7
|
layout: string;
|
|
@@ -3,11 +3,11 @@ declare const meta: {
|
|
|
3
3
|
title: string;
|
|
4
4
|
component: import('react').ForwardRefExoticComponent<{
|
|
5
5
|
type: "icon" | "image" | "text";
|
|
6
|
-
size?:
|
|
7
|
-
shape?:
|
|
6
|
+
size?: number | "default" | "small" | "large";
|
|
7
|
+
shape?: "circle" | "square";
|
|
8
8
|
children: import('react').ReactNode;
|
|
9
|
-
className?: string
|
|
10
|
-
'data-testid'?: string
|
|
9
|
+
className?: string;
|
|
10
|
+
'data-testid'?: string;
|
|
11
11
|
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
12
12
|
tags: string[];
|
|
13
13
|
parameters: {
|
|
@@ -2,7 +2,7 @@ import { jsx as _, jsxs as m } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as c, useMemo as f } from "react";
|
|
3
3
|
import { c as k } from "../../clsx-OuTLNxxd.js";
|
|
4
4
|
import { LoadingSpinner as x } from "../LoadingSpinner/LoadingSpinner.js";
|
|
5
|
-
import { B as q } from "../../Button-
|
|
5
|
+
import { B as q } from "../../Button-CJaBSdv1.js";
|
|
6
6
|
import '../../assets/Button.css';const B = "_button_1wddv_43", d = {
|
|
7
7
|
"u-typography-h1": "_u-typography-h1_1wddv_1",
|
|
8
8
|
"u-typography-h2": "_u-typography-h2_1wddv_8",
|
|
@@ -1,70 +1,70 @@
|
|
|
1
1
|
import { jsxs as w, jsx as c } from "react/jsx-runtime";
|
|
2
|
-
import * as
|
|
3
|
-
import { useState as
|
|
4
|
-
import { c as
|
|
5
|
-
import '../../assets/Checkbox.css';const
|
|
6
|
-
"u-typography-h1": "_u-typography-
|
|
7
|
-
"u-typography-h2": "_u-typography-
|
|
8
|
-
"u-typography-h3": "_u-typography-
|
|
9
|
-
"u-typography-h4": "_u-typography-
|
|
10
|
-
"u-typography-h5": "_u-typography-
|
|
11
|
-
"u-typography-h6": "_u-typography-
|
|
12
|
-
"u-typography-base": "_u-typography-
|
|
13
|
-
"u-typography-base--xxl": "_u-typography-base--
|
|
14
|
-
"u-typography-base--xl": "_u-typography-base--
|
|
15
|
-
"u-typography-base--lg": "_u-typography-base--
|
|
16
|
-
"u-typography-base--sm": "_u-typography-base--
|
|
17
|
-
"u-typography-base--bold": "_u-typography-base--
|
|
18
|
-
"checkbox-wrapper": "_checkbox-
|
|
19
|
-
"label--highlighted": "_label--
|
|
20
|
-
"u-typography-base--strikethrough": "_u-typography-base--
|
|
21
|
-
"u-typography-base--underlined": "_u-typography-base--
|
|
22
|
-
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-
|
|
23
|
-
label:
|
|
24
|
-
"label--highlighted-checked": "_label--highlighted-
|
|
25
|
-
checkmark:
|
|
26
|
-
"checkmark--checked": "_checkmark--
|
|
27
|
-
"checkmark--light-theme": "_checkmark--light-
|
|
28
|
-
"checkmark--accent-theme": "_checkmark--accent-
|
|
29
|
-
"checkmark--small-size": "_checkmark--small-
|
|
30
|
-
"checkmark--normal-size": "_checkmark--normal-
|
|
31
|
-
},
|
|
2
|
+
import * as o from "react";
|
|
3
|
+
import { useState as i, useEffect as m } from "react";
|
|
4
|
+
import { c as s } from "../../clsx-OuTLNxxd.js";
|
|
5
|
+
import '../../assets/Checkbox.css';const N = (a) => /* @__PURE__ */ o.createElement("svg", { width: 14, height: 10, viewBox: "0 0 14 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ o.createElement("path", { d: "M13.7063 0.293438C14.0969 0.684062 14.0969 1.31531 13.7063 1.70594L5.70625 9.70594C5.31563 10.0966 4.68437 10.0966 4.29375 9.70594L0.292875 5.70594C-0.097625 5.31531 -0.097625 4.68406 0.292875 4.29344C0.683437 3.90281 1.31656 3.90281 1.70719 4.29344L4.97188 7.58406L12.2937 0.293438C12.6844 -0.0978125 13.3156 -0.0978125 13.7063 0.293438Z", fill: "#F7F7FC" })), z = "_label_12v77_65", E = "_checkmark_12v77_94", e = {
|
|
6
|
+
"u-typography-h1": "_u-typography-h1_12v77_1",
|
|
7
|
+
"u-typography-h2": "_u-typography-h2_12v77_8",
|
|
8
|
+
"u-typography-h3": "_u-typography-h3_12v77_15",
|
|
9
|
+
"u-typography-h4": "_u-typography-h4_12v77_22",
|
|
10
|
+
"u-typography-h5": "_u-typography-h5_12v77_29",
|
|
11
|
+
"u-typography-h6": "_u-typography-h6_12v77_36",
|
|
12
|
+
"u-typography-base": "_u-typography-base_12v77_43",
|
|
13
|
+
"u-typography-base--xxl": "_u-typography-base--xxl_12v77_49",
|
|
14
|
+
"u-typography-base--xl": "_u-typography-base--xl_12v77_53",
|
|
15
|
+
"u-typography-base--lg": "_u-typography-base--lg_12v77_57",
|
|
16
|
+
"u-typography-base--sm": "_u-typography-base--sm_12v77_61",
|
|
17
|
+
"u-typography-base--bold": "_u-typography-base--bold_12v77_65",
|
|
18
|
+
"checkbox-wrapper": "_checkbox-wrapper_12v77_65",
|
|
19
|
+
"label--highlighted": "_label--highlighted_12v77_65",
|
|
20
|
+
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_12v77_68",
|
|
21
|
+
"u-typography-base--underlined": "_u-typography-base--underlined_12v77_71",
|
|
22
|
+
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_12v77_74",
|
|
23
|
+
label: z,
|
|
24
|
+
"label--highlighted-checked": "_label--highlighted-checked_12v77_91",
|
|
25
|
+
checkmark: E,
|
|
26
|
+
"checkmark--checked": "_checkmark--checked_12v77_104",
|
|
27
|
+
"checkmark--light-theme": "_checkmark--light-theme_12v77_107",
|
|
28
|
+
"checkmark--accent-theme": "_checkmark--accent-theme_12v77_114",
|
|
29
|
+
"checkmark--small-size": "_checkmark--small-size_12v77_125",
|
|
30
|
+
"checkmark--normal-size": "_checkmark--normal-size_12v77_132"
|
|
31
|
+
}, F = (a) => /* @__PURE__ */ o.createElement("svg", { width: 10, height: 3, viewBox: "0 0 10 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ o.createElement("rect", { y: 0.5, width: 10, height: 2, rx: 1, fill: "#1897F3" })), M = ({
|
|
32
32
|
className: a,
|
|
33
|
-
label:
|
|
34
|
-
name:
|
|
35
|
-
theme:
|
|
36
|
-
size:
|
|
33
|
+
label: g,
|
|
34
|
+
name: n,
|
|
35
|
+
theme: u = "accent",
|
|
36
|
+
size: b = "normal",
|
|
37
37
|
checked: r,
|
|
38
|
-
onChange:
|
|
39
|
-
isIndeterminate:
|
|
40
|
-
highlightLabel:
|
|
41
|
-
...
|
|
38
|
+
onChange: d,
|
|
39
|
+
isIndeterminate: l,
|
|
40
|
+
highlightLabel: v = !1,
|
|
41
|
+
...p
|
|
42
42
|
}) => {
|
|
43
|
-
const [h,
|
|
44
|
-
|
|
45
|
-
r !== h &&
|
|
46
|
-
}, [r]),
|
|
47
|
-
typeof
|
|
48
|
-
}, [
|
|
49
|
-
const
|
|
43
|
+
const [h, y] = i(r), [t, k] = i(l);
|
|
44
|
+
m(() => {
|
|
45
|
+
r !== h && y(r);
|
|
46
|
+
}, [r]), m(() => {
|
|
47
|
+
typeof l == "boolean" && k(l);
|
|
48
|
+
}, [l]);
|
|
49
|
+
const x = s(e["checkbox-wrapper"], a), C = s(
|
|
50
50
|
e.checkmark,
|
|
51
|
-
e[`checkmark--${
|
|
52
|
-
e[`checkmark--${
|
|
51
|
+
e[`checkmark--${u}-theme`],
|
|
52
|
+
e[`checkmark--${b}-size`],
|
|
53
53
|
(h || t) && e["checkmark--checked"]
|
|
54
|
-
), f =
|
|
54
|
+
), f = v && (p.children || g) ? s(
|
|
55
55
|
e.label,
|
|
56
56
|
e["label--highlighted"],
|
|
57
57
|
(h || t) && e["label--highlighted-checked"]
|
|
58
58
|
) : e.label;
|
|
59
|
-
return /* @__PURE__ */ w("div", { className:
|
|
60
|
-
let
|
|
61
|
-
t && (
|
|
62
|
-
}, ...
|
|
63
|
-
/* @__PURE__ */ c("input", { name:
|
|
64
|
-
/* @__PURE__ */ c("span", { className: C, children: t ? /* @__PURE__ */ c(
|
|
65
|
-
/* @__PURE__ */ c("label", { className: f, children:
|
|
59
|
+
return /* @__PURE__ */ w("div", { className: x, onClick: () => {
|
|
60
|
+
let _ = !h;
|
|
61
|
+
t && (k(!1), _ = !0), d(_), y(_);
|
|
62
|
+
}, ...p, children: [
|
|
63
|
+
/* @__PURE__ */ c("input", { name: n, type: "checkbox", checked: !t && h, readOnly: !0 }),
|
|
64
|
+
/* @__PURE__ */ c("span", { className: C, children: t ? /* @__PURE__ */ c(F, {}) : h && /* @__PURE__ */ c(N, {}) }),
|
|
65
|
+
/* @__PURE__ */ c("label", { className: f, children: p.children || g })
|
|
66
66
|
] });
|
|
67
67
|
};
|
|
68
68
|
export {
|
|
69
|
-
|
|
69
|
+
M as Checkbox
|
|
70
70
|
};
|
|
@@ -2,17 +2,17 @@ import { StoryObj } from '@storybook/react';
|
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
4
|
component: ({ className, label, name, theme, size, checked, onChange, isIndeterminate, highlightLabel, ...rest }: {
|
|
5
|
-
className?: string
|
|
6
|
-
'data-testid'?: string
|
|
5
|
+
className?: string;
|
|
6
|
+
'data-testid'?: string;
|
|
7
7
|
label?: import('react').ReactNode;
|
|
8
|
-
theme?:
|
|
9
|
-
size?:
|
|
10
|
-
checked?: boolean
|
|
11
|
-
isIndeterminate?: boolean
|
|
12
|
-
name?: string
|
|
8
|
+
theme?: "light" | "accent";
|
|
9
|
+
size?: "small" | "normal";
|
|
10
|
+
checked?: boolean;
|
|
11
|
+
isIndeterminate?: boolean;
|
|
12
|
+
name?: string;
|
|
13
13
|
onChange: (checked: boolean) => void;
|
|
14
14
|
children?: import('react').ReactNode;
|
|
15
|
-
highlightLabel?: boolean
|
|
15
|
+
highlightLabel?: boolean;
|
|
16
16
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
17
17
|
tags: string[];
|
|
18
18
|
parameters: {
|
|
@@ -8,10 +8,10 @@ import "../Input/Input.js";
|
|
|
8
8
|
import "../Avatar/Avatar.js";
|
|
9
9
|
import "../Skeleton/Skeleton.js";
|
|
10
10
|
import "../Button/Button.js";
|
|
11
|
-
import { C as z } from "../../Toggle-
|
|
11
|
+
import { C as z } from "../../Toggle-nnDfpqI1.js";
|
|
12
12
|
import "../Dialog/Dialog.js";
|
|
13
13
|
import "../DatePicker/DatePicker.js";
|
|
14
|
-
import "../../index-
|
|
14
|
+
import "../../index-ew-96uBP.js";
|
|
15
15
|
import "../Draggable/useDraggable.js";
|
|
16
16
|
import "../IconButton/IconButton.js";
|
|
17
17
|
import "../InputSearch/InputSearch.js";
|
|
@@ -22,7 +22,7 @@ import "../Tabs/Tabs.js";
|
|
|
22
22
|
import "../../Group-DJz1rK2n.js";
|
|
23
23
|
import "../../contexts/SnackbarProvider/SnackbarProvider.js";
|
|
24
24
|
import "../../utils/iconsList.js";
|
|
25
|
-
import "../../Button-
|
|
25
|
+
import "../../Button-CJaBSdv1.js";
|
|
26
26
|
export {
|
|
27
27
|
z as Chip
|
|
28
28
|
};
|