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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.25.1-beta-feature-731-code-editor.1",
+  "version": "9.25.1",
   "publishConfig": {
     "access": "public"
   },
@@ -46,31 +46,28 @@
     "fast-equals": "5.4.0",
     "lodash-es": "4.17.23",
     "@textea/json-viewer": "4.0.1",
-    "prismjs": "1.30.0",
-    "prism-react-renderer": "2.4.1",
     "react-dom": "19.2.4",
     "react-helmet-async": "2.0.5",
     "@hookform/resolvers": "2.9.11",
     "nprogress": "0.2.0",
     "react-transition-group": "4.4.5",
     "@mui/x-date-pickers": "6.20.2",
-    "react-color": "2.19.3",
-    "react-draggable": "4.5.0",
     "react-rnd": "10.5.2",
+    "react-color": "2.19.3",
     "react-dropzone": "14.4.1",
-    "react-spinners": "0.13.8",
     "date-fns": "2.30.0",
+    "react-spinners": "0.13.8",
+    "react-draggable": "4.5.0",
     "chart.js": "4.5.1",
     "chartjs-chart-error-bars": "4.4.5",
     "qrcode.react": "3.2.0",
-    "simplebar-react": "3.2.6",
     "react-resizable-panels": "2.1.9",
-    "react-simple-code-editor": "0.14.1",
+    "simplebar-react": "3.2.6",
     "react-data-grid": "7.0.0-beta.47",
     "react-dnd": "16.0.1",
     "react-dnd-html5-backend": "16.0.1",
-    "react-window": "1.8.11",
     "react-resizable": "3.1.3",
+    "react-window": "1.8.11",
     "@tanstack/react-virtual": "3.13.23"
   }
 }

package/components/MFIsolationApp/subcomponents/ThemeSettingsHostToolsBridge/ThemeSettingsHostToolsBridge.d.ts

@@ -1,5 +0,0 @@
-/**
- * Register the isolation host-tools emitter inside the shared theme settings store.
- */
-export declare function ThemeSettingsHostToolsBridge(): null;
-//# sourceMappingURL=ThemeSettingsHostToolsBridge.d.ts.map

package/components/MFIsolationApp/subcomponents/ThemeSettingsHostToolsBridge/ThemeSettingsHostToolsBridge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeSettingsHostToolsBridge.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/MFIsolationApp/subcomponents/ThemeSettingsHostToolsBridge/ThemeSettingsHostToolsBridge.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,wBAAgB,4BAA4B,SAe3C"}

package/components/MFIsolationApp/subcomponents/ThemeSettingsHostToolsBridge/ThemeSettingsHostToolsBridge.js

@@ -1,14 +0,0 @@
-import { useEffect as s } from "react";
-import { useHostTools as r } from "@m4l/core";
-import { useThemeSettingsStore as i } from "@m4l/graphics";
-function f() {
-  const { events_emit: e } = r(), t = i(
-    (o) => o.settingsActions.registerHostToolsEventsEmit
-  );
-  return s(() => (t(e), () => {
-    t(void 0);
-  }), [e, t]), null;
-}
-export {
-  f as ThemeSettingsHostToolsBridge
-};

package/components/MFIsolationApp/subcomponents/ThemeSettingsHostToolsBridge/index.d.ts

@@ -1,2 +0,0 @@
-export { ThemeSettingsHostToolsBridge } from './ThemeSettingsHostToolsBridge';
-//# sourceMappingURL=index.d.ts.map

package/components/MFIsolationApp/subcomponents/ThemeSettingsHostToolsBridge/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/MFIsolationApp/subcomponents/ThemeSettingsHostToolsBridge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC"}

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

@@ -1,6 +0,0 @@
-import { CodeEditorProps } from './types';
-/**
- * Render a syntax-highlighted code editor with optional self-managed fallback state.
- */
-export declare function CodeEditor(props: CodeEditorProps): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=CodeEditor.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AA6DA,OAAO,KAAK,EAEV,eAAe,EAEhB,MAAM,SAAS,CAAC;AAmDjB;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,oDAmiBhD"}

package/components/extended/ReactSimpleCodeEditor/CodeEditor.js

@@ -1,380 +0,0 @@
-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 Gt(o, i) {
-  return o.length !== i.length ? !1 : o.every((l, a) => l === i[a]);
-}
-function ve(o, i, l) {
-  const a = l ? Ie : Ie * 2;
-  return o * i + a;
-}
-function Ut(o, i, l) {
-  return ve(o, i, l);
-}
-function nn(o) {
-  const {
-    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: V,
-    placeholder: P,
-    preClassName: Pe,
-    readOnly: C = !1,
-    readOnlyLabel: ke,
-    resizable: E = !0,
-    runtimeDependencies: T,
-    showLineNumbers: k = !1,
-    showPlaceholder: re = !0,
-    size: oe = "medium",
-    syntaxValidator: G,
-    skeleton: Ge = !1,
-    textareaClassName: Ue,
-    validateSyntax: ae = !1,
-    value: y,
-    variant: Ye = "outlined",
-    ...x
-  } = 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));
-    };
-    return ie(
-      be.EMMIT_EVENT_HOST_THEME_CHANGE,
-      e
-    ), () => {
-      le(
-        be.EMMIT_EVENT_HOST_THEME_CHANGE,
-        e
-      );
-    };
-  }, [ie, le]), s(() => {
-    if (!K.length)
-      return;
-    let e = !0;
-    return yt(K).catch(() => {
-    }).then(() => {
-      e && qe((n) => n + 1);
-    }), () => {
-      e = !1;
-    };
-  }, [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 (ae)
-      return bt({
-        code: c,
-        languageTemplate: p ?? u,
-        languageText: S
-      });
-  }, [
-    u,
-    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 = L.start.line, n = L.end?.line ?? e;
-    return new Set(
-      Array.from(
-        { length: Math.max(n - e + 1, 1) },
-        (M, at) => e + at
-      )
-    );
-  }, [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: l,
-      languageTemplate: u,
-      languageText: S,
-      prismTheme: Le,
-      syntaxErrorRange: L
-    }),
-    [
-      l,
-      u,
-      Le,
-      S,
-      Y,
-      L
-    ]
-  ), tt = v(
-    (e) => {
-      _ && ce(e), V?.(e);
-    },
-    [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);
-    },
-    [d, E]
-  ), rt = v(
-    (e) => {
-      if (d || e.target instanceof Element && e.target.closest("textarea"))
-        return;
-      e.currentTarget.querySelector("textarea")?.focus();
-    },
-    [d]
-  ), ot = v(() => {
-    ge((e) => !e);
-  }, []);
-  return je ? /* @__PURE__ */ r(It, { ownerState: t }) : /* @__PURE__ */ A(
-    vt,
-    {
-      ownerState: t,
-      "aria-disabled": t.disabled || void 0,
-      className: B(R.root, i),
-      ...N(
-        m,
-        h.root,
-        a
-      ),
-      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,
-                    {
-                      ...N(
-                        m,
-                        h.languageChipIcon,
-                        Lt
-                      ),
-                      children: /* @__PURE__ */ r(Je, { fontSize: "small" })
-                    }
-                  )
-                }
-              ) : 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: t,
-                onClick: rt,
-                ...N(m, h.body, a),
-                children: [
-                  H ? /* @__PURE__ */ r(zt, { ownerState: t, "aria-hidden": "true", children: Array.from({ length: Ee }, (e, n) => n + 1).map(
-                    (e) => /* @__PURE__ */ r(
-                      wt,
-                      {
-                        ownerState: t,
-                        "data-code-editor-error-line": We.has(e) || void 0,
-                        children: e
-                      },
-                      `code-editor-line-${e}`
-                    )
-                  ) }) : null,
-                  /* @__PURE__ */ A(Vt, { ownerState: t, children: [
-                    re && t.isEmpty && P ? /* @__PURE__ */ r(
-                      Pt,
-                      {
-                        ownerState: t,
-                        ...N(
-                          m,
-                          h.placeholder,
-                          a
-                        ),
-                        children: P
-                      }
-                    ) : null,
-                    /* @__PURE__ */ r(
-                      kt,
-                      {
-                        ...x,
-                        ownerState: t,
-                        "aria-label": x["aria-label"] ?? "Code editor",
-                        "aria-invalid": x["aria-invalid"] ?? (Se || void 0),
-                        className: B(R.editor, Re),
-                        "data-testid": De(
-                          m,
-                          h.textarea,
-                          a
-                        ),
-                        disabled: d,
-                        highlight: et,
-                        insertSpaces: Me,
-                        onBlur: Ve,
-                        onValueChange: tt,
-                        preClassName: B(R.pre, Pe),
-                        readOnly: C,
-                        tabSize: x.tabSize,
-                        textareaClassName: B(
-                          R.textarea,
-                          Ue
-                        ),
-                        textareaId: $e,
-                        value: c
-                      }
-                    )
-                  ] })
-                ]
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  nn as CodeEditor
-};

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

@@ -1,3 +0,0 @@
-import { CodeEditorStyles } from './types';
-export declare const codeEditorStyles: CodeEditorStyles;
-//# sourceMappingURL=CodeEditor.styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CodeEditor.styles.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/extended/ReactSimpleCodeEditor/CodeEditor.styles.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,eAAO,MAAM,gBAAgB,EAAE,gBA2X9B,CAAC"}