@m4l/components 9.24.0-beta-feature-731-m4l-components-code-editor.4 → 9.24.0-beta-feature-731-m4l-components-code-editor.6

package/components/extended/ReactSimpleCodeEditor/CodeEditor.d.ts.map

@@ -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;AAgBjB;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,oDAuXhD"}
+{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AAwCA,OAAO,KAAK,EAEV,eAAe,EAEhB,MAAM,SAAS,CAAC;AAyBjB;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,oDAwXhD"}

package/components/extended/ReactSimpleCodeEditor/CodeEditor.js

@@ -1,103 +1,106 @@
-import { jsx as a, jsxs as D } from "@emotion/react/jsx-runtime";
+import { jsx as a, jsxs as T } from "@emotion/react/jsx-runtime";
 import { useModuleDictionary as Me, useModuleSkeleton as Ve } from "@m4l/core";
 import _ from "clsx";
-import { useId as Pe, useState as Q, useRef as ke, useMemo as E, useEffect as W, useCallback as z } from "react";
-import { useTheme as ze } from "@mui/material/styles";
-import { getPropDataTestId as x, getNameDataTestId as Be } from "../../../test/getNameDataTestId.js";
-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 C, CODE_EDITOR_KEY_COMPONENT as p, CODE_EDITOR_READ_ONLY_LABEL as Ye, CODE_EDITOR_LANGUAGE_CHIP_ICON_INSTANCE_ID as Fe } from "./constants.js";
+import { useId as ke, useState as Q, useRef as Pe, useMemo as E, useEffect as W, useCallback as B } from "react";
+import { getPropDataTestId as x, getNameDataTestId as ze } from "../../../test/getNameDataTestId.js";
+import { CODE_EDITOR_DEFAULT_MAX_LINES as Be, CODE_EDITOR_DEFAULT_MIN_LINES as He, CODE_EDITOR_DEFAULT_LANGUAGE as we, CODE_EDITOR_LINE_HEIGHT_BY_SIZE as Ge, CODE_EDITOR_CLASSES as C, CODE_EDITOR_KEY_COMPONENT as p, CODE_EDITOR_READ_ONLY_LABEL as Ue, CODE_EDITOR_LANGUAGE_CHIP_ICON_INSTANCE_ID as Ye } from "./constants.js";
 import { CODE_EDITOR_DICTIONARY as ee } from "./dictionary.js";
-import { resolveCodeEditorLanguageIcon as je } from "./helpers/languageIcon.js";
-import { ensureCodeEditorRuntimeDependencies as qe, getCodeEditorLineCount as Ke, createCodeEditorPrismTheme as Xe, resolveCodeEditorLanguageTemplate as Ze, validateCodeEditorSyntax as $e, highlightCode as Je } from "./helpers/highlighting.js";
-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";
+import { resolveCodeEditorLanguageIcon as Fe } from "./helpers/languageIcon.js";
+import { ensureCodeEditorRuntimeDependencies as je, getCodeEditorLineCount as qe, createCodeEditorPrismTheme as Ke, resolveCodeEditorLanguageTemplate as Xe, validateCodeEditorSyntax as Ze, highlightCode as $e } from "./helpers/highlighting.js";
+import { SkeletonStyled as Je, RootStyled as Qe, HeaderStyled as We, LanguageChipStyled as et, LanguageChipIconStyled as tt, HeaderBadgesStyled as at, ReadOnlyChipStyled as nt, BodyStyled as rt, LineNumbersStyled as ot, LineNumberStyled as lt, EditorScrollerStyled as it, PlaceholderStyled as st, EditorStyled as dt } from "./slots/CodeEditorSlots.js";
 import { CodeEditorSlots as f } from "./slots/CodeEditorEnum.js";
-function ut(L, y) {
-  return L.length !== y.length ? !1 : L.every((S, o) => S === y[o]);
+function ct(o) {
+  return o === "dark" ? "dark" : "light";
 }
-function _t(L) {
+function ut(o, L) {
+  return o.length !== L.length ? !1 : o.every((O, y) => O === L[y]);
+}
+function Tt(o) {
   const {
-    className: y,
-    customLanguages: S,
-    dataTestId: o,
+    className: L,
+    colorMode: O = "light",
+    customLanguages: y,
+    dataTestId: S,
     defaultValue: te,
-    disabled: T = !1,
+    disabled: I = !1,
     editorClassName: ae,
     error: ne = !1,
-    highlightTheme: B,
+    highlightTheme: H,
     id: re,
     insertSpaces: oe,
     languageIcon: le,
     languageLabel: ie,
     languageTemplate: n,
     languageText: se,
-    maxLines: de = He,
-    minLines: O = we,
+    maxLines: de = Be,
+    minLines: v = He,
     onBlur: ce,
-    onChange: v,
-    placeholder: R,
+    onChange: R,
+    placeholder: N,
     preClassName: ue,
     readOnly: d = !1,
-    readOnlyLabel: me,
+    readOnlyLabel: ge,
     runtimeDependencies: c,
-    showLineNumbers: H = !1,
-    showPlaceholder: w = !0,
-    size: G = "medium",
-    syntaxValidator: N,
-    skeleton: ge = !1,
+    showLineNumbers: w = !1,
+    showPlaceholder: G = !0,
+    size: U = "medium",
+    syntaxValidator: b,
+    skeleton: me = !1,
     textareaClassName: he,
-    validateSyntax: U = !1,
+    validateSyntax: Y = !1,
     value: u,
     variant: Ee = "outlined",
-    ...I
-  } = L, Ce = Pe(), pe = re || Ce, b = ze(), Y = b.palette.mode, { getLabel: fe } = Me(), Le = Ve() || ge, m = v === void 0, [A, ye] = Q(0), M = ke([]), [Se, F] = Q(
+    ...D
+  } = o, Ce = ke(), pe = re || Ce, { getLabel: fe } = Me(), Le = Ve() || me, g = R === void 0, [A, ye] = Q(0), M = Pe([]), [Se, F] = Q(
     u ?? te ?? ""
-  ), j = E(() => c ? Array.isArray(c) ? c : [c] : [], [c]);
+  ), V = ct(O), j = E(() => c ? Array.isArray(c) ? c : [c] : [], [c]);
   ut(
     M.current,
     j
   ) || (M.current = j);
-  const V = M.current;
+  const k = M.current;
   W(() => {
-    m && u !== void 0 && F(u);
-  }, [m, u]), W(() => {
-    if (!V.length)
+    g && u !== void 0 && F(u);
+  }, [g, u]), W(() => {
+    if (!k.length)
       return;
     let e = !0;
-    return qe(V).catch(() => {
+    return je(k).catch(() => {
     }).then(() => {
       e && ye((s) => s + 1);
     }), () => {
       e = !1;
     };
-  }, [V]);
-  const r = m ? Se : u ?? "", Te = w && r.length === 0 && !!R, Ie = Ue[G], q = Ke(r), K = Math.max(q, O), P = Math.max(O, de), De = Math.min(K, P), _e = q >= P, X = E(
-    () => B ?? Xe(b, Y),
-    [B, Y, b]
+  }, [k]);
+  const r = g ? Se : u ?? "", Ie = G && r.length === 0 && !!N, De = Ge[U], q = qe(r), K = Math.max(q, v), P = Math.max(v, de), Te = Math.min(K, P), _e = q >= P, X = E(
+    () => H ?? Ke(V),
+    [V, H]
   ), l = E(
-    () => Ze(n),
+    () => Xe(n),
     [n, A]
-  ), g = se ?? l?.languageText ?? Ge, Z = ie ?? l?.languageLabel, $ = !!Z, xe = je(
+  ), m = se ?? l?.languageText ?? we, Z = ie ?? l?.languageLabel, $ = !!Z, xe = Fe(
     le ?? l?.languageIcon
-  ), k = d ? fe(ee.readOnly) : void 0, Oe = me ?? (k && k !== ee.readOnly ? k : Ye), h = E(() => {
-    if (N)
-      return N({
+  ), z = d ? fe(ee.readOnly) : void 0, Oe = ge ?? (z && z !== ee.readOnly ? z : Ue), h = E(() => {
+    if (b)
+      return b({
         code: r,
         languageTemplate: l ?? n,
-        languageText: g
+        languageText: m
       });
-    if (U)
-      return $e({
+    if (Y)
+      return Ze({
         code: r,
         languageTemplate: l ?? n,
-        languageText: g
+        languageText: m
       });
   }, [
     n,
     l,
-    g,
+    m,
     r,
     A,
-    N,
-    U
+    b,
+    Y
   ]), J = ne || !!h && !h.isValid, i = h && !h.isValid ? h.errorRange : void 0, ve = E(() => {
     if (!i)
       return /* @__PURE__ */ new Set();
@@ -105,100 +108,101 @@ function _t(L) {
     return new Set(
       Array.from(
         { length: Math.max(s - e + 1, 1) },
-        (mt, Ae) => e + Ae
+        (gt, Ae) => e + Ae
       )
     );
   }, [i]), t = {
-    disabled: T,
+    colorMode: V,
+    disabled: I,
     error: J,
     isLineCapped: _e,
     isEmpty: r.length === 0,
-    isPlaceholderVisible: Te,
-    lineHeight: Ie,
+    isPlaceholderVisible: Ie,
+    lineHeight: De,
     maxLines: P,
-    minLines: O,
+    minLines: v,
     readOnly: d,
-    showLineNumbers: H,
-    size: G,
+    showLineNumbers: w,
+    size: U,
     variant: Ee,
-    visibleLineCount: De
-  }, Re = z(
-    (e) => Je({
+    visibleLineCount: Te
+  }, Re = B(
+    (e) => $e({
       code: e,
-      customLanguages: S,
+      customLanguages: y,
       languageTemplate: n,
-      languageText: g,
+      languageText: m,
       prismTheme: X,
       syntaxErrorRange: i
     }),
     [
-      S,
+      y,
       n,
       X,
-      g,
+      m,
       A,
       i
     ]
-  ), Ne = z(
+  ), Ne = B(
     (e) => {
-      m && F(e), v?.(e);
+      g && F(e), R?.(e);
     },
-    [v, m]
-  ), be = z(
+    [R, g]
+  ), be = B(
     (e) => {
-      if (T || e.target instanceof Element && e.target.closest("textarea"))
+      if (I || e.target instanceof Element && e.target.closest("textarea"))
         return;
       e.currentTarget.querySelector("textarea")?.focus();
     },
-    [T]
+    [I]
   );
-  return Le ? /* @__PURE__ */ a(Qe, { ownerState: t }) : /* @__PURE__ */ D(
-    We,
+  return Le ? /* @__PURE__ */ a(Je, { ownerState: t }) : /* @__PURE__ */ T(
+    Qe,
     {
       ownerState: t,
       "aria-disabled": t.disabled || void 0,
-      className: _(C.root, y),
-      ...x(p, f.root, o),
+      className: _(C.root, L),
+      ...x(p, f.root, S),
       children: [
-        $ || d ? /* @__PURE__ */ D(et, { ownerState: t, className: C.header, children: [
+        $ || d ? /* @__PURE__ */ T(We, { ownerState: t, className: C.header, children: [
           $ ? /* @__PURE__ */ a(
-            tt,
+            et,
             {
               label: Z,
               size: "small",
               variant: "outlined",
               color: "default",
               startIcon: /* @__PURE__ */ a(
-                at,
+                tt,
                 {
                   ...x(
                     p,
                     f.languageChipIcon,
-                    Fe
+                    Ye
                   ),
                   children: /* @__PURE__ */ a(xe, { fontSize: "small" })
                 }
               )
             }
           ) : null,
-          /* @__PURE__ */ a(nt, { ownerState: t, children: d ? /* @__PURE__ */ a(
-            rt,
+          /* @__PURE__ */ a(at, { ownerState: t, children: d ? /* @__PURE__ */ a(
+            nt,
             {
               label: Oe,
               size: "small"
             }
           ) : null })
         ] }) : null,
-        /* @__PURE__ */ D(
-          ot,
+        /* @__PURE__ */ T(
+          rt,
           {
             ownerState: t,
             onClick: be,
-            ...x(p, f.body, o),
+            ...x(p, f.body, S),
             children: [
-              H ? /* @__PURE__ */ a(lt, { ownerState: t, "aria-hidden": "true", children: Array.from({ length: K }, (e, s) => s + 1).map(
+              w ? /* @__PURE__ */ a(ot, { ownerState: t, "aria-hidden": "true", children: Array.from({ length: K }, (e, s) => s + 1).map(
                 (e) => /* @__PURE__ */ a(
-                  it,
+                  lt,
                   {
                     ownerState: t,
                     "data-code-editor-error-line": ve.has(e) || void 0,
@@ -207,40 +211,40 @@ function _t(L) {
                   `code-editor-line-${e}`
                 )
               ) }) : null,
-              /* @__PURE__ */ D(st, { ownerState: t, children: [
-                w && t.isEmpty && R ? /* @__PURE__ */ a(
-                  dt,
+              /* @__PURE__ */ T(it, { ownerState: t, children: [
+                G && t.isEmpty && N ? /* @__PURE__ */ a(
+                  st,
                   {
                     ownerState: t,
                     ...x(
                       p,
                       f.placeholder,
-                      o
+                      S
                     ),
-                    children: R
+                    children: N
                   }
                 ) : null,
                 /* @__PURE__ */ a(
-                  ct,
+                  dt,
                   {
-                    ...I,
+                    ...D,
                     ownerState: t,
-                    "aria-label": I["aria-label"] ?? "Code editor",
-                    "aria-invalid": I["aria-invalid"] ?? (J || void 0),
+                    "aria-label": D["aria-label"] ?? "Code editor",
+                    "aria-invalid": D["aria-invalid"] ?? (J || void 0),
                     className: _(C.editor, ae),
-                    "data-testid": Be(
+                    "data-testid": ze(
                       p,
                       f.textarea,
-                      o
+                      S
                     ),
-                    disabled: T,
+                    disabled: I,
                     highlight: Re,
                     insertSpaces: oe,
                     onBlur: ce,
                     onValueChange: Ne,
                     preClassName: _(C.pre, ue),
                     readOnly: d,
-                    tabSize: I.tabSize,
+                    tabSize: D.tabSize,
                     textareaClassName: _(
                       C.textarea,
                       he
@@ -258,5 +262,5 @@ function _t(L) {
   );
 }
 export {
-  _t as CodeEditor
+  Tt as CodeEditor
 };

package/components/extended/ReactSimpleCodeEditor/CodeEditor.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.styles.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/CodeEditor.styles.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,eAAO,MAAM,gBAAgB,EAAE,gBA6U9B,CAAC"}
+{"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,gBAyV9B,CAAC"}