@onereach/ui-components 4.10.3 → 4.10.4-beta.2954.0

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

@@ -1,5 +1,5 @@
-import { E as EditorView, F as Facet, c as combineConfig, S as StateField, a as EditorSelection, T as Transaction, C as ChangeSet, b as ChangeDesc, I as IndentContext, g as getIndentation, i as indentString, d as Text, e as indentUnit, f as countColumn, h as getIndentUnit, A as Annotation, j as StateEffect, m as matchBrackets, s as syntaxTree, N as NodeProp, D as Direction, k as findClusterBreak, V as ViewPlugin, l as Decoration, n as codePointAt, o as codePointSize, p as getPanel, q as CharCategory, P as Prec, r as fromCodePoint, t as showPanel, R as RangeSetBuilder, u as EditorState, v as runScopeHandlers, w as hoverTooltip, W as WidgetType, x as logException, y as lineNumbers, z as highlightActiveLineGutter, B as highlightSpecialChars, G as foldGutter, H as drawSelection, J as dropCursor, K as indentOnInput, L as syntaxHighlighting, M as defaultHighlightStyle, O as bracketMatching, Q as rectangularSelection, U as crosshairCursor, X as highlightActiveLine, Y as keymap, Z as foldKeymap } from '../../index-cf2c3c27.js';
-import { c as closeBrackets, a as autocompletion, b as closeBracketsKeymap, d as completionKeymap, l as languages } from '../../lang-0fb8f78b.js';
+import { E as EditorView, F as Facet, c as combineConfig, S as StateField, a as EditorSelection, T as Transaction, C as ChangeSet, b as ChangeDesc, I as IndentContext, g as getIndentation, i as indentString, d as Text, e as indentUnit, f as countColumn, h as getIndentUnit, A as Annotation, j as StateEffect, m as matchBrackets, s as syntaxTree, N as NodeProp, D as Direction, k as findClusterBreak, V as ViewPlugin, l as Decoration, n as codePointAt, o as codePointSize, p as getPanel, q as CharCategory, P as Prec, r as fromCodePoint, t as showPanel, R as RangeSetBuilder, u as EditorState, v as runScopeHandlers, w as hoverTooltip, W as WidgetType, x as lineNumbers, y as highlightActiveLineGutter, z as highlightSpecialChars, B as foldGutter, G as drawSelection, H as dropCursor, J as indentOnInput, K as syntaxHighlighting, L as defaultHighlightStyle, M as bracketMatching, O as rectangularSelection, Q as crosshairCursor, U as highlightActiveLine, X as keymap, Y as foldKeymap } from '../../index-a67049f4.js';
+import { c as closeBrackets, a as autocompletion, b as closeBracketsKeymap, d as completionKeymap, l as languages } from '../../lang-02d1cdeb.js';
 import { a as useElementHover } from '../../index-c92e2839.js';
 import { defineComponent, ref } from 'vue-demi';
 import __vue_component__$3 from '../OrTeleport/OrTeleport.js';
@@ -142,7 +142,7 @@ function selectedLineRanges(state) {
     let toLine = r.to <= fromLine.to ? fromLine : state.doc.lineAt(r.to);
     let last = ranges.length - 1;
     if (last >= 0 && ranges[last].to > fromLine.from) ranges[last].to = toLine.to;else ranges.push({
-      from: fromLine.from,
+      from: fromLine.from + /^\s*/.exec(fromLine.text)[0].length,
       to: toLine.to
     });
   }
@@ -1773,7 +1773,7 @@ The default keymap. Includes all bindings from
 - Shift-Alt-ArrowUp: [`copyLineUp`](https://codemirror.net/6/docs/ref/#commands.copyLineUp)
 - Shift-Alt-ArrowDown: [`copyLineDown`](https://codemirror.net/6/docs/ref/#commands.copyLineDown)
 - Escape: [`simplifySelection`](https://codemirror.net/6/docs/ref/#commands.simplifySelection)
-- Ctrl-Enter (Comd-Enter on macOS): [`insertBlankLine`](https://codemirror.net/6/docs/ref/#commands.insertBlankLine)
+- Ctrl-Enter (Cmd-Enter on macOS): [`insertBlankLine`](https://codemirror.net/6/docs/ref/#commands.insertBlankLine)
 - Alt-l (Ctrl-l on macOS): [`selectLine`](https://codemirror.net/6/docs/ref/#commands.selectLine)
 - Ctrl-i (Cmd-i on macOS): [`selectParentSyntax`](https://codemirror.net/6/docs/ref/#commands.selectParentSyntax)
 - Ctrl-[ (Cmd-[ on macOS): [`indentLess`](https://codemirror.net/6/docs/ref/#commands.indentLess)
@@ -2729,9 +2729,10 @@ const findNext = /*@__PURE__*/searchCommand((view, _ref4) => {
   let config = view.state.facet(searchConfigFacet);
   view.dispatch({
     selection,
-    effects: [announceMatch(view, next), config.scrollToMatch(selection.main)],
+    effects: [announceMatch(view, next), config.scrollToMatch(selection.main, view)],
     userEvent: "select.search"
   });
+  selectSearchInput(view);
   return true;
 });
 /**
@@ -2755,9 +2756,10 @@ const findPrevious = /*@__PURE__*/searchCommand((view, _ref5) => {
   let config = view.state.facet(searchConfigFacet);
   view.dispatch({
     selection,
-    effects: [announceMatch(view, prev), config.scrollToMatch(selection.main)],
+    effects: [announceMatch(view, prev), config.scrollToMatch(selection.main, view)],
     userEvent: "select.search"
   });
+  selectSearchInput(view);
   return true;
 });
 /**
@@ -2837,7 +2839,7 @@ const replaceNext = /*@__PURE__*/searchCommand((view, _ref8) => {
     let off = changes.length == 0 || changes[0].from >= next.to ? 0 : next.to - next.from - replacement.length;
     selection = EditorSelection.single(next.from - off, next.to - off);
     effects.push(announceMatch(view, next));
-    effects.push(state.facet(searchConfigFacet).scrollToMatch(selection.main));
+    effects.push(state.facet(searchConfigFacet).scrollToMatch(selection.main, view));
   }
   view.dispatch({
     changes,
@@ -2892,15 +2894,21 @@ function defaultQuery(state, fallback) {
     wholeWord: (_d = fallback === null || fallback === void 0 ? void 0 : fallback.wholeWord) !== null && _d !== void 0 ? _d : config.wholeWord
   });
 }
+function getSearchInput(view) {
+  let panel = getPanel(view, createSearchPanel);
+  return panel && panel.dom.querySelector("[main-field]");
+}
+function selectSearchInput(view) {
+  let input = getSearchInput(view);
+  if (input && input == view.root.activeElement) input.select();
+}
 /**
 Make sure the search panel is open and focused.
 */
 const openSearchPanel = view => {
   let state = view.state.field(searchState, false);
   if (state && state.panel) {
-    let panel = getPanel(view, createSearchPanel);
-    if (!panel) return false;
-    let searchInput = panel.dom.querySelector("[main-field]");
+    let searchInput = getSearchInput(view);
     if (searchInput && searchInput != view.root.activeElement) {
       let query = defaultQuery(view.state, state.query.spec);
       if (query.valid) view.dispatch({
@@ -3203,25 +3211,7 @@ function hideTooltip(tr, tooltip) {
   return !!(tr.effects.some(e => e.is(setDiagnosticsEffect)) || tr.changes.touchesRange(tooltip.pos));
 }
 function maybeEnableLint(state, effects) {
-  return state.field(lintState, false) ? effects : effects.concat(StateEffect.appendConfig.of([lintState, EditorView.decorations.compute([lintState], state => {
-    let {
-      selected,
-      panel
-    } = state.field(lintState);
-    return !selected || !panel || selected.from == selected.to ? Decoration.none : Decoration.set([activeMark.range(selected.from, selected.to)]);
-  }), hoverTooltip(lintTooltip, {
-    hideOn: hideTooltip
-  }), baseTheme]));
-}
-/**
-Returns a transaction spec which updates the current set of
-diagnostics, and enables the lint extension if if wasn't already
-active.
-*/
-function setDiagnostics(state, diagnostics) {
-  return {
-    effects: maybeEnableLint(state, [setDiagnosticsEffect.of(diagnostics)])
-  };
+  return state.field(lintState, false) ? effects : effects.concat(StateEffect.appendConfig.of(lintExtensions));
 }
 /**
 The state effect that updates the set of active diagnostics. Can
@@ -3354,58 +3344,6 @@ const lintKeymap = [{
   key: "F8",
   run: nextDiagnostic
 }];
-const lintPlugin = /*@__PURE__*/ViewPlugin.fromClass(class {
-  constructor(view) {
-    this.view = view;
-    this.timeout = -1;
-    this.set = true;
-    let {
-      delay
-    } = view.state.facet(lintConfig);
-    this.lintTime = Date.now() + delay;
-    this.run = this.run.bind(this);
-    this.timeout = setTimeout(this.run, delay);
-  }
-  run() {
-    let now = Date.now();
-    if (now < this.lintTime - 10) {
-      setTimeout(this.run, this.lintTime - now);
-    } else {
-      this.set = false;
-      let {
-          state
-        } = this.view,
-        {
-          sources
-        } = state.facet(lintConfig);
-      Promise.all(sources.map(source => Promise.resolve(source(this.view)))).then(annotations => {
-        let all = annotations.reduce((a, b) => a.concat(b));
-        if (this.view.state.doc == state.doc) this.view.dispatch(setDiagnostics(this.view.state, all));
-      }, error => {
-        logException(this.view.state, error);
-      });
-    }
-  }
-  update(update) {
-    let config = update.state.facet(lintConfig);
-    if (update.docChanged || config != update.startState.facet(lintConfig) || config.needsRefresh && config.needsRefresh(update)) {
-      this.lintTime = Date.now() + config.delay;
-      if (!this.set) {
-        this.set = true;
-        this.timeout = setTimeout(this.run, config.delay);
-      }
-    }
-  }
-  force() {
-    if (this.set) {
-      this.lintTime = Date.now();
-      this.run();
-    }
-  }
-  destroy() {
-    clearTimeout(this.timeout);
-  }
-});
 const lintConfig = /*@__PURE__*/Facet.define({
   combine(input) {
     return Object.assign({
@@ -3418,8 +3356,7 @@ const lintConfig = /*@__PURE__*/Facet.define({
     }, {
       needsRefresh: (a, b) => !a ? b : !b ? a : u => a(u) || b(u)
     }));
-  },
-  enables: lintPlugin
+  }
 });
 function assignKeys(actions) {
   let assigned = [];
@@ -3782,6 +3719,15 @@ const baseTheme = /*@__PURE__*/EditorView.baseTheme({
     }
   }
 });
+const lintExtensions = [lintState, /*@__PURE__*/EditorView.decorations.compute([lintState], state => {
+  let {
+    selected,
+    panel
+  } = state.field(lintState);
+  return !selected || !panel || selected.from == selected.to ? Decoration.none : Decoration.set([activeMark.range(selected.from, selected.to)]);
+}), /*@__PURE__*/hoverTooltip(lintTooltip, {
+  hideOn: hideTooltip
+}), baseTheme];
 
 // (The superfluous function calls around the list of extensions work
 // around current limitations in tree-shaking software.)

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

@@ -1,7 +1,7 @@
 export { default as OrCode } from './OrCode.js';
 export { OrCodeLanguages } from './constants.js';
-import '../../index-cf2c3c27.js';
-import '../../lang-0fb8f78b.js';
+import '../../index-a67049f4.js';
+import '../../lang-02d1cdeb.js';
 import '../../index-c92e2839.js';
 import '../../index-ec92055d.js';
 import 'vue-demi';

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

@@ -1,3 +1,3 @@
-export { C as CSS, H as HTML, J as JS, e as JSON, M as MD, T as TS, l as default } from '../../lang-0fb8f78b.js';
+export { C as CSS, H as HTML, J as JS, e as JSON, M as MD, T as TS, l as default } from '../../lang-02d1cdeb.js';
 import './constants.js';
-import '../../index-cf2c3c27.js';
+import '../../index-a67049f4.js';

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

@@ -1,4 +1,4 @@
-import { E as EditorView, ar as HighlightStyle, aa as tags, L as syntaxHighlighting } from '../../index-cf2c3c27.js';
+import { E as EditorView, ar as HighlightStyle, aa as tags, K as syntaxHighlighting } from '../../index-a67049f4.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/OrInputV3/OrInput.js

@@ -114,7 +114,7 @@ var script = defineComponent({
       default: false
     }
   },
-  emits: ['update:modelValue', 'keydown', 'keyup', 'focus', 'blur'],
+  emits: ['update:modelValue', 'input', 'keydown', 'keyup', 'focus', 'blur'],
   expose: ['root', 'focus', 'blur'],
   setup(props, context) {
     // Refs
@@ -170,7 +170,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-75bfda1e]{min-width:0;background:0 0;outline:0}input[type=number][data-v-75bfda1e]::-webkit-inner-spin-button{display:none}input[type=search][data-v-75bfda1e]::-webkit-search-cancel-button{display:none}";
+var css_248z = "input[data-v-14b2aee8]{min-width:0;background:0 0;outline:0}input[type=number][data-v-14b2aee8]::-webkit-inner-spin-button{display:none}input[type=search][data-v-14b2aee8]::-webkit-search-cancel-button{display:none}";
 styleInject(css_248z);
 
 /* script */
@@ -271,6 +271,9 @@ var __vue_render__ = function () {
       "checked": Array.isArray(_vm.proxyModelValue) ? _vm._i(_vm.proxyModelValue, null) > -1 : _vm.proxyModelValue
     },
     on: {
+      "input": function ($event) {
+        return _vm.$emit('input', $event);
+      },
       "keydown": function ($event) {
         return _vm.$emit('keydown', $event);
       },
@@ -321,6 +324,9 @@ var __vue_render__ = function () {
       "checked": _vm._q(_vm.proxyModelValue, null)
     },
     on: {
+      "input": function ($event) {
+        return _vm.$emit('input', $event);
+      },
       "keydown": function ($event) {
         return _vm.$emit('keydown', $event);
       },
@@ -358,6 +364,14 @@ var __vue_render__ = function () {
       "value": _vm.proxyModelValue
     },
     on: {
+      "input": [function ($event) {
+        if ($event.target.composing) {
+          return;
+        }
+        _vm.proxyModelValue = $event.target.value;
+      }, function ($event) {
+        return _vm.$emit('input', $event);
+      }],
       "keydown": function ($event) {
         return _vm.$emit('keydown', $event);
       },
@@ -369,12 +383,6 @@ var __vue_render__ = function () {
       },
       "blur": function ($event) {
         return _vm.$emit('blur', $event);
-      },
-      "input": function ($event) {
-        if ($event.target.composing) {
-          return;
-        }
-        _vm.proxyModelValue = $event.target.value;
       }
     }
   }, 'input', _vm.controlAttributes, false))]), _vm._v(" "), _c('div', {
@@ -422,7 +430,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-75bfda1e";
+const __vue_scope_id__ = "data-v-14b2aee8";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

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

@@ -29,7 +29,7 @@ import '../../utils/isEmpty.js';
 import '../OrLoader/constants.js';
 
 /*!
-* tabbable 6.1.1
+* tabbable 6.1.2
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
 // NOTE: separate `:not()` selectors has broader browser support than the newer

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

@@ -216,8 +216,8 @@ import '../utils/isEmptyValue.js';
 import './OrCheckboxV3/styles.js';
 import './OrFormGroupV3/styles.js';
 import './OrChips/constants.js';
-import '../index-cf2c3c27.js';
-import '../lang-0fb8f78b.js';
+import '../index-a67049f4.js';
+import '../lang-02d1cdeb.js';
 import './OrCode/theme.js';
 import './OrColorPicker/utils/defultPalette.js';
 import './OrCombinedInputV3/styles.js';