@onereach/ui-components 6.2.0-beta.3281.0 → 6.2.0-beta.3286.0

package/dist/bundled/v2/components/OrCode/OrCode.js

@@ -1,5 +1,5 @@
-import { w as EditorView, e as EditorState, a4 as keymap } from '../../index-8bffe4d5.js';
-import { b as basicSetup, i as indentWithTab } from '../../index-86927ce2.js';
+import { E as EditorView, a as EditorState, k as keymap } from '../../index-61aeae22.js';
+import { b as basicSetup, i as indentWithTab } from '../../index-5ce3ef85.js';
 import { u as useElementHover } from '../../index-509d77a1.js';
 import { defineComponent, ref } from 'vue-demi';
 import __vue_component__$3 from '../OrTeleport/OrTeleport.js';

package/dist/bundled/v2/components/OrCode/index.js

@@ -1,7 +1,6 @@
 export { default as OrCode } from './OrCode.js';
 export { OrCodeLanguages } from './constants.js';
-export { b as basicSetup } from '../../index-86927ce2.js';
-export { a as lintGutter, l as linter } from '../../index-c6b2aeae.js';
-export { javascript } from '../../index-181d90ab.js';
-export { json, jsonParseLinter } from '../../index-586d2cf4.js';
-export { html } from '../../index-49b0c759.js';
+export { b as basicSetup, a as lintGutter, l as linter } from '../../index-5ce3ef85.js';
+export { javascript } from '../../index-64a3a364.js';
+export { json, jsonParseLinter } from '../../index-f31843f4.js';
+export { html } from '../../index-5dd41049.js';

package/dist/bundled/v2/components/OrCode/lang.js

@@ -1,8 +1,8 @@
-import { html } from '../../index-49b0c759.js';
-import { css } from '../../index-118afe52.js';
-import { json } from '../../index-586d2cf4.js';
-import { javascript } from '../../index-181d90ab.js';
-import { markdown } from '../../index-bbdfebea.js';
+import { html } from '../../index-5dd41049.js';
+import { css } from '../../index-e72fe4a8.js';
+import { json } from '../../index-f31843f4.js';
+import { javascript } from '../../index-64a3a364.js';
+import { markdown } from '../../index-5ee42d1f.js';
 import { OrCodeLanguages } from './constants.js';
 
 const JS = javascript({

package/dist/bundled/v2/components/OrCode/libs.js

@@ -1,5 +1,4 @@
-export { b as basicSetup } from '../../index-86927ce2.js';
-export { a as lintGutter, l as linter } from '../../index-c6b2aeae.js';
-export { javascript } from '../../index-181d90ab.js';
-export { json, jsonParseLinter } from '../../index-586d2cf4.js';
-export { html } from '../../index-49b0c759.js';
+export { b as basicSetup, a as lintGutter, l as linter } from '../../index-5ce3ef85.js';
+export { javascript } from '../../index-64a3a364.js';
+export { json, jsonParseLinter } from '../../index-f31843f4.js';
+export { html } from '../../index-5dd41049.js';

package/dist/bundled/v2/components/OrCode/theme.js

@@ -1,4 +1,4 @@
-import { w as EditorView, aM as HighlightStyle, ax as tags, as as syntaxHighlighting } from '../../index-8bffe4d5.js';
+import { E as EditorView, am as HighlightStyle, a4 as tags, Y as syntaxHighlighting } from '../../index-61aeae22.js';
 
 // Using https://github.com/one-dark/vscode-one-dark-theme/ as reference for the colors
 const chalky = 'var(--c-warning-darken-20)',

package/dist/bundled/v2/components/OrCodeV3/OrCode.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, reactive, toRef, watch, onMounted, onUnmounted } from 'vue-demi';
-import { b as basicSetup, i as indentWithTab } from '../../index-86927ce2.js';
-import { d as Compartment, a4 as keymap, e as EditorState, w as EditorView } from '../../index-8bffe4d5.js';
+import { b as basicSetup, i as indentWithTab } from '../../index-5ce3ef85.js';
+import { C as Compartment, k as keymap, a as EditorState, E as EditorView } from '../../index-61aeae22.js';
 import { CodeLanguage } from './props.js';
 import { Code, CodeControl } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
@@ -89,19 +89,19 @@ var script = defineComponent({
     const getLanguageExtension = async language => {
       switch (language) {
         case CodeLanguage.HTML:
-          return (await import('../../index-49b0c759.js')).html();
+          return (await import('../../index-5dd41049.js')).html();
         case CodeLanguage.CSS:
-          return (await import('../../index-118afe52.js')).css();
+          return (await import('../../index-e72fe4a8.js')).css();
         case CodeLanguage.JS:
-          return (await import('../../index-181d90ab.js')).javascript();
+          return (await import('../../index-64a3a364.js')).javascript();
         case CodeLanguage.TS:
-          return (await import('../../index-181d90ab.js')).javascript({
+          return (await import('../../index-64a3a364.js')).javascript({
             typescript: true
           });
         case CodeLanguage.JSON:
-          return (await import('../../index-586d2cf4.js')).json();
+          return (await import('../../index-f31843f4.js')).json();
         case CodeLanguage.MD:
-          return (await import('../../index-bbdfebea.js')).markdown();
+          return (await import('../../index-5ee42d1f.js')).markdown();
       }
     };
     // Methods
@@ -154,11 +154,7 @@ var script = defineComponent({
     const state = EditorState.create({
       doc: proxyModelValue.value,
       extensions: [...defaultExtensions, addedExtensionCompartment.of([])]
-      // selection: selection.ranges.some((range) => range.to > modelValue.length)
-      //   ? { anchor: modelValue.length }
-      //   : selection,
     });
-
     const editorView = new EditorView({
       state,
       dispatch: transaction => {
@@ -168,6 +164,22 @@ var script = defineComponent({
         }
       }
     });
+    watch(proxyModelValue, value => {
+      const modelValue = value !== null && value !== void 0 ? value : '';
+      const {
+        selection
+      } = editorView.state;
+      editorView.dispatch({
+        changes: {
+          from: 0,
+          to: editorView.state.doc.length,
+          insert: modelValue
+        },
+        selection: selection.ranges.some(range => range.to > modelValue.length) ? {
+          anchor: modelValue.length
+        } : selection
+      });
+    });
     watch([() => props.extensions, () => props.language], async _ref => {
       let [extensions, language] = _ref;
       const languageExt = await getLanguageExtension(language);

package/dist/bundled/v2/components/OrCodeV3/index.js

@@ -1,5 +1,4 @@
 export { default as OrCodeV3 } from './OrCode.js';
 export { CodeLanguage } from './props.js';
-export { a as lintGutter, l as linter } from '../../index-c6b2aeae.js';
-export { json, jsonParseLinter } from '../../index-586d2cf4.js';
-export { A as Annotation, a as AnnotationType, B as BidiSpan, t as BlockInfo, u as BlockType, C as ChangeDesc, b as ChangeSet, c as CharCategory, d as Compartment, D as Decoration, v as Direction, E as EditorSelection, e as EditorState, w as EditorView, F as Facet, G as GutterMarker, L as Line, M as MapMode, x as MatchDecorator, P as Prec, R as Range, f as RangeSet, g as RangeSetBuilder, h as RangeValue, y as RectangleMarker, S as SelectionRange, i as StateEffect, j as StateEffectType, k as StateField, T as Text, l as Transaction, V as ViewPlugin, z as ViewUpdate, W as WidgetType, _ as __test, H as closeHoverTooltips, m as codePointAt, n as codePointSize, o as combineConfig, p as countColumn, I as crosshairCursor, J as drawSelection, K as dropCursor, q as findClusterBreak, r as findColumn, s as fromCodePoint, N as getPanel, O as getTooltip, Q as gutter, U as gutterLineClass, X as gutters, Y as hasHoverTooltips, Z as highlightActiveLine, $ as highlightActiveLineGutter, a0 as highlightSpecialChars, a1 as highlightTrailingWhitespace, a2 as highlightWhitespace, a3 as hoverTooltip, a4 as keymap, a5 as layer, a6 as lineNumberMarkers, a7 as lineNumbers, a8 as logException, a9 as panels, aa as placeholder, ab as rectangularSelection, ac as repositionTooltips, ad as runScopeHandlers, ae as scrollPastEnd, af as showPanel, ag as showTooltip, ah as tooltips } from '../../index-8bffe4d5.js';
+export { json, jsonParseLinter } from '../../index-f31843f4.js';
+export { E as EditorView } from '../../index-61aeae22.js';

package/dist/bundled/v2/components/OrCodeV3/libs.d.ts

@@ -1,4 +1,2 @@
-export { linter, lintGutter } from '@codemirror/lint';
 export { json, jsonParseLinter } from '@codemirror/lang-json';
-export * from '@codemirror/state';
-export * from '@codemirror/view';
+export { EditorView } from '@codemirror/view';

package/dist/bundled/v2/components/OrCodeV3/libs.js

@@ -1,3 +1,2 @@
-export { a as lintGutter, l as linter } from '../../index-c6b2aeae.js';
-export { json, jsonParseLinter } from '../../index-586d2cf4.js';
-export { A as Annotation, a as AnnotationType, B as BidiSpan, t as BlockInfo, u as BlockType, C as ChangeDesc, b as ChangeSet, c as CharCategory, d as Compartment, D as Decoration, v as Direction, E as EditorSelection, e as EditorState, w as EditorView, F as Facet, G as GutterMarker, L as Line, M as MapMode, x as MatchDecorator, P as Prec, R as Range, f as RangeSet, g as RangeSetBuilder, h as RangeValue, y as RectangleMarker, S as SelectionRange, i as StateEffect, j as StateEffectType, k as StateField, T as Text, l as Transaction, V as ViewPlugin, z as ViewUpdate, W as WidgetType, _ as __test, H as closeHoverTooltips, m as codePointAt, n as codePointSize, o as combineConfig, p as countColumn, I as crosshairCursor, J as drawSelection, K as dropCursor, q as findClusterBreak, r as findColumn, s as fromCodePoint, N as getPanel, O as getTooltip, Q as gutter, U as gutterLineClass, X as gutters, Y as hasHoverTooltips, Z as highlightActiveLine, $ as highlightActiveLineGutter, a0 as highlightSpecialChars, a1 as highlightTrailingWhitespace, a2 as highlightWhitespace, a3 as hoverTooltip, a4 as keymap, a5 as layer, a6 as lineNumberMarkers, a7 as lineNumbers, a8 as logException, a9 as panels, aa as placeholder, ab as rectangularSelection, ac as repositionTooltips, ad as runScopeHandlers, ae as scrollPastEnd, af as showPanel, ag as showTooltip, ah as tooltips } from '../../index-8bffe4d5.js';
+export { json, jsonParseLinter } from '../../index-f31843f4.js';
+export { E as EditorView } from '../../index-61aeae22.js';

package/dist/bundled/v2/components/index.js

@@ -25,14 +25,13 @@ export { default as OrChip } from './OrChip/OrChip.js';
 export { default as OrChips } from './OrChips/OrChips.js';
 export { default as OrCode } from './OrCode/OrCode.js';
 export { OrCodeLanguages } from './OrCode/constants.js';
-export { b as basicSetup } from '../index-86927ce2.js';
-export { a as lintGutter, l as linter } from '../index-c6b2aeae.js';
-export { javascript } from '../index-181d90ab.js';
-export { json, jsonParseLinter } from '../index-586d2cf4.js';
-export { html } from '../index-49b0c759.js';
+export { b as basicSetup, a as lintGutter, l as linter } from '../index-5ce3ef85.js';
+export { javascript } from '../index-64a3a364.js';
+export { json, jsonParseLinter } from '../index-f31843f4.js';
+export { html } from '../index-5dd41049.js';
 export { default as OrCodeV3 } from './OrCodeV3/OrCode.js';
 export { CodeLanguage } from './OrCodeV3/props.js';
-export { A as Annotation, a as AnnotationType, B as BidiSpan, t as BlockInfo, u as BlockType, C as ChangeDesc, b as ChangeSet, c as CharCategory, d as Compartment, D as Decoration, v as Direction, E as EditorSelection, e as EditorState, w as EditorView, F as Facet, G as GutterMarker, L as Line, M as MapMode, x as MatchDecorator, P as Prec, R as Range, f as RangeSet, g as RangeSetBuilder, h as RangeValue, y as RectangleMarker, S as SelectionRange, i as StateEffect, j as StateEffectType, k as StateField, T as Text, l as Transaction, V as ViewPlugin, z as ViewUpdate, W as WidgetType, _ as __test, H as closeHoverTooltips, m as codePointAt, n as codePointSize, o as combineConfig, p as countColumn, I as crosshairCursor, J as drawSelection, K as dropCursor, q as findClusterBreak, r as findColumn, s as fromCodePoint, N as getPanel, O as getTooltip, Q as gutter, U as gutterLineClass, X as gutters, Y as hasHoverTooltips, Z as highlightActiveLine, $ as highlightActiveLineGutter, a0 as highlightSpecialChars, a1 as highlightTrailingWhitespace, a2 as highlightWhitespace, a3 as hoverTooltip, a4 as keymap, a5 as layer, a6 as lineNumberMarkers, a7 as lineNumbers, a8 as logException, a9 as panels, aa as placeholder, ab as rectangularSelection, ac as repositionTooltips, ad as runScopeHandlers, ae as scrollPastEnd, af as showPanel, ag as showTooltip, ah as tooltips } from '../index-8bffe4d5.js';
+export { E as EditorView } from '../index-61aeae22.js';
 export { default as OrCollapse } from './OrCollapse/OrCollapse.js';
 export { default as OrColorPicker } from './OrColorPicker/OrColorPicker.js';
 export { amber, black, blue, blueGrey, brown, cyan, deepOrange, deepPurple, green, indigo, lightBlue, lightGreen, lime, orange, pink, purple, red, teal, white, yellow } from './OrColorPicker/constants.js';