@pismo/marola 1.0.0-beta.2 → 1.0.0-beta.20
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-D9e4RsKo.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-CRfZgFJp.js +181 -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/ResultWithChips.css +1 -0
- 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/StepperNavigator.css +1 -0
- 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 +20 -0
- package/dist/components/Adornment/Adornment.js +13 -0
- 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 +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 +52 -0
- package/dist/components/Autocomplete/Autocomplete.js +690 -0
- package/dist/components/Autocomplete/Autocomplete.stories.d.ts +46 -0
- package/dist/components/Button/Button.d.ts +2 -0
- package/dist/components/Button/Button.js +51 -49
- package/dist/components/Checkbox/Checkbox.js +52 -52
- package/dist/components/Chip/Chip.d.ts +6 -12
- package/dist/components/Chip/Chip.js +6 -5
- package/dist/components/Chip/Chip.stories.d.ts +5 -14
- 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 +9 -6
- package/dist/components/Dialog/Dialog.js +139 -139
- package/dist/components/Dialog/Dialog.stories.d.ts +50 -46
- package/dist/components/Dialog/DialogTitle.js +1 -1
- package/dist/components/EllipsisTooltip/EllipsisTooltip.js +30 -17
- package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +2 -1
- package/dist/components/Icon/Icon.js +62 -34
- 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/ResultWithChips/ResultWithChips.d.ts +12 -0
- package/dist/components/ResultWithChips/ResultWithChips.js +33 -0
- package/dist/components/RowItem/RowItem.d.ts +25 -0
- package/dist/components/RowItem/RowItem.js +19 -0
- 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.js +9 -8
- package/dist/components/Select/SelectButton.js +1 -1
- package/dist/components/Skeleton/Skeleton.d.ts +3 -1
- package/dist/components/Skeleton/Skeleton.js +18 -12
- 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 +3 -3
- package/dist/components/SortTooltip/SortTooltip.js +46 -46
- package/dist/components/Stepper/Stepper.js +35 -35
- package/dist/components/StepperNavigator/StepperNavigator.d.ts +43 -0
- package/dist/components/StepperNavigator/StepperNavigator.js +56 -0
- package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +16 -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 +88 -85
- package/dist/components/Table/Table.stories.d.ts +1 -1
- 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 +42 -28
- package/dist/components/TextDisplay/TextDisplay.stories.d.ts +2 -1
- package/dist/components/Toggle/Toggle.js +56 -56
- package/dist/components/ToggleGroup/Toggle.js +3 -3
- package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
- 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/components/Typography/Typography.js +47 -47
- package/dist/{index-CjW42-M-.js → index-D3Wj0eid.js} +1 -1
- package/dist/main.d.ts +5 -0
- package/dist/main.js +85 -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 +8 -3
- 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
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { g as T, a as _, _ as x, b as i, c as B, P as e, d as O, e as D } from "./
|
|
1
|
+
import { g as T, a as _, _ as x, b as i, c as B, P as e, d as O, e as D } from "./useSlotProps-kRhf7Gil.js";
|
|
2
2
|
import * as c from "react";
|
|
3
3
|
import { jsx as F } from "react/jsx-runtime";
|
|
4
|
-
import { u as S } from "./useButton-
|
|
4
|
+
import { u as S } from "./useButton-Bn3MNH8I.js";
|
|
5
5
|
const m = "Button";
|
|
6
6
|
function U(s) {
|
|
7
7
|
return T(m, s);
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import * as t from "react";
|
|
2
|
-
import { u as C, P as f } from "./
|
|
2
|
+
import { u as C, P as f } from "./useSlotProps-kRhf7Gil.js";
|
|
3
3
|
import { jsx as w } from "react/jsx-runtime";
|
|
4
|
-
import { u as L
|
|
5
|
-
import { e as
|
|
4
|
+
import { u as L } from "./useEventCallback-BAQJJ3ye.js";
|
|
5
|
+
import { o as h, e as b } from "./ownerDocument-B61GUaFs.js";
|
|
6
|
+
import { e as g } from "./index-D3Wj0eid.js";
|
|
6
7
|
function T(c) {
|
|
7
8
|
return c.substring(2).toLowerCase();
|
|
8
9
|
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import './assets/Dialog.css';
|
|
2
|
+
const _ = "_dialog__subtitle_1rdlq_53", a = "_dialog_1rdlq_53", o = "_dialog__backdrop_1rdlq_88", l = "_dialog__panel_1rdlq_96", r = "_dialog__title_1rdlq_57", d = "_dialog__divider_1rdlq_122", p = "_dialog__actions_1rdlq_136", t = {
|
|
3
|
+
"u-typography-h1": "_u-typography-h1_1rdlq_1",
|
|
4
|
+
"u-typography-h2": "_u-typography-h2_1rdlq_8",
|
|
5
|
+
"u-typography-h3": "_u-typography-h3_1rdlq_15",
|
|
6
|
+
"u-typography-h4": "_u-typography-h4_1rdlq_22",
|
|
7
|
+
"u-typography-h5": "_u-typography-h5_1rdlq_29",
|
|
8
|
+
"u-typography-h6": "_u-typography-h6_1rdlq_36",
|
|
9
|
+
"u-typography-base": "_u-typography-base_1rdlq_43",
|
|
10
|
+
"u-typography-base--xxl": "_u-typography-base--xxl_1rdlq_49",
|
|
11
|
+
"u-typography-base--xl": "_u-typography-base--xl_1rdlq_53",
|
|
12
|
+
dialog__subtitle: _,
|
|
13
|
+
"u-typography-base--lg": "_u-typography-base--lg_1rdlq_57",
|
|
14
|
+
"dialog__title--small": "_dialog__title--small_1rdlq_57",
|
|
15
|
+
"u-typography-base--sm": "_u-typography-base--sm_1rdlq_61",
|
|
16
|
+
"u-typography-base--bold": "_u-typography-base--bold_1rdlq_65",
|
|
17
|
+
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_1rdlq_68",
|
|
18
|
+
"u-typography-base--underlined": "_u-typography-base--underlined_1rdlq_71",
|
|
19
|
+
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1rdlq_74",
|
|
20
|
+
dialog: a,
|
|
21
|
+
dialog__backdrop: o,
|
|
22
|
+
dialog__panel: l,
|
|
23
|
+
dialog__title: r,
|
|
24
|
+
dialog__divider: d,
|
|
25
|
+
"dialog__close-icon": "_dialog__close-icon_1rdlq_126",
|
|
26
|
+
dialog__actions: p
|
|
27
|
+
};
|
|
28
|
+
export {
|
|
29
|
+
t as s
|
|
30
|
+
};
|
|
@@ -0,0 +1,405 @@
|
|
|
1
|
+
import './assets/Input.css';
|
|
2
|
+
import { g as le, a as ae, u as se, f as j, b as u, _ as ue, c as Y, i as ie, P as e, d as pe, e as de } from "./useSlotProps-kRhf7Gil.js";
|
|
3
|
+
import * as _ from "react";
|
|
4
|
+
import { jsxs as ce, jsx as _e } from "react/jsx-runtime";
|
|
5
|
+
const W = "Input";
|
|
6
|
+
function fe(l) {
|
|
7
|
+
return le(W, l);
|
|
8
|
+
}
|
|
9
|
+
ae(W, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
|
|
10
|
+
function ye(l) {
|
|
11
|
+
let a = "https://mui.com/production-error/?code=" + l;
|
|
12
|
+
for (let i = 1; i < arguments.length; i += 1)
|
|
13
|
+
a += "&args[]=" + encodeURIComponent(arguments[i]);
|
|
14
|
+
return "Minified MUI error #" + l + "; visit " + a + " for the full message.";
|
|
15
|
+
}
|
|
16
|
+
const z = /* @__PURE__ */ _.createContext(void 0);
|
|
17
|
+
process.env.NODE_ENV !== "production" && (z.displayName = "FormControlContext");
|
|
18
|
+
function he() {
|
|
19
|
+
return _.useContext(z);
|
|
20
|
+
}
|
|
21
|
+
function me(l = {}) {
|
|
22
|
+
const {
|
|
23
|
+
defaultValue: a,
|
|
24
|
+
disabled: i = !1,
|
|
25
|
+
error: h = !1,
|
|
26
|
+
onBlur: p,
|
|
27
|
+
onChange: f,
|
|
28
|
+
onFocus: C,
|
|
29
|
+
required: w = !1,
|
|
30
|
+
value: E,
|
|
31
|
+
inputRef: I
|
|
32
|
+
} = l, t = he();
|
|
33
|
+
let q, c, m, g, y;
|
|
34
|
+
if (t) {
|
|
35
|
+
var R, d, N;
|
|
36
|
+
if (q = void 0, c = (R = t.disabled) != null ? R : !1, m = (d = t.error) != null ? d : !1, g = (N = t.required) != null ? N : !1, y = t.value, process.env.NODE_ENV !== "production") {
|
|
37
|
+
const o = ["defaultValue", "disabled", "error", "required", "value"].filter((r) => l[r] !== void 0);
|
|
38
|
+
o.length > 0 && console.warn(["MUI: You have set props on an input that is inside a FormControl.", "Set these props on a FormControl instead. Otherwise they will be ignored.", `Ignored props: ${o.join(", ")}`].join(`
|
|
39
|
+
`));
|
|
40
|
+
}
|
|
41
|
+
} else
|
|
42
|
+
q = a, c = i, m = h, g = w, y = E;
|
|
43
|
+
const {
|
|
44
|
+
current: O
|
|
45
|
+
} = _.useRef(y != null), T = _.useCallback((o) => {
|
|
46
|
+
process.env.NODE_ENV !== "production" && o && o.nodeName !== "INPUT" && !o.focus && console.error(["MUI: You have provided a `slots.input` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
|
|
47
|
+
`));
|
|
48
|
+
}, []), b = _.useRef(null), F = se(b, I, T), [v, x] = _.useState(!1);
|
|
49
|
+
_.useEffect(() => {
|
|
50
|
+
!t && c && v && (x(!1), p == null || p());
|
|
51
|
+
}, [t, c, v, p]);
|
|
52
|
+
const k = (o) => (r) => {
|
|
53
|
+
var n;
|
|
54
|
+
if (t != null && t.disabled) {
|
|
55
|
+
r.stopPropagation();
|
|
56
|
+
return;
|
|
57
|
+
}
|
|
58
|
+
if ((n = o.onFocus) == null || n.call(o, r), t && t.onFocus) {
|
|
59
|
+
var s;
|
|
60
|
+
t == null || (s = t.onFocus) == null || s.call(t);
|
|
61
|
+
} else
|
|
62
|
+
x(!0);
|
|
63
|
+
}, B = (o) => (r) => {
|
|
64
|
+
var n;
|
|
65
|
+
(n = o.onBlur) == null || n.call(o, r), t && t.onBlur ? t.onBlur() : x(!1);
|
|
66
|
+
}, S = (o) => (r, ...n) => {
|
|
67
|
+
var s, P;
|
|
68
|
+
if (!O && (r.target || b.current) == null)
|
|
69
|
+
throw new Error(process.env.NODE_ENV !== "production" ? "MUI: Expected valid input target. Did you use a custom `slots.input` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info." : ye(17));
|
|
70
|
+
t == null || (s = t.onChange) == null || s.call(t, r), (P = o.onChange) == null || P.call(o, r, ...n);
|
|
71
|
+
}, U = (o) => (r) => {
|
|
72
|
+
var n;
|
|
73
|
+
b.current && r.currentTarget === r.target && b.current.focus(), (n = o.onClick) == null || n.call(o, r);
|
|
74
|
+
};
|
|
75
|
+
return {
|
|
76
|
+
disabled: c,
|
|
77
|
+
error: m,
|
|
78
|
+
focused: v,
|
|
79
|
+
formControlContext: t,
|
|
80
|
+
getInputProps: (o = {}) => {
|
|
81
|
+
const n = u({}, {
|
|
82
|
+
onBlur: p,
|
|
83
|
+
onChange: f,
|
|
84
|
+
onFocus: C
|
|
85
|
+
}, j(o)), s = u({}, n, {
|
|
86
|
+
onBlur: B(n),
|
|
87
|
+
onChange: S(n),
|
|
88
|
+
onFocus: k(n)
|
|
89
|
+
});
|
|
90
|
+
return u({}, s, {
|
|
91
|
+
"aria-invalid": m || void 0,
|
|
92
|
+
defaultValue: q,
|
|
93
|
+
value: y,
|
|
94
|
+
required: g,
|
|
95
|
+
disabled: c
|
|
96
|
+
}, o, {
|
|
97
|
+
ref: F
|
|
98
|
+
}, s);
|
|
99
|
+
},
|
|
100
|
+
getRootProps: (o = {}) => {
|
|
101
|
+
const r = j(l, ["onBlur", "onChange", "onFocus"]), n = u({}, r, j(o));
|
|
102
|
+
return u({}, o, n, {
|
|
103
|
+
onClick: U(n)
|
|
104
|
+
});
|
|
105
|
+
},
|
|
106
|
+
inputRef: F,
|
|
107
|
+
required: g,
|
|
108
|
+
value: y
|
|
109
|
+
};
|
|
110
|
+
}
|
|
111
|
+
const ge = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete", "autoFocus", "className", "defaultValue", "disabled", "endAdornment", "error", "id", "multiline", "name", "onClick", "onChange", "onKeyDown", "onKeyUp", "onFocus", "onBlur", "placeholder", "readOnly", "required", "startAdornment", "value", "type", "rows", "slotProps", "slots", "minRows", "maxRows"], be = (l) => {
|
|
112
|
+
const {
|
|
113
|
+
disabled: a,
|
|
114
|
+
error: i,
|
|
115
|
+
focused: h,
|
|
116
|
+
formControlContext: p,
|
|
117
|
+
multiline: f,
|
|
118
|
+
startAdornment: C,
|
|
119
|
+
endAdornment: w
|
|
120
|
+
} = l;
|
|
121
|
+
return pe({
|
|
122
|
+
root: ["root", a && "disabled", i && "error", h && "focused", !!p && "formControl", f && "multiline", !!C && "adornedStart", !!w && "adornedEnd"],
|
|
123
|
+
input: ["input", a && "disabled", f && "multiline"]
|
|
124
|
+
}, de(fe));
|
|
125
|
+
}, Ce = /* @__PURE__ */ _.forwardRef(function(a, i) {
|
|
126
|
+
var h, p, f;
|
|
127
|
+
const {
|
|
128
|
+
"aria-describedby": C,
|
|
129
|
+
"aria-label": w,
|
|
130
|
+
"aria-labelledby": E,
|
|
131
|
+
autoComplete: I,
|
|
132
|
+
autoFocus: t,
|
|
133
|
+
className: q,
|
|
134
|
+
defaultValue: c,
|
|
135
|
+
disabled: m,
|
|
136
|
+
endAdornment: g,
|
|
137
|
+
error: y,
|
|
138
|
+
id: R,
|
|
139
|
+
multiline: d = !1,
|
|
140
|
+
name: N,
|
|
141
|
+
onClick: O,
|
|
142
|
+
onChange: T,
|
|
143
|
+
onKeyDown: b,
|
|
144
|
+
onKeyUp: F,
|
|
145
|
+
onFocus: v,
|
|
146
|
+
onBlur: x,
|
|
147
|
+
placeholder: k,
|
|
148
|
+
readOnly: B,
|
|
149
|
+
required: S,
|
|
150
|
+
startAdornment: U,
|
|
151
|
+
value: A,
|
|
152
|
+
type: V,
|
|
153
|
+
rows: o,
|
|
154
|
+
slotProps: r = {},
|
|
155
|
+
slots: n = {},
|
|
156
|
+
minRows: s,
|
|
157
|
+
maxRows: P
|
|
158
|
+
} = a, H = ue(a, ge), {
|
|
159
|
+
getRootProps: G,
|
|
160
|
+
getInputProps: J,
|
|
161
|
+
focused: Q,
|
|
162
|
+
formControlContext: X,
|
|
163
|
+
error: Z,
|
|
164
|
+
disabled: ee
|
|
165
|
+
} = me({
|
|
166
|
+
disabled: m,
|
|
167
|
+
defaultValue: c,
|
|
168
|
+
error: y,
|
|
169
|
+
onBlur: x,
|
|
170
|
+
onClick: O,
|
|
171
|
+
onChange: T,
|
|
172
|
+
onFocus: v,
|
|
173
|
+
required: S,
|
|
174
|
+
value: A
|
|
175
|
+
}), K = d ? void 0 : V ?? "text", M = u({}, a, {
|
|
176
|
+
disabled: ee,
|
|
177
|
+
error: Z,
|
|
178
|
+
focused: Q,
|
|
179
|
+
formControlContext: X,
|
|
180
|
+
multiline: d,
|
|
181
|
+
type: K
|
|
182
|
+
}), L = be(M), oe = {
|
|
183
|
+
"aria-describedby": C,
|
|
184
|
+
"aria-label": w,
|
|
185
|
+
"aria-labelledby": E,
|
|
186
|
+
autoComplete: I,
|
|
187
|
+
autoFocus: t,
|
|
188
|
+
id: R,
|
|
189
|
+
onKeyDown: b,
|
|
190
|
+
onKeyUp: F,
|
|
191
|
+
name: N,
|
|
192
|
+
placeholder: k,
|
|
193
|
+
readOnly: B,
|
|
194
|
+
type: K
|
|
195
|
+
}, $ = (h = n.root) != null ? h : "div", te = Y({
|
|
196
|
+
elementType: $,
|
|
197
|
+
getSlotProps: G,
|
|
198
|
+
externalSlotProps: r.root,
|
|
199
|
+
externalForwardedProps: H,
|
|
200
|
+
additionalProps: {
|
|
201
|
+
ref: i
|
|
202
|
+
},
|
|
203
|
+
ownerState: M,
|
|
204
|
+
className: [L.root, q]
|
|
205
|
+
}), D = d ? (p = n.textarea) != null ? p : "textarea" : (f = n.input) != null ? f : "input", ne = Y({
|
|
206
|
+
elementType: D,
|
|
207
|
+
getSlotProps: (re) => J(u({}, oe, re)),
|
|
208
|
+
externalSlotProps: r.input,
|
|
209
|
+
additionalProps: u({
|
|
210
|
+
rows: d ? o : void 0
|
|
211
|
+
}, d && !ie(D) && {
|
|
212
|
+
minRows: o || s,
|
|
213
|
+
maxRows: o || P
|
|
214
|
+
}),
|
|
215
|
+
ownerState: M,
|
|
216
|
+
className: L.input
|
|
217
|
+
});
|
|
218
|
+
return process.env.NODE_ENV !== "production" && d && o && (s || P) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ ce($, u({}, te, {
|
|
219
|
+
children: [U, /* @__PURE__ */ _e(D, u({}, ne)), g]
|
|
220
|
+
}));
|
|
221
|
+
});
|
|
222
|
+
process.env.NODE_ENV !== "production" && (Ce.propTypes = {
|
|
223
|
+
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
224
|
+
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
225
|
+
// │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
|
|
226
|
+
// └─────────────────────────────────────────────────────────────────────┘
|
|
227
|
+
/**
|
|
228
|
+
* @ignore
|
|
229
|
+
*/
|
|
230
|
+
"aria-describedby": e.string,
|
|
231
|
+
/**
|
|
232
|
+
* @ignore
|
|
233
|
+
*/
|
|
234
|
+
"aria-label": e.string,
|
|
235
|
+
/**
|
|
236
|
+
* @ignore
|
|
237
|
+
*/
|
|
238
|
+
"aria-labelledby": e.string,
|
|
239
|
+
/**
|
|
240
|
+
* This prop helps users to fill forms faster, especially on mobile devices.
|
|
241
|
+
* The name can be confusing, as it's more like an autofill.
|
|
242
|
+
* You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
|
|
243
|
+
*/
|
|
244
|
+
autoComplete: e.string,
|
|
245
|
+
/**
|
|
246
|
+
* If `true`, the `input` element is focused during the first mount.
|
|
247
|
+
*/
|
|
248
|
+
autoFocus: e.bool,
|
|
249
|
+
/**
|
|
250
|
+
* Class name applied to the root element.
|
|
251
|
+
*/
|
|
252
|
+
className: e.string,
|
|
253
|
+
/**
|
|
254
|
+
* The default value. Use when the component is not controlled.
|
|
255
|
+
*/
|
|
256
|
+
defaultValue: e.any,
|
|
257
|
+
/**
|
|
258
|
+
* If `true`, the component is disabled.
|
|
259
|
+
* The prop defaults to the value (`false`) inherited from the parent FormControl component.
|
|
260
|
+
*/
|
|
261
|
+
disabled: e.bool,
|
|
262
|
+
/**
|
|
263
|
+
* Trailing adornment for this input.
|
|
264
|
+
*/
|
|
265
|
+
endAdornment: e.node,
|
|
266
|
+
/**
|
|
267
|
+
* If `true`, the `input` will indicate an error by setting the `aria-invalid` attribute on the input and the `baseui--error` class on the root element.
|
|
268
|
+
* The prop defaults to the value (`false`) inherited from the parent FormControl component.
|
|
269
|
+
*/
|
|
270
|
+
error: e.bool,
|
|
271
|
+
/**
|
|
272
|
+
* The id of the `input` element.
|
|
273
|
+
*/
|
|
274
|
+
id: e.string,
|
|
275
|
+
/**
|
|
276
|
+
* @ignore
|
|
277
|
+
*/
|
|
278
|
+
inputRef: e.oneOfType([e.func, e.shape({
|
|
279
|
+
current: e.object
|
|
280
|
+
})]),
|
|
281
|
+
/**
|
|
282
|
+
* Maximum number of rows to display when multiline option is set to true.
|
|
283
|
+
*/
|
|
284
|
+
maxRows: e.number,
|
|
285
|
+
/**
|
|
286
|
+
* Minimum number of rows to display when multiline option is set to true.
|
|
287
|
+
*/
|
|
288
|
+
minRows: e.number,
|
|
289
|
+
/**
|
|
290
|
+
* If `true`, a `textarea` element is rendered.
|
|
291
|
+
* @default false
|
|
292
|
+
*/
|
|
293
|
+
multiline: e.bool,
|
|
294
|
+
/**
|
|
295
|
+
* Name attribute of the `input` element.
|
|
296
|
+
*/
|
|
297
|
+
name: e.string,
|
|
298
|
+
/**
|
|
299
|
+
* @ignore
|
|
300
|
+
*/
|
|
301
|
+
onBlur: e.func,
|
|
302
|
+
/**
|
|
303
|
+
* @ignore
|
|
304
|
+
*/
|
|
305
|
+
onChange: e.func,
|
|
306
|
+
/**
|
|
307
|
+
* @ignore
|
|
308
|
+
*/
|
|
309
|
+
onClick: e.func,
|
|
310
|
+
/**
|
|
311
|
+
* @ignore
|
|
312
|
+
*/
|
|
313
|
+
onFocus: e.func,
|
|
314
|
+
/**
|
|
315
|
+
* @ignore
|
|
316
|
+
*/
|
|
317
|
+
onKeyDown: e.func,
|
|
318
|
+
/**
|
|
319
|
+
* @ignore
|
|
320
|
+
*/
|
|
321
|
+
onKeyUp: e.func,
|
|
322
|
+
/**
|
|
323
|
+
* The short hint displayed in the `input` before the user enters a value.
|
|
324
|
+
*/
|
|
325
|
+
placeholder: e.string,
|
|
326
|
+
/**
|
|
327
|
+
* It prevents the user from changing the value of the field
|
|
328
|
+
* (not from interacting with the field).
|
|
329
|
+
*/
|
|
330
|
+
readOnly: e.bool,
|
|
331
|
+
/**
|
|
332
|
+
* If `true`, the `input` element is required.
|
|
333
|
+
* The prop defaults to the value (`false`) inherited from the parent FormControl component.
|
|
334
|
+
*/
|
|
335
|
+
required: e.bool,
|
|
336
|
+
/**
|
|
337
|
+
* Number of rows to display when multiline option is set to true.
|
|
338
|
+
*/
|
|
339
|
+
rows: e.number,
|
|
340
|
+
/**
|
|
341
|
+
* The props used for each slot inside the Input.
|
|
342
|
+
* @default {}
|
|
343
|
+
*/
|
|
344
|
+
slotProps: e.shape({
|
|
345
|
+
input: e.oneOfType([e.func, e.object]),
|
|
346
|
+
root: e.oneOfType([e.func, e.object])
|
|
347
|
+
}),
|
|
348
|
+
/**
|
|
349
|
+
* The components used for each slot inside the InputBase.
|
|
350
|
+
* Either a string to use a HTML element or a component.
|
|
351
|
+
* @default {}
|
|
352
|
+
*/
|
|
353
|
+
slots: e.shape({
|
|
354
|
+
input: e.elementType,
|
|
355
|
+
root: e.elementType,
|
|
356
|
+
textarea: e.elementType
|
|
357
|
+
}),
|
|
358
|
+
/**
|
|
359
|
+
* Leading adornment for this input.
|
|
360
|
+
*/
|
|
361
|
+
startAdornment: e.node,
|
|
362
|
+
/**
|
|
363
|
+
* Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
|
|
364
|
+
* @default 'text'
|
|
365
|
+
*/
|
|
366
|
+
type: e.oneOf(["button", "checkbox", "color", "date", "datetime-local", "email", "file", "hidden", "image", "month", "number", "password", "radio", "range", "reset", "search", "submit", "tel", "text", "time", "url", "week"]),
|
|
367
|
+
/**
|
|
368
|
+
* The value of the `input` element, required for a controlled component.
|
|
369
|
+
*/
|
|
370
|
+
value: e.any
|
|
371
|
+
});
|
|
372
|
+
const we = "_input__label_1lq2e_78", qe = "_input_1lq2e_57", Pe = {
|
|
373
|
+
"u-typography-h1": "_u-typography-h1_1lq2e_1",
|
|
374
|
+
"u-typography-h2": "_u-typography-h2_1lq2e_8",
|
|
375
|
+
"u-typography-h3": "_u-typography-h3_1lq2e_15",
|
|
376
|
+
"u-typography-h4": "_u-typography-h4_1lq2e_22",
|
|
377
|
+
"u-typography-h5": "_u-typography-h5_1lq2e_29",
|
|
378
|
+
"u-typography-h6": "_u-typography-h6_1lq2e_36",
|
|
379
|
+
"u-typography-base": "_u-typography-base_1lq2e_43",
|
|
380
|
+
"u-typography-base--xxl": "_u-typography-base--xxl_1lq2e_49",
|
|
381
|
+
"u-typography-base--xl": "_u-typography-base--xl_1lq2e_53",
|
|
382
|
+
"u-typography-base--lg": "_u-typography-base--lg_1lq2e_57",
|
|
383
|
+
"input__input-el": "_input__input-el_1lq2e_57",
|
|
384
|
+
"u-typography-base--sm": "_u-typography-base--sm_1lq2e_61",
|
|
385
|
+
"u-typography-base--bold": "_u-typography-base--bold_1lq2e_65",
|
|
386
|
+
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_1lq2e_68",
|
|
387
|
+
"u-typography-base--underlined": "_u-typography-base--underlined_1lq2e_71",
|
|
388
|
+
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1lq2e_74",
|
|
389
|
+
input__label: we,
|
|
390
|
+
"input__input-el-wrapper": "_input__input-el-wrapper_1lq2e_83",
|
|
391
|
+
"input__left-icon": "_input__left-icon_1lq2e_101",
|
|
392
|
+
"input__right-icon": "_input__right-icon_1lq2e_101",
|
|
393
|
+
"input__messages-wrapper": "_input__messages-wrapper_1lq2e_113",
|
|
394
|
+
"input__info-message": "_input__info-message_1lq2e_121",
|
|
395
|
+
"input__error-message": "_input__error-message_1lq2e_121",
|
|
396
|
+
"input__chars-counter": "_input__chars-counter_1lq2e_132",
|
|
397
|
+
"input--disabled": "_input--disabled_1lq2e_136",
|
|
398
|
+
input: qe,
|
|
399
|
+
"input--focused": "_input--focused_1lq2e_142",
|
|
400
|
+
"input--error": "_input--error_1lq2e_145"
|
|
401
|
+
};
|
|
402
|
+
export {
|
|
403
|
+
Ce as I,
|
|
404
|
+
Pe as s
|
|
405
|
+
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { g as jt, a as zt, _ as It, u as Ut, b as ut, c as Xt, P as x, d as Yt, e as Kt } from "./
|
|
1
|
+
import { g as jt, a as zt, _ as It, u as Ut, b as ut, c as Xt, P as x, d as Yt, e as Kt } from "./useSlotProps-kRhf7Gil.js";
|
|
2
2
|
import * as b from "react";
|
|
3
3
|
import { useLayoutEffect as Gt, useEffect as Jt } from "react";
|
|
4
|
-
import { r as Qt } from "./index-
|
|
4
|
+
import { r as Qt } from "./index-D3Wj0eid.js";
|
|
5
5
|
import { jsx as Z } from "react/jsx-runtime";
|
|
6
6
|
import { u as Zt } from "./useEnhancedEffect-CJGo-L3B.js";
|
|
7
|
-
import { P as qt, H as gt } from "./Portal-
|
|
7
|
+
import { P as qt, H as gt } from "./Portal-B_Es6eUL.js";
|
|
8
8
|
const et = Math.min, z = Math.max, nt = Math.round, q = Math.floor, H = (t) => ({
|
|
9
9
|
x: t,
|
|
10
10
|
y: t
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as o from "react";
|
|
2
|
-
import { r as P, e as y } from "./index-
|
|
3
|
-
import { u as T, s as a, P as i } from "./
|
|
2
|
+
import { r as P, e as y } from "./index-D3Wj0eid.js";
|
|
3
|
+
import { u as T, s as a, P as i } from "./useSlotProps-kRhf7Gil.js";
|
|
4
4
|
import { jsx as c } from "react/jsx-runtime";
|
|
5
5
|
import { u as f } from "./useEnhancedEffect-CJGo-L3B.js";
|
|
6
6
|
function N(t, l, s, n, u) {
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import './assets/SelectButton.css';
|
|
2
|
+
import { jsxs as c, jsx as _ } from "react/jsx-runtime";
|
|
3
|
+
import * as o from "react";
|
|
4
|
+
import { forwardRef as y } from "react";
|
|
5
|
+
import { c as u } from "./clsx-DB4S2d7J.js";
|
|
6
|
+
import { Typography as p } from "./components/Typography/Typography.js";
|
|
7
|
+
const g = "_select__listbox__option__text_jbvcl_65", v = "_select_jbvcl_65", x = "_select__popup_jbvcl_81", d = "_select__listbox_jbvcl_65", j = "_select__listbox__option_jbvcl_65", m = "_select__listbox__option__icon_jbvcl_102", w = "_select__list__option__icon_jbvcl_123", e = {
|
|
8
|
+
"u-typography-h1": "_u-typography-h1_jbvcl_1",
|
|
9
|
+
"u-typography-h2": "_u-typography-h2_jbvcl_8",
|
|
10
|
+
"u-typography-h3": "_u-typography-h3_jbvcl_15",
|
|
11
|
+
"u-typography-h4": "_u-typography-h4_jbvcl_22",
|
|
12
|
+
"u-typography-h5": "_u-typography-h5_jbvcl_29",
|
|
13
|
+
"u-typography-h6": "_u-typography-h6_jbvcl_36",
|
|
14
|
+
"u-typography-base": "_u-typography-base_jbvcl_43",
|
|
15
|
+
"u-typography-base--xxl": "_u-typography-base--xxl_jbvcl_49",
|
|
16
|
+
"u-typography-base--xl": "_u-typography-base--xl_jbvcl_53",
|
|
17
|
+
"u-typography-base--lg": "_u-typography-base--lg_jbvcl_57",
|
|
18
|
+
"u-typography-base--sm": "_u-typography-base--sm_jbvcl_61",
|
|
19
|
+
"u-typography-base--bold": "_u-typography-base--bold_jbvcl_65",
|
|
20
|
+
select__listbox__option__text: g,
|
|
21
|
+
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_jbvcl_68",
|
|
22
|
+
"u-typography-base--underlined": "_u-typography-base--underlined_jbvcl_71",
|
|
23
|
+
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_jbvcl_74",
|
|
24
|
+
select: v,
|
|
25
|
+
select__popup: x,
|
|
26
|
+
select__listbox: d,
|
|
27
|
+
select__listbox__option: j,
|
|
28
|
+
select__listbox__option__icon: m,
|
|
29
|
+
"select__listbox__option--disabled": "_select__listbox__option--disabled_jbvcl_106",
|
|
30
|
+
"select__listbox__option--selected": "_select__listbox__option--selected_jbvcl_115",
|
|
31
|
+
select__list__option__icon: w,
|
|
32
|
+
"select-button": "_select-button_jbvcl_128",
|
|
33
|
+
"base-Select-popup": "_base-Select-popup_jbvcl_146",
|
|
34
|
+
"select-button__text": "_select-button__text_jbvcl_149",
|
|
35
|
+
"select-button__icon": "_select-button__icon_jbvcl_158",
|
|
36
|
+
"select-button--active": "_select-button--active_jbvcl_164"
|
|
37
|
+
}, C = (t) => /* @__PURE__ */ o.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ o.createElement("path", { d: "M2.11104 4.9999C2.36691 4.9999 2.62291 5.09756 2.81791 5.29287L8.11104 10.5843L13.4048 5.29053C13.7954 4.8999 14.4282 4.8999 14.8188 5.29053C15.2095 5.68115 15.2095 6.31396 14.8188 6.70459L8.81885 12.7046C8.42822 13.0952 7.79541 13.0952 7.40479 12.7046L1.40479 6.70459C1.01416 6.31396 1.01416 5.68115 1.40479 5.29053C1.59854 5.09678 1.85479 4.9999 2.11104 4.9999Z", fill: "currentColor" })), f = (t) => /* @__PURE__ */ o.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ o.createElement("path", { d: "M13.8889 11C13.633 11 13.377 10.9023 13.182 10.707L7.8889 5.41563L2.59515 10.7094C2.20453 11.1 1.57172 11.1 1.18109 10.7094C0.790466 10.3188 0.790466 9.68594 1.18109 9.29532L7.18109 3.29532C7.57172 2.90469 8.20453 2.90469 8.59515 3.29532L14.5952 9.29532C14.9858 9.68594 14.9858 10.3188 14.5952 10.7094C14.4014 10.9031 14.1452 11 13.8889 11Z", fill: "#3F3D4B", fillOpacity: 0.88 })), E = y((t, a) => {
|
|
38
|
+
const { children: i, disabled: b, className: n, "data-testid": r, prefix: l, onClick: h } = t, s = t["aria-expanded"];
|
|
39
|
+
return /* @__PURE__ */ c(
|
|
40
|
+
"button",
|
|
41
|
+
{
|
|
42
|
+
className: u(n, s ? e["select-button--active"] : "", e["select-button"]),
|
|
43
|
+
type: "button",
|
|
44
|
+
onClick: h,
|
|
45
|
+
disabled: b,
|
|
46
|
+
"data-testid": r,
|
|
47
|
+
ref: a,
|
|
48
|
+
children: [
|
|
49
|
+
/* @__PURE__ */ c("span", { className: e["select-button__text"], children: [
|
|
50
|
+
l && /* @__PURE__ */ _(p, { children: l }),
|
|
51
|
+
/* @__PURE__ */ _(p, { children: i })
|
|
52
|
+
] }),
|
|
53
|
+
/* @__PURE__ */ _("span", { className: e["select-button__icon"], children: s ? /* @__PURE__ */ _(f, {}) : /* @__PURE__ */ _(C, {}) })
|
|
54
|
+
]
|
|
55
|
+
}
|
|
56
|
+
);
|
|
57
|
+
});
|
|
58
|
+
export {
|
|
59
|
+
E as S,
|
|
60
|
+
e as s
|
|
61
|
+
};
|