@m4l/components 9.24.1-beta-feature-731-code-editor.1 → 9.24.1-beta-feature-731-code-editor.2

package/components/extended/ReactSimpleCodeEditor/CodeEditor.js

@@ -1,405 +1,380 @@
-import { jsx as r, jsxs as M } from "@emotion/react/jsx-runtime";
-import { useHostTools as mt, useModuleDictionary as Et, useModuleSkeleton as ft, EmitEvents as Re } from "@m4l/core";
-import A from "clsx";
-import { useId as Ct, useState as C, useRef as _e, useMemo as d, useEffect as y, useLayoutEffect as yt, useCallback as p } from "react";
-import { useTheme as pt } from "@mui/material/styles";
-import { getPropDataTestId as I, getNameDataTestId as St } from "../../../test/getNameDataTestId.js";
-import { CODE_EDITOR_DEFAULT_MAX_LINES as Rt, CODE_EDITOR_DEFAULT_MIN_LINES as _t, CODE_EDITOR_RESIZE_HANDLE_SIZE_PX as W, CODE_EDITOR_DEFAULT_LANGUAGE as Tt, CODE_EDITOR_READ_ONLY_LABEL as Dt, CODE_EDITOR_LINE_HEIGHT_BY_SIZE as Ht, CODE_EDITOR_CLASSES as L, CODE_EDITOR_KEY_COMPONENT as S, CODE_EDITOR_PADDING_PX as Te, CODE_EDITOR_LANGUAGE_CHIP_ICON_INSTANCE_ID as vt } from "./constants.js";
-import { CODE_EDITOR_DICTIONARY as De } from "./dictionary.js";
-import { resolveCodeEditorLanguageIcon as It } from "./helpers/languageIcon.js";
-import { getCodeEditorLineCount as Lt, ensureCodeEditorRuntimeDependencies as bt, createCodeEditorPrismTheme as xt, resolveCodeEditorLanguageTemplate as zt, validateCodeEditorSyntax as Ot, highlightCode as Nt } from "./helpers/highlighting.js";
-import { SkeletonStyled as Mt, BodyResizeShellStyled as At, RootStyled as Bt, HeaderStyled as Vt, LanguageChipStyled as Pt, LanguageChipIconStyled as kt, HeaderBadgesStyled as Gt, ReadOnlyChipStyled as wt, BodyStyled as Ut, LineNumbersStyled as Ft, LineNumberStyled as Yt, EditorScrollerStyled as Xt, PlaceholderStyled as Zt, EditorStyled as jt } from "./slots/CodeEditorSlots.js";
-import { CodeEditorSlots as R } from "./slots/CodeEditorEnum.js";
-import { buildEnableResizing as qt, buildDefaultResizeHandleClasses as $t, buildDefaultResizeHandleStyles as Kt } from "../../DragResizeWindowRND/helpers/resizeHandles.js";
-function Q(t) {
-  return t === "dark" ? "dark" : "light";
+import { jsx as r, jsxs as A } from "@emotion/react/jsx-runtime";
+import { useHostTools as it, useModuleDictionary as lt, useModuleSkeleton as st, EmitEvents as be } from "@m4l/core";
+import B from "clsx";
+import { SettingsLimitOutlined as dt } from "@m4l/icons";
+import { useId as ut, useState as D, useRef as z, useMemo as I, useEffect as s, useCallback as v } from "react";
+import { useTheme as ct } from "@mui/material/styles";
+import { getPropDataTestId as N, getNameDataTestId as De } from "../../../test/getNameDataTestId.js";
+import { CODE_EDITOR_DEFAULT_MAX_LINES as gt, CODE_EDITOR_DEFAULT_MIN_LINES as mt, CODE_EDITOR_DEFAULT_LANGUAGE as ht, CODE_EDITOR_LINE_HEIGHT_BY_SIZE as Et, CODE_EDITOR_CLASSES as R, CODE_EDITOR_KEY_COMPONENT as m, CODE_EDITOR_TOGGLE_LINE_NUMBERS_LABEL as ft, CODE_EDITOR_READ_ONLY_LABEL as pt, CODE_EDITOR_PADDING_PX as Ie, CODE_EDITOR_LANGUAGE_CHIP_ICON_INSTANCE_ID as Lt } from "./constants.js";
+import { CODE_EDITOR_DICTIONARY as w } from "./dictionary.js";
+import { resolveCodeEditorLanguageIcon as Ct } from "./helpers/languageIcon.js";
+import { getCodeEditorLineCount as Tt, ensureCodeEditorRuntimeDependencies as yt, createCodeEditorPrismTheme as _t, resolveCodeEditorLanguageTemplate as St, validateCodeEditorSyntax as bt, highlightCode as Dt } from "./helpers/highlighting.js";
+import { SkeletonStyled as It, RootStyled as vt, HeaderStyled as Nt, LanguageChipStyled as Rt, LanguageChipIconStyled as Ot, LineNumbersToggleStyled as xt, HeaderBadgesStyled as Ht, ReadOnlyChipStyled as Mt, BodyResizeShellStyled as At, BodyStyled as Bt, LineNumbersStyled as zt, LineNumberStyled as wt, EditorScrollerStyled as Vt, PlaceholderStyled as Pt, EditorStyled as kt } from "./slots/CodeEditorSlots.js";
+import { CodeEditorSlots as h } from "./slots/CodeEditorEnum.js";
+function te(o) {
+  return o === "dark" ? "dark" : "light";
 }
-function Jt(t, n) {
-  return t.length !== n.length ? !1 : t.every((i, s) => i === n[s]);
+function Gt(o, i) {
+  return o.length !== i.length ? !1 : o.every((l, a) => l === i[a]);
 }
-function Ie(t, n, i) {
-  const s = i ? Te : Te * 2;
-  return t * n + s;
+function ve(o, i, l) {
+  const a = l ? Ie : Ie * 2;
+  return o * i + a;
 }
-function Qt(t, n, i) {
-  return Ie(t, n, i);
+function Ut(o, i, l) {
+  return ve(o, i, l);
 }
-function He(t, n) {
-  return t + n;
-}
-function ve(t, n) {
-  return t + (n ? W : 0);
-}
-function Wt(t, n, i) {
-  return Math.max(
-    Math.round(t - n - W),
-    i
-  );
-}
-function mn(t) {
+function nn(o) {
   const {
-    className: n,
-    customLanguages: i,
-    dataTestId: s,
-    defaultValue: Le,
-    disabled: g = !1,
-    editorClassName: be,
-    error: xe = !1,
-    highlightTheme: ee,
-    id: ze,
-    insertSpaces: Oe,
-    languageIcon: Ne,
-    languageLabel: Me,
-    languageTemplate: c,
-    languageText: Ae,
-    maxLines: Be = Rt,
-    minLines: b = _t,
+    className: i,
+    customLanguages: l,
+    dataTestId: a,
+    defaultValue: Ne,
+    disabled: d = !1,
+    editorClassName: Re,
+    error: Oe = !1,
+    forceHeader: xe = !1,
+    highlightTheme: ne,
+    id: He,
+    insertSpaces: Me,
+    languageIcon: Ae,
+    languageLabel: Be,
+    languageTemplate: u,
+    languageText: ze,
+    maxLines: we = gt,
+    minLines: O = mt,
     onBlur: Ve,
-    onChange: B,
-    placeholder: V,
+    onChange: V,
+    placeholder: P,
     preClassName: Pe,
-    readOnly: m = !1,
+    readOnly: C = !1,
     readOnlyLabel: ke,
-    resizable: l = !0,
-    runtimeDependencies: _,
-    showLineNumbers: te = !1,
-    showPlaceholder: ne = !0,
-    size: P = "medium",
-    syntaxValidator: k,
+    resizable: E = !0,
+    runtimeDependencies: T,
+    showLineNumbers: k = !1,
+    showPlaceholder: re = !0,
+    size: oe = "medium",
+    syntaxValidator: G,
     skeleton: Ge = !1,
-    textareaClassName: we,
-    validateSyntax: oe = !1,
-    value: T,
-    variant: Ue = "outlined",
+    textareaClassName: Ue,
+    validateSyntax: ae = !1,
+    value: y,
+    variant: Ye = "outlined",
     ...x
-  } = t, Fe = Ct(), Ye = ze || Fe, G = pt(), { events_add_listener: ae, events_remove_listener: re } = mt(), { getLabel: Xe } = Et(), Ze = ft() || Ge, D = B === void 0, [w, je] = C(0), U = _e([]), ie = _e(null), [F, le] = C(
-    () => Q(G.palette.mode)
-  ), [qe, se] = C(
-    T ?? Le ?? ""
-  ), [z, de] = C(0), [Y, O] = C(!1), [X, ce] = C(null), ue = d(() => _ ? Array.isArray(_) ? _ : [_] : [], [_]);
-  Jt(
-    U.current,
-    ue
-  ) || (U.current = ue);
-  const Z = U.current, u = D ? qe : T ?? "", $e = ne && u.length === 0 && !!V, j = Ht[P], he = Lt(u), ge = Math.max(he, b), q = Math.max(b, Be), me = Math.min(ge, q), $ = he >= q, Ee = Ie(
-    me,
-    j,
-    $
-  ), N = Qt(
-    b,
-    j,
-    $
-  ), Ke = l ? Math.max(X ?? Ee, N) : Ee, Je = d(
-    () => qt(l, ["s"]),
-    [l]
-  ), Qe = d(
-    () => $t(),
-    []
-  ), We = d(() => {
-    const e = Kt();
-    return {
-      ...e,
-      bottom: {
-        ...e.bottom,
-        bottom: "0px",
-        height: `${W}px`,
-        left: "0px",
-        right: "0px"
-      }
+  } = o, Fe = ut(), $e = He || Fe, U = ct(), { events_add_listener: ie, events_remove_listener: le } = it(), { getLabel: se } = lt(), je = st() || Ge, _ = V === void 0, [Y, qe] = D(0), F = z([]), de = z(null), $ = z(!1), j = z(null), [q, ue] = D(
+    () => te(U.palette.mode)
+  ), [Xe, ce] = D(
+    y ?? Ne ?? ""
+  ), [H, ge] = D(k), [f, X] = D(null), me = I(() => T ? Array.isArray(T) ? T : [T] : [], [T]);
+  Gt(
+    F.current,
+    me
+  ) || (F.current = me);
+  const K = F.current, c = _ ? Xe : y ?? "", Ke = re && c.length === 0 && !!P, Z = Et[oe], he = Tt(c), Ee = Math.max(he, O), J = Math.max(O, we), fe = Math.min(Ee, J), Q = he >= J, pe = ve(
+    fe,
+    Z,
+    Q
+  ), g = Ut(
+    O,
+    Z,
+    Q
+  ), Ze = E ? Math.max(f ?? pe, g) : pe;
+  s(() => {
+    _ && y !== void 0 && ce(y);
+  }, [_, y]), s(() => {
+    ge(k);
+  }, [k]), s(() => {
+    ue(te(U.palette.mode));
+  }, [U.palette.mode]), s(() => {
+    const e = (n) => {
+      ue(te(n));
     };
-  }, []), et = d(() => ({
-    display: "block",
-    position: "relative"
-  }), []);
-  y(() => {
-    D && T !== void 0 && se(T);
-  }, [D, T]), y(() => {
-    le(Q(G.palette.mode));
-  }, [G.palette.mode]), y(() => {
-    const e = (a) => {
-      le(Q(a));
-    };
-    return ae(
-      Re.EMMIT_EVENT_HOST_THEME_CHANGE,
+    return ie(
+      be.EMMIT_EVENT_HOST_THEME_CHANGE,
       e
     ), () => {
-      re(
-        Re.EMMIT_EVENT_HOST_THEME_CHANGE,
+      le(
+        be.EMMIT_EVENT_HOST_THEME_CHANGE,
         e
       );
     };
-  }, [ae, re]), y(() => {
-    if (!Z.length)
+  }, [ie, le]), s(() => {
+    if (!K.length)
       return;
     let e = !0;
-    return bt(Z).catch(() => {
+    return yt(K).catch(() => {
     }).then(() => {
-      e && je((a) => a + 1);
+      e && qe((n) => n + 1);
     }), () => {
       e = !1;
     };
-  }, [Z]), y(() => {
-    !l && X !== null && ce(null);
-  }, [X, l]), y(() => {
-    (!l || g) && Y && O(!1);
-  }, [g, Y, l]);
-  const fe = d(
-    () => ee ?? xt(F),
-    [F, ee]
-  ), E = d(
-    () => zt(c),
-    [c, w]
-  ), H = Ae ?? E?.languageText ?? Tt, K = Me ?? E?.languageLabel, Ce = !!K, tt = It(
-    Ne ?? E?.languageIcon
-  ), J = m ? Xe(De.readOnly) : void 0, ye = ke ?? (J && J !== De.readOnly ? J : Dt), h = Ce || m;
-  yt(() => {
-    if (!h) {
-      de(0);
-      return;
-    }
-    const e = Math.round(ie.current?.offsetHeight ?? 0);
-    de((a) => a === e ? a : e);
-  }, [h, K, m, ye, P]);
-  const nt = He(
-    Ke,
-    h ? z : 0
-  ), ot = He(
-    N,
-    h ? z : 0
-  ), at = ve(
-    nt,
-    l
-  ), rt = ve(
-    ot,
-    l
-  ), v = d(() => {
-    if (k)
-      return k({
-        code: u,
-        languageTemplate: E ?? c,
-        languageText: H
+  }, [K]), s(() => {
+    !E && f !== null && X(null);
+  }, [f, E]), s(() => {
+    f !== null && f < g && X(g);
+  }, [f, g]), s(() => {
+    const e = () => {
+      if (!$.current)
+        return;
+      $.current = !1;
+      const n = j.current;
+      j.current = null;
+      const M = de.current?.offsetHeight;
+      n === null || M === void 0 || M === n || X(
+        Math.max(Math.round(M), g)
+      );
+    };
+    return window.addEventListener("pointerup", e), window.addEventListener("pointercancel", e), () => {
+      window.removeEventListener("pointerup", e), window.removeEventListener("pointercancel", e);
+    };
+  }, [g]);
+  const Le = I(
+    () => ne ?? _t(q),
+    [q, ne]
+  ), p = I(
+    () => St(u),
+    [u, Y]
+  ), S = ze ?? p?.languageText ?? ht, Ce = Be ?? p?.languageLabel, Te = !!Ce, Je = Ct(
+    Ae ?? p?.languageIcon
+  ), W = C ? se(w.readOnly) : void 0, Qe = ke ?? (W && W !== w.readOnly ? W : pt), ye = xe || Te || C, ee = ye ? se(w.toggleLineNumbers) : void 0, _e = ee && ee !== w.toggleLineNumbers ? ee : ft, b = I(() => {
+    if (G)
+      return G({
+        code: c,
+        languageTemplate: p ?? u,
+        languageText: S
       });
-    if (oe)
-      return Ot({
-        code: u,
-        languageTemplate: E ?? c,
-        languageText: H
+    if (ae)
+      return bt({
+        code: c,
+        languageTemplate: p ?? u,
+        languageText: S
       });
   }, [
-    c,
-    E,
-    H,
     u,
-    w,
-    k,
-    oe
-  ]), pe = xe || !!v && !v.isValid, f = v && !v.isValid ? v.errorRange : void 0, it = d(() => {
-    if (!f)
+    p,
+    S,
+    c,
+    Y,
+    G,
+    ae
+  ]), Se = Oe || !!b && !b.isValid, L = b && !b.isValid ? b.errorRange : void 0, We = I(() => {
+    if (!L)
       return /* @__PURE__ */ new Set();
-    const e = f.start.line, a = f.end?.line ?? e;
+    const e = L.start.line, n = L.end?.line ?? e;
     return new Set(
       Array.from(
-        { length: Math.max(a - e + 1, 1) },
-        (Se, gt) => e + gt
+        { length: Math.max(n - e + 1, 1) },
+        (M, at) => e + at
       )
     );
-  }, [f]), o = {
-    colorMode: F,
-    disabled: g,
-    error: pe,
-    isLineCapped: $,
-    isEmpty: u.length === 0,
-    isPlaceholderVisible: $e,
-    isResizeHandleActive: Y,
-    lineHeight: j,
-    maxLines: q,
-    minLines: b,
-    readOnly: m,
-    resizable: l,
-    showLineNumbers: te,
-    size: P,
-    variant: Ue,
-    visibleLineCount: me
-  }, lt = p(
-    (e) => Nt({
+  }, [L]), t = {
+    colorMode: q,
+    disabled: d,
+    error: Se,
+    isLineCapped: Q,
+    isEmpty: c.length === 0,
+    isPlaceholderVisible: Ke,
+    lineHeight: Z,
+    maxLines: J,
+    minLines: O,
+    readOnly: C,
+    resizable: E,
+    showLineNumbers: H,
+    size: oe,
+    variant: Ye,
+    visibleLineCount: fe
+  }, et = v(
+    (e) => Dt({
       code: e,
-      customLanguages: i,
-      languageTemplate: c,
-      languageText: H,
-      prismTheme: fe,
-      syntaxErrorRange: f
+      customLanguages: l,
+      languageTemplate: u,
+      languageText: S,
+      prismTheme: Le,
+      syntaxErrorRange: L
     }),
     [
-      i,
-      c,
-      fe,
-      H,
-      w,
-      f
+      l,
+      u,
+      Le,
+      S,
+      Y,
+      L
     ]
-  ), st = p(
+  ), tt = v(
     (e) => {
-      D && se(e), B?.(e);
+      _ && ce(e), V?.(e);
     },
-    [B, D]
-  ), dt = p(() => {
-    O(!0);
-  }, []), ct = p(() => {
-    O(!0);
-  }, []), ut = p(
-    (e, a, Se) => {
-      O(!1), ce(
-        Wt(
-          Se.offsetHeight,
-          h ? z : 0,
-          N
-        )
-      );
+    [V, _]
+  ), nt = v(
+    (e) => {
+      if (!E || d)
+        return;
+      const { bottom: n } = e.currentTarget.getBoundingClientRect();
+      n - e.clientY > 16 || ($.current = !0, j.current = e.currentTarget.offsetHeight);
     },
-    [h, z, N]
-  ), ht = p(
+    [d, E]
+  ), rt = v(
     (e) => {
-      if (g || e.target instanceof Element && e.target.closest("textarea"))
+      if (d || e.target instanceof Element && e.target.closest("textarea"))
         return;
       e.currentTarget.querySelector("textarea")?.focus();
     },
-    [g]
-  );
-  return Ze ? /* @__PURE__ */ r(Mt, { ownerState: o }) : /* @__PURE__ */ r(
-    At,
+    [d]
+  ), ot = v(() => {
+    ge((e) => !e);
+  }, []);
+  return je ? /* @__PURE__ */ r(It, { ownerState: t }) : /* @__PURE__ */ A(
+    vt,
     {
-      ownerState: o,
-      disableDragging: !0,
-      dragAxis: "none",
-      enableResizing: Je,
-      minHeight: rt,
-      onResize: ct,
-      onResizeStart: dt,
-      onResizeStop: ut,
-      resizeHandleClasses: Qe,
-      resizeHandleStyles: We,
-      size: { width: "100%", height: at },
-      style: et,
-      ...I(
-        S,
-        R.bodyResizeShell,
-        s
+      ownerState: t,
+      "aria-disabled": t.disabled || void 0,
+      className: B(R.root, i),
+      ...N(
+        m,
+        h.root,
+        a
       ),
-      children: /* @__PURE__ */ M(
-        Bt,
-        {
-          ownerState: o,
-          "aria-disabled": o.disabled || void 0,
-          className: A(L.root, n),
-          ...I(S, R.root, s),
-          children: [
-            h ? /* @__PURE__ */ M(
-              Vt,
-              {
-                ref: ie,
-                ownerState: o,
-                className: L.header,
-                children: [
-                  Ce ? /* @__PURE__ */ r(
-                    Pt,
-                    {
-                      label: K,
-                      size: "small",
-                      variant: "outlined",
-                      color: "default",
-                      startIcon: /* @__PURE__ */ r(
-                        kt,
-                        {
-                          ...I(
-                            S,
-                            R.languageChipIcon,
-                            vt
-                          ),
-                          children: /* @__PURE__ */ r(tt, { fontSize: "small" })
-                        }
-                      )
-                    }
-                  ) : null,
-                  /* @__PURE__ */ r(Gt, { ownerState: o, children: m ? /* @__PURE__ */ r(
-                    wt,
+      children: [
+        ye ? /* @__PURE__ */ A(
+          Nt,
+          {
+            ownerState: t,
+            className: R.header,
+            children: [
+              Te ? /* @__PURE__ */ r(
+                Rt,
+                {
+                  label: Ce,
+                  size: "small",
+                  variant: "outlined",
+                  color: "default",
+                  startIcon: /* @__PURE__ */ r(
+                    Ot,
                     {
-                      label: ye,
-                      size: "small"
+                      ...N(
+                        m,
+                        h.languageChipIcon,
+                        Lt
+                      ),
+                      children: /* @__PURE__ */ r(Je, { fontSize: "small" })
                     }
-                  ) : null })
-                ]
-              }
-            ) : null,
-            /* @__PURE__ */ M(
-              Ut,
+                  )
+                }
+              ) : null,
+              /* @__PURE__ */ r(
+                xt,
+                {
+                  "aria-label": _e,
+                  "aria-pressed": H,
+                  dataTestId: De(
+                    m,
+                    h.lineNumbersToggle,
+                    a
+                  ),
+                  disabled: d,
+                  icon: /* @__PURE__ */ r(dt, {}),
+                  onClick: ot,
+                  selected: H,
+                  size: "small",
+                  tooltip: _e,
+                  variant: "text"
+                }
+              ),
+              /* @__PURE__ */ r(Ht, { ownerState: t, children: C ? /* @__PURE__ */ r(
+                Mt,
+                {
+                  label: Qe,
+                  size: "small"
+                }
+              ) : null })
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ r(
+          At,
+          {
+            ref: de,
+            ownerState: t,
+            onPointerDown: nt,
+            style: {
+              height: `${Ze}px`,
+              minHeight: `${g}px`
+            },
+            ...N(
+              m,
+              h.bodyResizeShell,
+              a
+            ),
+            children: /* @__PURE__ */ A(
+              Bt,
               {
-                ownerState: o,
-                onClick: ht,
-                ...I(S, R.body, s),
+                ownerState: t,
+                onClick: rt,
+                ...N(m, h.body, a),
                 children: [
-                  te ? /* @__PURE__ */ r(Ft, { ownerState: o, "aria-hidden": "true", children: Array.from({ length: ge }, (e, a) => a + 1).map(
+                  H ? /* @__PURE__ */ r(zt, { ownerState: t, "aria-hidden": "true", children: Array.from({ length: Ee }, (e, n) => n + 1).map(
                     (e) => /* @__PURE__ */ r(
-                      Yt,
+                      wt,
                       {
-                        ownerState: o,
-                        "data-code-editor-error-line": it.has(e) || void 0,
+                        ownerState: t,
+                        "data-code-editor-error-line": We.has(e) || void 0,
                         children: e
                       },
                       `code-editor-line-${e}`
                     )
                   ) }) : null,
-                  /* @__PURE__ */ M(Xt, { ownerState: o, children: [
-                    ne && o.isEmpty && V ? /* @__PURE__ */ r(
-                      Zt,
+                  /* @__PURE__ */ A(Vt, { ownerState: t, children: [
+                    re && t.isEmpty && P ? /* @__PURE__ */ r(
+                      Pt,
                       {
-                        ownerState: o,
-                        ...I(
-                          S,
-                          R.placeholder,
-                          s
+                        ownerState: t,
+                        ...N(
+                          m,
+                          h.placeholder,
+                          a
                         ),
-                        children: V
+                        children: P
                       }
                     ) : null,
                     /* @__PURE__ */ r(
-                      jt,
+                      kt,
                       {
                         ...x,
-                        ownerState: o,
+                        ownerState: t,
                         "aria-label": x["aria-label"] ?? "Code editor",
-                        "aria-invalid": x["aria-invalid"] ?? (pe || void 0),
-                        className: A(L.editor, be),
-                        "data-testid": St(
-                          S,
-                          R.textarea,
-                          s
+                        "aria-invalid": x["aria-invalid"] ?? (Se || void 0),
+                        className: B(R.editor, Re),
+                        "data-testid": De(
+                          m,
+                          h.textarea,
+                          a
                         ),
-                        disabled: g,
-                        highlight: lt,
-                        insertSpaces: Oe,
+                        disabled: d,
+                        highlight: et,
+                        insertSpaces: Me,
                         onBlur: Ve,
-                        onValueChange: st,
-                        preClassName: A(L.pre, Pe),
-                        readOnly: m,
+                        onValueChange: tt,
+                        preClassName: B(R.pre, Pe),
+                        readOnly: C,
                         tabSize: x.tabSize,
-                        textareaClassName: A(
-                          L.textarea,
-                          we
+                        textareaClassName: B(
+                          R.textarea,
+                          Ue
                         ),
-                        textareaId: Ye,
-                        value: u
+                        textareaId: $e,
+                        value: c
                       }
                     )
                   ] })
                 ]
               }
             )
-          ]
-        }
-      )
+          }
+        )
+      ]
     }
   );
 }
 export {
-  mn as CodeEditor
+  nn as CodeEditor
 };