@onereach/ui-components 4.11.0-beta.2932.0 → 4.11.0

package/dist/bundled/v2/{index-c92e2839.js → index-760079e7.js}

@@ -794,4 +794,4 @@ function useVModel(props, key, emit, options = {}) {
   }
 }
 
-export { SwipeDirection as S, useElementHover as a, useMagicKeys as b, useActiveElement as c, useElementBounding as d, useDraggable as e, useResizeObserver as f, usePointerSwipe as g, useElementSize as h, unrefElement as i, useScrollLock as j, useMutationObserver as k, useMediaQuery as l, useEventBus as m, onClickOutside as o, useVModel as u };
+export { SwipeDirection as S, useMagicKeys as a, useActiveElement as b, useVModel as c, useElementBounding as d, useDraggable as e, useResizeObserver as f, usePointerSwipe as g, useElementSize as h, unrefElement as i, useScrollLock as j, useMutationObserver as k, useMediaQuery as l, useEventBus as m, onClickOutside as o, useElementHover as u };

package/dist/bundled/{v3/OrCode.vue_vue_type_script_lang-46846a36.js → v2/index-9c1d2908.js}

@@ -1,20 +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 { a as useElementHover } from './index-09d1cb24.js';
-import { defineComponent, ref } from 'vue-demi';
-import script$3 from './components/OrTeleport/OrTeleport.js';
-import { OrCodeLanguages } from './components/OrCode/constants.js';
-import theme from './components/OrCode/theme.js';
-import './components/OrIconButtonV2/OrIconButton.js';
-import './components/OrModal/OrModal.js';
-import { s as script$2 } from './OrModal.vue_vue_type_script_lang-153819d3.js';
-import './components/OrError/OrError.js';
-import './components/OrHint/OrHint.js';
-import './components/OrLabel/OrLabel.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-e078ed4c.js';
-import { s as script$4 } from './OrError.vue_vue_type_script_lang-450321b8.js';
-import { s as script$5 } from './OrHint.vue_vue_type_script_lang-5eb3ee22.js';
-import { s as script$6 } from './OrLabel.vue_vue_type_script_lang-6243e348.js';
+import { E as EditorView, F as Facet, c as combineConfig, S as StateField, b as EditorSelection, T as Transaction, C as ChangeSet, d as ChangeDesc, I as IndentContext, g as getIndentation, i as indentString, e as Text, f as indentUnit, h as countColumn, j as getIndentUnit, A as Annotation, l as StateEffect, m as matchBrackets, s as syntaxTree, N as NodeProp, D as Direction, n as findClusterBreak, V as ViewPlugin, o as Decoration, p as codePointAt, q as codePointSize, r as getPanel, t as CharCategory, P as Prec, u as fromCodePoint, v as showPanel, R as RangeSetBuilder, a as EditorState, w as runScopeHandlers, x as hoverTooltip, W as WidgetType, 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, k as keymap, Y as foldKeymap } from './index-451f3d87.js';
+import { b as closeBrackets, d as autocompletion, e as closeBracketsKeymap, f as completionKeymap } from './index-11e9d6f2.js';
 
 /**
 Comment or uncomment the current selection. Will use line comments
@@ -122,7 +107,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
     });
   }
@@ -1753,7 +1738,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)
@@ -2709,9 +2694,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;
 });
 /**
@@ -2735,9 +2721,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;
 });
 /**
@@ -2817,7 +2804,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,
@@ -2872,15 +2859,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({
@@ -3183,25 +3176,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
@@ -3334,58 +3309,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({
@@ -3398,8 +3321,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 = [];
@@ -3762,6 +3684,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.)
@@ -3806,221 +3737,4 @@ const basicSetup = /*@__PURE__*/(() => [lineNumbers(), highlightActiveLineGutter
   fallback: true
 }), bracketMatching(), closeBrackets(), autocompletion(), rectangularSelection(), crosshairCursor(), highlightActiveLine(), highlightSelectionMatches(), keymap.of([...closeBracketsKeymap, ...defaultKeymap, ...searchKeymap, ...historyKeymap, ...foldKeymap, ...completionKeymap, ...lintKeymap])])();
 
-//partially based on https://github.com/logue/vue-codemirror6/blob/master/src/components/CodeMirror.vue
-var script = defineComponent({
-  name: 'OrCode',
-  components: {
-    OrIconButton: script$1,
-    OrModal: script$2,
-    OrTeleport: script$3,
-    OrError: script$4,
-    OrHint: script$5,
-    OrLabel: script$6
-  },
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue'
-  },
-  props: {
-    label: {
-      type: String,
-      default: '',
-      required: false
-    },
-    modelValue: {
-      type: String,
-      default: '',
-      required: false
-    },
-    language: {
-      type: [Object, String],
-      required: false,
-      default: OrCodeLanguages.JS
-    },
-    isReadonly: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    extensions: {
-      type: Array,
-      required: false,
-      default: () => [basicSetup]
-    },
-    phrases: {
-      type: Object,
-      required: false,
-      default: null
-    },
-    isShowingFullscreen: {
-      type: Boolean,
-      default: true,
-      required: false
-    },
-    isInvalid: {
-      type: Boolean,
-      default: false,
-      required: false
-    },
-    error: {
-      type: String,
-      default: '',
-      required: false
-    },
-    hint: {
-      type: String,
-      default: '',
-      required: false
-    },
-    allowPaste: {
-      type: Boolean,
-      default: true
-    },
-    allowDrop: {
-      type: Boolean,
-      default: true
-    },
-    lineWrapping: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ['update:modelValue', 'focus', 'blur'],
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
-    // editor config
-    const root = ref();
-    const target = ref();
-    const fullscreenTarget = ref();
-    const isHovered = useElementHover(root);
-    const editor = new EditorView({
-      state: EditorState.create({
-        doc: props.modelValue
-      }),
-      dispatch: tr => {
-        editor.update([tr]);
-        if (tr.changes.empty) return;
-        emit('update:modelValue', editor.state.doc.toString());
-      }
-    });
-    return {
-      root,
-      target,
-      fullscreenTarget,
-      editor,
-      isHovered
-    };
-  },
-  data() {
-    return {
-      isFullscreen: false
-    };
-  },
-  computed: {
-    localLanguage() {
-      if (Object.values(OrCodeLanguages).includes(this.language)) {
-        return languages[this.language];
-      } else {
-        return this.language;
-      }
-    },
-    localExtensions() {
-      const {
-        allowDrop,
-        allowPaste,
-        lineWrapping,
-        extensions
-      } = this;
-      let ext = [theme, EditorView.baseTheme({}),
-      // locale settings
-      this.phrases ? EditorState.phrases.of(this.phrases) : undefined,
-      // Parser language setting
-      this.localLanguage,
-      // Editable option
-      EditorView.editable.of(!this.isReadonly),
-      // Focus and blur listener
-      EditorView.updateListener.of(viewUpdate => {
-        if (viewUpdate.focusChanged) {
-          viewUpdate.view.hasFocus ? this.$emit('focus') : this.$emit('blur', viewUpdate.state.doc.toString());
-        }
-      }), EditorView.domEventHandlers({
-        drop(event) {
-          if (!allowDrop) {
-            event.preventDefault();
-            return true;
-          }
-        },
-        paste(event) {
-          if (!allowPaste) {
-            event.preventDefault();
-            return true;
-          }
-        }
-      }),
-      // line wrapping
-      lineWrapping ? EditorView.lineWrapping : undefined, keymap.of([indentWithTab])];
-      if (Array.isArray(extensions)) {
-        ext = [...ext, ...extensions];
-      }
-      ext = ext.filter(Boolean);
-      return ext;
-    },
-    isShowingError() {
-      return !!this.error && this.isInvalid;
-    },
-    isShowingHint() {
-      return !!this.hint && !this.isShowingError;
-    },
-    isShowingHeader() {
-      var _a;
-      return this.isShowingFullscreen || this.$slots.label || this.$slots.actions || ((_a = this.$scopedSlots) === null || _a === void 0 ? void 0 : _a.actions);
-    }
-  },
-  watch: {
-    modelValue(value) {
-      if (this.editor.composing) return;
-      if (this.editor.state.doc.toString() === value) return;
-      const previous = this.editor.state.selection;
-      this.editor.setState(EditorState.create({
-        doc: value,
-        extensions: this.localExtensions,
-        selection: previous.ranges.some(range => range.to > value.length) ? {
-          anchor: value.length
-        } : previous
-      }));
-    },
-    isFullscreen(value) {
-      if (value) {
-        this.fullscreenTarget.append(this.editor.dom);
-      } else {
-        this.target.append(this.editor.dom);
-      }
-    },
-    localExtensions() {
-      this.updateEditorState();
-    }
-  },
-  mounted() {
-    this.updateEditorState();
-    this.target.append(this.editor.dom);
-  },
-  beforeUnmount() {
-    var _a;
-    (_a = this.editor) === null || _a === void 0 ? void 0 : _a.destroy();
-  },
-  methods: {
-    updateEditorState() {
-      this.editor.setState(EditorState.create({
-        doc: this.modelValue,
-        extensions: this.localExtensions
-      }));
-    },
-    toggleFullscreen(value) {
-      this.isFullscreen = value === undefined ? !this.isFullscreen : value;
-    }
-  }
-});
-
-export { script as s };
+export { basicSetup as b, indentWithTab as i };