@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.
- package/components/extended/ReactSimpleCodeEditor/CodeEditor.d.ts.map +1 -1
- package/components/extended/ReactSimpleCodeEditor/CodeEditor.js +181 -167
- package/components/extended/ReactSimpleCodeEditor/CodeEditor.styles.d.ts.map +1 -1
- package/components/extended/ReactSimpleCodeEditor/CodeEditor.styles.js +101 -97
- package/components/extended/ReactSimpleCodeEditor/types.d.ts +7 -2
- package/components/extended/ReactSimpleCodeEditor/types.d.ts.map +1 -1
- package/components/extended/mui/TextField/TextField.styles.d.ts.map +1 -1
- package/components/extended/mui/TextField/TextField.styles.js +2 -1
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/CodeEditor.tsx"],"names":[],"mappings":"
|
|
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
|
|
2
|
-
import { useModuleDictionary as
|
|
3
|
-
import { useHostThemeMode as
|
|
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
|
|
6
|
-
import { useId as
|
|
7
|
-
import { useTheme as
|
|
8
|
-
import { getPropDataTestId as
|
|
9
|
-
import { CODE_EDITOR_DEFAULT_MAX_LINES as
|
|
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
|
|
12
|
-
import { getCodeEditorLineCount as
|
|
13
|
-
import { SkeletonStyled as Tt, RootStyled as
|
|
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
|
-
|
|
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 ?
|
|
20
|
+
const a = l ? be : be * 2;
|
|
20
21
|
return o * i + a;
|
|
21
22
|
}
|
|
22
|
-
function
|
|
23
|
+
function Vt(o, i, l) {
|
|
23
24
|
return Te(o, i, l);
|
|
24
25
|
}
|
|
25
|
-
function
|
|
26
|
+
function tn(o) {
|
|
26
27
|
const {
|
|
27
28
|
className: i,
|
|
28
29
|
customLanguages: l,
|
|
29
30
|
dataTestId: a,
|
|
30
|
-
defaultValue:
|
|
31
|
+
defaultValue: Se,
|
|
31
32
|
disabled: s = !1,
|
|
32
|
-
editorClassName:
|
|
33
|
-
error:
|
|
34
|
-
forceHeader:
|
|
33
|
+
editorClassName: De,
|
|
34
|
+
error: _e = !1,
|
|
35
|
+
forceHeader: Ie = !1,
|
|
35
36
|
highlightTheme: ee,
|
|
36
|
-
id:
|
|
37
|
-
insertSpaces:
|
|
38
|
-
languageIcon:
|
|
39
|
-
languageLabel:
|
|
40
|
-
languageTemplate:
|
|
41
|
-
languageText:
|
|
42
|
-
maxLines:
|
|
43
|
-
minLines:
|
|
44
|
-
onBlur:
|
|
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:
|
|
48
|
+
preClassName: Be,
|
|
48
49
|
readOnly: y = !1,
|
|
49
|
-
readOnlyLabel:
|
|
50
|
+
readOnlyLabel: Me,
|
|
50
51
|
resizable: h = !0,
|
|
51
52
|
runtimeDependencies: C,
|
|
53
|
+
showClipboard: te = !0,
|
|
52
54
|
showLineNumbers: k = !1,
|
|
53
|
-
showPlaceholder:
|
|
54
|
-
size:
|
|
55
|
+
showPlaceholder: ne = !0,
|
|
56
|
+
size: re = "medium",
|
|
55
57
|
syntaxValidator: G,
|
|
56
|
-
skeleton:
|
|
57
|
-
textareaClassName:
|
|
58
|
-
validateSyntax:
|
|
59
|
-
value:
|
|
60
|
-
variant:
|
|
61
|
-
...
|
|
62
|
-
} = o,
|
|
63
|
-
|
|
64
|
-
), [
|
|
65
|
-
|
|
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
|
-
|
|
68
|
-
) || (F.current =
|
|
69
|
-
const X = F.current,
|
|
70
|
-
|
|
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
|
-
|
|
73
|
-
), c =
|
|
74
|
-
|
|
74
|
+
Z
|
|
75
|
+
), c = Vt(
|
|
76
|
+
x,
|
|
75
77
|
K,
|
|
76
|
-
|
|
77
|
-
),
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
}, [
|
|
81
|
-
|
|
82
|
-
}, [k]),
|
|
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
|
|
88
|
+
return pt(X).catch(() => {
|
|
87
89
|
}).then(() => {
|
|
88
|
-
e &&
|
|
90
|
+
e && Ye((r) => r + 1);
|
|
89
91
|
}), () => {
|
|
90
92
|
e = !1;
|
|
91
93
|
};
|
|
92
|
-
}, [X]),
|
|
94
|
+
}, [X]), L(() => {
|
|
93
95
|
!h && f !== null && q(null);
|
|
94
|
-
}, [f, h]),
|
|
96
|
+
}, [f, h]), L(() => {
|
|
95
97
|
f !== null && f < c && q(c);
|
|
96
|
-
}, [f, c]),
|
|
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
|
|
104
|
-
r === null ||
|
|
105
|
-
Math.max(Math.round(
|
|
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
|
|
114
|
+
const he = I(
|
|
113
115
|
() => ee ?? Lt(U),
|
|
114
116
|
[U, ee]
|
|
115
|
-
), E =
|
|
116
|
-
() =>
|
|
117
|
-
[
|
|
118
|
-
), S =
|
|
119
|
-
|
|
120
|
-
),
|
|
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:
|
|
124
|
-
languageTemplate: E ??
|
|
125
|
+
code: d,
|
|
126
|
+
languageTemplate: E ?? u,
|
|
125
127
|
languageText: S
|
|
126
128
|
});
|
|
127
|
-
if (
|
|
128
|
-
return
|
|
129
|
-
code:
|
|
130
|
-
languageTemplate: E ??
|
|
129
|
+
if (ae)
|
|
130
|
+
return Ct({
|
|
131
|
+
code: d,
|
|
132
|
+
languageTemplate: E ?? u,
|
|
131
133
|
languageText: S
|
|
132
134
|
});
|
|
133
135
|
}, [
|
|
134
|
-
|
|
136
|
+
u,
|
|
135
137
|
E,
|
|
136
138
|
S,
|
|
137
|
-
|
|
139
|
+
d,
|
|
138
140
|
Y,
|
|
139
141
|
G,
|
|
140
|
-
|
|
141
|
-
]),
|
|
142
|
-
if (!
|
|
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 =
|
|
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
|
-
(
|
|
150
|
+
(A, tt) => e + tt
|
|
149
151
|
)
|
|
150
152
|
);
|
|
151
|
-
}, [
|
|
153
|
+
}, [p]), t = {
|
|
152
154
|
colorMode: U,
|
|
153
155
|
disabled: s,
|
|
154
|
-
error:
|
|
155
|
-
isLineCapped:
|
|
156
|
-
isEmpty:
|
|
157
|
-
isPlaceholderVisible:
|
|
156
|
+
error: ye,
|
|
157
|
+
isLineCapped: Z,
|
|
158
|
+
isEmpty: d.length === 0,
|
|
159
|
+
isPlaceholderVisible: $e,
|
|
158
160
|
lineHeight: K,
|
|
159
|
-
maxLines:
|
|
160
|
-
minLines:
|
|
161
|
+
maxLines: W,
|
|
162
|
+
minLines: x,
|
|
161
163
|
readOnly: y,
|
|
162
164
|
resizable: h,
|
|
163
|
-
showLineNumbers:
|
|
164
|
-
size:
|
|
165
|
-
variant:
|
|
166
|
-
visibleLineCount:
|
|
167
|
-
},
|
|
168
|
-
(e) =>
|
|
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:
|
|
173
|
+
languageTemplate: u,
|
|
172
174
|
languageText: S,
|
|
173
|
-
prismTheme:
|
|
174
|
-
syntaxErrorRange:
|
|
175
|
+
prismTheme: he,
|
|
176
|
+
syntaxErrorRange: p
|
|
175
177
|
}),
|
|
176
178
|
[
|
|
177
179
|
l,
|
|
178
|
-
|
|
179
|
-
|
|
180
|
+
u,
|
|
181
|
+
he,
|
|
180
182
|
S,
|
|
181
183
|
Y,
|
|
182
|
-
|
|
184
|
+
p
|
|
183
185
|
]
|
|
184
|
-
), Ze =
|
|
186
|
+
), Ze = R(
|
|
185
187
|
(e) => {
|
|
186
|
-
|
|
188
|
+
T && le(e), P?.(e);
|
|
187
189
|
},
|
|
188
|
-
[P,
|
|
189
|
-
), Je =
|
|
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 =
|
|
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
|
-
),
|
|
205
|
-
|
|
206
|
+
), et = R(() => {
|
|
207
|
+
se((e) => !e);
|
|
206
208
|
}, []);
|
|
207
|
-
return
|
|
208
|
-
|
|
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(
|
|
213
|
-
...
|
|
214
|
+
className: B(N.root, i),
|
|
215
|
+
...v(
|
|
214
216
|
g,
|
|
215
217
|
m.root,
|
|
216
218
|
a
|
|
217
219
|
),
|
|
218
220
|
children: [
|
|
219
|
-
|
|
220
|
-
|
|
221
|
+
pe ? /* @__PURE__ */ _(
|
|
222
|
+
Dt,
|
|
221
223
|
{
|
|
222
224
|
ownerState: t,
|
|
223
|
-
className:
|
|
225
|
+
className: N.header,
|
|
224
226
|
children: [
|
|
225
|
-
|
|
226
|
-
|
|
227
|
+
Ee ? /* @__PURE__ */ n(
|
|
228
|
+
_t,
|
|
227
229
|
{
|
|
228
|
-
|
|
230
|
+
ownerState: t,
|
|
231
|
+
label: fe,
|
|
229
232
|
size: "small",
|
|
230
233
|
variant: "outlined",
|
|
231
234
|
color: "default",
|
|
232
235
|
startIcon: /* @__PURE__ */ n(
|
|
233
|
-
|
|
236
|
+
It,
|
|
234
237
|
{
|
|
235
|
-
...
|
|
238
|
+
...v(
|
|
236
239
|
g,
|
|
237
240
|
m.languageChipIcon,
|
|
238
|
-
|
|
241
|
+
ht
|
|
239
242
|
),
|
|
240
|
-
children: /* @__PURE__ */ n(
|
|
243
|
+
children: /* @__PURE__ */ n(qe, { fontSize: "small" })
|
|
241
244
|
}
|
|
242
245
|
)
|
|
243
246
|
}
|
|
244
247
|
) : null,
|
|
245
248
|
/* @__PURE__ */ n(
|
|
246
|
-
|
|
249
|
+
Rt,
|
|
247
250
|
{
|
|
248
251
|
"aria-label": Le,
|
|
249
|
-
"aria-pressed":
|
|
250
|
-
dataTestId:
|
|
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(
|
|
257
|
-
onClick:
|
|
258
|
-
selected:
|
|
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__ */
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
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
|
-
|
|
289
|
+
xt,
|
|
276
290
|
{
|
|
277
|
-
ref:
|
|
291
|
+
ref: ie,
|
|
278
292
|
ownerState: t,
|
|
279
293
|
onPointerDown: Je,
|
|
280
294
|
style: {
|
|
281
|
-
height: `${
|
|
295
|
+
height: `${je}px`,
|
|
282
296
|
minHeight: `${c}px`
|
|
283
297
|
},
|
|
284
|
-
...
|
|
298
|
+
...v(
|
|
285
299
|
g,
|
|
286
300
|
m.bodyResizeShell,
|
|
287
301
|
a
|
|
288
302
|
),
|
|
289
|
-
children: /* @__PURE__ */
|
|
290
|
-
|
|
303
|
+
children: /* @__PURE__ */ _(
|
|
304
|
+
Ot,
|
|
291
305
|
{
|
|
292
306
|
ownerState: t,
|
|
293
307
|
onClick: Qe,
|
|
294
|
-
...
|
|
308
|
+
...v(g, m.body, a),
|
|
295
309
|
children: [
|
|
296
|
-
|
|
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
|
-
|
|
312
|
+
At,
|
|
299
313
|
{
|
|
300
314
|
ownerState: t,
|
|
301
|
-
"data-code-editor-error-line":
|
|
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__ */
|
|
308
|
-
|
|
309
|
-
|
|
321
|
+
/* @__PURE__ */ _(Bt, { ownerState: t, children: [
|
|
322
|
+
ne && t.isEmpty && V ? /* @__PURE__ */ n(
|
|
323
|
+
Mt,
|
|
310
324
|
{
|
|
311
325
|
ownerState: t,
|
|
312
|
-
...
|
|
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
|
-
|
|
335
|
+
zt,
|
|
322
336
|
{
|
|
323
|
-
...
|
|
337
|
+
...O,
|
|
324
338
|
ownerState: t,
|
|
325
|
-
"aria-label":
|
|
326
|
-
"aria-invalid":
|
|
327
|
-
className: B(
|
|
328
|
-
"data-testid":
|
|
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:
|
|
335
|
-
insertSpaces:
|
|
336
|
-
onBlur:
|
|
348
|
+
highlight: We,
|
|
349
|
+
insertSpaces: ve,
|
|
350
|
+
onBlur: Ae,
|
|
337
351
|
onValueChange: Ze,
|
|
338
|
-
preClassName: B(
|
|
352
|
+
preClassName: B(N.pre, Be),
|
|
339
353
|
readOnly: y,
|
|
340
|
-
tabSize:
|
|
354
|
+
tabSize: O.tabSize,
|
|
341
355
|
textareaClassName: B(
|
|
342
|
-
|
|
343
|
-
|
|
356
|
+
N.textarea,
|
|
357
|
+
we
|
|
344
358
|
),
|
|
345
|
-
textareaId:
|
|
346
|
-
value:
|
|
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
|
-
|
|
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":"
|
|
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
|
|
5
|
+
const m = {
|
|
5
6
|
/** Resolve the interactive shell colors and focus treatment for the editor root. */
|
|
6
|
-
root: ({ theme:
|
|
7
|
-
const o = !
|
|
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:
|
|
16
|
-
borderColor:
|
|
17
|
-
borderRadius:
|
|
18
|
-
...
|
|
19
|
-
borderColor:
|
|
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
|
-
...
|
|
22
|
-
backgroundColor:
|
|
22
|
+
...r?.variant === "contained" && {
|
|
23
|
+
backgroundColor: e.vars.palette.default.enabledOpacity
|
|
23
24
|
},
|
|
24
|
-
...
|
|
25
|
-
backgroundColor:
|
|
25
|
+
...r?.variant === "outlined" && {
|
|
26
|
+
backgroundColor: e.vars.palette.background.default
|
|
26
27
|
},
|
|
27
|
-
...
|
|
28
|
-
backgroundColor: `${
|
|
28
|
+
...r?.readOnly && {
|
|
29
|
+
backgroundColor: `${e.vars.palette.default.enabledOpacity}!important`
|
|
29
30
|
},
|
|
30
31
|
overflow: "hidden",
|
|
31
|
-
opacity:
|
|
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:
|
|
38
|
-
...
|
|
39
|
-
borderColor:
|
|
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:
|
|
44
|
+
borderColor: e.vars.palette.primary.enabled,
|
|
44
45
|
outline: "3px solid",
|
|
45
|
-
outlineColor:
|
|
46
|
-
...
|
|
47
|
-
borderColor:
|
|
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
|
-
...
|
|
50
|
-
backgroundColor:
|
|
50
|
+
...r?.variant === "contained" && {
|
|
51
|
+
backgroundColor: e.vars.palette.background.default,
|
|
51
52
|
"&&& .M4LCodeEditor-header": {
|
|
52
|
-
backgroundColor:
|
|
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:
|
|
61
|
+
header: ({ theme: e, ownerState: r }) => {
|
|
61
62
|
const o = l(
|
|
62
|
-
|
|
63
|
+
r?.colorMode
|
|
63
64
|
);
|
|
64
65
|
return {
|
|
65
66
|
display: "flex",
|
|
66
67
|
alignItems: "center",
|
|
67
68
|
justifyContent: "space-between",
|
|
68
|
-
padding:
|
|
69
|
-
gap:
|
|
70
|
-
borderBottom:
|
|
71
|
-
borderColor:
|
|
72
|
-
...
|
|
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
|
-
...
|
|
76
|
-
backgroundColor:
|
|
76
|
+
...r?.variant === "outlined" && {
|
|
77
|
+
backgroundColor: e.vars.palette.background.default
|
|
77
78
|
},
|
|
78
|
-
...
|
|
79
|
-
backgroundColor: `${
|
|
79
|
+
...r?.readOnly && {
|
|
80
|
+
backgroundColor: `${e.vars.palette.background.default}!important`
|
|
80
81
|
},
|
|
81
82
|
color: o.surface.headerForeground,
|
|
82
|
-
|
|
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
|
|
90
|
-
headerBadges: ({ theme:
|
|
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:
|
|
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:
|
|
107
|
+
languageChip: ({ theme: e, ownerState: r }) => {
|
|
104
108
|
const o = l(
|
|
105
|
-
|
|
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:
|
|
121
|
+
borderColor: e.vars.palette.chips.default.outlined.backgroundActive,
|
|
118
122
|
color: o.surface.languageChipForeground,
|
|
119
123
|
...s(
|
|
120
|
-
|
|
121
|
-
|
|
124
|
+
e,
|
|
125
|
+
r?.size || "medium",
|
|
122
126
|
"base",
|
|
123
127
|
(d) => ({ height: d })
|
|
124
128
|
),
|
|
125
129
|
"&&& .M4LTypography-root": {
|
|
126
|
-
...n(
|
|
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:
|
|
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
|
-
|
|
160
|
-
|
|
163
|
+
e,
|
|
164
|
+
r?.size || "medium",
|
|
161
165
|
"base",
|
|
162
166
|
(o) => ({ height: o })
|
|
163
167
|
),
|
|
164
168
|
"&&& .M4LTypography-root": {
|
|
165
|
-
...n(
|
|
166
|
-
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:
|
|
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:
|
|
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:
|
|
190
|
-
pointerEvents:
|
|
191
|
-
userSelect:
|
|
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:
|
|
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:
|
|
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:
|
|
207
|
-
userSelect:
|
|
208
|
-
gap:
|
|
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:
|
|
215
|
+
lineNumbers: ({ theme: e, ownerState: r }) => {
|
|
212
216
|
const o = l(
|
|
213
|
-
|
|
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 ${
|
|
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:
|
|
225
|
+
color: r?.disabled ? o.surface.placeholderForeground : o.surface.lineNumberForeground,
|
|
222
226
|
userSelect: "none",
|
|
223
|
-
...n(
|
|
227
|
+
...n(e.generalSettings.isMobile, r?.size || "medium", "bodyStandard"),
|
|
224
228
|
fontFamily: t,
|
|
225
|
-
lineHeight: `${a[
|
|
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:
|
|
233
|
+
lineNumber: ({ theme: e, ownerState: r }) => {
|
|
230
234
|
const o = l(
|
|
231
|
-
|
|
235
|
+
r?.colorMode
|
|
232
236
|
);
|
|
233
237
|
return {
|
|
234
238
|
display: "block",
|
|
235
239
|
minWidth: "2ch",
|
|
236
|
-
height: `${
|
|
237
|
-
lineHeight: `${
|
|
240
|
+
height: `${r?.lineHeight || a.medium}px`,
|
|
241
|
+
lineHeight: `${r?.lineHeight || a.medium}px`,
|
|
238
242
|
textAlign: "right",
|
|
239
|
-
color:
|
|
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:
|
|
251
|
+
editorScroller: ({ theme: e }) => ({
|
|
248
252
|
position: "relative",
|
|
249
253
|
width: "fit-content",
|
|
250
254
|
minWidth: "100%",
|
|
251
|
-
paddingTop:
|
|
252
|
-
paddingBottom:
|
|
253
|
-
paddingRight:
|
|
254
|
-
paddingLeft:
|
|
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:
|
|
262
|
+
editor: ({ theme: e, ownerState: r }) => {
|
|
259
263
|
const o = l(
|
|
260
|
-
|
|
261
|
-
), 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(${
|
|
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: `${
|
|
275
|
+
lineHeight: `${r?.lineHeight || a.medium}px`,
|
|
272
276
|
fontWeight: 400,
|
|
273
277
|
"& textarea, & pre": {
|
|
274
|
-
...n(
|
|
278
|
+
...n(e.generalSettings.isMobile, r?.size || "medium", "bodyStandard"),
|
|
275
279
|
fontFamily: t,
|
|
276
|
-
lineHeight: `${
|
|
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(
|
|
294
|
+
...n(e.generalSettings.isMobile, r?.size || "medium", "microSlim"),
|
|
291
295
|
outline: "none",
|
|
292
296
|
backgroundColor: "transparent",
|
|
293
|
-
caretColor:
|
|
294
|
-
cursor:
|
|
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:
|
|
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:
|
|
320
|
+
placeholder: ({ theme: e, ownerState: r }) => {
|
|
317
321
|
const o = l(
|
|
318
|
-
|
|
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(
|
|
331
|
+
...n(e.generalSettings.isMobile, r?.size || "medium", "bodyStandard"),
|
|
328
332
|
fontFamily: t,
|
|
329
|
-
lineHeight: `${
|
|
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:
|
|
338
|
+
skeleton: ({ theme: e }) => ({
|
|
335
339
|
"&&&": {
|
|
336
|
-
borderRadius:
|
|
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
|
-
|
|
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
|
|
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
|
|
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,
|
|
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:
|
|
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.
|
|
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",
|