@pismo/marola 1.0.0-beta.1 → 1.0.0-beta.11
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-2b1peDFT.js → Button-DiLqcAJG.js} +2 -2
- package/dist/{ClickAwayListener-BSW-Nd-y.js → ClickAwayListener-BaJ-OV_7.js} +4 -3
- package/dist/Dialog.module-DFcZsVAd.js +30 -0
- package/dist/Input.module-ZTRZRcNt.js +405 -0
- package/dist/{Popup-B6ZSGIEI.js → Popup-lLWZt2wk.js} +3 -3
- package/dist/{Portal-DIeBsWdL.js → Portal-B_Es6eUL.js} +2 -2
- package/dist/SelectButton-CoOT2txy.js +61 -0
- package/dist/Toggle-C7W0gYOI.js +175 -0
- package/dist/assets/Adornment.css +1 -0
- package/dist/assets/Advice.css +1 -1
- package/dist/assets/Autocomplete.css +1 -0
- package/dist/assets/Button.css +1 -1
- package/dist/assets/Checkbox.css +1 -1
- package/dist/assets/Dialog.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/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/TextDisplay.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-DVjg9PRh.js → combineHooksSlotProps-BtBYUV_B.js} +1 -1
- package/dist/components/Adornment/Adornment.d.ts +19 -0
- package/dist/components/Adornment/Adornment.js +13 -0
- package/dist/components/Advice/Advice.d.ts +32 -17
- package/dist/components/Advice/Advice.js +39 -40
- package/dist/components/Advice/Advice.stories.d.ts +4 -3
- package/dist/components/Autocomplete/Autocomplete.d.ts +50 -0
- package/dist/components/Autocomplete/Autocomplete.js +689 -0
- package/dist/components/Autocomplete/Autocomplete.stories.d.ts +45 -0
- package/dist/components/Button/Button.d.ts +2 -0
- package/dist/components/Button/Button.js +49 -47
- package/dist/components/Button/Button.stories.d.ts +8 -52
- package/dist/components/Checkbox/Checkbox.js +52 -52
- package/dist/components/Chip/Chip.d.ts +3 -11
- package/dist/components/Chip/Chip.js +5 -4
- package/dist/components/Chip/Chip.stories.d.ts +3 -2
- package/dist/components/Dialog/Actions.js +1 -1
- package/dist/components/Dialog/Backdrop.js +1 -1
- package/dist/components/Dialog/CloseIconButton.js +2 -2
- package/dist/components/Dialog/Dialog.js +13 -12
- package/dist/components/Dialog/Dialog.stories.d.ts +44 -44
- package/dist/components/Dialog/DialogTitle.js +1 -1
- package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -1
- package/dist/components/Icon/Icon.js +27 -21
- package/dist/components/Icon/types.d.ts +1 -1
- package/dist/components/IconButton/IconButton.js +42 -42
- package/dist/components/Input/Input.d.ts +4 -2
- package/dist/components/Input/Input.js +74 -471
- package/dist/components/Input/Input.stories.d.ts +1 -1
- package/dist/components/InputSearch/InputSearch.stories.d.ts +1 -1
- package/dist/components/PageHeader/PageHeader.js +57 -57
- package/dist/components/Pagination/Pagination.d.ts +7 -1
- package/dist/components/Pagination/Pagination.js +104 -182
- package/dist/components/Pagination/usePagination.d.ts +90 -0
- package/dist/components/Pagination/usePagination.js +79 -0
- package/dist/components/RowItem/RowItem.d.ts +25 -0
- package/dist/components/RowItem/RowItem.js +19 -0
- package/dist/components/Select/Select.js +9 -8
- package/dist/components/Select/SelectButton.js +1 -1
- package/dist/components/Snackbar/Snackbar.js +94 -94
- package/dist/components/Snackbar/Snackbar.stories.d.ts +3 -3
- package/dist/components/SortTooltip/SortTooltip.js +46 -46
- package/dist/components/Stepper/Stepper.js +35 -35
- package/dist/components/Table/Table.js +96 -96
- package/dist/components/Tabs/Tab.js +18 -17
- package/dist/components/Tabs/TabPanel.js +27 -26
- package/dist/components/Tabs/Tabs.js +25 -25
- package/dist/components/TextDisplay/TextDisplay.d.ts +3 -1
- package/dist/components/TextDisplay/TextDisplay.js +37 -30
- package/dist/components/TextDisplay/TextDisplay.stories.d.ts +1 -1
- package/dist/components/Toggle/Toggle.js +56 -56
- package/dist/components/ToggleGroup/Toggle.js +2 -2
- package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
- package/dist/components/Tooltip/Tooltip.js +3 -3
- package/dist/components/Typography/Typography.js +47 -47
- package/dist/{index-CjW42-M-.js → index-D3Wj0eid.js} +1 -1
- package/dist/main.d.ts +3 -0
- package/dist/main.js +81 -76
- package/dist/ownerDocument-B61GUaFs.js +33 -0
- package/dist/{useButton-DNk3wrQp.js → useButton-Bn3MNH8I.js} +1 -1
- package/dist/useCompoundItem-B7Eo_qZk.js +68 -0
- package/dist/useEventCallback-BAQJJ3ye.js +14 -0
- package/dist/useId-BW-oWmul.js +19 -0
- package/dist/{useList-B0hog_3-.js → useList-BpJT77u3.js} +2 -2
- package/dist/{index-CH45lKw7.js → useSlotProps-kRhf7Gil.js} +93 -94
- package/package.json +6 -2
- package/dist/Dialog.module-DFEmFdYT.js +0 -30
- package/dist/SelectButton-C8JQKaf4.js +0 -61
- package/dist/Toggle-BCgIItCc.js +0 -142
- package/dist/useCompoundItem-D1iRfg8D.js +0 -84
- package/dist/useEventCallback-xTG9piMa.js +0 -45
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
function w(l = {}) {
|
|
2
|
+
const {
|
|
3
|
+
boundaryCount: t = 1,
|
|
4
|
+
count: s = 1,
|
|
5
|
+
disabled: i = !1,
|
|
6
|
+
hideNextButton: d = !1,
|
|
7
|
+
hidePrevButton: g = !1,
|
|
8
|
+
page: n = l.page || 1,
|
|
9
|
+
showFirstButton: f = !1,
|
|
10
|
+
showLastButton: h = !1,
|
|
11
|
+
siblingCount: a = 1,
|
|
12
|
+
...p
|
|
13
|
+
} = l, r = (e, y) => {
|
|
14
|
+
const P = y - e + 1;
|
|
15
|
+
return Array.from({ length: P }, (B, m) => e + m);
|
|
16
|
+
}, x = r(1, Math.min(t, s)), o = r(Math.max(s - t + 1, t + 1), s), u = Math.max(
|
|
17
|
+
Math.min(
|
|
18
|
+
// Natural start
|
|
19
|
+
n - a,
|
|
20
|
+
// Lower boundary when page is high
|
|
21
|
+
s - t - a * 2 - 1
|
|
22
|
+
),
|
|
23
|
+
// Greater than startPages
|
|
24
|
+
t + 2
|
|
25
|
+
), c = Math.min(
|
|
26
|
+
Math.max(
|
|
27
|
+
// Natural end
|
|
28
|
+
n + a,
|
|
29
|
+
// Upper boundary when page is low
|
|
30
|
+
t + a * 2 + 2
|
|
31
|
+
),
|
|
32
|
+
// Less than endPages
|
|
33
|
+
o.length > 0 ? o[0] - 2 : s - 1
|
|
34
|
+
), b = [
|
|
35
|
+
...f ? ["first"] : [],
|
|
36
|
+
...g ? [] : ["previous"],
|
|
37
|
+
...x,
|
|
38
|
+
// Start ellipsis
|
|
39
|
+
...u > t + 2 ? ["start-ellipsis"] : t + 1 < s - t ? [t + 1] : [],
|
|
40
|
+
// Sibling pages
|
|
41
|
+
...r(u, c),
|
|
42
|
+
// End ellipsis
|
|
43
|
+
...c < s - t - 1 ? ["end-ellipsis"] : s - t > t ? [s - t] : [],
|
|
44
|
+
...o,
|
|
45
|
+
...d ? [] : ["next"],
|
|
46
|
+
...h ? ["last"] : []
|
|
47
|
+
], M = (e) => {
|
|
48
|
+
switch (e) {
|
|
49
|
+
case "first":
|
|
50
|
+
return 1;
|
|
51
|
+
case "previous":
|
|
52
|
+
return n - 1;
|
|
53
|
+
case "next":
|
|
54
|
+
return n + 1;
|
|
55
|
+
case "last":
|
|
56
|
+
return s;
|
|
57
|
+
default:
|
|
58
|
+
return null;
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
return {
|
|
62
|
+
items: b.map((e) => typeof e == "number" ? {
|
|
63
|
+
type: "page",
|
|
64
|
+
page: e,
|
|
65
|
+
selected: e === n,
|
|
66
|
+
disabled: i,
|
|
67
|
+
"aria-current": e === n ? "true" : void 0
|
|
68
|
+
} : {
|
|
69
|
+
type: e,
|
|
70
|
+
page: M(e),
|
|
71
|
+
selected: !1,
|
|
72
|
+
disabled: i || e.indexOf("ellipsis") === -1 && (e === "next" || e === "last" ? n >= s : n <= 1)
|
|
73
|
+
}),
|
|
74
|
+
...p
|
|
75
|
+
};
|
|
76
|
+
}
|
|
77
|
+
export {
|
|
78
|
+
w as default
|
|
79
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { RequireAllOrNone } from '../../types/helpers';
|
|
2
|
+
import { AdornmentProps } from '../../main';
|
|
3
|
+
import { KeyboardEvent, MouseEvent, ReactNode } from 'react';
|
|
4
|
+
|
|
5
|
+
export type RowItemBaseProps = {
|
|
6
|
+
/** Items to display as main content of the row */
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
/** Buttons to render */
|
|
9
|
+
buttons?: ReactNode;
|
|
10
|
+
/** Left adornment */
|
|
11
|
+
leftAdornment?: AdornmentProps;
|
|
12
|
+
/** Whether the row is disabled (not interactable */
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
/** Space seperated list of CSS classes to apply */
|
|
15
|
+
className?: string;
|
|
16
|
+
/** Callback for when the row is clicked, required when ariaLabel is provided */
|
|
17
|
+
onClick?: (event?: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | undefined) => void;
|
|
18
|
+
/** An accessible name for the row, required when onClick is provided */
|
|
19
|
+
ariaLabel?: string;
|
|
20
|
+
/** ID to use in tests*/
|
|
21
|
+
'data-testid'?: string;
|
|
22
|
+
};
|
|
23
|
+
export type RowItemProps = RequireAllOrNone<RowItemBaseProps, 'onClick' | 'ariaLabel'>;
|
|
24
|
+
export declare const RowItem: import('react').ForwardRefExoticComponent<RowItemProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
25
|
+
export default RowItem;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import "react/jsx-runtime";
|
|
2
|
+
import "react";
|
|
3
|
+
import "../../clsx-DB4S2d7J.js";
|
|
4
|
+
import "../Adornment/Adornment.js";
|
|
5
|
+
import "../Icon/Icon.js";
|
|
6
|
+
import "../Typography/Typography.js";
|
|
7
|
+
import "../Button/Button.js";
|
|
8
|
+
import { R as I, R as b } from "../../Toggle-C7W0gYOI.js";
|
|
9
|
+
import "../Dialog/Backdrop.js";
|
|
10
|
+
import "../IconButton/IconButton.js";
|
|
11
|
+
import "../Select/Select.js";
|
|
12
|
+
import "../Table/Table.js";
|
|
13
|
+
import "../Tabs/Tabs.js";
|
|
14
|
+
import "../../Group-B3p31ftp.js";
|
|
15
|
+
import "../../contexts/SnackbarProvider/SnackbarProvider.js";
|
|
16
|
+
export {
|
|
17
|
+
I as RowItem,
|
|
18
|
+
b as default
|
|
19
|
+
};
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import { jsx as h, jsxs as Oe } from "react/jsx-runtime";
|
|
2
2
|
import { c as _e } from "../../clsx-DB4S2d7J.js";
|
|
3
3
|
import { Typography as Ke } from "../Typography/Typography.js";
|
|
4
|
-
import { s as L, S as ze } from "../../SelectButton-
|
|
5
|
-
import { g as Ve, a as we, u as X, f as ne, b as g, P as l, _ as ke, c as le, d as Ie, e as Ne } from "../../
|
|
4
|
+
import { s as L, S as ze } from "../../SelectButton-CoOT2txy.js";
|
|
5
|
+
import { g as Ve, a as we, u as X, f as ne, b as g, P as l, _ as ke, c as le, d as Ie, e as Ne } from "../../useSlotProps-kRhf7Gil.js";
|
|
6
6
|
import * as s from "react";
|
|
7
|
-
import { u as Je, c as se, a as ye, L as Q } from "../../combineHooksSlotProps-
|
|
8
|
-
import { u as Me } from "../../useButton-
|
|
9
|
-
import { u as Te
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
7
|
+
import { u as Je, c as se, a as ye, L as Q } from "../../combineHooksSlotProps-BtBYUV_B.js";
|
|
8
|
+
import { u as Me } from "../../useButton-Bn3MNH8I.js";
|
|
9
|
+
import { u as Te } from "../../useId-BW-oWmul.js";
|
|
10
|
+
import { u as We, a as Ge, C as Qe } from "../../useCompoundItem-B7Eo_qZk.js";
|
|
11
|
+
import { P as Xe } from "../../Popup-lLWZt2wk.js";
|
|
12
|
+
import { m as ve, h as Ye, l as Ze, u as et } from "../../useList-BpJT77u3.js";
|
|
12
13
|
import { u as tt } from "../../useEnhancedEffect-CJGo-L3B.js";
|
|
13
14
|
const ot = {
|
|
14
15
|
border: 0,
|
|
@@ -844,7 +845,7 @@ const ht = (n) => {
|
|
|
844
845
|
slots: { root: ze },
|
|
845
846
|
slotProps: {
|
|
846
847
|
listbox: { className: L.select__listbox },
|
|
847
|
-
popup: { className: L.select__popup }
|
|
848
|
+
popup: { className: L.select__popup, strategy: "fixed" }
|
|
848
849
|
},
|
|
849
850
|
children: o
|
|
850
851
|
}
|
|
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "react";
|
|
3
3
|
import "../../clsx-DB4S2d7J.js";
|
|
4
4
|
import "../Typography/Typography.js";
|
|
5
|
-
import { S as e } from "../../SelectButton-
|
|
5
|
+
import { S as e } from "../../SelectButton-CoOT2txy.js";
|
|
6
6
|
export {
|
|
7
7
|
e as SelectButton
|
|
8
8
|
};
|
|
@@ -2,13 +2,13 @@ import '../../assets/Snackbar.css';
|
|
|
2
2
|
import { jsx as E, jsxs as Y } from "react/jsx-runtime";
|
|
3
3
|
import * as S from "react";
|
|
4
4
|
import C, { useState as V, useRef as X } from "react";
|
|
5
|
-
import { c as
|
|
5
|
+
import { c as w } from "../../clsx-DB4S2d7J.js";
|
|
6
6
|
import { Icon as K } from "../Icon/Icon.js";
|
|
7
|
-
import { g as $, a as z, b as R, f as H, _ as j, c as U, P as n, d as J, e as Q } from "../../
|
|
7
|
+
import { g as $, a as z, b as R, f as H, _ as j, c as U, P as n, d as J, e as Q } from "../../useSlotProps-kRhf7Gil.js";
|
|
8
8
|
import { u as Z } from "../../useTimeout-DxF9kiZL.js";
|
|
9
|
-
import { u as I } from "../../useEventCallback-
|
|
10
|
-
import { C as B } from "../../ClickAwayListener-
|
|
11
|
-
import { R as P } from "../../index-
|
|
9
|
+
import { u as I } from "../../useEventCallback-BAQJJ3ye.js";
|
|
10
|
+
import { C as B } from "../../ClickAwayListener-BaJ-OV_7.js";
|
|
11
|
+
import { R as P } from "../../index-D3Wj0eid.js";
|
|
12
12
|
const W = "Snackbar";
|
|
13
13
|
function ee(u) {
|
|
14
14
|
return $(W, u);
|
|
@@ -40,22 +40,22 @@ function te(u = {}) {
|
|
|
40
40
|
});
|
|
41
41
|
});
|
|
42
42
|
S.useEffect(() => (t && p(s), o.clear), [t, s, p, o]);
|
|
43
|
-
const
|
|
43
|
+
const f = (l) => {
|
|
44
44
|
r == null || r(l, "clickaway");
|
|
45
45
|
}, d = o.clear, m = S.useCallback(() => {
|
|
46
46
|
s != null && p(e ?? s * 0.5);
|
|
47
47
|
}, [s, e, p]), y = (l) => (c) => {
|
|
48
|
-
const
|
|
49
|
-
|
|
50
|
-
}, T = (l) => (c) => {
|
|
51
|
-
const f = l.onFocus;
|
|
52
|
-
f == null || f(c), d();
|
|
53
|
-
}, k = (l) => (c) => {
|
|
54
|
-
const f = l.onMouseEnter;
|
|
55
|
-
f == null || f(c), d();
|
|
48
|
+
const h = l.onBlur;
|
|
49
|
+
h == null || h(c), m();
|
|
56
50
|
}, O = (l) => (c) => {
|
|
57
|
-
const
|
|
58
|
-
|
|
51
|
+
const h = l.onFocus;
|
|
52
|
+
h == null || h(c), d();
|
|
53
|
+
}, g = (l) => (c) => {
|
|
54
|
+
const h = l.onMouseEnter;
|
|
55
|
+
h == null || h(c), d();
|
|
56
|
+
}, N = (l) => (c) => {
|
|
57
|
+
const h = l.onMouseLeave;
|
|
58
|
+
h == null || h(c), m();
|
|
59
59
|
};
|
|
60
60
|
return S.useEffect(() => {
|
|
61
61
|
if (!i && t)
|
|
@@ -71,12 +71,12 @@ function te(u = {}) {
|
|
|
71
71
|
role: "presentation"
|
|
72
72
|
}, l, c, {
|
|
73
73
|
onBlur: y(c),
|
|
74
|
-
onFocus:
|
|
75
|
-
onMouseEnter:
|
|
76
|
-
onMouseLeave:
|
|
74
|
+
onFocus: O(c),
|
|
75
|
+
onMouseEnter: g(c),
|
|
76
|
+
onMouseLeave: N(c)
|
|
77
77
|
});
|
|
78
78
|
},
|
|
79
|
-
onClickAway:
|
|
79
|
+
onClickAway: f
|
|
80
80
|
};
|
|
81
81
|
}
|
|
82
82
|
const ne = ["autoHideDuration", "children", "disableWindowBlurListener", "exited", "onBlur", "onClose", "onFocus", "onMouseEnter", "onMouseLeave", "open", "resumeHideDuration", "slotProps", "slots"], oe = () => J({
|
|
@@ -89,37 +89,37 @@ const ne = ["autoHideDuration", "children", "disableWindowBlurListener", "exited
|
|
|
89
89
|
exited: o = !0,
|
|
90
90
|
onClose: a,
|
|
91
91
|
open: p,
|
|
92
|
-
resumeHideDuration:
|
|
92
|
+
resumeHideDuration: f,
|
|
93
93
|
slotProps: d = {},
|
|
94
94
|
slots: m = {}
|
|
95
|
-
} = s, y = j(s, ne),
|
|
96
|
-
getRootProps:
|
|
97
|
-
onClickAway:
|
|
95
|
+
} = s, y = j(s, ne), O = oe(), {
|
|
96
|
+
getRootProps: g,
|
|
97
|
+
onClickAway: N
|
|
98
98
|
} = te(R({}, s, {
|
|
99
99
|
autoHideDuration: r,
|
|
100
100
|
disableWindowBlurListener: e,
|
|
101
101
|
onClose: a,
|
|
102
102
|
open: p,
|
|
103
|
-
resumeHideDuration:
|
|
103
|
+
resumeHideDuration: f
|
|
104
104
|
})), L = s, l = m.root || "div", c = U({
|
|
105
105
|
elementType: l,
|
|
106
|
-
getSlotProps:
|
|
106
|
+
getSlotProps: g,
|
|
107
107
|
externalForwardedProps: y,
|
|
108
108
|
externalSlotProps: d.root,
|
|
109
109
|
additionalProps: {
|
|
110
110
|
ref: i
|
|
111
111
|
},
|
|
112
112
|
ownerState: L,
|
|
113
|
-
className:
|
|
114
|
-
}),
|
|
113
|
+
className: O.root
|
|
114
|
+
}), h = U({
|
|
115
115
|
elementType: B,
|
|
116
116
|
externalSlotProps: d.clickAwayListener,
|
|
117
117
|
additionalProps: {
|
|
118
|
-
onClickAway:
|
|
118
|
+
onClickAway: N
|
|
119
119
|
},
|
|
120
120
|
ownerState: L
|
|
121
121
|
});
|
|
122
|
-
return delete
|
|
122
|
+
return delete h.ownerState, !p && o ? null : /* @__PURE__ */ E(B, R({}, h, {
|
|
123
123
|
children: /* @__PURE__ */ E(l, R({}, c, {
|
|
124
124
|
children: t
|
|
125
125
|
}))
|
|
@@ -228,20 +228,20 @@ process.env.NODE_ENV !== "production" && n.oneOfType([n.string, n.shape({
|
|
|
228
228
|
const G = C.createContext(null);
|
|
229
229
|
var ae = function(s) {
|
|
230
230
|
return s.scrollTop;
|
|
231
|
-
}, D = "unmounted",
|
|
231
|
+
}, D = "unmounted", x = "exited", _ = "entering", T = "entered", A = "exiting", b = /* @__PURE__ */ function(u) {
|
|
232
232
|
re(s, u);
|
|
233
233
|
function s(r, t) {
|
|
234
234
|
var e;
|
|
235
235
|
e = u.call(this, r, t) || this;
|
|
236
236
|
var o = t, a = o && !o.isMounting ? r.enter : r.appear, p;
|
|
237
|
-
return e.appearStatus = null, r.in ? a ? (p =
|
|
237
|
+
return e.appearStatus = null, r.in ? a ? (p = x, e.appearStatus = _) : p = T : r.unmountOnExit || r.mountOnEnter ? p = D : p = x, e.state = {
|
|
238
238
|
status: p
|
|
239
239
|
}, e.nextCallback = null, e;
|
|
240
240
|
}
|
|
241
241
|
s.getDerivedStateFromProps = function(t, e) {
|
|
242
242
|
var o = t.in;
|
|
243
243
|
return o && e.status === D ? {
|
|
244
|
-
status:
|
|
244
|
+
status: x
|
|
245
245
|
} : null;
|
|
246
246
|
};
|
|
247
247
|
var i = s.prototype;
|
|
@@ -251,7 +251,7 @@ var ae = function(s) {
|
|
|
251
251
|
var e = null;
|
|
252
252
|
if (t !== this.props) {
|
|
253
253
|
var o = this.state.status;
|
|
254
|
-
this.props.in ? o !==
|
|
254
|
+
this.props.in ? o !== _ && o !== T && (e = _) : (o === _ || o === T) && (e = A);
|
|
255
255
|
}
|
|
256
256
|
this.updateStatus(!1, e);
|
|
257
257
|
}, i.componentWillUnmount = function() {
|
|
@@ -265,7 +265,7 @@ var ae = function(s) {
|
|
|
265
265
|
};
|
|
266
266
|
}, i.updateStatus = function(t, e) {
|
|
267
267
|
if (t === void 0 && (t = !1), e !== null)
|
|
268
|
-
if (this.cancelNextCallback(), e ===
|
|
268
|
+
if (this.cancelNextCallback(), e === _) {
|
|
269
269
|
if (this.props.unmountOnExit || this.props.mountOnEnter) {
|
|
270
270
|
var o = this.props.nodeRef ? this.props.nodeRef.current : P.findDOMNode(this);
|
|
271
271
|
o && ae(o);
|
|
@@ -274,27 +274,27 @@ var ae = function(s) {
|
|
|
274
274
|
} else
|
|
275
275
|
this.performExit();
|
|
276
276
|
else
|
|
277
|
-
this.props.unmountOnExit && this.state.status ===
|
|
277
|
+
this.props.unmountOnExit && this.state.status === x && this.setState({
|
|
278
278
|
status: D
|
|
279
279
|
});
|
|
280
280
|
}, i.performEnter = function(t) {
|
|
281
|
-
var e = this, o = this.props.enter, a = this.context ? this.context.isMounting : t, p = this.props.nodeRef ? [a] : [P.findDOMNode(this), a],
|
|
281
|
+
var e = this, o = this.props.enter, a = this.context ? this.context.isMounting : t, p = this.props.nodeRef ? [a] : [P.findDOMNode(this), a], f = p[0], d = p[1], m = this.getTimeouts(), y = a ? m.appear : m.enter;
|
|
282
282
|
if (!t && !o || F.disabled) {
|
|
283
283
|
this.safeSetState({
|
|
284
|
-
status:
|
|
284
|
+
status: T
|
|
285
285
|
}, function() {
|
|
286
|
-
e.props.onEntered(
|
|
286
|
+
e.props.onEntered(f);
|
|
287
287
|
});
|
|
288
288
|
return;
|
|
289
289
|
}
|
|
290
|
-
this.props.onEnter(
|
|
291
|
-
status:
|
|
290
|
+
this.props.onEnter(f, d), this.safeSetState({
|
|
291
|
+
status: _
|
|
292
292
|
}, function() {
|
|
293
|
-
e.props.onEntering(
|
|
293
|
+
e.props.onEntering(f, d), e.onTransitionEnd(y, function() {
|
|
294
294
|
e.safeSetState({
|
|
295
|
-
status:
|
|
295
|
+
status: T
|
|
296
296
|
}, function() {
|
|
297
|
-
e.props.onEntered(
|
|
297
|
+
e.props.onEntered(f, d);
|
|
298
298
|
});
|
|
299
299
|
});
|
|
300
300
|
});
|
|
@@ -302,7 +302,7 @@ var ae = function(s) {
|
|
|
302
302
|
var t = this, e = this.props.exit, o = this.getTimeouts(), a = this.props.nodeRef ? void 0 : P.findDOMNode(this);
|
|
303
303
|
if (!e || F.disabled) {
|
|
304
304
|
this.safeSetState({
|
|
305
|
-
status:
|
|
305
|
+
status: x
|
|
306
306
|
}, function() {
|
|
307
307
|
t.props.onExited(a);
|
|
308
308
|
});
|
|
@@ -313,7 +313,7 @@ var ae = function(s) {
|
|
|
313
313
|
}, function() {
|
|
314
314
|
t.props.onExiting(a), t.onTransitionEnd(o.exit, function() {
|
|
315
315
|
t.safeSetState({
|
|
316
|
-
status:
|
|
316
|
+
status: x
|
|
317
317
|
}, function() {
|
|
318
318
|
t.props.onExited(a);
|
|
319
319
|
});
|
|
@@ -338,8 +338,8 @@ var ae = function(s) {
|
|
|
338
338
|
return;
|
|
339
339
|
}
|
|
340
340
|
if (this.props.addEndListener) {
|
|
341
|
-
var p = this.props.nodeRef ? [this.nextCallback] : [o, this.nextCallback],
|
|
342
|
-
this.props.addEndListener(
|
|
341
|
+
var p = this.props.nodeRef ? [this.nextCallback] : [o, this.nextCallback], f = p[0], d = p[1];
|
|
342
|
+
this.props.addEndListener(f, d);
|
|
343
343
|
}
|
|
344
344
|
t != null && setTimeout(this.nextCallback, t);
|
|
345
345
|
}, i.render = function() {
|
|
@@ -527,7 +527,7 @@ b.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
527
527
|
*/
|
|
528
528
|
onExited: n.func
|
|
529
529
|
} : {};
|
|
530
|
-
function
|
|
530
|
+
function v() {
|
|
531
531
|
}
|
|
532
532
|
b.defaultProps = {
|
|
533
533
|
in: !1,
|
|
@@ -536,42 +536,42 @@ b.defaultProps = {
|
|
|
536
536
|
appear: !1,
|
|
537
537
|
enter: !0,
|
|
538
538
|
exit: !0,
|
|
539
|
-
onEnter:
|
|
540
|
-
onEntering:
|
|
541
|
-
onEntered:
|
|
542
|
-
onExit:
|
|
543
|
-
onExiting:
|
|
544
|
-
onExited:
|
|
539
|
+
onEnter: v,
|
|
540
|
+
onEntering: v,
|
|
541
|
+
onEntered: v,
|
|
542
|
+
onExit: v,
|
|
543
|
+
onExiting: v,
|
|
544
|
+
onExited: v
|
|
545
545
|
};
|
|
546
546
|
b.UNMOUNTED = D;
|
|
547
|
-
b.EXITED =
|
|
548
|
-
b.ENTERING =
|
|
549
|
-
b.ENTERED =
|
|
547
|
+
b.EXITED = x;
|
|
548
|
+
b.ENTERING = _;
|
|
549
|
+
b.ENTERED = T;
|
|
550
550
|
b.EXITING = A;
|
|
551
|
-
const ie = "
|
|
552
|
-
"u-typography-h1": "_u-typography-
|
|
553
|
-
"u-typography-h2": "_u-typography-
|
|
554
|
-
"u-typography-h3": "_u-typography-
|
|
555
|
-
"u-typography-h4": "_u-typography-
|
|
556
|
-
"u-typography-h5": "_u-typography-
|
|
557
|
-
"u-typography-h6": "_u-typography-
|
|
558
|
-
"u-typography-base": "_u-typography-
|
|
559
|
-
"u-typography-base--xxl": "_u-typography-base--
|
|
560
|
-
"u-typography-base--xl": "_u-typography-base--
|
|
561
|
-
"u-typography-base--lg": "_u-typography-base--
|
|
562
|
-
"snackbar--message": "_snackbar--
|
|
563
|
-
"u-typography-base--sm": "_u-typography-base--
|
|
564
|
-
"u-typography-base--bold": "_u-typography-base--
|
|
565
|
-
"u-typography-base--strikethrough": "_u-typography-base--
|
|
566
|
-
"u-typography-base--underlined": "_u-typography-base--
|
|
567
|
-
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-
|
|
551
|
+
const ie = "_snackbar_8hhue_57", ue = "_bottomToTop_8hhue_1", k = {
|
|
552
|
+
"u-typography-h1": "_u-typography-h1_8hhue_1",
|
|
553
|
+
"u-typography-h2": "_u-typography-h2_8hhue_8",
|
|
554
|
+
"u-typography-h3": "_u-typography-h3_8hhue_15",
|
|
555
|
+
"u-typography-h4": "_u-typography-h4_8hhue_22",
|
|
556
|
+
"u-typography-h5": "_u-typography-h5_8hhue_29",
|
|
557
|
+
"u-typography-h6": "_u-typography-h6_8hhue_36",
|
|
558
|
+
"u-typography-base": "_u-typography-base_8hhue_43",
|
|
559
|
+
"u-typography-base--xxl": "_u-typography-base--xxl_8hhue_49",
|
|
560
|
+
"u-typography-base--xl": "_u-typography-base--xl_8hhue_53",
|
|
561
|
+
"u-typography-base--lg": "_u-typography-base--lg_8hhue_57",
|
|
562
|
+
"snackbar--message": "_snackbar--message_8hhue_57",
|
|
563
|
+
"u-typography-base--sm": "_u-typography-base--sm_8hhue_61",
|
|
564
|
+
"u-typography-base--bold": "_u-typography-base--bold_8hhue_65",
|
|
565
|
+
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_8hhue_68",
|
|
566
|
+
"u-typography-base--underlined": "_u-typography-base--underlined_8hhue_71",
|
|
567
|
+
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_8hhue_74",
|
|
568
568
|
snackbar: ie,
|
|
569
|
-
"snackbar__snackbar-el-wrapper": "_snackbar__snackbar-el-
|
|
570
|
-
"snackbar--content": "_snackbar--
|
|
571
|
-
"snackbar--success": "_snackbar--
|
|
572
|
-
"snackbar--error": "_snackbar--
|
|
573
|
-
"snackbar--warning": "_snackbar--
|
|
574
|
-
"snackbar--action": "_snackbar--
|
|
569
|
+
"snackbar__snackbar-el-wrapper": "_snackbar__snackbar-el-wrapper_8hhue_91",
|
|
570
|
+
"snackbar--content": "_snackbar--content_8hhue_96",
|
|
571
|
+
"snackbar--success": "_snackbar--success_8hhue_106",
|
|
572
|
+
"snackbar--error": "_snackbar--error_8hhue_109",
|
|
573
|
+
"snackbar--warning": "_snackbar--warning_8hhue_112",
|
|
574
|
+
"snackbar--action": "_snackbar--action_8hhue_122",
|
|
575
575
|
bottomToTop: ue
|
|
576
576
|
}, ye = ({
|
|
577
577
|
snackbarMessage: u,
|
|
@@ -583,25 +583,25 @@ const ie = "_snackbar_1w4kg_56", ue = "_bottomToTop_1w4kg_1", v = {
|
|
|
583
583
|
classNameWrapper: o,
|
|
584
584
|
"data-testid": a
|
|
585
585
|
}) => {
|
|
586
|
-
const [p,
|
|
586
|
+
const [p, f] = V(!0), d = X(null), m = {
|
|
587
587
|
entering: "translateY(0)",
|
|
588
588
|
entered: "translateY(0)",
|
|
589
589
|
exiting: "translateY(80px)",
|
|
590
590
|
exited: "translateY(80px)",
|
|
591
591
|
unmounted: "translateY(80px)"
|
|
592
592
|
}, y = () => {
|
|
593
|
-
|
|
594
|
-
},
|
|
595
|
-
|
|
593
|
+
f(!1);
|
|
594
|
+
}, O = () => {
|
|
595
|
+
f(!0);
|
|
596
596
|
};
|
|
597
|
-
return /* @__PURE__ */ E("div", { className:
|
|
597
|
+
return /* @__PURE__ */ E("div", { className: w(k.snackbar, o), children: /* @__PURE__ */ E(
|
|
598
598
|
q,
|
|
599
599
|
{
|
|
600
600
|
autoHideDuration: i,
|
|
601
601
|
open: r,
|
|
602
|
-
onClose: (
|
|
602
|
+
onClose: (g, N) => N !== "clickaway" && (t == null ? void 0 : t()),
|
|
603
603
|
exited: p,
|
|
604
|
-
className:
|
|
604
|
+
className: w(k["snackbar__snackbar-el-wrapper"]),
|
|
605
605
|
children: /* @__PURE__ */ E(
|
|
606
606
|
b,
|
|
607
607
|
{
|
|
@@ -610,22 +610,22 @@ const ie = "_snackbar_1w4kg_56", ue = "_bottomToTop_1w4kg_1", v = {
|
|
|
610
610
|
appear: !0,
|
|
611
611
|
unmountOnExit: !0,
|
|
612
612
|
onEnter: y,
|
|
613
|
-
onExited:
|
|
613
|
+
onExited: O,
|
|
614
614
|
onExit: e,
|
|
615
615
|
nodeRef: d,
|
|
616
|
-
children: (
|
|
616
|
+
children: (g) => /* @__PURE__ */ Y(
|
|
617
617
|
"div",
|
|
618
618
|
{
|
|
619
|
-
className:
|
|
619
|
+
className: w(k["snackbar--content"], k[`snackbar--${s}`]),
|
|
620
620
|
style: {
|
|
621
|
-
transform: m[
|
|
621
|
+
transform: m[g],
|
|
622
622
|
transition: "transform 300ms ease"
|
|
623
623
|
},
|
|
624
624
|
ref: d,
|
|
625
625
|
"data-testid": a,
|
|
626
626
|
children: [
|
|
627
|
-
/* @__PURE__ */ E("div", { className:
|
|
628
|
-
/* @__PURE__ */ E("div", { className:
|
|
627
|
+
/* @__PURE__ */ E("div", { className: w(k["snackbar--message"]), children: /* @__PURE__ */ E("p", { children: u }) }),
|
|
628
|
+
/* @__PURE__ */ E("div", { className: w(k["snackbar--action"]), children: /* @__PURE__ */ E("a", { onClick: t, children: /* @__PURE__ */ E(K, { icon: "xmark", color: "var(--white-100)", size: "1.5rem" }) }) })
|
|
629
629
|
]
|
|
630
630
|
}
|
|
631
631
|
)
|
|
@@ -84,7 +84,7 @@ declare const meta: {
|
|
|
84
84
|
results?: number | undefined;
|
|
85
85
|
security?: string | undefined;
|
|
86
86
|
unselectable?: "on" | "off" | undefined;
|
|
87
|
-
inputMode?: "url" | "search" | "text" | "
|
|
87
|
+
inputMode?: "url" | "search" | "text" | "none" | "tel" | "email" | "numeric" | "decimal" | undefined;
|
|
88
88
|
is?: string | undefined;
|
|
89
89
|
"aria-activedescendant"?: string | undefined;
|
|
90
90
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
@@ -98,7 +98,7 @@ declare const meta: {
|
|
|
98
98
|
"aria-colindextext"?: string | undefined;
|
|
99
99
|
"aria-colspan"?: number | undefined;
|
|
100
100
|
"aria-controls"?: string | undefined;
|
|
101
|
-
"aria-current"?: boolean | "time" | "
|
|
101
|
+
"aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
|
|
102
102
|
"aria-describedby"?: string | undefined;
|
|
103
103
|
"aria-description"?: string | undefined;
|
|
104
104
|
"aria-details"?: string | undefined;
|
|
@@ -134,7 +134,7 @@ declare const meta: {
|
|
|
134
134
|
"aria-rowspan"?: number | undefined;
|
|
135
135
|
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
136
136
|
"aria-setsize"?: number | undefined;
|
|
137
|
-
"aria-sort"?: "none" | "
|
|
137
|
+
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
138
138
|
"aria-valuemax"?: number | undefined;
|
|
139
139
|
"aria-valuemin"?: number | undefined;
|
|
140
140
|
"aria-valuenow"?: number | undefined;
|