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

package/dist/bundled/v3/index.js

@@ -16,9 +16,9 @@ export { s as OrCheckboxGroupV3 } from './OrCheckboxGroup.vue_vue_type_script_la
 import './components/OrChips/OrChips.js';
 export { s as OrChips } from './OrChips.vue_vue_type_script_lang-70be98b5.js';
 import './components/OrCode/OrCode.js';
-export { s as OrCode } from './OrCode.vue_vue_type_script_lang-8355d429.js';
+export { s as OrCode } from './OrCode.vue_vue_type_script_lang-8c5b4f6e.js';
 import './components/OrCodeV3/OrCode.js';
-export { s as OrCodeV3 } from './OrCode.vue_vue_type_script_lang-29120928.js';
+export { s as OrCodeV3 } from './OrCode.vue_vue_type_script_lang-b46a0f8a.js';
 import './components/OrColorPicker/OrColorPicker.js';
 export { s as OrColorPicker } from './OrColorPicker.vue_vue_type_script_lang-7b6d1e64.js';
 import './components/OrCombinedInputV3/OrCombinedInput.js';
@@ -147,13 +147,12 @@ export { s as OrCheckboxTreeV3 } from './OrCheckboxTree.vue_vue_type_script_lang
 export { s as OrCheckboxV3 } from './OrCheckbox.vue_vue_type_script_lang-4fa909d8.js';
 export { s as OrChip } from './OrChip.vue_vue_type_script_lang-8ccf3d2d.js';
 export { OrCodeLanguages } from './components/OrCode/constants.js';
-export { b as basicSetup } from './index-b6a28985.js';
-export { a as lintGutter, l as linter } from './index-e556efde.js';
-export { javascript } from './index-83070a21.js';
-export { json, jsonParseLinter } from './index-1ec4fb10.js';
-export { html } from './index-b6bfd165.js';
+export { b as basicSetup, a as lintGutter, l as linter } from './index-f92296d7.js';
+export { javascript } from './index-22f7d3aa.js';
+export { json, jsonParseLinter } from './index-19d70079.js';
+export { html } from './index-84ea2fc8.js';
 export { CodeLanguage } from './components/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-e488383c.js';
+export { E as EditorView } from './index-929b54f2.js';
 export { s as OrCollapse } from './OrCollapse.vue_vue_type_script_lang-69503c45.js';
 export { amber, black, blue, blueGrey, brown, cyan, deepOrange, deepPurple, green, indigo, lightBlue, lightGreen, lime, orange, pink, purple, red, teal, white, yellow } from './components/OrColorPicker/constants.js';
 export { InputBoxSize as CombinedInputSize, InputBoxSize as DatePickerSize, InputBoxSize as DateTimePickerSize, InputBoxSize, InputBoxVariant, InputBoxSize as InputSize, InputBoxSize as SearchSize, InputBoxSize as SelectSize, InputBoxSize as TagInputSize, InputBoxSize as TextareaSize, InputBoxSize as TimePickerSize } from './components/OrInputBoxV3/props.js';

package/dist/esm/v2/{OrCode-920482b7.js → OrCode-adb9790d.js}

@@ -182,11 +182,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 => {
@@ -196,6 +192,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/esm/v2/components/index.js

@@ -22,9 +22,8 @@ export { lintGutter, linter } from '@codemirror/lint';
 export { javascript } from '@codemirror/lang-javascript';
 export { json, jsonParseLinter } from '@codemirror/lang-json';
 export { html } from '@codemirror/lang-html';
-export { C as CodeLanguage, _ as OrCodeV3 } from '../OrCode-920482b7.js';
-export * from '@codemirror/state';
-export * from '@codemirror/view';
+export { C as CodeLanguage, _ as OrCodeV3 } from '../OrCode-adb9790d.js';
+export { EditorView } from '@codemirror/view';
 export { _ as OrCollapse } from '../OrCollapse-9d22b072.js';
 export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-7a4f2fcb.js';
 export { _ as OrCombinedInputV3 } from '../OrCombinedInput-08f20c4c.js';
@@ -143,6 +142,7 @@ import '../useProxyModelValue-940010d2.js';
 import '../useIdAttribute-859439f0.js';
 import '../isEmptyValue-fd56a6e4.js';
 import '../OrChips.vue_rollup-plugin-vue_styles.0-fc390185.js';
+import '@codemirror/state';
 import '@codemirror/commands';
 import '@codemirror/lang-css';
 import '@codemirror/lang-markdown';

package/dist/esm/v2/components/or-code-v3/index.js

@@ -1,8 +1,6 @@
-export { C as CodeLanguage, _ as OrCodeV3 } from '../../OrCode-920482b7.js';
-export { lintGutter, linter } from '@codemirror/lint';
+export { C as CodeLanguage, _ as OrCodeV3 } from '../../OrCode-adb9790d.js';
 export { json, jsonParseLinter } from '@codemirror/lang-json';
-export * from '@codemirror/state';
-export * from '@codemirror/view';
+export { EditorView } from '@codemirror/view';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
@@ -16,6 +14,7 @@ import '@onereach/styles/tailwind.config.json';
 import '../../useValidationAttributes-d1abbe34.js';
 import 'codemirror';
 import '@codemirror/commands';
+import '@codemirror/state';
 import '../../OrError-4ffc1c39.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-aa221198.js';

package/dist/esm/v2/components/or-code-v3/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/esm/v2/index.js

@@ -22,9 +22,8 @@ export { lintGutter, linter } from '@codemirror/lint';
 export { javascript } from '@codemirror/lang-javascript';
 export { json, jsonParseLinter } from '@codemirror/lang-json';
 export { html } from '@codemirror/lang-html';
-export { C as CodeLanguage, _ as OrCodeV3 } from './OrCode-920482b7.js';
-export * from '@codemirror/state';
-export * from '@codemirror/view';
+export { C as CodeLanguage, _ as OrCodeV3 } from './OrCode-adb9790d.js';
+export { EditorView } from '@codemirror/view';
 export { _ as OrCollapse } from './OrCollapse-9d22b072.js';
 export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-7a4f2fcb.js';
 export { _ as OrCombinedInputV3 } from './OrCombinedInput-08f20c4c.js';
@@ -150,6 +149,7 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import './OrButton.vue_rollup-plugin-vue_styles.0-6f0a9dd4.js';
 import './OrChips.vue_rollup-plugin-vue_styles.0-fc390185.js';
+import '@codemirror/state';
 import '@codemirror/commands';
 import '@codemirror/lang-css';
 import '@codemirror/lang-markdown';

package/dist/esm/v3/{OrCode-a9234c28.js → OrCode-5457417e.js}

@@ -181,11 +181,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 => {
@@ -195,6 +191,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/esm/v3/components/index.js

@@ -21,9 +21,8 @@ export { lintGutter, linter } from '@codemirror/lint';
 export { javascript } from '@codemirror/lang-javascript';
 export { json, jsonParseLinter } from '@codemirror/lang-json';
 export { html } from '@codemirror/lang-html';
-export { C as CodeLanguage, s as OrCodeV3 } from '../OrCode-a9234c28.js';
-export * from '@codemirror/state';
-export * from '@codemirror/view';
+export { C as CodeLanguage, s as OrCodeV3 } from '../OrCode-5457417e.js';
+export { EditorView } from '@codemirror/view';
 export { s as OrCollapse } from '../OrCollapse-d7c0afae.js';
 export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-252f482b.js';
 export { s as OrCombinedInputV3 } from '../OrCombinedInput-b8a868cb.js';
@@ -138,6 +137,7 @@ import '../useTheme-0ef25778.js';
 import '../useProxyModelValue-940010d2.js';
 import '../useIdAttribute-859439f0.js';
 import '../isEmptyValue-fd56a6e4.js';
+import '@codemirror/state';
 import '@codemirror/commands';
 import '@codemirror/lang-css';
 import '@codemirror/lang-markdown';

package/dist/esm/v3/components/or-code-v3/index.js

@@ -1,8 +1,6 @@
-export { C as CodeLanguage, s as OrCodeV3 } from '../../OrCode-a9234c28.js';
-export { lintGutter, linter } from '@codemirror/lint';
+export { C as CodeLanguage, s as OrCodeV3 } from '../../OrCode-5457417e.js';
 export { json, jsonParseLinter } from '@codemirror/lang-json';
-export * from '@codemirror/state';
-export * from '@codemirror/view';
+export { EditorView } from '@codemirror/view';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
@@ -16,6 +14,7 @@ import '@onereach/styles/tailwind.config.json';
 import '../../useValidationAttributes-d1abbe34.js';
 import 'codemirror';
 import '@codemirror/commands';
+import '@codemirror/state';
 import '../../OrError-c01d0c29.js';
 import 'vue';
 import '../../OrHint-06ab89d7.js';

package/dist/esm/v3/components/or-code-v3/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/esm/v3/index.js

@@ -21,9 +21,8 @@ export { lintGutter, linter } from '@codemirror/lint';
 export { javascript } from '@codemirror/lang-javascript';
 export { json, jsonParseLinter } from '@codemirror/lang-json';
 export { html } from '@codemirror/lang-html';
-export { C as CodeLanguage, s as OrCodeV3 } from './OrCode-a9234c28.js';
-export * from '@codemirror/state';
-export * from '@codemirror/view';
+export { C as CodeLanguage, s as OrCodeV3 } from './OrCode-5457417e.js';
+export { EditorView } from '@codemirror/view';
 export { s as OrCollapse } from './OrCollapse-d7c0afae.js';
 export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-252f482b.js';
 export { s as OrCombinedInputV3 } from './OrCombinedInput-b8a868cb.js';
@@ -145,6 +144,7 @@ import './style-inject.es-4c6f2515.js';
 import '@vueuse/core';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
+import '@codemirror/state';
 import '@codemirror/commands';
 import '@codemirror/lang-css';
 import '@codemirror/lang-markdown';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "6.2.0-beta.3281.0",
+  "version": "6.2.0-beta.3286.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,

package/src/components/or-code-v3/OrCode.vue

@@ -299,10 +299,6 @@ export default defineComponent({
         ...defaultExtensions,
         addedExtensionCompartment.of([]),
       ],
-
-      // selection: selection.ranges.some((range) => range.to > modelValue.length)
-      //   ? { anchor: modelValue.length }
-      //   : selection,
     });
 
     const editorView = new EditorView({
@@ -318,6 +314,20 @@ export default defineComponent({
       },
     });
 
+    watch(proxyModelValue, (value) => {
+      const modelValue = 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 ([extensions, language]) => {
       const languageExt = await getLanguageExtension(language as CodeLanguage);
 

package/src/components/or-code-v3/libs.ts

@@ -1,7 +1,2 @@
-// used in the bundled expression-components
-
-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';