@harnessio/yaml-editor 0.16.0-react18.alpha.3 → 0.17.0

package/dist/index.js

@@ -1,14 +1,47 @@
-var ie = Object.defineProperty;
-var ce = (t, e, n) => e in t ? ie(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var J = (t, e, n) => (ce(t, typeof e != "symbol" ? e + "" : e, n), n);
-import le, { useState as _, useEffect as w, useRef as P, useMemo as T, useCallback as q, createContext as ue, useContext as de } from "react";
-import Z, { loader as A, useMonaco as U, DiffEditor as me } from "@monaco-editor/react";
-import * as L from "monaco-editor";
-import { languages as H, Uri as fe } from "monaco-editor";
-import { yamlDefaults as he } from "monaco-yaml";
-var X = { exports: {} }, B = {};
-/**
- * @license React
+var ue = Object.defineProperty;
+var de = (e, t, n) => t in e ? ue(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var J = (e, t, n) => (de(e, typeof t != "symbol" ? t + "" : t, n), n);
+import me, { useState as L, useEffect as P, useRef as C, useMemo as _, useCallback as q, createContext as fe, useContext as pe } from "react";
+import Z, { loader as B, useMonaco as F, DiffEditor as he } from "@monaco-editor/react";
+import * as k from "monaco-editor";
+import { languages as H, Uri as ge } from "monaco-editor";
+import { yamlDefaults as ye } from "monaco-yaml";
+var te = { exports: {} }, A = {};
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var Q = Object.getOwnPropertySymbols, ve = Object.prototype.hasOwnProperty, be = Object.prototype.propertyIsEnumerable;
+function Se(e) {
+  if (e == null)
+    throw new TypeError("Object.assign cannot be called with null or undefined");
+  return Object(e);
+}
+function xe() {
+  try {
+    if (!Object.assign)
+      return !1;
+    var e = new String("abc");
+    if (e[5] = "de", Object.getOwnPropertyNames(e)[0] === "5")
+      return !1;
+    for (var t = {}, n = 0; n < 10; n++)
+      t["_" + String.fromCharCode(n)] = n;
+    var r = Object.getOwnPropertyNames(t).map(function(o) {
+      return t[o];
+    });
+    if (r.join("") !== "0123456789")
+      return !1;
+    var a = {};
+    return "abcdefghijklmnopqrst".split("").forEach(function(o) {
+      a[o] = o;
+    }), Object.keys(Object.assign({}, a)).join("") === "abcdefghijklmnopqrst";
+  } catch {
+    return !1;
+  }
+}
+xe();
+/** @license React v17.0.2
  * react-jsx-runtime.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -16,22 +49,27 @@ var X = { exports: {} }, B = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var pe = le, ge = Symbol.for("react.element"), ye = Symbol.for("react.fragment"), ve = Object.prototype.hasOwnProperty, be = pe.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, Se = { key: !0, ref: !0, __self: !0, __source: !0 };
-function ee(t, e, n) {
+var Ee = me, ne = 60103;
+A.Fragment = 60107;
+if (typeof Symbol == "function" && Symbol.for) {
+  var X = Symbol.for;
+  ne = X("react.element"), A.Fragment = X("react.fragment");
+}
+var Me = Ee.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, Oe = Object.prototype.hasOwnProperty, Ce = { key: !0, ref: !0, __self: !0, __source: !0 };
+function re(e, t, n) {
   var r, a = {}, o = null, s = null;
-  n !== void 0 && (o = "" + n), e.key !== void 0 && (o = "" + e.key), e.ref !== void 0 && (s = e.ref);
-  for (r in e)
-    ve.call(e, r) && !Se.hasOwnProperty(r) && (a[r] = e[r]);
-  if (t && t.defaultProps)
-    for (r in e = t.defaultProps, e)
-      a[r] === void 0 && (a[r] = e[r]);
-  return { $$typeof: ge, type: t, key: o, ref: s, props: a, _owner: be.current };
+  n !== void 0 && (o = "" + n), t.key !== void 0 && (o = "" + t.key), t.ref !== void 0 && (s = t.ref);
+  for (r in t)
+    Oe.call(t, r) && !Ce.hasOwnProperty(r) && (a[r] = t[r]);
+  if (e && e.defaultProps)
+    for (r in t = e.defaultProps, t)
+      a[r] === void 0 && (a[r] = t[r]);
+  return { $$typeof: ne, type: e, key: o, ref: s, props: a, _owner: Me.current };
 }
-B.Fragment = ye;
-B.jsx = ee;
-B.jsxs = ee;
-X.exports = B;
-var k = X.exports;
+A.jsx = re;
+A.jsxs = re;
+te.exports = A;
+var w = te.exports;
 const z = {
   selectOnLineNumbers: !0,
   scrollBeyondLastLine: !1,
@@ -52,82 +90,82 @@ const z = {
   overviewRulerBorder: !1,
   overviewRulerLanes: 0,
   renderLineHighlight: "none"
-}, F = (t) => {
-  const { themeConfig: e, editor: n, theme: r } = t, { defaultTheme: a } = e ?? {}, [o, s] = _(r ?? a ?? "vs-dark");
-  return w(() => {
-    var y;
-    (y = e == null ? void 0 : e.themes) == null || y.forEach((h) => {
-      L.editor.defineTheme(h.themeName, h.themeData);
+}, R = (e) => {
+  const { themeConfig: t, editor: n, theme: r } = e, { defaultTheme: a } = t ?? {}, [o, s] = L(r ?? a ?? "vs-dark");
+  return P(() => {
+    var c;
+    (c = t == null ? void 0 : t.themes) == null || c.forEach((g) => {
+      k.editor.defineTheme(g.themeName, g.themeData);
     });
-  }, [L]), w(() => {
-    L.editor && r && (L.editor.setTheme(r), s(r));
+  }, [k]), P(() => {
+    k.editor && r && (k.editor.setTheme(r), s(r));
   }, [n, r]), { theme: o };
 };
-function xe(t) {
-  const e = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+function we(e) {
+  const t = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
   let n = "";
-  for (let r = 0; r < t; r++)
-    n += e.charAt(Math.floor(Math.random() * e.length));
+  for (let r = 0; r < e; r++)
+    n += t.charAt(Math.floor(Math.random() * t.length));
   return n;
 }
-function Ee(t) {
-  return t.replace("'", "&#39;");
+function Pe(e) {
+  return e.replace("'", "&#39;");
 }
-function Me({
-  instanceId: t,
-  lineNumbersPosition: e
+function $e({
+  instanceId: e,
+  lineNumbersPosition: t
 }) {
   let n = "";
-  return e === "center" && (n += `
-      .monaco-editor-${t} .monaco-scrollable-element.editor-scrollable {
+  return t === "center" && (n += `
+      .monaco-editor-${e} .monaco-scrollable-element.editor-scrollable {
           width: 100% !important;
           left: 0px !important;
       }
 
-      .monaco-editor-${t} .view-lines, .view-zones {
+      .monaco-editor-${e} .view-lines, .view-zones {
           width: 100% !important;
       }
       
-      .monaco-editor-${t} .margin {
+      .monaco-editor-${e} .margin {
         z-index: 1000;
         background: transparent !important;
       }`), n += `
-      .monaco-editor-${t} .blame-editor-separator {
+      .monaco-editor-${e} .blame-editor-separator {
         right: 14px;
         pointer-events: none;
       }
 
-      .monaco-editor-${t} {
+      .monaco-editor-${e} {
         outline: none !important;
       }
       
-      .monaco-editor-${t} .view-line .blame-editor-commit {
+      .monaco-editor-${e} .view-line .blame-editor-commit {
         display: inline-block;
         color: var(--canary-foreground-01);
       }`, n;
 }
-function Ce({
-  instanceId: t,
-  blameData: e,
+function je({
+  instanceId: e,
+  blameData: t,
   dateWidth: n,
   avatarSize: r
 }) {
   let a = "";
-  return e.forEach((o) => {
-    var l, u, i, v, E, c, b, d;
-    const s = (u = (l = o == null ? void 0 : o.commitInfo) == null ? void 0 : l.author) == null ? void 0 : u.avatarUrl, y = (v = (i = o == null ? void 0 : o.commitInfo) == null ? void 0 : i.author) == null ? void 0 : v.initials, h = s ? `background: url('${(c = (E = o == null ? void 0 : o.commitInfo) == null ? void 0 : E.author) == null ? void 0 : c.avatarUrl}');` : "";
-    for (let f = o.fromLineNumber; f <= o.toLineNumber; f++)
-      f === o.fromLineNumber ? a += `
-          .monaco-editor-${t} .view-line .blame-editor-commit-${f}:before {
-            content: '${Ee(((d = (b = o == null ? void 0 : o.commitInfo) == null ? void 0 : b.author) == null ? void 0 : d.when) || "")}';
+  return t.forEach((o) => {
+    var m, f, d, i, x, l, $, h;
+    const s = (f = (m = o == null ? void 0 : o.commitInfo) == null ? void 0 : m.author) == null ? void 0 : f.avatarUrl, c = (i = (d = o == null ? void 0 : o.commitInfo) == null ? void 0 : d.author) == null ? void 0 : i.initials, g = s ? `background: url('${(l = (x = o == null ? void 0 : o.commitInfo) == null ? void 0 : x.author) == null ? void 0 : l.avatarUrl}');` : "";
+    for (let u = o.fromLineNumber; u <= o.toLineNumber; u++)
+      u === o.fromLineNumber ? a += `
+          .monaco-editor-${e} .view-line .blame-editor-commit-${u}:before {
+            content: '${Pe(((h = ($ = o == null ? void 0 : o.commitInfo) == null ? void 0 : $.author) == null ? void 0 : h.when) || "")}';
             position: absolute;
             left: 10px;
             top: 0px;
             color: hsl(var(--canary-foreground-03));
           }
 
-          .monaco-editor-${t} .view-line .blame-editor-commit-${f}:after {
-            content: '${y ?? " "}';
+          .monaco-editor-${e} .view-line .blame-editor-commit-${u}:after {
+            content: '${c ?? " "}';
             position: absolute;
             border-radius: 50%;
             padding: 4px;
@@ -139,10 +177,10 @@ function Ce({
             color: hsl(var(--canary-foreground-03));
             width: ${r}px;
             height: ${r}px;
-            ${h}
+            ${g}
             background-size: 100% 100%;
           }` : a += `
-          .monaco-editor-${t} .view-line .blame-editor-commit-${f}:before {
+          .monaco-editor-${e} .view-line .blame-editor-commit-${u}:before {
             content: ' ';
             left: 10px;
             top: 0px;
@@ -150,12 +188,12 @@ function Ce({
           }`;
   }), a;
 }
-function $e(t, e) {
+function Ne(e, t) {
   let n = "";
-  return t.length > e ? n = t.slice(0, e - 3) + "..." : t.length < e ? n = t + " ".repeat(e - t.length) : n = t, " ".repeat(25) + n + " ".repeat(10);
+  return e.length > t ? n = e.slice(0, t - 3) + "..." : e.length < t ? n = e + " ".repeat(t - e.length) : n = e, " ".repeat(25) + n + " ".repeat(10);
 }
-A.config({ monaco: L });
-const Y = 450, Pe = 30, ke = 140, we = 24, Oe = {
+B.config({ monaco: k });
+const Y = 450, ke = 30, Le = 140, De = 24, _e = {
   ...z,
   readOnly: !0,
   matchBrackets: "never",
@@ -166,204 +204,205 @@ const Y = 450, Pe = 30, ke = 140, we = 24, Oe = {
   renderWhitespace: "none",
   renderLineHighlight: "none"
 };
-function Ke({
-  code: t,
-  language: e,
+function Qe({
+  code: e,
+  language: t,
   themeConfig: n,
   lineNumbersPosition: r = "left",
   blameData: a,
   showSeparators: o = !0,
   theme: s,
-  height: y = "75vh",
-  options: h
+  height: c = "75vh",
+  options: g
 }) {
-  const l = P(a), u = P(xe(5));
-  U();
-  const [i, v] = _(), [E, c] = _(0), b = P(null), d = P(null);
-  w(() => {
-    l.current = a;
+  const m = C(a), f = C(we(5));
+  F();
+  const [d, i] = L(), [x, l] = L(0), $ = C(null), h = C(null);
+  P(() => {
+    m.current = a;
   }, [a]);
-  function f() {
-    const m = d.current, p = b.current;
-    if (!m || !p)
+  function u() {
+    const p = h.current, y = $.current;
+    if (!p || !y)
       return;
-    o && m.changeViewZones(function(g) {
-      g.addZone({
+    o && p.changeViewZones(function(v) {
+      v.addZone({
         afterLineNumber: 0,
         heightInPx: 10,
         domNode: document.createElement("div")
-      }), l.current.forEach((O, M) => {
-        if (M !== l.current.length - 1) {
-          const x = document.createElement("div");
-          x.style.borderTop = "1px solid hsl(var(--canary-border-01))", x.style.marginTop = "9px", x.className = "blame-editor-separator", g.addZone({
-            afterLineNumber: O.toLineNumber,
+      }), m.current.forEach((j, M) => {
+        if (M !== m.current.length - 1) {
+          const S = document.createElement("div");
+          S.style.borderTop = "1px solid hsl(var(--canary-border-01))", S.style.marginTop = "9px", S.className = "blame-editor-separator", v.addZone({
+            afterLineNumber: j.toLineNumber,
             heightInPx: 20,
-            domNode: x
+            domNode: S
           });
         }
       });
     });
-    const $ = [];
-    l.current.forEach((g) => {
-      var O;
-      for (let M = g.fromLineNumber; M <= g.toLineNumber; M++)
-        $.push({
-          range: new p.Range(M, 0, M + 1, 0),
+    const O = [];
+    m.current.forEach((v) => {
+      var j;
+      for (let M = v.fromLineNumber; M <= v.toLineNumber; M++)
+        O.push({
+          range: new y.Range(M, 0, M + 1, 0),
           options: {
             before: {
-              content: $e(
-                M === g.fromLineNumber && ((O = g == null ? void 0 : g.commitInfo) == null ? void 0 : O.title) || "",
-                Pe
+              content: Ne(
+                M === v.fromLineNumber && ((j = v == null ? void 0 : v.commitInfo) == null ? void 0 : j.title) || "",
+                ke
               ),
-              cursorStops: p.editor.InjectedTextCursorStops.None,
+              cursorStops: y.editor.InjectedTextCursorStops.None,
               inlineClassName: `blame-editor-commit blame-editor-commit-${M}`
             }
           }
         });
-    }), m.createDecorationsCollection($);
+    }), p.createDecorationsCollection(O);
   }
-  function C(m, p) {
-    var $, g, O, M, x, I;
-    d.current = m, b.current = p, m.setValue(t), v(m), (O = (g = ($ = p.languages.typescript) == null ? void 0 : $.typescriptDefaults) == null ? void 0 : g.setDiagnosticsOptions) == null || O.call(g, {
+  function E(p, y) {
+    var O, v, j, M, S, V;
+    h.current = p, $.current = y, p.setValue(e), i(p), (j = (v = (O = y.languages.typescript) == null ? void 0 : O.typescriptDefaults) == null ? void 0 : v.setDiagnosticsOptions) == null || j.call(v, {
       noSuggestionDiagnostics: !0,
       noSyntaxValidation: !0,
       noSemanticValidation: !0
-    }), (I = (x = (M = p.languages.typescript) == null ? void 0 : M.javascriptDefaults) == null ? void 0 : x.setDiagnosticsOptions) == null || I.call(x, {
+    }), (V = (S = (M = y.languages.typescript) == null ? void 0 : M.javascriptDefaults) == null ? void 0 : S.setDiagnosticsOptions) == null || V.call(S, {
       noSuggestionDiagnostics: !0,
       noSyntaxValidation: !0,
       noSemanticValidation: !0
-    }), f();
+    }), u();
   }
-  w(() => {
-    i == null || i.setValue(t);
-  }, [t]);
-  const { theme: S } = F({ monacoRef: b, themeConfig: n, editor: i, theme: s }), N = T(
-    () => Me({
-      instanceId: u.current,
+  P(() => {
+    d == null || d.setValue(e);
+  }, [e]);
+  const { theme: b } = R({ monacoRef: $, themeConfig: n, editor: d, theme: s }), N = _(
+    () => $e({
+      instanceId: f.current,
       lineNumbersPosition: r
     }),
     [a]
-  ), D = T(
-    () => Ce({
-      instanceId: u.current,
+  ), T = _(
+    () => je({
+      instanceId: f.current,
       blameData: a,
-      avatarSize: we,
-      dateWidth: ke
+      avatarSize: De,
+      dateWidth: Le
     }),
     [a]
   );
-  w(() => {
+  P(() => {
     if (r === "center") {
-      const m = document.getElementsByClassName("lines-content")[0];
-      if (m) {
-        const p = { attributes: !0 }, $ = (O) => {
-          for (const M of O) {
-            const x = parseInt(getComputedStyle(m).left);
-            c(x);
+      const p = document.getElementsByClassName("lines-content")[0];
+      if (p) {
+        const y = { attributes: !0 }, O = (j) => {
+          for (const M of j) {
+            const S = parseInt(getComputedStyle(p).left);
+            l(S);
           }
-        }, g = new MutationObserver($);
-        return g.observe(m, p), () => {
-          g.disconnect();
+        }, v = new MutationObserver(O);
+        return v.observe(p, y), () => {
+          v.disconnect();
         };
       }
     }
   });
-  const j = T(() => `
-      .monaco-editor-${u.current} .margin {
-        left: ${Y + 16 + E}px !important;
+  const D = _(() => `
+      .monaco-editor-${f.current} .margin {
+        left: ${Y + 16 + x}px !important;
         pointer-events: none;
-      }`, [E]), R = `
-   .monaco-editor-${u.current} .view-overlays {
+      }`, [x]), I = `
+   .monaco-editor-${f.current} .view-overlays {
     clip-path: polygon(${Y + 16}px 0, 100% 0%, 100% 100%, ${Y + 16}px 100%);
     height:100% !important;
-   }`, W = T(
+   }`, W = _(
     () => ({
-      ...Oe,
-      ...h
+      ..._e,
+      ...g
     }),
-    [h]
+    [g]
   );
-  return /* @__PURE__ */ k.jsxs(k.Fragment, { children: [
-    /* @__PURE__ */ k.jsx(
+  return /* @__PURE__ */ w.jsxs(w.Fragment, { children: [
+    /* @__PURE__ */ w.jsx(
       "style",
       {
         dangerouslySetInnerHTML: {
-          __html: `${N} ${D} ${j} ${R}`
+          __html: `${N} ${T} ${D} ${I}`
         }
       }
     ),
-    /* @__PURE__ */ k.jsx(
+    /* @__PURE__ */ w.jsx(
       Z,
       {
-        className: `monaco-editor-${u.current} overflow-hidden rounded-b-md border-x border-b`,
-        height: y,
-        language: e,
-        theme: S,
+        className: `monaco-editor-${f.current} overflow-hidden rounded-b-md border-x border-b`,
+        height: c,
+        language: t,
+        theme: b,
         options: W,
-        onMount: C
+        onMount: E
       }
     )
   ] });
 }
-A.config({ monaco: L });
-const Ne = {
+B.config({ monaco: k });
+const Te = {
   ...z
 };
-function qe({
-  codeRevision: t,
-  onCodeRevisionChange: e,
+function Xe({
+  codeRevision: e,
+  onCodeRevisionChange: t,
   language: n,
   themeConfig: r,
   options: a,
   theme: o,
-  height: s = "75vh"
+  height: s = "75vh",
+  className: c
 }) {
-  U();
-  const [y, h] = _(), l = P(), u = P({ code: "", revisionId: 0 }), i = P(null), v = q(
-    (b, d) => {
-      var f, C, S, N, D, j;
-      i.current = b, l.current = d, b.setValue(t.code), h(b), (S = (C = (f = d.languages.typescript) == null ? void 0 : f.typescriptDefaults) == null ? void 0 : C.setDiagnosticsOptions) == null || S.call(C, {
+  F();
+  const [g, m] = L(), f = C(), d = C({ code: "", revisionId: 0 }), i = C(null), x = q(
+    (h, u) => {
+      var E, b, N, T, D, I;
+      i.current = h, f.current = u, h.setValue(e.code), m(h), (N = (b = (E = u.languages.typescript) == null ? void 0 : E.typescriptDefaults) == null ? void 0 : b.setDiagnosticsOptions) == null || N.call(b, {
         noSuggestionDiagnostics: !0,
         noSyntaxValidation: !0,
         noSemanticValidation: !0
-      }), (j = (D = (N = d.languages.typescript) == null ? void 0 : N.javascriptDefaults) == null ? void 0 : D.setDiagnosticsOptions) == null || j.call(D, {
+      }), (I = (D = (T = u.languages.typescript) == null ? void 0 : T.javascriptDefaults) == null ? void 0 : D.setDiagnosticsOptions) == null || I.call(D, {
         noSuggestionDiagnostics: !0,
         noSyntaxValidation: !0,
         noSemanticValidation: !0
       });
     },
-    [t.code]
+    [e.code]
   );
-  w(() => {
-    var b, d;
-    if (i.current && (!t.revisionId || t.revisionId > Number((b = u.current) == null ? void 0 : b.revisionId))) {
-      const f = i.current.getModel();
-      f && (a != null && a.readOnly ? (d = i.current) == null || d.setValue(t.code) : (i.current.pushUndoStop(), i.current.executeEdits("edit", [
+  P(() => {
+    var h, u;
+    if (i.current && (!e.revisionId || e.revisionId > Number((h = d.current) == null ? void 0 : h.revisionId))) {
+      const E = i.current.getModel();
+      E && (a != null && a.readOnly ? (u = i.current) == null || u.setValue(e.code) : (i.current.pushUndoStop(), i.current.executeEdits("edit", [
         {
-          range: f.getFullModelRange(),
-          text: t.code
+          range: E.getFullModelRange(),
+          text: e.code
         }
       ]), i.current.pushUndoStop()));
     }
-  }, [t, i.current]);
-  const { theme: E } = F({ monacoRef: l, themeConfig: r, editor: y, theme: o }), c = T(() => ({ ...Ne, ...a || {} }), [a]);
-  return /* @__PURE__ */ k.jsx(k.Fragment, { children: /* @__PURE__ */ k.jsx(
+  }, [e, i.current]);
+  const { theme: l } = R({ monacoRef: f, themeConfig: r, editor: g, theme: o }), $ = _(() => ({ ...Te, ...a || {} }), [a]);
+  return /* @__PURE__ */ w.jsx(w.Fragment, { children: /* @__PURE__ */ w.jsx(
     Z,
     {
-      className: "overflow-hidden rounded-b-md border-x border-b",
+      className: c,
       height: s,
-      onChange: (b, d) => {
-        u.current = { code: b ?? "", revisionId: d.versionId }, e({ ...u.current }, d);
+      onChange: (h, u) => {
+        d.current = { code: h ?? "", revisionId: u.versionId }, t({ ...d.current }, u);
       },
       language: n,
-      theme: E,
-      options: c,
-      onMount: v
+      theme: l,
+      options: $,
+      onMount: x
     }
   ) });
 }
-A.config({ monaco: L });
-const De = {
+B.config({ monaco: k });
+const Ie = {
   ...z,
   codeLens: !1,
   smartSelect: {
@@ -372,64 +411,64 @@ const De = {
   originalEditable: !1,
   overviewRulerBorder: !1
 };
-function Ze({
-  original: t,
-  modified: e,
+function et({
+  original: e,
+  modified: t,
   language: n,
   themeConfig: r,
   options: a,
   theme: o,
   height: s = "75vh"
 }) {
-  U();
-  const [y, h] = _(), l = P(), { theme: u } = F({ monacoRef: l, themeConfig: r, editor: y, theme: o }), i = T(() => ({ ...De, ...a || {} }), [a]);
-  return /* @__PURE__ */ k.jsx(k.Fragment, { children: /* @__PURE__ */ k.jsx(
-    me,
+  F();
+  const [c, g] = L(), m = C(), { theme: f } = R({ monacoRef: m, themeConfig: r, editor: c, theme: o }), d = _(() => ({ ...Ie, ...a || {} }), [a]);
+  return /* @__PURE__ */ w.jsx(w.Fragment, { children: /* @__PURE__ */ w.jsx(
+    he,
     {
       className: "overflow-hidden rounded-b-md border-x border-b",
       language: n,
-      theme: u,
-      original: t,
-      modified: e,
+      theme: f,
+      original: e,
+      modified: t,
       height: s,
-      options: i,
-      onMount: h
+      options: d,
+      onMount: g
     }
   ) });
 }
-var te = /* @__PURE__ */ ((t) => (t.ContainsPath = "ContainsPath", t))(te || {});
-function Le(t) {
-  const { pathSymbolMap: e, inlineActions: n = [], commandId: r } = t, a = Object.fromEntries(e.entries()), o = [];
+var oe = /* @__PURE__ */ ((e) => (e.ContainsPath = "ContainsPath", e))(oe || {});
+function Ve(e) {
+  const { pathSymbolMap: t, inlineActions: n = [], commandId: r } = e, a = Object.fromEntries(t.entries()), o = [];
   return n == null || n.forEach((s) => {
-    const y = s.actions;
-    s.selectors.forEach((l) => {
-      switch (l.type) {
-        case te.ContainsPath: {
-          l.paths.forEach((u) => {
-            let v = Object.keys(a).map((c) => ({
-              fullPath: c,
-              path: c,
-              symbol: a[c]
-            })).filter((c) => c.path.startsWith(l.basePath));
-            v = v.map((c) => ({
-              ...c,
-              path: c.path.substring(l.basePath.length)
-            })), v.filter((c) => u.test(c.path)).forEach((c) => {
-              const b = c.fullPath, d = c.symbol, f = d.range;
-              y.forEach((C) => {
-                const S = {
-                  range: f,
-                  symbols: [d],
-                  onClick: C.onClick,
-                  data: C.data,
-                  path: b
+    const c = s.actions;
+    s.selectors.forEach((m) => {
+      switch (m.type) {
+        case oe.ContainsPath: {
+          m.paths.forEach((f) => {
+            let i = Object.keys(a).map((l) => ({
+              fullPath: l,
+              path: l,
+              symbol: a[l]
+            })).filter((l) => l.path.startsWith(m.basePath));
+            i = i.map((l) => ({
+              ...l,
+              path: l.path.substring(m.basePath.length)
+            })), i.filter((l) => f.test(l.path)).forEach((l) => {
+              const $ = l.fullPath, h = l.symbol, u = h.range;
+              c.forEach((E) => {
+                const b = {
+                  range: u,
+                  symbols: [h],
+                  onClick: E.onClick,
+                  data: E.data,
+                  path: $
                 };
                 o.push({
-                  range: f,
+                  range: u,
                   command: {
                     id: r,
-                    title: C.title,
-                    arguments: [S]
+                    title: E.title,
+                    arguments: [b]
                   }
                 });
               });
@@ -441,299 +480,299 @@ function Le(t) {
     });
   }), o;
 }
-const V = class V {
-  static set(e) {
-    V.data = e;
+const U = class U {
+  static set(t) {
+    U.data = t;
   }
   static get() {
-    return V.data;
+    return U.data;
   }
 };
-J(V, "data", {});
-let K = V;
-async function ne(t) {
-  const e = K.get(), { documentSymbolProvider: n } = e.StandaloneServices.get(e.ILanguageFeaturesService);
-  return await e.OutlineModel.create(n, t);
+J(U, "data", {});
+let K = U;
+async function ae(e) {
+  const t = K.get(), { documentSymbolProvider: n } = t.StandaloneServices.get(t.ILanguageFeaturesService);
+  return await t.OutlineModel.create(n, e);
 }
-function re(t) {
-  const e = /* @__PURE__ */ new Map();
+function se(e) {
+  const t = /* @__PURE__ */ new Map();
   return G({
-    pathSymbolMap: e,
+    pathSymbolMap: t,
     parentPath: "",
-    children: t.children,
+    children: e.children,
     parentKind: H.SymbolKind.Module
-  }), e;
+  }), t;
 }
-function G(t) {
-  switch (t.parentKind) {
+function G(e) {
+  switch (e.parentKind) {
     case H.SymbolKind.Module: {
-      _e(t);
+      Ue(e);
       break;
     }
     case H.SymbolKind.Array: {
-      Te(t);
+      Ae(e);
       break;
     }
     default:
-      je(t);
+      Be(e);
   }
 }
-function _e(t) {
-  t.children.forEach((e) => {
+function Ue(e) {
+  e.children.forEach((t) => {
     var r;
-    let n = t.parentPath;
-    e.symbol && (n = t.parentPath ? `${t.parentPath}.${e.symbol.name}` : e.symbol.name, t.pathSymbolMap.set(n, e.symbol)), G({
-      pathSymbolMap: t.pathSymbolMap,
+    let n = e.parentPath;
+    t.symbol && (n = e.parentPath ? `${e.parentPath}.${t.symbol.name}` : t.symbol.name, e.pathSymbolMap.set(n, t.symbol)), G({
+      pathSymbolMap: e.pathSymbolMap,
       parentPath: n,
-      children: e.children,
-      parentKind: ((r = e == null ? void 0 : e.symbol) == null ? void 0 : r.kind) ?? t.parentKind
+      children: t.children,
+      parentKind: ((r = t == null ? void 0 : t.symbol) == null ? void 0 : r.kind) ?? e.parentKind
     });
   });
 }
-function Te(t) {
-  let e = 0;
-  t.children.forEach((n) => {
-    const r = t.parentPath ? `${t.parentPath}.${e}` : `${e}`;
-    t.pathSymbolMap.set(r, n.symbol), e += 1, G({
-      pathSymbolMap: t.pathSymbolMap,
+function Ae(e) {
+  let t = 0;
+  e.children.forEach((n) => {
+    const r = e.parentPath ? `${e.parentPath}.${t}` : `${t}`;
+    e.pathSymbolMap.set(r, n.symbol), t += 1, G({
+      pathSymbolMap: e.pathSymbolMap,
       parentPath: r,
       children: n.children,
       parentKind: n.symbol.kind
     });
   });
 }
-function je(t) {
-  const e = t.children.get("0");
-  if (e) {
-    const n = t.parentPath ? `${t.parentPath}.${e.symbol.name}` : e == null ? void 0 : e.symbol.name;
-    t.pathSymbolMap.set(n, e.symbol);
+function Be(e) {
+  const t = e.children.get("0");
+  if (t) {
+    const n = e.parentPath ? `${e.parentPath}.${t.symbol.name}` : t == null ? void 0 : t.symbol.name;
+    e.pathSymbolMap.set(n, t.symbol);
   }
 }
-function Ie({
-  editorRef: t,
-  inlineActions: e
+function Fe({
+  editorRef: e,
+  inlineActions: t
 }) {
-  w(() => L.languages.registerCodeLensProvider("yaml", {
+  P(() => k.languages.registerCodeLensProvider("yaml", {
     provideCodeLenses: async (r) => {
-      var h;
-      const a = await ne(r), o = re(a), s = (h = t == null ? void 0 : t.current) == null ? void 0 : h.addCommand(0, (l, { onClick: u, path: i, range: v, data: E }) => {
-        u({ path: i, range: v, data: E });
+      var g;
+      const a = await ae(r), o = se(a), s = (g = e == null ? void 0 : e.current) == null ? void 0 : g.addCommand(0, (m, { onClick: f, path: d, range: i, data: x }) => {
+        f({ path: d, range: i, data: x });
       });
       return s ? {
-        lenses: Le({ pathSymbolMap: o, inlineActions: e, commandId: s }),
+        lenses: Ve({ pathSymbolMap: o, inlineActions: t, commandId: s }),
         dispose: () => {
         }
       } : void 0;
     }
-  }).dispose, [e, t]);
+  }).dispose, [t, e]);
 }
-const Ve = ({ editorRef: t, selection: e }) => {
-  const [n, r] = _(), a = T(
-    () => async (o, s, y) => {
-      var v, E, c;
-      const h = (v = t == null ? void 0 : t.current) == null ? void 0 : v.getModel();
-      if (!h || !s)
+const ze = ({ editorRef: e, selection: t }) => {
+  const [n, r] = L(), a = _(
+    () => async (o, s, c) => {
+      var i, x, l;
+      const g = (i = e == null ? void 0 : e.current) == null ? void 0 : i.getModel();
+      if (!g || !s)
         return r(void 0);
-      const l = await ne(h), i = (E = re(l).get(s)) == null ? void 0 : E.range;
-      i && (r(i), y && ((c = t == null ? void 0 : t.current) == null || c.revealLineInCenter(i.startLineNumber)));
+      const m = await ae(g), d = (x = se(m).get(s)) == null ? void 0 : x.range;
+      d && (r(d), c && ((l = e == null ? void 0 : e.current) == null || l.revealLineInCenter(d.startLineNumber)));
     },
     []
   );
-  w(() => {
+  P(() => {
     if ("requestIdleCallback" in window) {
       const o = requestIdleCallback(() => {
-        a(t, e == null ? void 0 : e.path, e == null ? void 0 : e.revealInCenter);
+        a(e, t == null ? void 0 : t.path, t == null ? void 0 : t.revealInCenter);
       });
       return () => cancelIdleCallback(o);
     } else {
       const o = setTimeout(() => {
-        a(t, e == null ? void 0 : e.path, e == null ? void 0 : e.revealInCenter);
+        a(e, t == null ? void 0 : t.path, t == null ? void 0 : t.revealInCenter);
       }, 100);
       return () => clearTimeout(o);
     }
-  }, [e == null ? void 0 : e.path, e == null ? void 0 : e.revealInCenter, t, a]), w(() => {
+  }, [t == null ? void 0 : t.path, t == null ? void 0 : t.revealInCenter, e, a]), P(() => {
     var s;
     if (!n)
       return;
-    const o = (s = t == null ? void 0 : t.current) == null ? void 0 : s.createDecorationsCollection([
+    const o = (s = e == null ? void 0 : e.current) == null ? void 0 : s.createDecorationsCollection([
       {
         // TODO: check why startColumn is set to "end of row"
         range: { ...n, startColumn: 1 },
         options: {
           isWholeLine: !1,
-          className: e == null ? void 0 : e.className
+          className: t == null ? void 0 : t.className
         }
       }
     ]);
     return () => o == null ? void 0 : o.clear();
-  }, [n, t, e == null ? void 0 : e.className]);
-}, oe = ue({
+  }, [n, e, t == null ? void 0 : t.className]);
+}, ie = fe({
   markers: [],
   setMarkers: () => {
   },
   editor: null,
-  setEditor: (t) => {
+  setEditor: (e) => {
   },
-  updateCursorPosition: (t) => {
+  updateCursorPosition: (e) => {
   }
 });
-function Ge({
-  children: t
+function tt({
+  children: e
 }) {
-  const [e, n] = _([]), [r, a] = _(null), o = q(
+  const [t, n] = L([]), [r, a] = L(null), o = q(
     (s) => {
-      r == null || r.setPosition(s), r == null || r.focus();
+      r == null || r.setPosition(s), r == null || r.revealLineInCenterIfOutsideViewport(s.lineNumber), r == null || r.focus();
     },
     [r]
   );
-  return /* @__PURE__ */ k.jsx(
-    oe.Provider,
+  return /* @__PURE__ */ w.jsx(
+    ie.Provider,
     {
       value: {
-        markers: e,
+        markers: t,
         setMarkers: n,
         editor: r,
         setEditor: a,
         updateCursorPosition: o
       },
-      children: t
+      children: e
     }
   );
 }
-function ae() {
-  return de(oe);
+function ce() {
+  return pe(ie);
 }
-const Ae = ({ monacoRef: t }) => {
-  const { setMarkers: e } = ae();
-  w(() => {
+const Re = ({ monacoRef: e }) => {
+  const { setMarkers: t } = ce();
+  P(() => {
     let n;
     const r = setTimeout(() => {
       var o;
-      const a = (o = t.current) == null ? void 0 : o.editor;
+      const a = (o = e.current) == null ? void 0 : o.editor;
       a && (n = a.onDidChangeMarkers(([s]) => {
-        const y = a.getModelMarkers({ resource: s });
-        e(y);
+        const c = a.getModelMarkers({ resource: s });
+        t(c);
       }));
     }, 100);
     return () => {
       clearTimeout(r), n == null || n.dispose();
     };
-  }, [t]);
+  }, [e]);
 };
-let Q = !1;
-function Ue(t) {
-  if (Q)
+let ee = !1;
+function We(e) {
+  if (ee)
     return;
-  const e = {
+  const t = {
     hover: !0,
     completion: !0,
     enableSchemaRequest: !1,
     validate: !0,
-    schemas: [t]
+    schemas: [e]
   };
-  Q = !0, he.setDiagnosticsOptions({ ...e });
+  ee = !0, ye.setDiagnosticsOptions({ ...t });
 }
-const se = (t) => fe.parse(`file://${t}`).toString(), Be = (t) => {
-  const { schemaConfig: e, instanceId: n } = t;
-  w(() => {
-    e != null && e.schema && Ue({
+const le = (e) => ge.parse(`file://${e}`).toString(), Ye = (e) => {
+  const { schemaConfig: t, instanceId: n } = e;
+  P(() => {
+    t != null && t.schema && We({
       // If YAML file is opened matching this glob
-      fileMatch: [se(n.toString())],
-      ...e
+      fileMatch: [le(n.toString())],
+      ...t
     });
-  }, [e == null ? void 0 : e.schema, n]);
+  }, [t == null ? void 0 : t.schema, n]);
 };
-A.config({ monaco: L });
-const ze = {
+B.config({ monaco: k });
+const He = {
   ...z,
   folding: !0
-}, Je = function(e) {
+}, nt = function(t) {
   const {
     yamlRevision: n,
     schemaConfig: r,
     inlineActions: a,
     themeConfig: o,
     onYamlRevisionChange: s,
-    selection: y,
-    theme: h,
-    options: l,
-    animateOnUpdate: u = !1,
-    onAnimateEnd: i
-  } = e, v = U(), [E] = _("yaml"), { editor: c, setEditor: b } = ae(), d = P(null), f = P(), C = P({ yaml: "", revisionId: 0 }), S = P(null), N = P(null), D = q(
-    (m) => {
-      var g, O, M;
-      const p = m.split(`
-`), $ = (g = S.current) == null ? void 0 : g.getModel();
-      if ($) {
-        (O = S.current) == null || O.pushUndoStop(), $.setValue("");
-        let x = 0;
+    selection: c,
+    theme: g,
+    options: m,
+    animateOnUpdate: f = !1,
+    onAnimateEnd: d
+  } = t, i = F(), [x] = L("yaml"), { editor: l, setEditor: $ } = ce(), h = C(null), u = C(), E = C({ yaml: "", revisionId: 0 }), b = C(null), N = C(null), T = q(
+    (p) => {
+      var v, j, M;
+      const y = p.split(`
+`), O = (v = b.current) == null ? void 0 : v.getModel();
+      if (O) {
+        (j = b.current) == null || j.pushUndoStop(), O.setValue("");
+        let S = 0;
         N.current = window.setInterval(() => {
-          var I;
-          x < p.length ? (v && ((I = S.current) == null || I.executeEdits("addLine", [
+          var V;
+          S < y.length ? (i && ((V = b.current) == null || V.executeEdits("addLine", [
             {
-              range: new v.Range(x + 1, 1, x + 1, 1),
-              text: p[x] + `
+              range: new i.Range(S + 1, 1, S + 1, 1),
+              text: y[S] + `
 `
             }
-          ])), x++) : N.current && (clearInterval(N.current), i == null || i());
-        }, 100), (M = S.current) == null || M.pushUndoStop();
+          ])), S++) : N.current && (clearInterval(N.current), d == null || d());
+        }, 100), (M = b.current) == null || M.pushUndoStop();
       }
     },
-    [v]
+    [i]
   );
-  w(() => () => {
+  P(() => () => {
     N.current && clearInterval(N.current);
   }, []);
-  function j(m, p) {
-    S.current = m, f.current = p, m.setValue(n.yaml), b(m), setTimeout(() => {
-      var $;
-      ($ = d.current) != null && $.style && (d.current.style.opacity = "1");
+  function D(p, y) {
+    b.current = p, u.current = y, p.setValue(n.yaml), $(p), setTimeout(() => {
+      var O;
+      (O = h.current) != null && O.style && (h.current.style.opacity = "1");
     }, 50);
   }
-  w(() => {
-    var m;
-    if (S.current && (!n.revisionId || n.revisionId > Number((m = C.current) == null ? void 0 : m.revisionId))) {
-      const p = S.current.getModel();
-      p && (S.current.executeEdits("edit", [
+  P(() => {
+    var p;
+    if (b.current && (!n.revisionId || n.revisionId > Number((p = E.current) == null ? void 0 : p.revisionId))) {
+      const y = b.current.getModel();
+      y && (b.current.executeEdits("edit", [
         {
-          range: p.getFullModelRange(),
-          text: u ? "" : n.yaml
+          range: y.getFullModelRange(),
+          text: f ? "" : n.yaml
         }
-      ]), u && D(n.yaml));
+      ]), f && T(n.yaml));
     }
-  }, [D, n, u]), Be({ schemaConfig: r, instanceId: E }), Ie({ editorRef: S, inlineActions: a });
-  const { theme: R } = F({ monacoRef: f, themeConfig: o, editor: c, theme: h });
-  Ae({ monacoRef: f }), Ve({ editorRef: S, selection: y });
-  const W = T(
+  }, [T, n, f]), Ye({ schemaConfig: r, instanceId: x }), Fe({ editorRef: b, inlineActions: a });
+  const { theme: I } = R({ monacoRef: u, themeConfig: o, editor: l, theme: g });
+  Re({ monacoRef: u }), ze({ editorRef: b, selection: c });
+  const W = _(
     () => ({
-      ...ze,
-      ...l
+      ...He,
+      ...m
     }),
-    [l]
+    [m]
   );
-  return /* @__PURE__ */ k.jsx("div", { style: { width: "100%", height: "100%", opacity: 0 }, ref: d, children: /* @__PURE__ */ k.jsx(
+  return /* @__PURE__ */ w.jsx("div", { style: { width: "100%", height: "100%", opacity: 0 }, ref: h, children: /* @__PURE__ */ w.jsx(
     Z,
     {
-      onChange: (m, p) => {
-        C.current = { yaml: m ?? "", revisionId: p.versionId }, s({ ...C.current }, p);
+      onChange: (p, y) => {
+        E.current = { yaml: p ?? "", revisionId: y.versionId }, s({ ...E.current }, y);
       },
       language: "yaml",
-      theme: R,
+      theme: I,
       options: W,
-      path: se(E),
-      onMount: j
+      path: le(x),
+      onMount: D
     }
   ) });
 };
 export {
-  Ke as BlameEditor,
-  Ze as CodeDiffEditor,
-  qe as CodeEditor,
+  Qe as BlameEditor,
+  et as CodeDiffEditor,
+  Xe as CodeEditor,
   K as MonacoGlobals,
-  te as SelectorType,
-  Je as YamlEditor,
-  oe as YamlEditorContext,
-  Ge as YamlEditorContextProvider,
-  ae as useYamlEditorContext
+  oe as SelectorType,
+  nt as YamlEditor,
+  ie as YamlEditorContext,
+  tt as YamlEditorContextProvider,
+  ce as useYamlEditorContext
 };
 //# sourceMappingURL=index.js.map