@m4l/components 9.76.1-beta-feature-795-m4l-react-native-ui-indicator-flag.0 → 9.77.0

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.
@@ -1 +1 @@
1
- {"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AA2DA,OAAO,KAAK,EAEV,eAAe,EAEhB,MAAM,SAAS,CAAC;AA0CjB;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,oDAsgBhD"}
1
+ {"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AA4DA,OAAO,KAAK,EAEV,eAAe,EAEhB,MAAM,SAAS,CAAC;AA0CjB;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,oDAghBhD"}
@@ -1,192 +1,194 @@
1
- import { jsx as n, jsxs as A } from "@emotion/react/jsx-runtime";
2
- import { useModuleDictionary as tt, useModuleSkeleton as nt } from "@m4l/core";
3
- import { useHostThemeMode as rt } from "@m4l/graphics";
1
+ import { jsx as n, jsxs as _ } from "@emotion/react/jsx-runtime";
2
+ import { useModuleDictionary as nt, useModuleSkeleton as rt } from "@m4l/core";
3
+ import { useHostThemeMode as at } from "@m4l/graphics";
4
4
  import B from "clsx";
5
- import { SettingsLimitOutlined as at } from "@m4l/icons";
6
- import { useId as ot, useState as M, useRef as z, useMemo as _, useEffect as p, useCallback as I } from "react";
7
- import { useTheme as it } from "@mui/material/styles";
8
- import { getPropDataTestId as R, getNameDataTestId as ye } from "../../../test/getNameDataTestId.js";
9
- import { CODE_EDITOR_DEFAULT_MAX_LINES as lt, CODE_EDITOR_DEFAULT_MIN_LINES as st, CODE_EDITOR_DEFAULT_LANGUAGE as dt, CODE_EDITOR_LINE_HEIGHT_BY_SIZE as ut, CODE_EDITOR_CLASSES as v, CODE_EDITOR_KEY_COMPONENT as g, CODE_EDITOR_TOGGLE_LINE_NUMBERS_LABEL as ct, CODE_EDITOR_READ_ONLY_LABEL as gt, CODE_EDITOR_PADDING_PX as Ce, CODE_EDITOR_LANGUAGE_CHIP_ICON_INSTANCE_ID as mt } from "./constants.js";
5
+ import { SettingsLimitOutlined as ot } from "@m4l/icons";
6
+ import { useId as it, useState as M, useRef as z, useMemo as I, useEffect as L, useCallback as R } from "react";
7
+ import { useTheme as lt } from "@mui/material/styles";
8
+ import { getPropDataTestId as v, getNameDataTestId as Ce } from "../../../test/getNameDataTestId.js";
9
+ import { CODE_EDITOR_DEFAULT_MAX_LINES as st, CODE_EDITOR_DEFAULT_MIN_LINES as dt, CODE_EDITOR_DEFAULT_LANGUAGE as ut, CODE_EDITOR_LINE_HEIGHT_BY_SIZE as ct, CODE_EDITOR_CLASSES as N, CODE_EDITOR_KEY_COMPONENT as g, CODE_EDITOR_TOGGLE_LINE_NUMBERS_LABEL as gt, CODE_EDITOR_READ_ONLY_LABEL as mt, CODE_EDITOR_PADDING_PX as be, CODE_EDITOR_LANGUAGE_CHIP_ICON_INSTANCE_ID as ht } from "./constants.js";
10
10
  import { CODE_EDITOR_DICTIONARY as w } from "./dictionary.js";
11
- import { resolveCodeEditorLanguageIcon as ht } from "./helpers/languageIcon.js";
12
- import { getCodeEditorLineCount as ft, ensureCodeEditorRuntimeDependencies as Et, createCodeEditorPrismTheme as Lt, resolveCodeEditorLanguageTemplate as pt, validateCodeEditorSyntax as yt, highlightCode as Ct } from "./helpers/highlighting.js";
13
- import { SkeletonStyled as Tt, RootStyled as bt, HeaderStyled as St, LanguageChipStyled as Dt, LanguageChipIconStyled as _t, LineNumbersToggleStyled as It, HeaderBadgesStyled as Rt, ReadOnlyChipStyled as vt, BodyResizeShellStyled as Nt, BodyStyled as xt, LineNumbersStyled as Ot, LineNumberStyled as Ht, EditorScrollerStyled as At, PlaceholderStyled as Bt, EditorStyled as Mt } from "./slots/CodeEditorSlots.js";
11
+ import { resolveCodeEditorLanguageIcon as ft } from "./helpers/languageIcon.js";
12
+ import { getCodeEditorLineCount as Et, ensureCodeEditorRuntimeDependencies as pt, createCodeEditorPrismTheme as Lt, resolveCodeEditorLanguageTemplate as yt, validateCodeEditorSyntax as Ct, highlightCode as bt } from "./helpers/highlighting.js";
13
+ import { SkeletonStyled as Tt, RootStyled as St, HeaderStyled as Dt, LanguageChipStyled as _t, LanguageChipIconStyled as It, LineNumbersToggleStyled as Rt, HeaderBadgesStyled as vt, ReadOnlyChipStyled as Nt, BodyResizeShellStyled as xt, BodyStyled as Ot, LineNumbersStyled as Ht, LineNumberStyled as At, EditorScrollerStyled as Bt, PlaceholderStyled as Mt, EditorStyled as zt } from "./slots/CodeEditorSlots.js";
14
14
  import { CodeEditorSlots as m } from "./slots/CodeEditorEnum.js";
15
- function zt(o, i) {
15
+ import { Clipboard as wt } from "../mui/Clipboard/Clipboard.js";
16
+ function Pt(o, i) {
16
17
  return o.length !== i.length ? !1 : o.every((l, a) => l === i[a]);
17
18
  }
18
19
  function Te(o, i, l) {
19
- const a = l ? Ce : Ce * 2;
20
+ const a = l ? be : be * 2;
20
21
  return o * i + a;
21
22
  }
22
- function wt(o, i, l) {
23
+ function Vt(o, i, l) {
23
24
  return Te(o, i, l);
24
25
  }
25
- function Qt(o) {
26
+ function tn(o) {
26
27
  const {
27
28
  className: i,
28
29
  customLanguages: l,
29
30
  dataTestId: a,
30
- defaultValue: be,
31
+ defaultValue: Se,
31
32
  disabled: s = !1,
32
- editorClassName: Se,
33
- error: De = !1,
34
- forceHeader: _e = !1,
33
+ editorClassName: De,
34
+ error: _e = !1,
35
+ forceHeader: Ie = !1,
35
36
  highlightTheme: ee,
36
- id: Ie,
37
- insertSpaces: Re,
38
- languageIcon: ve,
39
- languageLabel: Ne,
40
- languageTemplate: d,
41
- languageText: xe,
42
- maxLines: Oe = lt,
43
- minLines: N = st,
44
- onBlur: He,
37
+ id: Re,
38
+ insertSpaces: ve,
39
+ languageIcon: Ne,
40
+ languageLabel: xe,
41
+ languageTemplate: u,
42
+ languageText: Oe,
43
+ maxLines: He = st,
44
+ minLines: x = dt,
45
+ onBlur: Ae,
45
46
  onChange: P,
46
47
  placeholder: V,
47
- preClassName: Ae,
48
+ preClassName: Be,
48
49
  readOnly: y = !1,
49
- readOnlyLabel: Be,
50
+ readOnlyLabel: Me,
50
51
  resizable: h = !0,
51
52
  runtimeDependencies: C,
53
+ showClipboard: te = !0,
52
54
  showLineNumbers: k = !1,
53
- showPlaceholder: te = !0,
54
- size: ne = "medium",
55
+ showPlaceholder: ne = !0,
56
+ size: re = "medium",
55
57
  syntaxValidator: G,
56
- skeleton: Me = !1,
57
- textareaClassName: ze,
58
- validateSyntax: re = !1,
59
- value: T,
60
- variant: we = "outlined",
61
- ...x
62
- } = o, Pe = ot(), Ve = Ie || Pe, ke = it(), U = rt(ke.palette.mode), { getLabel: ae } = tt(), Ge = nt() || Me, b = P === void 0, [Y, Ue] = M(0), F = z([]), oe = z(null), $ = z(!1), j = z(null), [Ye, ie] = M(
63
- T ?? be ?? ""
64
- ), [O, le] = M(k), [f, q] = M(null), se = _(() => C ? Array.isArray(C) ? C : [C] : [], [C]);
65
- zt(
58
+ skeleton: ze = !1,
59
+ textareaClassName: we,
60
+ validateSyntax: ae = !1,
61
+ value: b,
62
+ variant: Pe = "outlined",
63
+ ...O
64
+ } = o, Ve = it(), ke = Re || Ve, Ge = lt(), U = at(Ge.palette.mode), { getLabel: oe } = nt(), Ue = rt() || ze, T = P === void 0, [Y, Ye] = M(0), F = z([]), ie = z(null), $ = z(!1), j = z(null), [Fe, le] = M(
65
+ b ?? Se ?? ""
66
+ ), [H, se] = M(k), [f, q] = M(null), de = I(() => C ? Array.isArray(C) ? C : [C] : [], [C]);
67
+ Pt(
66
68
  F.current,
67
- se
68
- ) || (F.current = se);
69
- const X = F.current, u = b ? Ye : T ?? "", Fe = te && u.length === 0 && !!V, K = ut[ne], de = ft(u), ue = Math.max(de, N), Z = Math.max(N, Oe), ce = Math.min(ue, Z), J = de >= Z, ge = Te(
70
- ce,
69
+ de
70
+ ) || (F.current = de);
71
+ const X = F.current, d = T ? Fe : b ?? "", $e = ne && d.length === 0 && !!V, K = ct[re], ue = Et(d), ce = Math.max(ue, x), W = Math.max(x, He), ge = Math.min(ce, W), Z = ue >= W, me = Te(
72
+ ge,
71
73
  K,
72
- J
73
- ), c = wt(
74
- N,
74
+ Z
75
+ ), c = Vt(
76
+ x,
75
77
  K,
76
- J
77
- ), $e = h ? Math.max(f ?? ge, c) : ge;
78
- p(() => {
79
- b && T !== void 0 && ie(T);
80
- }, [b, T]), p(() => {
81
- le(k);
82
- }, [k]), p(() => {
78
+ Z
79
+ ), je = h ? Math.max(f ?? me, c) : me;
80
+ L(() => {
81
+ T && b !== void 0 && le(b);
82
+ }, [T, b]), L(() => {
83
+ se(k);
84
+ }, [k]), L(() => {
83
85
  if (!X.length)
84
86
  return;
85
87
  let e = !0;
86
- return Et(X).catch(() => {
88
+ return pt(X).catch(() => {
87
89
  }).then(() => {
88
- e && Ue((r) => r + 1);
90
+ e && Ye((r) => r + 1);
89
91
  }), () => {
90
92
  e = !1;
91
93
  };
92
- }, [X]), p(() => {
94
+ }, [X]), L(() => {
93
95
  !h && f !== null && q(null);
94
- }, [f, h]), p(() => {
96
+ }, [f, h]), L(() => {
95
97
  f !== null && f < c && q(c);
96
- }, [f, c]), p(() => {
98
+ }, [f, c]), L(() => {
97
99
  const e = () => {
98
100
  if (!$.current)
99
101
  return;
100
102
  $.current = !1;
101
103
  const r = j.current;
102
104
  j.current = null;
103
- const H = oe.current?.offsetHeight;
104
- r === null || H === void 0 || H === r || q(
105
- Math.max(Math.round(H), c)
105
+ const A = ie.current?.offsetHeight;
106
+ r === null || A === void 0 || A === r || q(
107
+ Math.max(Math.round(A), c)
106
108
  );
107
109
  };
108
110
  return window.addEventListener("pointerup", e), window.addEventListener("pointercancel", e), () => {
109
111
  window.removeEventListener("pointerup", e), window.removeEventListener("pointercancel", e);
110
112
  };
111
113
  }, [c]);
112
- const me = _(
114
+ const he = I(
113
115
  () => ee ?? Lt(U),
114
116
  [U, ee]
115
- ), E = _(
116
- () => pt(d),
117
- [d, Y]
118
- ), S = xe ?? E?.languageText ?? dt, he = Ne ?? E?.languageLabel, fe = !!he, je = ht(
119
- ve ?? E?.languageIcon
120
- ), Q = y ? ae(w.readOnly) : void 0, qe = Be ?? (Q && Q !== w.readOnly ? Q : gt), Ee = _e || fe || y, W = Ee ? ae(w.toggleLineNumbers) : void 0, Le = W && W !== w.toggleLineNumbers ? W : ct, D = _(() => {
117
+ ), E = I(
118
+ () => yt(u),
119
+ [u, Y]
120
+ ), S = Oe ?? E?.languageText ?? ut, fe = xe ?? E?.languageLabel, Ee = !!fe, qe = ft(
121
+ Ne ?? E?.languageIcon
122
+ ), J = y ? oe(w.readOnly) : void 0, Xe = Me ?? (J && J !== w.readOnly ? J : mt), pe = Ie || Ee || y || te, Q = pe ? oe(w.toggleLineNumbers) : void 0, Le = Q && Q !== w.toggleLineNumbers ? Q : gt, D = I(() => {
121
123
  if (G)
122
124
  return G({
123
- code: u,
124
- languageTemplate: E ?? d,
125
+ code: d,
126
+ languageTemplate: E ?? u,
125
127
  languageText: S
126
128
  });
127
- if (re)
128
- return yt({
129
- code: u,
130
- languageTemplate: E ?? d,
129
+ if (ae)
130
+ return Ct({
131
+ code: d,
132
+ languageTemplate: E ?? u,
131
133
  languageText: S
132
134
  });
133
135
  }, [
134
- d,
136
+ u,
135
137
  E,
136
138
  S,
137
- u,
139
+ d,
138
140
  Y,
139
141
  G,
140
- re
141
- ]), pe = De || !!D && !D.isValid, L = D && !D.isValid ? D.errorRange : void 0, Xe = _(() => {
142
- if (!L)
142
+ ae
143
+ ]), ye = _e || !!D && !D.isValid, p = D && !D.isValid ? D.errorRange : void 0, Ke = I(() => {
144
+ if (!p)
143
145
  return /* @__PURE__ */ new Set();
144
- const e = L.start.line, r = L.end?.line ?? e;
146
+ const e = p.start.line, r = p.end?.line ?? e;
145
147
  return new Set(
146
148
  Array.from(
147
149
  { length: Math.max(r - e + 1, 1) },
148
- (H, et) => e + et
150
+ (A, tt) => e + tt
149
151
  )
150
152
  );
151
- }, [L]), t = {
153
+ }, [p]), t = {
152
154
  colorMode: U,
153
155
  disabled: s,
154
- error: pe,
155
- isLineCapped: J,
156
- isEmpty: u.length === 0,
157
- isPlaceholderVisible: Fe,
156
+ error: ye,
157
+ isLineCapped: Z,
158
+ isEmpty: d.length === 0,
159
+ isPlaceholderVisible: $e,
158
160
  lineHeight: K,
159
- maxLines: Z,
160
- minLines: N,
161
+ maxLines: W,
162
+ minLines: x,
161
163
  readOnly: y,
162
164
  resizable: h,
163
- showLineNumbers: O,
164
- size: ne,
165
- variant: we,
166
- visibleLineCount: ce
167
- }, Ke = I(
168
- (e) => Ct({
165
+ showLineNumbers: H,
166
+ size: re,
167
+ variant: Pe,
168
+ visibleLineCount: ge
169
+ }, We = R(
170
+ (e) => bt({
169
171
  code: e,
170
172
  customLanguages: l,
171
- languageTemplate: d,
173
+ languageTemplate: u,
172
174
  languageText: S,
173
- prismTheme: me,
174
- syntaxErrorRange: L
175
+ prismTheme: he,
176
+ syntaxErrorRange: p
175
177
  }),
176
178
  [
177
179
  l,
178
- d,
179
- me,
180
+ u,
181
+ he,
180
182
  S,
181
183
  Y,
182
- L
184
+ p
183
185
  ]
184
- ), Ze = I(
186
+ ), Ze = R(
185
187
  (e) => {
186
- b && ie(e), P?.(e);
188
+ T && le(e), P?.(e);
187
189
  },
188
- [P, b]
189
- ), Je = I(
190
+ [P, T]
191
+ ), Je = R(
190
192
  (e) => {
191
193
  if (!h || s)
192
194
  return;
@@ -194,122 +196,134 @@ function Qt(o) {
194
196
  r - e.clientY > 16 || ($.current = !0, j.current = e.currentTarget.offsetHeight);
195
197
  },
196
198
  [s, h]
197
- ), Qe = I(
199
+ ), Qe = R(
198
200
  (e) => {
199
201
  if (s || e.target instanceof Element && e.target.closest("textarea"))
200
202
  return;
201
203
  e.currentTarget.querySelector("textarea")?.focus();
202
204
  },
203
205
  [s]
204
- ), We = I(() => {
205
- le((e) => !e);
206
+ ), et = R(() => {
207
+ se((e) => !e);
206
208
  }, []);
207
- return Ge ? /* @__PURE__ */ n(Tt, { ownerState: t }) : /* @__PURE__ */ A(
208
- bt,
209
+ return Ue ? /* @__PURE__ */ n(Tt, { ownerState: t }) : /* @__PURE__ */ _(
210
+ St,
209
211
  {
210
212
  ownerState: t,
211
213
  "aria-disabled": t.disabled || void 0,
212
- className: B(v.root, i),
213
- ...R(
214
+ className: B(N.root, i),
215
+ ...v(
214
216
  g,
215
217
  m.root,
216
218
  a
217
219
  ),
218
220
  children: [
219
- Ee ? /* @__PURE__ */ A(
220
- St,
221
+ pe ? /* @__PURE__ */ _(
222
+ Dt,
221
223
  {
222
224
  ownerState: t,
223
- className: v.header,
225
+ className: N.header,
224
226
  children: [
225
- fe ? /* @__PURE__ */ n(
226
- Dt,
227
+ Ee ? /* @__PURE__ */ n(
228
+ _t,
227
229
  {
228
- label: he,
230
+ ownerState: t,
231
+ label: fe,
229
232
  size: "small",
230
233
  variant: "outlined",
231
234
  color: "default",
232
235
  startIcon: /* @__PURE__ */ n(
233
- _t,
236
+ It,
234
237
  {
235
- ...R(
238
+ ...v(
236
239
  g,
237
240
  m.languageChipIcon,
238
- mt
241
+ ht
239
242
  ),
240
- children: /* @__PURE__ */ n(je, { fontSize: "small" })
243
+ children: /* @__PURE__ */ n(qe, { fontSize: "small" })
241
244
  }
242
245
  )
243
246
  }
244
247
  ) : null,
245
248
  /* @__PURE__ */ n(
246
- It,
249
+ Rt,
247
250
  {
248
251
  "aria-label": Le,
249
- "aria-pressed": O,
250
- dataTestId: ye(
252
+ "aria-pressed": H,
253
+ dataTestId: Ce(
251
254
  g,
252
255
  m.lineNumbersToggle,
253
256
  a
254
257
  ),
255
258
  disabled: s,
256
- icon: /* @__PURE__ */ n(at, {}),
257
- onClick: We,
258
- selected: O,
259
+ icon: /* @__PURE__ */ n(ot, {}),
260
+ onClick: et,
261
+ selected: H,
259
262
  size: "small",
260
263
  tooltip: Le,
261
264
  variant: "text"
262
265
  }
263
266
  ),
264
- /* @__PURE__ */ n(Rt, { ownerState: t, children: y ? /* @__PURE__ */ n(
265
- vt,
266
- {
267
- label: qe,
268
- size: "small"
269
- }
270
- ) : null })
267
+ /* @__PURE__ */ _(vt, { ownerState: t, children: [
268
+ y ? /* @__PURE__ */ n(
269
+ Nt,
270
+ {
271
+ label: Xe,
272
+ size: "small"
273
+ }
274
+ ) : null,
275
+ te ? /* @__PURE__ */ n(
276
+ wt,
277
+ {
278
+ value: d,
279
+ disabled: s,
280
+ hideWhenEmpty: !1,
281
+ size: "small"
282
+ }
283
+ ) : null
284
+ ] })
271
285
  ]
272
286
  }
273
287
  ) : null,
274
288
  /* @__PURE__ */ n(
275
- Nt,
289
+ xt,
276
290
  {
277
- ref: oe,
291
+ ref: ie,
278
292
  ownerState: t,
279
293
  onPointerDown: Je,
280
294
  style: {
281
- height: `${$e}px`,
295
+ height: `${je}px`,
282
296
  minHeight: `${c}px`
283
297
  },
284
- ...R(
298
+ ...v(
285
299
  g,
286
300
  m.bodyResizeShell,
287
301
  a
288
302
  ),
289
- children: /* @__PURE__ */ A(
290
- xt,
303
+ children: /* @__PURE__ */ _(
304
+ Ot,
291
305
  {
292
306
  ownerState: t,
293
307
  onClick: Qe,
294
- ...R(g, m.body, a),
308
+ ...v(g, m.body, a),
295
309
  children: [
296
- O ? /* @__PURE__ */ n(Ot, { ownerState: t, "aria-hidden": "true", children: Array.from({ length: ue }, (e, r) => r + 1).map(
310
+ H ? /* @__PURE__ */ n(Ht, { ownerState: t, "aria-hidden": "true", children: Array.from({ length: ce }, (e, r) => r + 1).map(
297
311
  (e) => /* @__PURE__ */ n(
298
- Ht,
312
+ At,
299
313
  {
300
314
  ownerState: t,
301
- "data-code-editor-error-line": Xe.has(e) || void 0,
315
+ "data-code-editor-error-line": Ke.has(e) || void 0,
302
316
  children: e
303
317
  },
304
318
  `code-editor-line-${e}`
305
319
  )
306
320
  ) }) : null,
307
- /* @__PURE__ */ A(At, { ownerState: t, children: [
308
- te && t.isEmpty && V ? /* @__PURE__ */ n(
309
- Bt,
321
+ /* @__PURE__ */ _(Bt, { ownerState: t, children: [
322
+ ne && t.isEmpty && V ? /* @__PURE__ */ n(
323
+ Mt,
310
324
  {
311
325
  ownerState: t,
312
- ...R(
326
+ ...v(
313
327
  g,
314
328
  m.placeholder,
315
329
  a
@@ -318,32 +332,32 @@ function Qt(o) {
318
332
  }
319
333
  ) : null,
320
334
  /* @__PURE__ */ n(
321
- Mt,
335
+ zt,
322
336
  {
323
- ...x,
337
+ ...O,
324
338
  ownerState: t,
325
- "aria-label": x["aria-label"] ?? "Code editor",
326
- "aria-invalid": x["aria-invalid"] ?? (pe || void 0),
327
- className: B(v.editor, Se),
328
- "data-testid": ye(
339
+ "aria-label": O["aria-label"] ?? "Code editor",
340
+ "aria-invalid": O["aria-invalid"] ?? (ye || void 0),
341
+ className: B(N.editor, De),
342
+ "data-testid": Ce(
329
343
  g,
330
344
  m.textarea,
331
345
  a
332
346
  ),
333
347
  disabled: s,
334
- highlight: Ke,
335
- insertSpaces: Re,
336
- onBlur: He,
348
+ highlight: We,
349
+ insertSpaces: ve,
350
+ onBlur: Ae,
337
351
  onValueChange: Ze,
338
- preClassName: B(v.pre, Ae),
352
+ preClassName: B(N.pre, Be),
339
353
  readOnly: y,
340
- tabSize: x.tabSize,
354
+ tabSize: O.tabSize,
341
355
  textareaClassName: B(
342
- v.textarea,
343
- ze
356
+ N.textarea,
357
+ we
344
358
  ),
345
- textareaId: Ve,
346
- value: u
359
+ textareaId: ke,
360
+ value: d
347
361
  }
348
362
  )
349
363
  ] })
@@ -357,5 +371,5 @@ function Qt(o) {
357
371
  );
358
372
  }
359
373
  export {
360
- Qt as CodeEditor
374
+ tn as CodeEditor
361
375
  };
@@ -1 +1 @@
1
- {"version":3,"file":"CodeEditor.styles.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/CodeEditor.styles.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,eAAO,MAAM,gBAAgB,EAAE,gBA2X9B,CAAC"}
1
+ {"version":3,"file":"CodeEditor.styles.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/CodeEditor.styles.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,eAAO,MAAM,gBAAgB,EAAE,gBA8X9B,CAAC"}
@@ -1,10 +1,11 @@
1
1
  import { getTypographyStyles as n } from "../../../utils/getTypographyStyles.js";
2
+ import { CLIPBOARD_CLASSES as c } from "../mui/Clipboard/constants.js";
2
3
  import { getCodeEditorVSCodeModernPalette as l, CODE_EDITOR_LINE_HEIGHT_BY_SIZE as a, CODE_EDITOR_MONO_FONT_FAMILY as t, CODE_EDITOR_PADDING_PX as i } from "./constants.js";
3
4
  import { getSizeStyles as s } from "../../../utils/getSizeStyles/getSizeStyles.js";
4
- const b = {
5
+ const m = {
5
6
  /** Resolve the interactive shell colors and focus treatment for the editor root. */
6
- root: ({ theme: r, ownerState: e }) => {
7
- const o = !e?.disabled && !e?.readOnly, d = e?.disabled ? r.vars.palette.border.disabled : r.vars.palette.border.secondary;
7
+ root: ({ theme: e, ownerState: r }) => {
8
+ const o = !r?.disabled && !r?.readOnly, d = r?.disabled ? e.vars.palette.border.disabled : e.vars.palette.border.secondary;
8
9
  return {
9
10
  boxSizing: "border-box",
10
11
  width: "100%",
@@ -12,44 +13,44 @@ const b = {
12
13
  flexDirection: "column",
13
14
  minHeight: 0,
14
15
  gap: 0,
15
- border: r.vars.size.borderStroke.container,
16
- borderColor: e?.variant === "outlined" || e?.error ? d : "transparent",
17
- borderRadius: r.vars.size.borderRadius["r1-5"],
18
- ...e?.error && {
19
- borderColor: r.vars.palette.error.focus
16
+ border: e.vars.size.borderStroke.container,
17
+ borderColor: r?.variant === "outlined" || r?.error ? d : "transparent",
18
+ borderRadius: e.vars.size.borderRadius["r1-5"],
19
+ ...r?.error && {
20
+ borderColor: e.vars.palette.error.focus
20
21
  },
21
- ...e?.variant === "contained" && {
22
- backgroundColor: r.vars.palette.default.enabledOpacity
22
+ ...r?.variant === "contained" && {
23
+ backgroundColor: e.vars.palette.default.enabledOpacity
23
24
  },
24
- ...e?.variant === "outlined" && {
25
- backgroundColor: r.vars.palette.background.default
25
+ ...r?.variant === "outlined" && {
26
+ backgroundColor: e.vars.palette.background.default
26
27
  },
27
- ...e?.readOnly && {
28
- backgroundColor: `${r.vars.palette.default.enabledOpacity}!important`
28
+ ...r?.readOnly && {
29
+ backgroundColor: `${e.vars.palette.default.enabledOpacity}!important`
29
30
  },
30
31
  overflow: "hidden",
31
- opacity: e?.disabled ? 0.72 : 1,
32
+ opacity: r?.disabled ? 0.72 : 1,
32
33
  outline: "3px solid",
33
34
  outlineColor: "transparent",
34
35
  transition: "border-color 120ms ease, outline 120ms ease, opacity 120ms ease, background-color 120ms ease",
35
36
  ...o && {
36
37
  "&:hover": {
37
- backgroundColor: r.vars.palette.default.hoverOpacity,
38
- ...e?.error && {
39
- borderColor: r.vars.palette.error.active
38
+ backgroundColor: e.vars.palette.default.hoverOpacity,
39
+ ...r?.error && {
40
+ borderColor: e.vars.palette.error.active
40
41
  }
41
42
  },
42
43
  "&:focus-within": {
43
- borderColor: r.vars.palette.primary.enabled,
44
+ borderColor: e.vars.palette.primary.enabled,
44
45
  outline: "3px solid",
45
- outlineColor: e?.error ? r.vars.palette.error.focusOpacity : r.vars.palette.primary.hoverOpacity,
46
- ...e?.error && {
47
- borderColor: r.vars.palette.error.enabled
46
+ outlineColor: r?.error ? e.vars.palette.error.focusOpacity : e.vars.palette.primary.hoverOpacity,
47
+ ...r?.error && {
48
+ borderColor: e.vars.palette.error.enabled
48
49
  },
49
- ...e?.variant === "contained" && {
50
- backgroundColor: r.vars.palette.background.default,
50
+ ...r?.variant === "contained" && {
51
+ backgroundColor: e.vars.palette.background.default,
51
52
  "&&& .M4LCodeEditor-header": {
52
- backgroundColor: r.vars.palette.default.enabledOpacity
53
+ backgroundColor: e.vars.palette.default.enabledOpacity
53
54
  }
54
55
  }
55
56
  }
@@ -57,52 +58,55 @@ const b = {
57
58
  };
58
59
  },
59
60
  /** Layout the language badge row above the editing surface. */
60
- header: ({ theme: r, ownerState: e }) => {
61
+ header: ({ theme: e, ownerState: r }) => {
61
62
  const o = l(
62
- e?.colorMode
63
+ r?.colorMode
63
64
  );
64
65
  return {
65
66
  display: "flex",
66
67
  alignItems: "center",
67
68
  justifyContent: "space-between",
68
- padding: r.vars.size.baseSpacings.sp2,
69
- gap: r.vars.size.baseSpacings.sp2,
70
- borderBottom: r.vars.size.borderStroke.container,
71
- borderColor: r.vars.palette.border.secondary,
72
- ...e?.variant === "contained" && {
69
+ padding: e.vars.size.baseSpacings.sp2,
70
+ gap: e.vars.size.baseSpacings.sp2,
71
+ borderBottom: e.vars.size.borderStroke.container,
72
+ borderColor: e.vars.palette.border.secondary,
73
+ ...r?.variant === "contained" && {
73
74
  backgroundColor: "transparent"
74
75
  },
75
- ...e?.variant === "outlined" && {
76
- backgroundColor: r.vars.palette.background.default
76
+ ...r?.variant === "outlined" && {
77
+ backgroundColor: e.vars.palette.background.default
77
78
  },
78
- ...e?.readOnly && {
79
- backgroundColor: `${r.vars.palette.background.default}!important`
79
+ ...r?.readOnly && {
80
+ backgroundColor: `${e.vars.palette.background.default}!important`
80
81
  },
81
82
  color: o.surface.headerForeground,
82
- borderTopLeftRadius: r.vars.size.borderRadius.r2,
83
- borderTopRightRadius: r.vars.size.borderRadius.r2,
83
+ // The root clips the entire surface to one radius, keeping the header flush with its border.
84
84
  minWidth: 0,
85
85
  overflow: "hidden",
86
86
  minHeight: "33px"
87
87
  };
88
88
  },
89
- /** Align any trailing badges rendered in the header row. */
90
- headerBadges: ({ theme: r }) => ({
89
+ /** Align the read-only badge and clipboard action at the trailing edge of the header. */
90
+ headerBadges: ({ theme: e }) => ({
91
91
  display: "flex",
92
92
  alignItems: "center",
93
93
  justifyContent: "flex-end",
94
- gap: r.vars.size.baseSpacings.sp1,
94
+ gap: e.vars.size.baseSpacings.sp1,
95
95
  minWidth: 0,
96
96
  maxWidth: "100%",
97
97
  overflow: "hidden",
98
98
  // Keep badges right-aligned even when the language chip is absent and the
99
99
  // badges container is the only child of the header row.
100
- marginLeft: "auto"
100
+ marginLeft: "auto",
101
+ // Clipboard uses InputAdornment; its input-only height would clip the action here.
102
+ [`& .${c.root}`]: {
103
+ height: "auto"
104
+ }
101
105
  }),
102
106
  /** Keep the leading language chip aligned with the editor header layout. */
103
- languageChip: ({ theme: r, ownerState: e }) => {
107
+ languageChip: ({ theme: e, ownerState: r }) => {
104
108
  const o = l(
105
- e?.colorMode
109
+ r?.colorMode
106
110
  );
107
111
  return {
108
112
  flex: "1 1 auto",
@@ -114,16 +118,16 @@ const b = {
114
118
  paddingTop: 0,
115
119
  paddingBottom: 0,
116
120
  backgroundColor: "transparent",
117
- borderColor: r.vars.palette.chips.default.outlined.backgroundActive,
121
+ borderColor: e.vars.palette.chips.default.outlined.backgroundActive,
118
122
  color: o.surface.languageChipForeground,
119
123
  ...s(
120
- r,
121
- e?.size || "medium",
124
+ e,
125
+ r?.size || "medium",
122
126
  "base",
123
127
  (d) => ({ height: d })
124
128
  ),
125
129
  "&&& .M4LTypography-root": {
126
- ...n(r.generalSettings.isMobile, e?.size || "medium", "microSlim"),
130
+ ...n(e.generalSettings.isMobile, r?.size || "medium", "microSlim"),
127
131
  color: o.surface.languageChipForeground,
128
132
  lineHeight: "normal",
129
133
  overflow: "hidden",
@@ -148,7 +152,7 @@ const b = {
148
152
  }
149
153
  }),
150
154
  /** Keep the read-only chip aligned with the trailing header actions. */
151
- readOnlyChip: ({ theme: r, ownerState: e }) => ({
155
+ readOnlyChip: ({ theme: e, ownerState: r }) => ({
152
156
  "&&&": {
153
157
  flexShrink: 0,
154
158
  minWidth: 0,
@@ -156,19 +160,19 @@ const b = {
156
160
  overflow: "hidden",
157
161
  whiteSpace: "nowrap",
158
162
  ...s(
159
- r,
160
- e?.size || "medium",
163
+ e,
164
+ r?.size || "medium",
161
165
  "base",
162
166
  (o) => ({ height: o })
163
167
  ),
164
168
  "&&& .M4LTypography-root": {
165
- ...n(r.generalSettings.isMobile, e?.size || "medium", "microSlim"),
166
- color: r.vars.palette.chips.info.contained.color,
169
+ ...n(e.generalSettings.isMobile, r?.size || "medium", "microSlim"),
170
+ color: e.vars.palette.chips.info.contained.color,
167
171
  overflow: "hidden",
168
172
  textOverflow: "ellipsis",
169
173
  whiteSpace: "nowrap"
170
174
  },
171
- backgroundColor: r.vars.palette.chips.info.contained.backgroundColor,
175
+ backgroundColor: e.vars.palette.chips.info.contained.backgroundColor,
172
176
  borderColor: "transparent"
173
177
  }
174
178
  }),
@@ -177,7 +181,7 @@ const b = {
177
181
  flexShrink: 0
178
182
  }),
179
183
  /** Provide the native CSS resize shell that owns the editor body viewport. */
180
- bodyResizeShell: ({ ownerState: r }) => ({
184
+ bodyResizeShell: ({ ownerState: e }) => ({
181
185
  boxSizing: "border-box",
182
186
  width: "100%",
183
187
  minWidth: 0,
@@ -186,57 +190,57 @@ const b = {
186
190
  flexShrink: 0,
187
191
  display: "flex",
188
192
  flexDirection: "column",
189
- resize: r?.resizable && !r?.disabled ? "vertical" : "none",
190
- pointerEvents: r?.disabled ? "none" : "auto",
191
- userSelect: r?.disabled ? "none" : "auto"
193
+ resize: e?.resizable && !e?.disabled ? "vertical" : "none",
194
+ pointerEvents: e?.disabled ? "none" : "auto",
195
+ userSelect: e?.disabled ? "none" : "auto"
192
196
  }),
193
197
  /** Build the two-column layout used by the gutter and editor scroller. */
194
- body: ({ theme: r, ownerState: e }) => ({
198
+ body: ({ theme: e, ownerState: r }) => ({
195
199
  boxSizing: "border-box",
196
200
  display: "grid",
197
201
  flex: "1 1 auto",
198
202
  height: "100%",
199
- gridTemplateColumns: e?.showLineNumbers ? "auto minmax(0, 1fr)" : "minmax(0, 1fr)",
203
+ gridTemplateColumns: r?.showLineNumbers ? "auto minmax(0, 1fr)" : "minmax(0, 1fr)",
200
204
  width: "100%",
201
205
  maxWidth: "100%",
202
206
  alignItems: "start",
203
207
  columnGap: 0,
204
208
  minHeight: 0,
205
209
  overflow: "auto",
206
- pointerEvents: e?.disabled ? "none" : "auto",
207
- userSelect: e?.disabled ? "none" : "auto",
208
- gap: r.vars.size.baseSpacings.sp2
210
+ pointerEvents: r?.disabled ? "none" : "auto",
211
+ userSelect: r?.disabled ? "none" : "auto",
212
+ gap: e.vars.size.baseSpacings.sp2
209
213
  }),
210
214
  /** Style the optional line-number gutter. */
211
- lineNumbers: ({ theme: r, ownerState: e }) => {
215
+ lineNumbers: ({ theme: e, ownerState: r }) => {
212
216
  const o = l(
213
- e?.colorMode
217
+ r?.colorMode
214
218
  );
215
219
  return {
216
220
  display: "flex",
217
221
  flexDirection: "column",
218
222
  alignItems: "flex-end",
219
- padding: `${i}px ${r.vars.size.baseSpacings.sp1} ${e?.isLineCapped ? 0 : i}px ${r.vars.size.baseSpacings.sp2}`,
223
+ padding: `${i}px ${e.vars.size.baseSpacings.sp1} ${r?.isLineCapped ? 0 : i}px ${e.vars.size.baseSpacings.sp2}`,
220
224
  backgroundColor: "transparent",
221
- color: e?.disabled ? o.surface.placeholderForeground : o.surface.lineNumberForeground,
225
+ color: r?.disabled ? o.surface.placeholderForeground : o.surface.lineNumberForeground,
222
226
  userSelect: "none",
223
- ...n(r.generalSettings.isMobile, e?.size || "medium", "bodyStandard"),
227
+ ...n(e.generalSettings.isMobile, r?.size || "medium", "bodyStandard"),
224
228
  fontFamily: t,
225
- lineHeight: `${a[e?.size || "medium"]}px`
229
+ lineHeight: `${a[r?.size || "medium"]}px`
226
230
  };
227
231
  },
228
232
  /** Keep each rendered line number aligned with the code line height. */
229
- lineNumber: ({ theme: r, ownerState: e }) => {
233
+ lineNumber: ({ theme: e, ownerState: r }) => {
230
234
  const o = l(
231
- e?.colorMode
235
+ r?.colorMode
232
236
  );
233
237
  return {
234
238
  display: "block",
235
239
  minWidth: "2ch",
236
- height: `${e?.lineHeight || a.medium}px`,
237
- lineHeight: `${e?.lineHeight || a.medium}px`,
240
+ height: `${r?.lineHeight || a.medium}px`,
241
+ lineHeight: `${r?.lineHeight || a.medium}px`,
238
242
  textAlign: "right",
239
- color: r.vars.palette.text.disabled,
243
+ color: e.vars.palette.text.disabled,
240
244
  '&[data-code-editor-error-line="true"]': {
241
245
  color: o.surface.errorBorderColor,
242
246
  borderLeft: `1px solid ${o.surface.errorBorderColor}`
@@ -244,36 +248,36 @@ const b = {
244
248
  };
245
249
  },
246
250
  /** Provide horizontal overflow for long code lines without wrapping them. */
247
- editorScroller: ({ theme: r }) => ({
251
+ editorScroller: ({ theme: e }) => ({
248
252
  position: "relative",
249
253
  width: "fit-content",
250
254
  minWidth: "100%",
251
- paddingTop: r.vars.size.baseSpacings.sp3,
252
- paddingBottom: r.vars.size.baseSpacings.sp3,
253
- paddingRight: r.vars.size.baseSpacings.sp2,
254
- paddingLeft: r.vars.size.baseSpacings.sp2,
255
+ paddingTop: e.vars.size.baseSpacings.sp3,
256
+ paddingBottom: e.vars.size.baseSpacings.sp3,
257
+ paddingRight: e.vars.size.baseSpacings.sp2,
258
+ paddingLeft: e.vars.size.baseSpacings.sp2,
255
259
  backgroundColor: "transparent"
256
260
  }),
257
261
  /** Style the underlying react-simple-code-editor surface and its inner elements. */
258
- editor: ({ theme: r, ownerState: e }) => {
262
+ editor: ({ theme: e, ownerState: r }) => {
259
263
  const o = l(
260
- e?.colorMode
261
- ), d = e?.isLineCapped ? 0 : i, p = i + d;
264
+ r?.colorMode
265
+ ), d = r?.isLineCapped ? 0 : i, p = i + d;
262
266
  return {
263
267
  position: "relative",
264
268
  zIndex: 0,
265
269
  width: "max-content",
266
270
  minWidth: "100%",
267
- minHeight: `calc(${e?.minLines || 1} * ${e?.lineHeight || a.medium}px + ${p}px)`,
271
+ minHeight: `calc(${r?.minLines || 1} * ${r?.lineHeight || a.medium}px + ${p}px)`,
268
272
  backgroundColor: "transparent",
269
273
  fontFamily: t,
270
274
  fontSize: "11px",
271
- lineHeight: `${e?.lineHeight || a.medium}px`,
275
+ lineHeight: `${r?.lineHeight || a.medium}px`,
272
276
  fontWeight: 400,
273
277
  "& textarea, & pre": {
274
- ...n(r.generalSettings.isMobile, e?.size || "medium", "bodyStandard"),
278
+ ...n(e.generalSettings.isMobile, r?.size || "medium", "bodyStandard"),
275
279
  fontFamily: t,
276
- lineHeight: `${e?.lineHeight || a.medium}px`,
280
+ lineHeight: `${r?.lineHeight || a.medium}px`,
277
281
  whiteSpace: "pre !important",
278
282
  wordBreak: "normal",
279
283
  overflowWrap: "normal",
@@ -287,17 +291,17 @@ const b = {
287
291
  backgroundColor: "transparent"
288
292
  },
289
293
  "&&& textarea": {
290
- ...n(r.generalSettings.isMobile, e?.size || "medium", "microSlim"),
294
+ ...n(e.generalSettings.isMobile, r?.size || "medium", "microSlim"),
291
295
  outline: "none",
292
296
  backgroundColor: "transparent",
293
- caretColor: e?.disabled ? "transparent" : o.surface.caretForeground,
294
- cursor: e?.disabled ? "not-allowed" : e?.readOnly ? "default" : "text",
297
+ caretColor: r?.disabled ? "transparent" : o.surface.caretForeground,
298
+ cursor: r?.disabled ? "not-allowed" : r?.readOnly ? "default" : "text",
295
299
  "&::selection": {
296
300
  backgroundColor: o.surface.selectionBackground
297
301
  }
298
302
  },
299
303
  "& pre": {
300
- color: e?.disabled ? o.surface.placeholderForeground : o.surface.editorForeground
304
+ color: r?.disabled ? o.surface.placeholderForeground : o.surface.editorForeground
301
305
  },
302
306
  "& .token-line": {
303
307
  display: "block",
@@ -313,9 +317,9 @@ const b = {
313
317
  };
314
318
  },
315
319
  /** Position the empty-state placeholder above the editor surface. */
316
- placeholder: ({ theme: r, ownerState: e }) => {
320
+ placeholder: ({ theme: e, ownerState: r }) => {
317
321
  const o = l(
318
- e?.colorMode
322
+ r?.colorMode
319
323
  );
320
324
  return {
321
325
  position: "absolute",
@@ -324,21 +328,21 @@ const b = {
324
328
  left: `${i}px`,
325
329
  pointerEvents: "none",
326
330
  color: o.surface.placeholderForeground,
327
- ...n(r.generalSettings.isMobile, e?.size || "medium", "bodyStandard"),
331
+ ...n(e.generalSettings.isMobile, r?.size || "medium", "bodyStandard"),
328
332
  fontFamily: t,
329
- lineHeight: `${e?.lineHeight || a.medium}px`,
333
+ lineHeight: `${r?.lineHeight || a.medium}px`,
330
334
  whiteSpace: "pre-wrap"
331
335
  };
332
336
  },
333
337
  /** Size the skeleton block to the same footprint as the live editor. */
334
- skeleton: ({ theme: r }) => ({
338
+ skeleton: ({ theme: e }) => ({
335
339
  "&&&": {
336
- borderRadius: r.vars.size.borderRadius.r1,
340
+ borderRadius: e.vars.size.borderRadius.r1,
337
341
  width: "100%",
338
342
  height: "100px"
339
343
  }
340
344
  })
341
345
  };
342
346
  export {
343
- b as codeEditorStyles
347
+ m as codeEditorStyles
344
348
  };
@@ -250,7 +250,7 @@ export interface CodeEditorProps extends Omit<BaseEditorProps, 'className' | 'de
250
250
  */
251
251
  languageIcon?: CodeEditorLanguageIcon;
252
252
  /**
253
- * Custom label shown in the language chip. Without this prop or a template label, the language header is not rendered unless another header state still requires it.
253
+ * Custom label shown in the language chip. Without this prop or a template label, the header only contains its enabled actions and badges.
254
254
  */
255
255
  languageLabel?: string;
256
256
  /**
@@ -263,7 +263,7 @@ export interface CodeEditorProps extends Omit<BaseEditorProps, 'className' | 'de
263
263
  */
264
264
  languageTemplate?: CodeEditorLanguageTemplateInput;
265
265
  /**
266
- * Language key used for syntax highlighting and the default chip label.
266
+ * Language key used for syntax highlighting. Set languageLabel separately to show a format chip.
267
267
  * @default 'text'
268
268
  */
269
269
  languageText?: CodeEditorLanguage;
@@ -303,6 +303,11 @@ export interface CodeEditorProps extends Omit<BaseEditorProps, 'className' | 'de
303
303
  * @default true
304
304
  */
305
305
  resizable?: boolean;
306
+ /**
307
+ * Shows a trailing header action that copies the current raw editor value.
308
+ * @default true
309
+ */
310
+ showClipboard?: boolean;
306
311
  /**
307
312
  * Controls the initial visibility of the line-number gutter.
308
313
  * @default false
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/types.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/TextField/TextField.styles.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA6B1C,eAAO,MAAM,eAAe,EAAE,eAsT7B,CAAC"}
1
+ {"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/TextField/TextField.styles.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA6B1C,eAAO,MAAM,eAAe,EAAE,eAuT7B,CAAC"}
@@ -74,7 +74,8 @@ const s = (o, t) => o && o > 79 && o < 100 ? t.vars.palette.warning.semanticText
74
74
  },
75
75
  // Variant Contained TextField
76
76
  ...o?.variant === "contained" && {
77
- border: 0,
77
+ border: t.vars.size.borderStroke.actionInput,
78
+ borderColor: r.borderColor,
78
79
  backgroundColor: t.vars.palette[o?.color || "default"][o?.error ? "toneOpacity" : "enabledOpacity"]
79
80
  },
80
81
  // Read-only state
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/components",
3
- "version": "9.76.1-beta-feature-795-m4l-react-native-ui-indicator-flag.0",
3
+ "version": "9.77.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -53,13 +53,13 @@
53
53
  "@hookform/resolvers": "2.9.11",
54
54
  "nprogress": "0.2.0",
55
55
  "react-transition-group": "4.4.5",
56
+ "react-color": "2.19.3",
57
+ "@tanstack/react-virtual": "3.13.23",
56
58
  "react-rnd": "10.5.2",
57
- "react-spinners": "0.13.8",
58
59
  "@mui/x-date-pickers": "6.20.2",
59
60
  "react-dropzone": "14.4.1",
61
+ "react-spinners": "0.13.8",
60
62
  "react-draggable": "4.5.0",
61
- "@tanstack/react-virtual": "3.13.23",
62
- "react-color": "2.19.3",
63
63
  "chart.js": "4.5.1",
64
64
  "chartjs-chart-error-bars": "4.4.5",
65
65
  "qrcode.react": "3.2.0",