@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.
Files changed (55) hide show
  1. package/dist/components/Button/buttonVariants.js +1 -1
  2. package/dist/components/Checkbox/Checkbox.d.ts +4 -0
  3. package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
  4. package/dist/components/Checkbox/Checkbox.js +36 -29
  5. package/dist/components/Checkbox/Checkbox.stories.d.ts +1 -0
  6. package/dist/components/Checkbox/Checkbox.stories.d.ts.map +1 -1
  7. package/dist/components/DatePicker/DatePicker.d.ts +2 -0
  8. package/dist/components/DatePicker/DatePicker.d.ts.map +1 -1
  9. package/dist/components/DatePicker/DatePicker.js +33 -31
  10. package/dist/components/EmptyState/EmptyState.d.ts.map +1 -1
  11. package/dist/components/EmptyState/EmptyState.js +15 -15
  12. package/dist/components/FileUpload/FileUpload.d.ts +6 -2
  13. package/dist/components/FileUpload/FileUpload.d.ts.map +1 -1
  14. package/dist/components/FileUpload/FileUpload.js +141 -135
  15. package/dist/components/FileUpload/FileUpload.stories.d.ts +2 -0
  16. package/dist/components/FileUpload/FileUpload.stories.d.ts.map +1 -1
  17. package/dist/components/Flex/Flex.d.ts +3 -1
  18. package/dist/components/Flex/Flex.d.ts.map +1 -1
  19. package/dist/components/Flex/Flex.js +33 -31
  20. package/dist/components/FormField/FormField.d.ts +30 -0
  21. package/dist/components/FormField/FormField.d.ts.map +1 -0
  22. package/dist/components/FormField/FormField.js +56 -0
  23. package/dist/components/FormField/InputHint.d.ts +13 -0
  24. package/dist/components/FormField/InputHint.d.ts.map +1 -0
  25. package/dist/components/FormField/InputHint.js +26 -0
  26. package/dist/components/FormField/InputLabel.d.ts +20 -0
  27. package/dist/components/FormField/InputLabel.d.ts.map +1 -0
  28. package/dist/components/FormField/InputLabel.js +27 -0
  29. package/dist/components/FormField/index.d.ts +4 -0
  30. package/dist/components/FormField/index.d.ts.map +1 -0
  31. package/dist/components/Input/Input.d.ts.map +1 -1
  32. package/dist/components/Input/Input.js +79 -94
  33. package/dist/components/MultiSelect/MultiSelect.d.ts +2 -0
  34. package/dist/components/MultiSelect/MultiSelect.d.ts.map +1 -1
  35. package/dist/components/MultiSelect/MultiSelect.js +125 -131
  36. package/dist/components/Radio/Radio.js +1 -1
  37. package/dist/components/Reorderable/Reorderable.d.ts +1 -1
  38. package/dist/components/Reorderable/Reorderable.d.ts.map +1 -1
  39. package/dist/components/Reorderable/Reorderable.js +47 -45
  40. package/dist/components/ReorderableTable/ReorderableTable.js +5 -5
  41. package/dist/components/Select/Select.d.ts +2 -0
  42. package/dist/components/Select/Select.d.ts.map +1 -1
  43. package/dist/components/Select/Select.js +126 -131
  44. package/dist/components/TextEditor/TextEditor.d.ts +4 -0
  45. package/dist/components/TextEditor/TextEditor.d.ts.map +1 -1
  46. package/dist/components/TextEditor/TextEditor.js +113 -135
  47. package/dist/components/Textarea/Textarea.d.ts +4 -0
  48. package/dist/components/Textarea/Textarea.d.ts.map +1 -1
  49. package/dist/components/Textarea/Textarea.js +52 -61
  50. package/dist/components/Textarea/Textarea.stories.d.ts +1 -0
  51. package/dist/components/Textarea/Textarea.stories.d.ts.map +1 -1
  52. package/dist/components/TimePicker/TimePicker.d.ts +2 -0
  53. package/dist/components/TimePicker/TimePicker.d.ts.map +1 -1
  54. package/dist/muza-ui.css +1 -1
  55. package/package.json +1 -1
@@ -1,4 +1,4 @@
1
- import { jsx as u } from "react/jsx-runtime";
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: d = "y",
24
- as: b = "ol",
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 l = M(), c = {
32
+ const c = M(), u = {
33
33
  disabled: a,
34
34
  values: r,
35
35
  onReorder: a ? void 0 : s,
36
- axis: d,
36
+ axis: b,
37
37
  animatePresence: !!D
38
- }, e = D === !0 ? { mode: "popLayout", initial: !1 } : D || null, m = e ? /* @__PURE__ */ u(O, { ...e, children: f }) : f;
39
- return /* @__PURE__ */ u(
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: c,
43
- children: /* @__PURE__ */ u(
42
+ value: u,
43
+ children: /* @__PURE__ */ d(
44
44
  j,
45
45
  {
46
46
  ref: v,
47
- axis: d,
47
+ axis: b,
48
48
  values: r,
49
49
  onReorder: a ? () => {
50
50
  } : s,
51
- as: b,
51
+ as: l,
52
52
  layoutScroll: n,
53
53
  style: x,
54
- role: "list",
55
- "aria-label": l.reorderableTable.listAriaLabel,
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: d = !1,
68
- dragListenerDisabled: b = !1,
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: l,
78
- onReorder: c,
79
+ values: c,
80
+ onReorder: u,
79
81
  axis: e,
80
82
  animatePresence: m
81
- } = _(), E = U(), L = d || v, p = !L && !b, t = n === !1 ? null : n === !0 ? w : typeof n == "object" ? {
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 (!l || !c) return;
89
- const R = l.indexOf(r);
90
- if (R === -1) return;
91
- const y = R + i;
92
- if (y < 0 || y >= l.length) return;
93
- const g = [...l];
94
- g.splice(R, 1), g.splice(y, 0, r), c(g);
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
- [l, c, r]
98
+ [c, u, r]
97
99
  ), h = N(
98
100
  (i) => {
99
101
  if (!p) return;
100
- const R = e === "y" ? "ArrowUp" : "ArrowLeft", y = e === "y" ? "ArrowDown" : "ArrowRight";
101
- i.key === R ? (i.preventDefault(), o(-1)) : i.key === y && (i.preventDefault(), o(1));
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__ */ u(
107
+ return /* @__PURE__ */ d(
106
108
  P.Provider,
107
109
  {
108
- value: { dragControls: E, dragListenerDisabled: b, moveItem: o },
109
- children: /* @__PURE__ */ u(
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": d,
148
- className: b,
149
+ "aria-label": b,
150
+ className: l,
149
151
  children: a
150
152
  }, n) => {
151
- const D = M(), x = d ?? D.reorderableTable.dragHandleAriaLabel, { disabled: I, axis: f } = _(), { dragControls: v, dragListenerDisabled: l, moveItem: c } = V(), e = l && !I && !s, m = X(!1), E = (o) => {
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, R = (g) => {
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
- }, y = () => {
158
- document.removeEventListener("pointermove", R), document.removeEventListener("pointerup", y);
159
+ }, R = () => {
160
+ document.removeEventListener("pointermove", y), document.removeEventListener("pointerup", R);
159
161
  };
160
- document.addEventListener("pointermove", R), document.addEventListener("pointerup", y), v.start(o);
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(), c(-1)) : o.key === i && (o.preventDefault(), c(1));
169
+ o.key === h ? (o.preventDefault(), u(-1)) : o.key === i && (o.preventDefault(), u(1));
168
170
  },
169
- [e, f, c]
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
- b
183
+ l
182
184
  )
183
185
  };
184
- return r === "button" ? /* @__PURE__ */ u("button", { ref: n, type: "button", disabled: s, ...t, children: a }) : r === "div" ? /* @__PURE__ */ u(
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__ */ u(
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: d }, b) => {
208
+ const W = ({ as: r = "li", className: s, children: b }, l) => {
207
209
  const a = Y[r];
208
- return /* @__PURE__ */ u(a, { ref: b, layout: !0, role: "listitem", className: C(s), children: d });
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: N,
10
+ onReorder: y,
11
11
  columns: o,
12
- showHeader: y = !1,
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
- y && /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ m("tr", { children: [
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: N,
63
+ onReorder: y,
64
64
  disabled: h,
65
65
  animatePresence: x,
66
- as: "div",
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,EAKf,MAAM,OAAO,CAAA;AAcd,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,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,wFA8LlB,CAAA"}
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 p } from "react/jsx-runtime";
2
- import m, { forwardRef as A, useMemo as I, useRef as N, useEffect as R } from "react";
3
- import { triggerWrapperVariants as j } from "./utils.js";
4
- import { useMuzaTranslations as E } from "../../translations/TranslationContext.js";
5
- import { Typography as s } from "../Typography/Typography.js";
6
- import { DropdownMenu as P, DropdownMenuTrigger as _, DropdownMenuContent as k, DropdownMenuRadioGroup as B, DropdownMenuRadioItem as F } from "../DropdownMenu/DropdownMenu.js";
7
- import { AltArrowUpOutline as G } from "@solar-icons/react-perf";
8
- import { cn as L } from "../../utils/cn.js";
9
- const U = A(
10
- (z, f) => {
11
- const S = E(), {
12
- label: h,
13
- hint: x,
14
- error: g,
15
- options: c,
16
- onChange: a,
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: i,
19
- prefix: b,
20
- size: M,
21
- placeholder: T,
22
- shouldScrollToSelectedOption: w,
23
- collisionPadding: D
24
- } = z, v = T ?? S.select.placeholder, O = I(() => {
25
- const e = r && c.find((l) => l.value === r);
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
- s,
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
- s,
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: v
45
+ children: w
43
46
  }
44
47
  );
45
- }, [c, r, v]), [o, W] = m.useState(!1), [y, C] = m.useState(0), d = m.useRef(!1), V = N(null), u = N({}), n = (typeof f == "function" ? null : f) ?? V;
46
- return R(() => {
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 && C(n.current.offsetWidth);
51
+ n.current && F(n.current.offsetWidth);
49
52
  };
50
53
  e();
51
- const l = new ResizeObserver(e);
52
- return n.current && l.observe(n.current), () => {
53
- l.disconnect();
54
+ const o = new ResizeObserver(e);
55
+ return n.current && o.observe(n.current), () => {
56
+ o.disconnect();
54
57
  };
55
- }, [n]), R(() => {
58
+ }, [n]), S(() => {
56
59
  var e;
57
- o && r && u.current[r] && w && ((e = u.current[r]) == null || e.scrollIntoView({ block: "nearest" }));
58
- }, [o, w, r]), /* @__PURE__ */ p("div", { className: "flex flex-1 flex-col gap-sm", children: [
59
- h && /* @__PURE__ */ t(
60
- s,
61
- {
62
- component: "label",
63
- size: "sm",
64
- weight: "regular",
65
- className: "text-comp-select-text-primary",
66
- children: h
67
- }
68
- ),
69
- /* @__PURE__ */ p(
70
- P,
71
- {
72
- onOpenChange: (e) => {
73
- W(e);
74
- },
75
- children: [
76
- /* @__PURE__ */ t(_, { disabled: i, asChild: !0, children: /* @__PURE__ */ t(
77
- "button",
78
- {
79
- ref: n,
80
- type: "button",
81
- role: "input",
82
- tabIndex: 0,
83
- disabled: i,
84
- className: j({ size: M, error: g, expanded: o }),
85
- children: /* @__PURE__ */ p("div", { className: "flex min-w-0 flex-1 items-center gap-sm", children: [
86
- b && /* @__PURE__ */ t(
87
- "span",
88
- {
89
- className: i ? "text-comp-select-icon-disabled" : "text-comp-select-icon-brand-def",
90
- children: b
91
- }
92
- ),
93
- O,
94
- /* @__PURE__ */ t(
95
- G,
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
- className: L(
98
- "transition-transform duration-200",
99
- o ? "rotate-0" : "rotate-180"
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
- /* @__PURE__ */ t(
107
- k,
108
- {
109
- className: "mt-1",
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
- U.displayName = "Select";
152
+ X.displayName = "Select";
158
153
  export {
159
- U as Select
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;AAkBrE,gCAAgC;AAChC,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA;AAElC,+BAA+B;AAC/B,KAAK,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAE7B,wCAAwC;AACxC,KAAK,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,eAAe,CAAA;AAEzD,6BAA6B;AAC7B,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;AAEpC;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,uBAAuB;IACtC,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,EAAE,CAAA;IACjC,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,GAAG,YAAY,EAAE,CAAA;IACnC,yEAAyE;IACzE,UAAU,CAAC,EAAE,OAAO,GAAG,cAAc,EAAE,CAAA;IACvC,wDAAwD;IACxD,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,EAAE,CAAA;IAC5B,iFAAiF;IACjF,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,kDAAkD;IAClD,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,aAAa;IAC5B,4CAA4C;IAC5C,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,yBAAyB;IACzB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,oCAAoC;IACpC,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,0CAA0C;IAC1C,OAAO,EAAE,MAAM,MAAM,CAAA;IACrB,gDAAgD;IAChD,OAAO,EAAE,MAAM,MAAM,CAAA;IACrB,gDAAgD;IAChD,OAAO,EAAE,MAAM,OAAO,CAAA;IACtB,+CAA+C;IAC/C,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oFAAoF;IACpF,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,uBAAuB,CAAA;IACjC,4DAA4D;IAC5D,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,YAAY,EAAE,CAAA;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,uGAAuG;IACvG,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAwBD,QAAA,MAAM,UAAU,2GAyQf,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,CAAA"}
1
+ {"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/TextEditor/TextEditor.tsx"],"names":[],"mappings":"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"}