@vkzstudio/muza-ui 1.0.16 → 1.0.18
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/components/Button/buttonVariants.js +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +4 -0
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +36 -29
- package/dist/components/Checkbox/Checkbox.stories.d.ts +1 -0
- package/dist/components/Checkbox/Checkbox.stories.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +2 -0
- package/dist/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.js +33 -31
- package/dist/components/EmptyState/EmptyState.d.ts.map +1 -1
- package/dist/components/EmptyState/EmptyState.js +15 -15
- package/dist/components/FileUpload/FileUpload.d.ts +6 -2
- package/dist/components/FileUpload/FileUpload.d.ts.map +1 -1
- package/dist/components/FileUpload/FileUpload.js +141 -135
- package/dist/components/FileUpload/FileUpload.stories.d.ts +2 -0
- package/dist/components/FileUpload/FileUpload.stories.d.ts.map +1 -1
- package/dist/components/Flex/Flex.d.ts +3 -1
- package/dist/components/Flex/Flex.d.ts.map +1 -1
- package/dist/components/Flex/Flex.js +33 -31
- package/dist/components/FormField/FormField.d.ts +30 -0
- package/dist/components/FormField/FormField.d.ts.map +1 -0
- package/dist/components/FormField/FormField.js +56 -0
- package/dist/components/FormField/InputHint.d.ts +13 -0
- package/dist/components/FormField/InputHint.d.ts.map +1 -0
- package/dist/components/FormField/InputHint.js +26 -0
- package/dist/components/FormField/InputLabel.d.ts +20 -0
- package/dist/components/FormField/InputLabel.d.ts.map +1 -0
- package/dist/components/FormField/InputLabel.js +27 -0
- package/dist/components/FormField/index.d.ts +4 -0
- package/dist/components/FormField/index.d.ts.map +1 -0
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/Input/Input.js +79 -94
- package/dist/components/MultiSelect/MultiSelect.d.ts +2 -0
- package/dist/components/MultiSelect/MultiSelect.d.ts.map +1 -1
- package/dist/components/MultiSelect/MultiSelect.js +125 -131
- package/dist/components/Radio/Radio.js +1 -1
- package/dist/components/Reorderable/Reorderable.d.ts +1 -1
- package/dist/components/Reorderable/Reorderable.d.ts.map +1 -1
- package/dist/components/Reorderable/Reorderable.js +47 -45
- package/dist/components/ReorderableTable/ReorderableTable.js +5 -5
- package/dist/components/Select/Select.d.ts +2 -0
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.js +126 -131
- package/dist/components/TextEditor/TextEditor.d.ts +4 -0
- package/dist/components/TextEditor/TextEditor.d.ts.map +1 -1
- package/dist/components/TextEditor/TextEditor.js +113 -135
- package/dist/components/Textarea/Textarea.d.ts +4 -0
- package/dist/components/Textarea/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.js +52 -61
- package/dist/components/Textarea/Textarea.stories.d.ts +1 -0
- package/dist/components/Textarea/Textarea.stories.d.ts.map +1 -1
- package/dist/components/TimePicker/TimePicker.d.ts +2 -0
- package/dist/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/dist/muza-ui.css +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as d } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as A, useContext as K, useRef as X, useCallback as N, createContext as k } from "react";
|
|
3
3
|
import { useMuzaTranslations as M } from "../../translations/TranslationContext.js";
|
|
4
4
|
import { AnimatePresence as O } from "../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
|
|
@@ -20,8 +20,8 @@ const w = {
|
|
|
20
20
|
}, Z = ({
|
|
21
21
|
values: r,
|
|
22
22
|
onReorder: s,
|
|
23
|
-
axis:
|
|
24
|
-
as:
|
|
23
|
+
axis: b = "y",
|
|
24
|
+
as: l = "ol",
|
|
25
25
|
disabled: a = !1,
|
|
26
26
|
layoutScroll: n = !1,
|
|
27
27
|
animatePresence: D,
|
|
@@ -29,30 +29,32 @@ const w = {
|
|
|
29
29
|
className: I,
|
|
30
30
|
children: f
|
|
31
31
|
}, v) => {
|
|
32
|
-
const
|
|
32
|
+
const c = M(), u = {
|
|
33
33
|
disabled: a,
|
|
34
34
|
values: r,
|
|
35
35
|
onReorder: a ? void 0 : s,
|
|
36
|
-
axis:
|
|
36
|
+
axis: b,
|
|
37
37
|
animatePresence: !!D
|
|
38
|
-
}, e = D === !0 ? { mode: "popLayout", initial: !1 } : D || null, m = e ? /* @__PURE__ */
|
|
39
|
-
return /* @__PURE__ */
|
|
38
|
+
}, e = D === !0 ? { mode: "popLayout", initial: !1 } : D || null, m = e ? /* @__PURE__ */ d(O, { ...e, children: f }) : f;
|
|
39
|
+
return /* @__PURE__ */ d(
|
|
40
40
|
T.Provider,
|
|
41
41
|
{
|
|
42
|
-
value:
|
|
43
|
-
children: /* @__PURE__ */
|
|
42
|
+
value: u,
|
|
43
|
+
children: /* @__PURE__ */ d(
|
|
44
44
|
j,
|
|
45
45
|
{
|
|
46
46
|
ref: v,
|
|
47
|
-
axis:
|
|
47
|
+
axis: b,
|
|
48
48
|
values: r,
|
|
49
49
|
onReorder: a ? () => {
|
|
50
50
|
} : s,
|
|
51
|
-
as:
|
|
51
|
+
as: l,
|
|
52
52
|
layoutScroll: n,
|
|
53
53
|
style: x,
|
|
54
|
-
|
|
55
|
-
|
|
54
|
+
...l !== "tbody" && {
|
|
55
|
+
role: "list",
|
|
56
|
+
"aria-label": c.reorderableTable.listAriaLabel
|
|
57
|
+
},
|
|
56
58
|
className: C(I),
|
|
57
59
|
children: m
|
|
58
60
|
}
|
|
@@ -64,8 +66,8 @@ q.displayName = "ReorderableGroup";
|
|
|
64
66
|
const B = ({
|
|
65
67
|
value: r,
|
|
66
68
|
as: s = "li",
|
|
67
|
-
disabled:
|
|
68
|
-
dragListenerDisabled:
|
|
69
|
+
disabled: b = !1,
|
|
70
|
+
dragListenerDisabled: l = !1,
|
|
69
71
|
whileDrag: a,
|
|
70
72
|
animation: n,
|
|
71
73
|
className: D,
|
|
@@ -74,39 +76,39 @@ const B = ({
|
|
|
74
76
|
}, f) => {
|
|
75
77
|
const {
|
|
76
78
|
disabled: v,
|
|
77
|
-
values:
|
|
78
|
-
onReorder:
|
|
79
|
+
values: c,
|
|
80
|
+
onReorder: u,
|
|
79
81
|
axis: e,
|
|
80
82
|
animatePresence: m
|
|
81
|
-
} = _(), E = U(), L =
|
|
83
|
+
} = _(), E = U(), L = b || v, p = !L && !l, t = n === !1 ? null : n === !0 ? w : typeof n == "object" ? {
|
|
82
84
|
initial: n.initial ?? w.initial,
|
|
83
85
|
animate: n.animate ?? w.animate,
|
|
84
86
|
exit: n.exit ?? w.exit,
|
|
85
87
|
transition: n.transition ?? w.transition
|
|
86
88
|
} : m ? w : null, o = N(
|
|
87
89
|
(i) => {
|
|
88
|
-
if (!
|
|
89
|
-
const
|
|
90
|
-
if (
|
|
91
|
-
const
|
|
92
|
-
if (
|
|
93
|
-
const g = [...
|
|
94
|
-
g.splice(
|
|
90
|
+
if (!c || !u) return;
|
|
91
|
+
const y = c.indexOf(r);
|
|
92
|
+
if (y === -1) return;
|
|
93
|
+
const R = y + i;
|
|
94
|
+
if (R < 0 || R >= c.length) return;
|
|
95
|
+
const g = [...c];
|
|
96
|
+
g.splice(y, 1), g.splice(R, 0, r), u(g);
|
|
95
97
|
},
|
|
96
|
-
[
|
|
98
|
+
[c, u, r]
|
|
97
99
|
), h = N(
|
|
98
100
|
(i) => {
|
|
99
101
|
if (!p) return;
|
|
100
|
-
const
|
|
101
|
-
i.key ===
|
|
102
|
+
const y = e === "y" ? "ArrowUp" : "ArrowLeft", R = e === "y" ? "ArrowDown" : "ArrowRight";
|
|
103
|
+
i.key === y ? (i.preventDefault(), o(-1)) : i.key === R && (i.preventDefault(), o(1));
|
|
102
104
|
},
|
|
103
105
|
[p, e, o]
|
|
104
106
|
);
|
|
105
|
-
return /* @__PURE__ */
|
|
107
|
+
return /* @__PURE__ */ d(
|
|
106
108
|
P.Provider,
|
|
107
109
|
{
|
|
108
|
-
value: { dragControls: E, dragListenerDisabled:
|
|
109
|
-
children: /* @__PURE__ */
|
|
110
|
+
value: { dragControls: E, dragListenerDisabled: l, moveItem: o },
|
|
111
|
+
children: /* @__PURE__ */ d(
|
|
110
112
|
z,
|
|
111
113
|
{
|
|
112
114
|
ref: f,
|
|
@@ -144,29 +146,29 @@ const Q = A(
|
|
|
144
146
|
({
|
|
145
147
|
as: r = "button",
|
|
146
148
|
disabled: s = !1,
|
|
147
|
-
"aria-label":
|
|
148
|
-
className:
|
|
149
|
+
"aria-label": b,
|
|
150
|
+
className: l,
|
|
149
151
|
children: a
|
|
150
152
|
}, n) => {
|
|
151
|
-
const D = M(), x =
|
|
153
|
+
const D = M(), x = b ?? D.reorderableTable.dragHandleAriaLabel, { disabled: I, axis: f } = _(), { dragControls: v, dragListenerDisabled: c, moveItem: u } = V(), e = c && !I && !s, m = X(!1), E = (o) => {
|
|
152
154
|
if (!e) return;
|
|
153
155
|
m.current = !1;
|
|
154
|
-
const h = o.clientX, i = o.clientY,
|
|
156
|
+
const h = o.clientX, i = o.clientY, y = (g) => {
|
|
155
157
|
const S = Math.abs(g.clientX - h), H = Math.abs(g.clientY - i);
|
|
156
158
|
(S > G || H > G) && (m.current = !0);
|
|
157
|
-
},
|
|
158
|
-
document.removeEventListener("pointermove",
|
|
159
|
+
}, R = () => {
|
|
160
|
+
document.removeEventListener("pointermove", y), document.removeEventListener("pointerup", R);
|
|
159
161
|
};
|
|
160
|
-
document.addEventListener("pointermove",
|
|
162
|
+
document.addEventListener("pointermove", y), document.addEventListener("pointerup", R), v.start(o);
|
|
161
163
|
}, L = (o) => {
|
|
162
164
|
m.current && (o.stopPropagation(), m.current = !1);
|
|
163
165
|
}, p = N(
|
|
164
166
|
(o) => {
|
|
165
167
|
if (!e) return;
|
|
166
168
|
const h = f === "y" ? "ArrowUp" : "ArrowLeft", i = f === "y" ? "ArrowDown" : "ArrowRight";
|
|
167
|
-
o.key === h ? (o.preventDefault(),
|
|
169
|
+
o.key === h ? (o.preventDefault(), u(-1)) : o.key === i && (o.preventDefault(), u(1));
|
|
168
170
|
},
|
|
169
|
-
[e, f,
|
|
171
|
+
[e, f, u]
|
|
170
172
|
), t = {
|
|
171
173
|
"aria-label": x,
|
|
172
174
|
"aria-roledescription": "sortable",
|
|
@@ -178,10 +180,10 @@ const Q = A(
|
|
|
178
180
|
e && "cursor-grab active:cursor-grabbing",
|
|
179
181
|
!e && "cursor-default",
|
|
180
182
|
e && "focus-visible-default",
|
|
181
|
-
|
|
183
|
+
l
|
|
182
184
|
)
|
|
183
185
|
};
|
|
184
|
-
return r === "button" ? /* @__PURE__ */
|
|
186
|
+
return r === "button" ? /* @__PURE__ */ d("button", { ref: n, type: "button", disabled: s, ...t, children: a }) : r === "div" ? /* @__PURE__ */ d(
|
|
185
187
|
"div",
|
|
186
188
|
{
|
|
187
189
|
ref: n,
|
|
@@ -190,7 +192,7 @@ const Q = A(
|
|
|
190
192
|
...t,
|
|
191
193
|
children: a
|
|
192
194
|
}
|
|
193
|
-
) : /* @__PURE__ */
|
|
195
|
+
) : /* @__PURE__ */ d(
|
|
194
196
|
"span",
|
|
195
197
|
{
|
|
196
198
|
ref: n,
|
|
@@ -203,9 +205,9 @@ const Q = A(
|
|
|
203
205
|
}
|
|
204
206
|
);
|
|
205
207
|
Q.displayName = "ReorderableHandle";
|
|
206
|
-
const W = ({ as: r = "li", className: s, children:
|
|
208
|
+
const W = ({ as: r = "li", className: s, children: b }, l) => {
|
|
207
209
|
const a = Y[r];
|
|
208
|
-
return /* @__PURE__ */
|
|
210
|
+
return /* @__PURE__ */ d(a, { ref: l, layout: !0, role: "listitem", className: C(s), children: b });
|
|
209
211
|
}, $ = A(W);
|
|
210
212
|
$.displayName = "ReorderableStaticItem";
|
|
211
213
|
export {
|
|
@@ -7,9 +7,9 @@ import { cn as i } from "../../utils/cn.js";
|
|
|
7
7
|
import { typographyVariants as O, Typography as k } from "../Typography/Typography.js";
|
|
8
8
|
const p = 72, u = 20, E = 24, D = 4, R = ({
|
|
9
9
|
data: b,
|
|
10
|
-
onReorder:
|
|
10
|
+
onReorder: y,
|
|
11
11
|
columns: o,
|
|
12
|
-
showHeader:
|
|
12
|
+
showHeader: N = !1,
|
|
13
13
|
disabled: h = !1,
|
|
14
14
|
isRowDisabled: l,
|
|
15
15
|
className: g,
|
|
@@ -26,7 +26,7 @@ const p = 72, u = 20, E = 24, D = 4, R = ({
|
|
|
26
26
|
),
|
|
27
27
|
...L,
|
|
28
28
|
children: [
|
|
29
|
-
|
|
29
|
+
N && /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ m("tr", { children: [
|
|
30
30
|
o.map((r, d) => /* @__PURE__ */ e(
|
|
31
31
|
"th",
|
|
32
32
|
{
|
|
@@ -60,10 +60,10 @@ const p = 72, u = 20, E = 24, D = 4, R = ({
|
|
|
60
60
|
w,
|
|
61
61
|
{
|
|
62
62
|
values: b,
|
|
63
|
-
onReorder:
|
|
63
|
+
onReorder: y,
|
|
64
64
|
disabled: h,
|
|
65
65
|
animatePresence: x,
|
|
66
|
-
as: "
|
|
66
|
+
as: "tbody",
|
|
67
67
|
className: "contents",
|
|
68
68
|
children: b.map((r, d) => {
|
|
69
69
|
const v = (l == null ? void 0 : l(r, d)) ?? !1, t = h || v;
|
|
@@ -9,6 +9,8 @@ export interface ISelectProps {
|
|
|
9
9
|
error?: boolean;
|
|
10
10
|
/** Marks the field as required. */
|
|
11
11
|
required?: boolean;
|
|
12
|
+
/** Hides the required asterisk even when `required` is true. @default false */
|
|
13
|
+
disableRequiredAsterisk?: boolean;
|
|
12
14
|
/** Element displayed after the selected value. */
|
|
13
15
|
suffix?: ReactNode;
|
|
14
16
|
/** Icon or element displayed before the selected value. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAed,uDAAuD;AACvD,MAAM,WAAW,YAAY;IAC3B,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2FAA2F;IAC3F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gFAAgF;IAChF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,kDAAkD;IAClD,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,sFAAsF;IACtF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B;;;;;;;;;;OAUG;IACH,OAAO,EAAE,KAAK,CAAC;QACb,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,SAAS,CAAA;QAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB,CAAC,CAAA;IACF,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,8EAA8E;IAC9E,4BAA4B,CAAC,EAAE,OAAO,CAAA;IACtC,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,MAAM,wFAsLlB,CAAA"}
|
|
@@ -1,30 +1,33 @@
|
|
|
1
|
-
import { jsx as t, jsxs as
|
|
2
|
-
import
|
|
3
|
-
import { triggerWrapperVariants as
|
|
4
|
-
import { useMuzaTranslations as
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
1
|
+
import { jsx as t, jsxs as y } from "react/jsx-runtime";
|
|
2
|
+
import u, { forwardRef as j, useId as k, useMemo as E, useRef as N, useEffect as S } from "react";
|
|
3
|
+
import { triggerWrapperVariants as P } from "./utils.js";
|
|
4
|
+
import { useMuzaTranslations as _ } from "../../translations/TranslationContext.js";
|
|
5
|
+
import { FormField as B } from "../FormField/FormField.js";
|
|
6
|
+
import { Typography as I } from "../Typography/Typography.js";
|
|
7
|
+
import { DropdownMenu as G, DropdownMenuTrigger as L, DropdownMenuContent as U, DropdownMenuRadioGroup as H, DropdownMenuRadioItem as J } from "../DropdownMenu/DropdownMenu.js";
|
|
8
|
+
import { AltArrowUpOutline as K } from "@solar-icons/react-perf";
|
|
9
|
+
import { cn as Q } from "../../utils/cn.js";
|
|
10
|
+
const X = j(
|
|
11
|
+
(M, p) => {
|
|
12
|
+
const T = _(), {
|
|
13
|
+
label: f,
|
|
14
|
+
hint: m,
|
|
15
|
+
error: h,
|
|
16
|
+
options: i,
|
|
17
|
+
onChange: s,
|
|
17
18
|
value: r,
|
|
18
|
-
disabled:
|
|
19
|
-
prefix:
|
|
20
|
-
size:
|
|
21
|
-
placeholder:
|
|
22
|
-
shouldScrollToSelectedOption:
|
|
23
|
-
collisionPadding:
|
|
24
|
-
|
|
25
|
-
|
|
19
|
+
disabled: a,
|
|
20
|
+
prefix: g,
|
|
21
|
+
size: z,
|
|
22
|
+
placeholder: D,
|
|
23
|
+
shouldScrollToSelectedOption: x,
|
|
24
|
+
collisionPadding: O,
|
|
25
|
+
required: b,
|
|
26
|
+
disableRequiredAsterisk: W
|
|
27
|
+
} = M, w = D ?? T.select.placeholder, v = k(), A = f ? `${v}-label` : void 0, C = m ? `${v}-hint` : void 0, V = E(() => {
|
|
28
|
+
const e = r && i.find((o) => o.value === r);
|
|
26
29
|
return e ? typeof e.label != "function" ? /* @__PURE__ */ t(
|
|
27
|
-
|
|
30
|
+
I,
|
|
28
31
|
{
|
|
29
32
|
size: "input",
|
|
30
33
|
className: "grow-1 fix-y-text truncate text-left text-comp-select-text-primary",
|
|
@@ -33,128 +36,120 @@ const U = A(
|
|
|
33
36
|
children: e.label
|
|
34
37
|
}
|
|
35
38
|
) : e.label : /* @__PURE__ */ t(
|
|
36
|
-
|
|
39
|
+
I,
|
|
37
40
|
{
|
|
38
41
|
size: "input",
|
|
39
42
|
className: "grow-1 fix-y-text truncate text-left text-comp-select-text-placeholder",
|
|
40
43
|
weight: "regular",
|
|
41
44
|
component: "span",
|
|
42
|
-
children:
|
|
45
|
+
children: w
|
|
43
46
|
}
|
|
44
47
|
);
|
|
45
|
-
}, [
|
|
46
|
-
return
|
|
48
|
+
}, [i, r, w]), [l, q] = u.useState(!1), [R, F] = u.useState(0), c = u.useRef(!1), $ = N(null), d = N({}), n = (typeof p == "function" ? null : p) ?? $;
|
|
49
|
+
return S(() => {
|
|
47
50
|
const e = () => {
|
|
48
|
-
n.current &&
|
|
51
|
+
n.current && F(n.current.offsetWidth);
|
|
49
52
|
};
|
|
50
53
|
e();
|
|
51
|
-
const
|
|
52
|
-
return n.current &&
|
|
53
|
-
|
|
54
|
+
const o = new ResizeObserver(e);
|
|
55
|
+
return n.current && o.observe(n.current), () => {
|
|
56
|
+
o.disconnect();
|
|
54
57
|
};
|
|
55
|
-
}, [n]),
|
|
58
|
+
}, [n]), S(() => {
|
|
56
59
|
var e;
|
|
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
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
60
|
+
l && r && d.current[r] && x && ((e = d.current[r]) == null || e.scrollIntoView({ block: "nearest" }));
|
|
61
|
+
}, [l, x, r]), /* @__PURE__ */ t(
|
|
62
|
+
B,
|
|
63
|
+
{
|
|
64
|
+
label: f,
|
|
65
|
+
hint: m,
|
|
66
|
+
error: h,
|
|
67
|
+
required: b,
|
|
68
|
+
disableRequiredAsterisk: W,
|
|
69
|
+
labelId: A,
|
|
70
|
+
hintId: C,
|
|
71
|
+
className: "flex-1",
|
|
72
|
+
children: /* @__PURE__ */ y(
|
|
73
|
+
G,
|
|
74
|
+
{
|
|
75
|
+
onOpenChange: (e) => {
|
|
76
|
+
q(e);
|
|
77
|
+
},
|
|
78
|
+
children: [
|
|
79
|
+
/* @__PURE__ */ t(L, { disabled: a, asChild: !0, children: /* @__PURE__ */ t(
|
|
80
|
+
"button",
|
|
81
|
+
{
|
|
82
|
+
ref: n,
|
|
83
|
+
type: "button",
|
|
84
|
+
role: "input",
|
|
85
|
+
tabIndex: 0,
|
|
86
|
+
disabled: a,
|
|
87
|
+
"aria-required": b,
|
|
88
|
+
className: P({ size: z, error: h, expanded: l }),
|
|
89
|
+
children: /* @__PURE__ */ y("div", { className: "flex min-w-0 flex-1 items-center gap-sm", children: [
|
|
90
|
+
g && /* @__PURE__ */ t(
|
|
91
|
+
"span",
|
|
92
|
+
{
|
|
93
|
+
className: a ? "text-comp-select-icon-disabled" : "text-comp-select-icon-brand-def",
|
|
94
|
+
children: g
|
|
95
|
+
}
|
|
96
|
+
),
|
|
97
|
+
V,
|
|
98
|
+
/* @__PURE__ */ t(
|
|
99
|
+
K,
|
|
100
|
+
{
|
|
101
|
+
className: Q(
|
|
102
|
+
"transition-transform duration-200",
|
|
103
|
+
l ? "rotate-0" : "rotate-180"
|
|
104
|
+
)
|
|
105
|
+
}
|
|
106
|
+
)
|
|
107
|
+
] })
|
|
108
|
+
}
|
|
109
|
+
) }),
|
|
110
|
+
/* @__PURE__ */ t(
|
|
111
|
+
U,
|
|
112
|
+
{
|
|
113
|
+
className: "mt-1",
|
|
114
|
+
style: {
|
|
115
|
+
width: R > 0 ? `${R}px` : void 0
|
|
116
|
+
},
|
|
117
|
+
onCloseAutoFocus: (e) => {
|
|
118
|
+
c.current || e.preventDefault(), c.current = !1;
|
|
119
|
+
},
|
|
120
|
+
collisionPadding: O,
|
|
121
|
+
children: /* @__PURE__ */ t(
|
|
122
|
+
H,
|
|
96
123
|
{
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
124
|
+
value: r,
|
|
125
|
+
onValueChange: (e) => {
|
|
126
|
+
c.current = !0, s == null || s(e);
|
|
127
|
+
},
|
|
128
|
+
children: i.map((e) => /* @__PURE__ */ t(
|
|
129
|
+
J,
|
|
130
|
+
{
|
|
131
|
+
value: e.value.toString(),
|
|
132
|
+
disabled: e.disabled,
|
|
133
|
+
icon: e.icon,
|
|
134
|
+
ref: (o) => {
|
|
135
|
+
d.current[e.value] = o;
|
|
136
|
+
},
|
|
137
|
+
children: e.label
|
|
138
|
+
},
|
|
139
|
+
e.value
|
|
140
|
+
))
|
|
101
141
|
}
|
|
102
142
|
)
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
style: {
|
|
111
|
-
width: y > 0 ? `${y}px` : void 0
|
|
112
|
-
},
|
|
113
|
-
onCloseAutoFocus: (e) => {
|
|
114
|
-
d.current || e.preventDefault(), d.current = !1;
|
|
115
|
-
},
|
|
116
|
-
collisionPadding: D,
|
|
117
|
-
children: /* @__PURE__ */ t(
|
|
118
|
-
B,
|
|
119
|
-
{
|
|
120
|
-
value: r,
|
|
121
|
-
onValueChange: (e) => {
|
|
122
|
-
d.current = !0, a == null || a(e);
|
|
123
|
-
},
|
|
124
|
-
children: c.map((e) => /* @__PURE__ */ t(
|
|
125
|
-
F,
|
|
126
|
-
{
|
|
127
|
-
value: e.value.toString(),
|
|
128
|
-
disabled: e.disabled,
|
|
129
|
-
icon: e.icon,
|
|
130
|
-
ref: (l) => {
|
|
131
|
-
u.current[e.value] = l;
|
|
132
|
-
},
|
|
133
|
-
children: e.label
|
|
134
|
-
},
|
|
135
|
-
e.value
|
|
136
|
-
))
|
|
137
|
-
}
|
|
138
|
-
)
|
|
139
|
-
}
|
|
140
|
-
)
|
|
141
|
-
]
|
|
142
|
-
}
|
|
143
|
-
),
|
|
144
|
-
x && /* @__PURE__ */ t(
|
|
145
|
-
s,
|
|
146
|
-
{
|
|
147
|
-
component: "p",
|
|
148
|
-
size: "sm",
|
|
149
|
-
weight: "regular",
|
|
150
|
-
className: g ? "text-comp-select-text-error" : "text-comp-select-text-secondary",
|
|
151
|
-
children: x
|
|
152
|
-
}
|
|
153
|
-
)
|
|
154
|
-
] });
|
|
143
|
+
}
|
|
144
|
+
)
|
|
145
|
+
]
|
|
146
|
+
}
|
|
147
|
+
)
|
|
148
|
+
}
|
|
149
|
+
);
|
|
155
150
|
}
|
|
156
151
|
);
|
|
157
|
-
|
|
152
|
+
X.displayName = "Select";
|
|
158
153
|
export {
|
|
159
|
-
|
|
154
|
+
X as Select
|
|
160
155
|
};
|
|
@@ -98,6 +98,10 @@ export interface TextEditorProps {
|
|
|
98
98
|
disabled?: boolean;
|
|
99
99
|
/** Allows viewing but not editing content */
|
|
100
100
|
readOnly?: boolean;
|
|
101
|
+
/** Marks the field as required and displays a red asterisk next to the label. @default false */
|
|
102
|
+
required?: boolean;
|
|
103
|
+
/** Hides the required asterisk even when `required` is true. @default false */
|
|
104
|
+
disableRequiredAsterisk?: boolean;
|
|
101
105
|
/** Error state. String shows as error message, boolean only shows error styling. */
|
|
102
106
|
error?: string | boolean;
|
|
103
107
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/TextEditor/TextEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAGhD,OAAO,EAAE,KAAK,MAAM,EAA4B,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/TextEditor/TextEditor.tsx"],"names":[],"mappings":"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"}
|