@m4l/components 9.24.0-beta-feature-731-m4l-components-code-editor.4 → 9.24.0-beta-feature-731-m4l-components-code-editor.5
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 +97 -93
- package/components/extended/ReactSimpleCodeEditor/CodeEditor.styles.d.ts.map +1 -1
- package/components/extended/ReactSimpleCodeEditor/CodeEditor.styles.js +11 -11
- package/components/extended/ReactSimpleCodeEditor/types.d.ts +1 -0
- package/components/extended/ReactSimpleCodeEditor/types.d.ts.map +1 -1
- package/package.json +6 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AAyCA,OAAO,KAAK,EAEV,eAAe,EAEhB,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AAyCA,OAAO,KAAK,EAEV,eAAe,EAEhB,MAAM,SAAS,CAAC;AAyBjB;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,oDAwXhD"}
|
|
@@ -1,28 +1,31 @@
|
|
|
1
1
|
import { jsx as a, jsxs as D } from "@emotion/react/jsx-runtime";
|
|
2
2
|
import { useModuleDictionary as Me, useModuleSkeleton as Ve } from "@m4l/core";
|
|
3
3
|
import _ from "clsx";
|
|
4
|
-
import { useId as
|
|
5
|
-
import { useTheme as
|
|
4
|
+
import { useId as ke, useState as Q, useRef as ze, useMemo as C, useEffect as W, useCallback as B } from "react";
|
|
5
|
+
import { useTheme as Pe } from "@mui/material/styles";
|
|
6
6
|
import { getPropDataTestId as x, getNameDataTestId as Be } from "../../../test/getNameDataTestId.js";
|
|
7
|
-
import { CODE_EDITOR_DEFAULT_MAX_LINES as He, CODE_EDITOR_DEFAULT_MIN_LINES as we, CODE_EDITOR_DEFAULT_LANGUAGE as Ge, CODE_EDITOR_LINE_HEIGHT_BY_SIZE as Ue, CODE_EDITOR_CLASSES as
|
|
7
|
+
import { CODE_EDITOR_DEFAULT_MAX_LINES as He, CODE_EDITOR_DEFAULT_MIN_LINES as we, CODE_EDITOR_DEFAULT_LANGUAGE as Ge, CODE_EDITOR_LINE_HEIGHT_BY_SIZE as Ue, CODE_EDITOR_CLASSES as p, CODE_EDITOR_KEY_COMPONENT as f, CODE_EDITOR_READ_ONLY_LABEL as Ye, CODE_EDITOR_LANGUAGE_CHIP_ICON_INSTANCE_ID as Fe } from "./constants.js";
|
|
8
8
|
import { CODE_EDITOR_DICTIONARY as ee } from "./dictionary.js";
|
|
9
9
|
import { resolveCodeEditorLanguageIcon as je } from "./helpers/languageIcon.js";
|
|
10
10
|
import { ensureCodeEditorRuntimeDependencies as qe, getCodeEditorLineCount as Ke, createCodeEditorPrismTheme as Xe, resolveCodeEditorLanguageTemplate as Ze, validateCodeEditorSyntax as $e, highlightCode as Je } from "./helpers/highlighting.js";
|
|
11
11
|
import { SkeletonStyled as Qe, RootStyled as We, HeaderStyled as et, LanguageChipStyled as tt, LanguageChipIconStyled as at, HeaderBadgesStyled as nt, ReadOnlyChipStyled as rt, BodyStyled as ot, LineNumbersStyled as lt, LineNumberStyled as it, EditorScrollerStyled as st, PlaceholderStyled as dt, EditorStyled as ct } from "./slots/CodeEditorSlots.js";
|
|
12
|
-
import { CodeEditorSlots as
|
|
13
|
-
function ut(
|
|
14
|
-
return
|
|
12
|
+
import { CodeEditorSlots as L } from "./slots/CodeEditorEnum.js";
|
|
13
|
+
function ut(o) {
|
|
14
|
+
return o === "dark" ? "dark" : "light";
|
|
15
15
|
}
|
|
16
|
-
function
|
|
16
|
+
function mt(o, y) {
|
|
17
|
+
return o.length !== y.length ? !1 : o.every((S, l) => S === y[l]);
|
|
18
|
+
}
|
|
19
|
+
function xt(o) {
|
|
17
20
|
const {
|
|
18
21
|
className: y,
|
|
19
22
|
customLanguages: S,
|
|
20
|
-
dataTestId:
|
|
23
|
+
dataTestId: l,
|
|
21
24
|
defaultValue: te,
|
|
22
|
-
disabled:
|
|
25
|
+
disabled: I = !1,
|
|
23
26
|
editorClassName: ae,
|
|
24
27
|
error: ne = !1,
|
|
25
|
-
highlightTheme:
|
|
28
|
+
highlightTheme: H,
|
|
26
29
|
id: re,
|
|
27
30
|
insertSpaces: oe,
|
|
28
31
|
languageIcon: le,
|
|
@@ -35,132 +38,133 @@ function _t(L) {
|
|
|
35
38
|
onChange: v,
|
|
36
39
|
placeholder: R,
|
|
37
40
|
preClassName: ue,
|
|
38
|
-
readOnly:
|
|
41
|
+
readOnly: c = !1,
|
|
39
42
|
readOnlyLabel: me,
|
|
40
|
-
runtimeDependencies:
|
|
41
|
-
showLineNumbers:
|
|
42
|
-
showPlaceholder:
|
|
43
|
-
size:
|
|
43
|
+
runtimeDependencies: u,
|
|
44
|
+
showLineNumbers: w = !1,
|
|
45
|
+
showPlaceholder: G = !0,
|
|
46
|
+
size: U = "medium",
|
|
44
47
|
syntaxValidator: N,
|
|
45
48
|
skeleton: ge = !1,
|
|
46
49
|
textareaClassName: he,
|
|
47
|
-
validateSyntax:
|
|
48
|
-
value:
|
|
50
|
+
validateSyntax: Y = !1,
|
|
51
|
+
value: m,
|
|
49
52
|
variant: Ee = "outlined",
|
|
50
|
-
...
|
|
51
|
-
} =
|
|
52
|
-
|
|
53
|
-
), j =
|
|
54
|
-
|
|
53
|
+
...T
|
|
54
|
+
} = o, Ce = ke(), pe = re || Ce, b = Pe(), { getLabel: fe } = Me(), Le = Ve() || ge, g = v === void 0, [A, ye] = Q(0), M = ze([]), [Se, F] = Q(
|
|
55
|
+
m ?? te ?? ""
|
|
56
|
+
), V = ut(b.palette.mode), j = C(() => u ? Array.isArray(u) ? u : [u] : [], [u]);
|
|
57
|
+
mt(
|
|
55
58
|
M.current,
|
|
56
59
|
j
|
|
57
60
|
) || (M.current = j);
|
|
58
|
-
const
|
|
61
|
+
const k = M.current;
|
|
59
62
|
W(() => {
|
|
60
|
-
|
|
61
|
-
}, [
|
|
62
|
-
if (!
|
|
63
|
+
g && m !== void 0 && F(m);
|
|
64
|
+
}, [g, m]), W(() => {
|
|
65
|
+
if (!k.length)
|
|
63
66
|
return;
|
|
64
67
|
let e = !0;
|
|
65
|
-
return qe(
|
|
68
|
+
return qe(k).catch(() => {
|
|
66
69
|
}).then(() => {
|
|
67
|
-
e && ye((
|
|
70
|
+
e && ye((d) => d + 1);
|
|
68
71
|
}), () => {
|
|
69
72
|
e = !1;
|
|
70
73
|
};
|
|
71
|
-
}, [
|
|
72
|
-
const r =
|
|
73
|
-
() =>
|
|
74
|
-
[
|
|
75
|
-
),
|
|
74
|
+
}, [k]);
|
|
75
|
+
const r = g ? Se : m ?? "", Ie = G && r.length === 0 && !!R, Te = Ue[U], q = Ke(r), K = Math.max(q, O), z = Math.max(O, de), De = Math.min(K, z), _e = q >= z, X = C(
|
|
76
|
+
() => H ?? Xe(b, V),
|
|
77
|
+
[V, H, b]
|
|
78
|
+
), i = C(
|
|
76
79
|
() => Ze(n),
|
|
77
80
|
[n, A]
|
|
78
|
-
),
|
|
79
|
-
le ??
|
|
80
|
-
),
|
|
81
|
+
), h = se ?? i?.languageText ?? Ge, Z = ie ?? i?.languageLabel, $ = !!Z, xe = je(
|
|
82
|
+
le ?? i?.languageIcon
|
|
83
|
+
), P = c ? fe(ee.readOnly) : void 0, Oe = me ?? (P && P !== ee.readOnly ? P : Ye), E = C(() => {
|
|
81
84
|
if (N)
|
|
82
85
|
return N({
|
|
83
86
|
code: r,
|
|
84
|
-
languageTemplate:
|
|
85
|
-
languageText:
|
|
87
|
+
languageTemplate: i ?? n,
|
|
88
|
+
languageText: h
|
|
86
89
|
});
|
|
87
|
-
if (
|
|
90
|
+
if (Y)
|
|
88
91
|
return $e({
|
|
89
92
|
code: r,
|
|
90
|
-
languageTemplate:
|
|
91
|
-
languageText:
|
|
93
|
+
languageTemplate: i ?? n,
|
|
94
|
+
languageText: h
|
|
92
95
|
});
|
|
93
96
|
}, [
|
|
94
97
|
n,
|
|
95
|
-
|
|
96
|
-
|
|
98
|
+
i,
|
|
99
|
+
h,
|
|
97
100
|
r,
|
|
98
101
|
A,
|
|
99
102
|
N,
|
|
100
|
-
|
|
101
|
-
]), J = ne || !!
|
|
102
|
-
if (!
|
|
103
|
+
Y
|
|
104
|
+
]), J = ne || !!E && !E.isValid, s = E && !E.isValid ? E.errorRange : void 0, ve = C(() => {
|
|
105
|
+
if (!s)
|
|
103
106
|
return /* @__PURE__ */ new Set();
|
|
104
|
-
const e =
|
|
107
|
+
const e = s.start.line, d = s.end?.line ?? e;
|
|
105
108
|
return new Set(
|
|
106
109
|
Array.from(
|
|
107
|
-
{ length: Math.max(
|
|
108
|
-
(
|
|
110
|
+
{ length: Math.max(d - e + 1, 1) },
|
|
111
|
+
(gt, Ae) => e + Ae
|
|
109
112
|
)
|
|
110
113
|
);
|
|
111
|
-
}, [
|
|
112
|
-
|
|
114
|
+
}, [s]), t = {
|
|
115
|
+
colorMode: V,
|
|
116
|
+
disabled: I,
|
|
113
117
|
error: J,
|
|
114
118
|
isLineCapped: _e,
|
|
115
119
|
isEmpty: r.length === 0,
|
|
116
|
-
isPlaceholderVisible:
|
|
117
|
-
lineHeight:
|
|
118
|
-
maxLines:
|
|
120
|
+
isPlaceholderVisible: Ie,
|
|
121
|
+
lineHeight: Te,
|
|
122
|
+
maxLines: z,
|
|
119
123
|
minLines: O,
|
|
120
|
-
readOnly:
|
|
121
|
-
showLineNumbers:
|
|
122
|
-
size:
|
|
124
|
+
readOnly: c,
|
|
125
|
+
showLineNumbers: w,
|
|
126
|
+
size: U,
|
|
123
127
|
variant: Ee,
|
|
124
128
|
visibleLineCount: De
|
|
125
|
-
}, Re =
|
|
129
|
+
}, Re = B(
|
|
126
130
|
(e) => Je({
|
|
127
131
|
code: e,
|
|
128
132
|
customLanguages: S,
|
|
129
133
|
languageTemplate: n,
|
|
130
|
-
languageText:
|
|
134
|
+
languageText: h,
|
|
131
135
|
prismTheme: X,
|
|
132
|
-
syntaxErrorRange:
|
|
136
|
+
syntaxErrorRange: s
|
|
133
137
|
}),
|
|
134
138
|
[
|
|
135
139
|
S,
|
|
136
140
|
n,
|
|
137
141
|
X,
|
|
138
|
-
|
|
142
|
+
h,
|
|
139
143
|
A,
|
|
140
|
-
|
|
144
|
+
s
|
|
141
145
|
]
|
|
142
|
-
), Ne =
|
|
146
|
+
), Ne = B(
|
|
143
147
|
(e) => {
|
|
144
|
-
|
|
148
|
+
g && F(e), v?.(e);
|
|
145
149
|
},
|
|
146
|
-
[v,
|
|
147
|
-
), be =
|
|
150
|
+
[v, g]
|
|
151
|
+
), be = B(
|
|
148
152
|
(e) => {
|
|
149
|
-
if (
|
|
153
|
+
if (I || e.target instanceof Element && e.target.closest("textarea"))
|
|
150
154
|
return;
|
|
151
155
|
e.currentTarget.querySelector("textarea")?.focus();
|
|
152
156
|
},
|
|
153
|
-
[
|
|
157
|
+
[I]
|
|
154
158
|
);
|
|
155
159
|
return Le ? /* @__PURE__ */ a(Qe, { ownerState: t }) : /* @__PURE__ */ D(
|
|
156
160
|
We,
|
|
157
161
|
{
|
|
158
162
|
ownerState: t,
|
|
159
163
|
"aria-disabled": t.disabled || void 0,
|
|
160
|
-
className: _(
|
|
161
|
-
...x(
|
|
164
|
+
className: _(p.root, y),
|
|
165
|
+
...x(f, L.root, l),
|
|
162
166
|
children: [
|
|
163
|
-
$ ||
|
|
167
|
+
$ || c ? /* @__PURE__ */ D(et, { ownerState: t, className: p.header, children: [
|
|
164
168
|
$ ? /* @__PURE__ */ a(
|
|
165
169
|
tt,
|
|
166
170
|
{
|
|
@@ -172,8 +176,8 @@ function _t(L) {
|
|
|
172
176
|
at,
|
|
173
177
|
{
|
|
174
178
|
...x(
|
|
175
|
-
|
|
176
|
-
|
|
179
|
+
f,
|
|
180
|
+
L.languageChipIcon,
|
|
177
181
|
Fe
|
|
178
182
|
),
|
|
179
183
|
children: /* @__PURE__ */ a(xe, { fontSize: "small" })
|
|
@@ -181,7 +185,7 @@ function _t(L) {
|
|
|
181
185
|
)
|
|
182
186
|
}
|
|
183
187
|
) : null,
|
|
184
|
-
/* @__PURE__ */ a(nt, { ownerState: t, children:
|
|
188
|
+
/* @__PURE__ */ a(nt, { ownerState: t, children: c ? /* @__PURE__ */ a(
|
|
185
189
|
rt,
|
|
186
190
|
{
|
|
187
191
|
label: Oe,
|
|
@@ -194,9 +198,9 @@ function _t(L) {
|
|
|
194
198
|
{
|
|
195
199
|
ownerState: t,
|
|
196
200
|
onClick: be,
|
|
197
|
-
...x(
|
|
201
|
+
...x(f, L.body, l),
|
|
198
202
|
children: [
|
|
199
|
-
|
|
203
|
+
w ? /* @__PURE__ */ a(lt, { ownerState: t, "aria-hidden": "true", children: Array.from({ length: K }, (e, d) => d + 1).map(
|
|
200
204
|
(e) => /* @__PURE__ */ a(
|
|
201
205
|
it,
|
|
202
206
|
{
|
|
@@ -208,14 +212,14 @@ function _t(L) {
|
|
|
208
212
|
)
|
|
209
213
|
) }) : null,
|
|
210
214
|
/* @__PURE__ */ D(st, { ownerState: t, children: [
|
|
211
|
-
|
|
215
|
+
G && t.isEmpty && R ? /* @__PURE__ */ a(
|
|
212
216
|
dt,
|
|
213
217
|
{
|
|
214
218
|
ownerState: t,
|
|
215
219
|
...x(
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
220
|
+
f,
|
|
221
|
+
L.placeholder,
|
|
222
|
+
l
|
|
219
223
|
),
|
|
220
224
|
children: R
|
|
221
225
|
}
|
|
@@ -223,26 +227,26 @@ function _t(L) {
|
|
|
223
227
|
/* @__PURE__ */ a(
|
|
224
228
|
ct,
|
|
225
229
|
{
|
|
226
|
-
...
|
|
230
|
+
...T,
|
|
227
231
|
ownerState: t,
|
|
228
|
-
"aria-label":
|
|
229
|
-
"aria-invalid":
|
|
230
|
-
className: _(
|
|
232
|
+
"aria-label": T["aria-label"] ?? "Code editor",
|
|
233
|
+
"aria-invalid": T["aria-invalid"] ?? (J || void 0),
|
|
234
|
+
className: _(p.editor, ae),
|
|
231
235
|
"data-testid": Be(
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
236
|
+
f,
|
|
237
|
+
L.textarea,
|
|
238
|
+
l
|
|
235
239
|
),
|
|
236
|
-
disabled:
|
|
240
|
+
disabled: I,
|
|
237
241
|
highlight: Re,
|
|
238
242
|
insertSpaces: oe,
|
|
239
243
|
onBlur: ce,
|
|
240
244
|
onValueChange: Ne,
|
|
241
|
-
preClassName: _(
|
|
242
|
-
readOnly:
|
|
243
|
-
tabSize:
|
|
245
|
+
preClassName: _(p.pre, ue),
|
|
246
|
+
readOnly: c,
|
|
247
|
+
tabSize: T.tabSize,
|
|
244
248
|
textareaClassName: _(
|
|
245
|
-
|
|
249
|
+
p.textarea,
|
|
246
250
|
he
|
|
247
251
|
),
|
|
248
252
|
textareaId: pe,
|
|
@@ -258,5 +262,5 @@ function _t(L) {
|
|
|
258
262
|
);
|
|
259
263
|
}
|
|
260
264
|
export {
|
|
261
|
-
|
|
265
|
+
xt as CodeEditor
|
|
262
266
|
};
|
|
@@ -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":"AASA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,eAAO,MAAM,gBAAgB,EAAE,gBA6U9B,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getTypographyStyles as d } from "../../../utils/getTypographyStyles.js";
|
|
2
|
-
import { getCodeEditorVSCodeModernPalette as
|
|
2
|
+
import { getCodeEditorVSCodeModernPalette as l, CODE_EDITOR_LINE_HEIGHT_BY_SIZE as n, CODE_EDITOR_MONO_FONT_FAMILY as s, CODE_EDITOR_PADDING_PX as i } from "./constants.js";
|
|
3
3
|
import { getSizeStyles as p } from "../../../utils/getSizeStyles/getSizeStyles.js";
|
|
4
4
|
const b = {
|
|
5
5
|
/** Resolve the interactive shell colors and focus treatment for the editor root. */
|
|
@@ -57,7 +57,7 @@ const b = {
|
|
|
57
57
|
},
|
|
58
58
|
/** Layout the language badge row above the editing surface. */
|
|
59
59
|
header: ({ theme: r, ownerState: e }) => {
|
|
60
|
-
const o =
|
|
60
|
+
const o = l(r, e?.colorMode);
|
|
61
61
|
return {
|
|
62
62
|
display: "flex",
|
|
63
63
|
alignItems: "center",
|
|
@@ -95,7 +95,7 @@ const b = {
|
|
|
95
95
|
}),
|
|
96
96
|
/** Keep the leading language chip aligned with the editor header layout. */
|
|
97
97
|
languageChip: ({ theme: r, ownerState: e }) => {
|
|
98
|
-
const o =
|
|
98
|
+
const o = l(r, e?.colorMode);
|
|
99
99
|
return {
|
|
100
100
|
flexShrink: 0,
|
|
101
101
|
minWidth: 0,
|
|
@@ -173,7 +173,7 @@ const b = {
|
|
|
173
173
|
},
|
|
174
174
|
/** Style the optional line-number gutter. */
|
|
175
175
|
lineNumbers: ({ theme: r, ownerState: e }) => {
|
|
176
|
-
const o =
|
|
176
|
+
const o = l(r, e?.colorMode);
|
|
177
177
|
return {
|
|
178
178
|
display: "flex",
|
|
179
179
|
flexDirection: "column",
|
|
@@ -183,13 +183,13 @@ const b = {
|
|
|
183
183
|
color: e?.disabled ? o.surface.placeholderForeground : o.surface.lineNumberForeground,
|
|
184
184
|
userSelect: "none",
|
|
185
185
|
...d(r.generalSettings.isMobile, e?.size || "medium", "bodyStandard"),
|
|
186
|
-
fontFamily:
|
|
186
|
+
fontFamily: s,
|
|
187
187
|
lineHeight: `${n[e?.size || "medium"]}px`
|
|
188
188
|
};
|
|
189
189
|
},
|
|
190
190
|
/** Keep each rendered line number aligned with the code line height. */
|
|
191
191
|
lineNumber: ({ theme: r, ownerState: e }) => {
|
|
192
|
-
const o =
|
|
192
|
+
const o = l(r, e?.colorMode);
|
|
193
193
|
return {
|
|
194
194
|
display: "block",
|
|
195
195
|
minWidth: "2ch",
|
|
@@ -215,7 +215,7 @@ const b = {
|
|
|
215
215
|
}),
|
|
216
216
|
/** Style the underlying react-simple-code-editor surface and its inner elements. */
|
|
217
217
|
editor: ({ theme: r, ownerState: e }) => {
|
|
218
|
-
const o =
|
|
218
|
+
const o = l(r, e?.colorMode), a = e?.isLineCapped ? 0 : i, t = i + a;
|
|
219
219
|
return {
|
|
220
220
|
position: "relative",
|
|
221
221
|
zIndex: 0,
|
|
@@ -223,13 +223,13 @@ const b = {
|
|
|
223
223
|
minWidth: "100%",
|
|
224
224
|
minHeight: `calc(${e?.minLines || 1} * ${e?.lineHeight || n.medium}px + ${t}px)`,
|
|
225
225
|
backgroundColor: "transparent",
|
|
226
|
-
fontFamily:
|
|
226
|
+
fontFamily: s,
|
|
227
227
|
fontSize: "11px",
|
|
228
228
|
lineHeight: `${e?.lineHeight || n.medium}px`,
|
|
229
229
|
fontWeight: 400,
|
|
230
230
|
"& textarea, & pre": {
|
|
231
231
|
...d(r.generalSettings.isMobile, e?.size || "medium", "bodyStandard"),
|
|
232
|
-
fontFamily:
|
|
232
|
+
fontFamily: s,
|
|
233
233
|
lineHeight: `${e?.lineHeight || n.medium}px`,
|
|
234
234
|
whiteSpace: "pre !important",
|
|
235
235
|
wordBreak: "normal",
|
|
@@ -271,7 +271,7 @@ const b = {
|
|
|
271
271
|
},
|
|
272
272
|
/** Position the empty-state placeholder above the editor surface. */
|
|
273
273
|
placeholder: ({ theme: r, ownerState: e }) => {
|
|
274
|
-
const o =
|
|
274
|
+
const o = l(r, e?.colorMode);
|
|
275
275
|
return {
|
|
276
276
|
position: "absolute",
|
|
277
277
|
zIndex: 1,
|
|
@@ -280,7 +280,7 @@ const b = {
|
|
|
280
280
|
pointerEvents: "none",
|
|
281
281
|
color: o.surface.placeholderForeground,
|
|
282
282
|
...d(r.generalSettings.isMobile, e?.size || "medium", "bodyStandard"),
|
|
283
|
-
fontFamily:
|
|
283
|
+
fontFamily: s,
|
|
284
284
|
lineHeight: `${e?.lineHeight || n.medium}px`,
|
|
285
285
|
whiteSpace: "pre-wrap"
|
|
286
286
|
};
|
|
@@ -99,6 +99,7 @@ export interface CodeEditorProps extends Omit<BaseEditorProps, 'className' | 'de
|
|
|
99
99
|
variant?: CodeEditorVariant;
|
|
100
100
|
}
|
|
101
101
|
export interface CodeEditorOwnerState extends Record<string, unknown> {
|
|
102
|
+
colorMode: Theme['palette']['mode'];
|
|
102
103
|
disabled: boolean;
|
|
103
104
|
error: boolean;
|
|
104
105
|
isLineCapped: boolean;
|
|
@@ -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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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@m4l/components",
|
|
3
|
-
"version": "9.24.0-beta-feature-731-m4l-components-code-editor.
|
|
3
|
+
"version": "9.24.0-beta-feature-731-m4l-components-code-editor.5",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -53,24 +53,24 @@
|
|
|
53
53
|
"@hookform/resolvers": "2.9.11",
|
|
54
54
|
"nprogress": "0.2.0",
|
|
55
55
|
"react-transition-group": "4.4.5",
|
|
56
|
-
"react-rnd": "10.5.2",
|
|
57
|
-
"@mui/x-date-pickers": "6.20.2",
|
|
58
56
|
"react-color": "2.19.3",
|
|
57
|
+
"@mui/x-date-pickers": "6.20.2",
|
|
59
58
|
"react-draggable": "4.5.0",
|
|
59
|
+
"react-rnd": "10.5.2",
|
|
60
|
+
"react-dropzone": "14.4.1",
|
|
60
61
|
"react-spinners": "0.13.8",
|
|
61
62
|
"date-fns": "2.30.0",
|
|
62
|
-
"react-dropzone": "14.4.1",
|
|
63
63
|
"chart.js": "4.5.1",
|
|
64
64
|
"chartjs-chart-error-bars": "4.4.5",
|
|
65
65
|
"qrcode.react": "3.2.0",
|
|
66
66
|
"simplebar-react": "3.2.6",
|
|
67
|
-
"react-simple-code-editor": "0.14.1",
|
|
68
67
|
"react-resizable-panels": "2.1.9",
|
|
68
|
+
"react-simple-code-editor": "0.14.1",
|
|
69
69
|
"react-data-grid": "7.0.0-beta.47",
|
|
70
70
|
"react-dnd": "16.0.1",
|
|
71
71
|
"react-dnd-html5-backend": "16.0.1",
|
|
72
|
-
"react-resizable": "3.1.3",
|
|
73
72
|
"react-window": "1.8.11",
|
|
73
|
+
"react-resizable": "3.1.3",
|
|
74
74
|
"@tanstack/react-virtual": "3.13.23"
|
|
75
75
|
}
|
|
76
76
|
}
|