@onereach/ui-components 8.3.1 → 8.4.0-beta.3653.0

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

@@ -1,2 +1 @@
-export { default as OrRichTextEditorV3 } from './OrRichTextEditor.js';
-export { Formats } from './props.js';
+export { F as Formats, _ as OrRichTextEditorV3 } from '../OrRichTextEditorV3-192407a3.js';

package/dist/bundled/v2/components/OrRichTextEditorV3/props.js

@@ -1,7 +1 @@
-var Formats;
-(function (Formats) {
-  Formats["Markdown"] = "markdown";
-  Formats["Markup"] = "markup";
-})(Formats || (Formats = {}));
-
-export { Formats };
+export { F as Formats } from '../OrRichTextEditorV3-192407a3.js';

package/dist/bundled/v2/components/OrRichTextEditorV3/styles.js

@@ -1,38 +1 @@
-const EditorContainer = [
-// Colors
-'border-outline', 'focus-within:theme-background-primary-translucent-1', 'focus-within:theme-border-1-primary', 'focus-within:theme-outline-2-primary',
-// Sizing
-'border-1', 'rounded-md', 'w-full'];
-const ToolbarContainer = [
-// Layout
-'flex',
-//Spacing
-'py-sm',
-//Sizing
-'border-b-1',
-//Colors
-'border-b-outline'];
-const Toolbar = [
-// Layout
-'flex',
-// Spacing
-'px-sm', 'gap-md',
-// Sizing
-'border-l-1',
-//Colors
-'border-r-disabled',
-// Last child
-'first-of-type:border-none'];
-const ToolbarButton = [
-// Typography
-'text-on-disabled'];
-const ToolbarButtonFocused = [
-// Typography
-'text-outline'];
-const EditorInput = [
-// Typography
-'typography-body-2-regular',
-// Sizing
-'min-h-[88px]'];
-
-export { EditorContainer, EditorInput, Toolbar, ToolbarButton, ToolbarButtonFocused, ToolbarContainer };
+export { E as EditorContainer, e as EditorInput, a as Toolbar, b as ToolbarButton, c as ToolbarButtonFocused, T as ToolbarContainer } from '../OrRichTextEditorV3-192407a3.js';

package/dist/bundled/v2/components/OrRichTextEditorV3/utils/codemirror/codemirrorNode.js

@@ -1,42 +1,2 @@
-import { N as Node } from '../../../../index-67eff9fe.js';
-import CodeMirrorView from './codemirrorView.js';
-import { m as minimalSetup } from '../../../../index-f1a845c3.js';
-import { javascript } from '../../../../index-5d81edfd.js';
-
-var codemirrorNode = Node.create({
-  name: 'codeBlock',
-  content: 'text*',
-  marks: '',
-  group: 'block',
-  code: true,
-  defining: true,
-  isolating: true,
-  parseHTML() {
-    return [{
-      tag: 'pre',
-      preserveWhitespace: 'full'
-    }];
-  },
-  renderHTML() {
-    return ['pre', ['code', 0]];
-  },
-  addNodeView() {
-    return _ref => {
-      let {
-        node,
-        editor,
-        getPos
-      } = _ref;
-      return new CodeMirrorView({
-        node,
-        view: editor.view,
-        getPos: getPos,
-        cmOptions: {
-          extensions: [minimalSetup, javascript()]
-        }
-      });
-    };
-  }
-});
-
-export { codemirrorNode as default };
+export { h as default } from '../../../OrRichTextEditorV3-192407a3.js';
+import '../../../OrCode-0a5ec298.js';

package/dist/bundled/v2/components/OrRichTextEditorV3/utils/codemirror/codemirrorView.js

@@ -1,183 +1,2 @@
-import { n as exitCode, T as TextSelection, S as Selection } from '../../../../index-f671afe5.js';
-import { a as EditorState, E as EditorView, W as highlightActiveLine, z as highlightActiveLineGutter, y as lineNumbers, k as keymap } from '../../../../index-10711eb4.js';
-import theme from './theme.js';
-
-const computeChange = (oldVal, newVal) => {
-  if (oldVal === newVal) {
-    return null;
-  }
-  let start = 0;
-  let oldEnd = oldVal.length;
-  let newEnd = newVal.length;
-  while (start < oldEnd && oldVal.charCodeAt(start) === newVal.charCodeAt(start)) {
-    start += 1;
-  }
-  while (oldEnd > start && newEnd > start && oldVal.charCodeAt(oldEnd - 1) === newVal.charCodeAt(newEnd - 1)) {
-    oldEnd -= 1;
-    newEnd -= 1;
-  }
-  return {
-    from: start,
-    to: oldEnd,
-    text: newVal.slice(start, newEnd)
-  };
-};
-class CodeMirrorView {
-  constructor(options) {
-    var _a;
-    this.updating = false;
-    // Store for later
-    this.node = options.node;
-    this.view = options.view;
-    const cmExtensions = ((_a = options.cmOptions) === null || _a === void 0 ? void 0 : _a.extensions) || [];
-    this.name = 'codeBlock', this.getPos = options.getPos;
-    const changeFilter = EditorState.changeFilter.of(tr => {
-      if (!tr.docChanged && !this.updating) {
-        this.forwardSelection();
-      }
-      return true;
-    });
-    // Create a CodeMirror instancew
-    this.cm = new EditorView({
-      dispatch: this.dispatch.bind(this)
-    });
-    // The editor's outer node is our DOM representation
-    this.dom = this.cm.dom;
-    const cmState = EditorState.create({
-      doc: this.node.textContent,
-      extensions: [theme, changeFilter, highlightActiveLine(), highlightActiveLineGutter(), lineNumbers(), keymap.of([{
-        key: 'ArrowUp',
-        run: this.mayBeEscape('line', -1)
-      }, {
-        key: 'ArrowLeft',
-        run: this.mayBeEscape('char', -1)
-      }, {
-        key: 'ArrowDown',
-        run: this.mayBeEscape('line', 1)
-      }, {
-        key: 'ArrowRight',
-        run: this.mayBeEscape('char', 1)
-      }, {
-        key: 'Ctrl-Enter',
-        run: () => {
-          if (exitCode(this.view.state, this.view.dispatch)) {
-            this.view.focus();
-            return true;
-          }
-          return false;
-        }
-      }]), cmExtensions]
-    });
-    this.cm.setState(cmState);
-  }
-  forwardSelection() {
-    if (!this.cm.hasFocus) {
-      return;
-    }
-    const {
-      state
-    } = this.view;
-    const selection = this.asProseMirrorSelection(state.doc);
-    if (!selection.eq(state.selection)) {
-      this.view.dispatch(state.tr.setSelection(selection));
-    }
-  }
-  asProseMirrorSelection(doc) {
-    const offset = this.getPos() + 1;
-    const {
-      anchor,
-      head
-    } = this.cm.state.selection.main;
-    return TextSelection.create(doc, anchor + offset, head + offset);
-  }
-  dispatch(cmTr) {
-    this.cm.setState(cmTr.state);
-    if (cmTr.docChanged && !this.updating) {
-      const start = this.getPos() + 1;
-      const cmValue = cmTr.state.doc.toString();
-      const change = computeChange(this.node.textContent, cmValue);
-      if (!change) {
-        return;
-      }
-      const content = change.text ? this.view.state.schema.text(change.text) : null;
-      const tr = this.view.state.tr.replaceWith(change.from + start, change.to + start, content);
-      this.view.dispatch(tr);
-      this.forwardSelection();
-    }
-  }
-  mayBeEscape(unit, dir) {
-    return view => {
-      const {
-        state
-      } = view;
-      const {
-        selection
-      } = state;
-      const offsetToPos = () => {
-        const offset = selection.main.from;
-        const line = state.doc.lineAt(offset);
-        return {
-          line: line.number,
-          ch: offset - line.from
-        };
-      };
-      const pos = offsetToPos();
-      const hasSelection = state.selection.ranges.some(r => !r.empty);
-      const firstLine = 1;
-      const lastLine = state.doc.lineAt(state.doc.length).number;
-      if (hasSelection || pos.line !== (dir < 0 ? firstLine : lastLine) || unit === 'char' && pos.ch !== (dir < 0 ? 0 : state.doc.line(pos.line).length)) {
-        return false;
-      }
-      const targetPos = this.getPos() + (dir < 0 ? 0 : this.node.nodeSize);
-      const pmSelection = Selection.near(this.view.state.doc.resolve(targetPos), dir);
-      this.view.dispatch(this.view.state.tr.setSelection(pmSelection).scrollIntoView());
-      this.view.focus();
-      return true;
-    };
-  }
-  update(node) {
-    if (node.type !== this.node.type) {
-      return false;
-    }
-    this.node = node;
-    const change = computeChange(this.cm.state.doc.toString(), node.textContent);
-    if (change) {
-      this.updating = true;
-      this.cm.dispatch({
-        changes: {
-          from: change.from,
-          to: change.to,
-          insert: change.text
-        }
-      });
-      this.updating = false;
-    }
-    return true;
-  }
-  setSelection(anchor, head) {
-    this.focus();
-    this.updating = true;
-    this.cm.dispatch({
-      selection: {
-        anchor,
-        head
-      }
-    });
-    this.updating = false;
-  }
-  focus() {
-    this.cm.focus();
-    this.forwardSelection();
-  }
-  selectNode() {
-    this.focus();
-  }
-  stopEvent() {
-    return true;
-  }
-  destroy() {
-    this.cm.destroy();
-  }
-}
-
-export { CodeMirrorView as default };
+export { C as default } from '../../../OrRichTextEditorV3-192407a3.js';
+import '../../../OrCode-0a5ec298.js';

package/dist/bundled/v2/components/OrRichTextEditorV3/utils/codemirror/index.js

@@ -1 +1 @@
-export { default as CodeMirrorView } from './codemirrorView.js';
+export { C as CodeMirrorView } from '../../../OrRichTextEditorV3-192407a3.js';

package/dist/bundled/v2/components/OrRichTextEditorV3/utils/codemirror/theme.js

@@ -1,199 +1,3 @@
-import { E as EditorView, am as HighlightStyle, a4 as tags, L as syntaxHighlighting } from '../../../../index-10711eb4.js';
-import { useTheme } from '../../../../hooks/useTheme.js';
-
-var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-const themes = useTheme();
-const chalky = themes === null || themes === void 0 ? void 0 : themes.backgroundColor['custom-colors-custom-6'],
-  coral = themes === null || themes === void 0 ? void 0 : themes.backgroundColor['custom-colors-custom-1'],
-  cyan = themes === null || themes === void 0 ? void 0 : themes.backgroundColor['custom-colors-custom-3'],
-  invalid = (_a = themes === null || themes === void 0 ? void 0 : themes.backgroundColor) === null || _a === void 0 ? void 0 : _a.white,
-  ivory = themes === null || themes === void 0 ? void 0 : themes.backgroundColor['custom-colors-custom-6'],
-  stone = themes === null || themes === void 0 ? void 0 : themes.backgroundColor['custom-colors-custom-5'],
-  // Brightened compared to original to increase contrast
-  malibu = themes === null || themes === void 0 ? void 0 : themes.backgroundColor['custom-colors-custom-3'],
-  sage = themes === null || themes === void 0 ? void 0 : themes.backgroundColor.success,
-  whiskey = themes === null || themes === void 0 ? void 0 : themes.backgroundColor.warning,
-  violet = themes === null || themes === void 0 ? void 0 : themes.backgroundColor['custom-colors-custom-1'];
-// darkBackground = themes?.colors?.neutral?.[100],
-// highlightBackground = themes?.colors?.neutral?.[200],
-// background = themes?.colors?.neutral?.[100],
-// tooltipBackground = themes?.colors?.neutral?.[200],
-// selection = themes?.colors?.blue?.[100],
-// cursor = themes?.colors?.blue?.[700];
-/// The colors used in the theme, as CSS color strings.
-const color = {
-  chalky,
-  coral,
-  cyan,
-  invalid,
-  ivory,
-  stone,
-  malibu,
-  sage,
-  whiskey,
-  violet
-  // darkBackground,
-  // highlightBackground,
-  // background,
-  // tooltipBackground,
-  // selection,
-  // cursor,
-};
-/// The editor theme styles for One Dark.
-const orCodeTheme = EditorView.theme({
-  '&': {
-    color: ivory,
-    backgroundColor: (_b = themes === null || themes === void 0 ? void 0 : themes.backgroundColor) === null || _b === void 0 ? void 0 : _b['bg-primary-container']
-  },
-  '.cm-editor': {
-    border: 'none',
-    borderRadius: (_c = themes === null || themes === void 0 ? void 0 : themes.spacing) === null || _c === void 0 ? void 0 : _c.xs
-  },
-  '&.cm-focused': {
-    outline: 'none'
-  },
-  '.cm-scroller': {
-    borderRadius: (_d = themes === null || themes === void 0 ? void 0 : themes.spacing) === null || _d === void 0 ? void 0 : _d.xs
-  },
-  '.cm-content': {
-    // caretColor: cursor,
-  },
-  '.cm-button': {
-    // background: highlightBackground,
-    // color: themes?.colors?.neutral?.[600],
-    border: 0,
-    borderRadius: (_e = themes === null || themes === void 0 ? void 0 : themes.spacing) === null || _e === void 0 ? void 0 : _e.xs
-  },
-  '.cm-panel.cm-search input[type=checkbox]': {
-    display: 'inline-block',
-    verticalAlign: 'middle'
-  },
-  // '.cm-cursor, .cm-dropCursor': { borderLeftColor: cursor },
-  '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
-    // backgroundColor: selection,
-  },
-  '.cm-panels': {
-    // backgroundColor: darkBackground,
-    color: ivory
-  },
-  // '.cm-panels.cm-panels-top': { borderBottom: `2px solid ${themes?.colors?.neutral?.[200]}` },
-  // '.cm-panels.cm-panels-bottom': { borderTop: `2px solid ${themes?.colors?.neutral?.[200]}` },
-  '.cm-searchMatch': {
-    // backgroundColor: themes?.colors?.neutral?.[100],
-    // outline: `1px solid ${themes?.colors?.neutral?.[200]}`,
-  },
-  '.cm-searchMatch.cm-searchMatch-selected': {
-    // backgroundColor: themes?.colors?.sky?.[100],
-  },
-  '.cm-activeLine': {
-    backgroundColor: (_f = themes === null || themes === void 0 ? void 0 : themes.backgroundColor) === null || _f === void 0 ? void 0 : _f['bg-secondary-container']
-  },
-  // '.cm-selectionMatch': { backgroundColor: themes?.colors?.lime?.[500] },
-  '&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket': {
-    // backgroundColor: themes?.colors?.lime?.[600],
-  },
-  '.cm-gutters': {
-    backgroundColor: (_g = themes === null || themes === void 0 ? void 0 : themes.backgroundColor) === null || _g === void 0 ? void 0 : _g['primary-opacity-0-12'],
-    color: stone,
-    border: 'none'
-  },
-  '.cm-lineNumbers .cm-gutterElement': {
-    paddingLeft: (_h = themes === null || themes === void 0 ? void 0 : themes.spacing) === null || _h === void 0 ? void 0 : _h['sm+*'],
-    paddingRight: (_j = themes === null || themes === void 0 ? void 0 : themes.spacing) === null || _j === void 0 ? void 0 : _j['sm+*']
-  },
-  '.cm-activeLineGutter': {
-    backgroundColor: (_k = themes === null || themes === void 0 ? void 0 : themes.backgroundColor) === null || _k === void 0 ? void 0 : _k['primary-opacity-0-16']
-  },
-  '.cm-foldPlaceholder': {
-    backgroundColor: 'transparent',
-    border: 'none'
-    // color: themes?.colors?.neutral?.[200],
-  },
-
-  '.cm-tooltip': {
-    border: 'none'
-    // backgroundColor: tooltipBackground,
-  },
-
-  '.cm-tooltip .cm-tooltip-arrow:before': {
-    borderTopColor: 'transparent',
-    borderBottomColor: 'transparent'
-  },
-  '.cm-tooltip .cm-tooltip-arrow:after': {
-    // borderTopColor: tooltipBackground,
-    // borderBottomColor: tooltipBackground,
-  },
-  '.cm-tooltip-autocomplete': {
-    '& > ul > li[aria-selected]': {
-      // backgroundColor: highlightBackground,
-      color: ivory
-    }
-  },
-  '.cm-textfield': {
-    outline: 'none',
-    // background: background,
-    // color: themes?.colors?.neutral?.[600],
-    // backgroundColor: themes?.colors?.neutral?.[100],
-    // border: `1px solid ${themes?.colors?.neutral?.[200]}`,
-    borderRadius: (_l = themes === null || themes === void 0 ? void 0 : themes.spacing) === null || _l === void 0 ? void 0 : _l.xs
-  }
-}, {
-  dark: true
-});
-/// The highlighting style for code in the One Dark theme.
-const orCodeHighlightStyle = HighlightStyle.define([{
-  tag: tags.keyword,
-  color: violet
-}, {
-  tag: [tags.name, tags.deleted, tags.character, tags.propertyName, tags.macroName],
-  color: coral
-}, {
-  tag: [tags.function(tags.variableName), tags.labelName],
-  color: malibu
-}, {
-  tag: [tags.color, tags.constant(tags.name), tags.standard(tags.name)],
-  color: whiskey
-}, {
-  tag: [tags.definition(tags.name), tags.separator],
-  color: ivory
-}, {
-  tag: [tags.typeName, tags.className, tags.number, tags.changed, tags.annotation, tags.modifier, tags.self, tags.namespace],
-  color: chalky
-}, {
-  tag: [tags.operator, tags.operatorKeyword, tags.url, tags.escape, tags.regexp, tags.link, tags.special(tags.string)],
-  color: cyan
-}, {
-  tag: [tags.meta, tags.comment],
-  color: stone
-}, {
-  tag: tags.strong,
-  fontWeight: 'bold'
-}, {
-  tag: tags.emphasis,
-  fontStyle: 'italic'
-}, {
-  tag: tags.strikethrough,
-  textDecoration: 'line-through'
-}, {
-  tag: tags.link,
-  color: stone,
-  textDecoration: 'underline'
-}, {
-  tag: tags.heading,
-  fontWeight: 'bold',
-  color: coral
-}, {
-  tag: [tags.atom, tags.bool, tags.special(tags.variableName)],
-  color: whiskey
-}, {
-  tag: [tags.processingInstruction, tags.string, tags.inserted],
-  color: sage
-}, {
-  tag: tags.invalid,
-  color: invalid
-}]);
-/// Extension to enable the One Dark theme (both the editor theme and
-/// the highlight style).
-const theme = [orCodeTheme, syntaxHighlighting(orCodeHighlightStyle)];
-
-export { color, theme as default, orCodeHighlightStyle, orCodeTheme };
+import '../../../OrCode-0a5ec298.js';
+import '../../../OrBottomSheetV3-a3df65d0.js';
+export { f as color, t as default, g as orCodeHighlightStyle, o as orCodeTheme } from '../../../OrRichTextEditorV3-192407a3.js';

package/dist/bundled/v2/components/OrRichTextEditorV3/utils/markdown.js

@@ -1,2 +1 @@
-export { d as deserialize, s as serialize } from '../../../markdown-7d2cd3a5.js';
-import '../../../index-f671afe5.js';
+export { d as deserialize, s as serialize } from '../../OrRichTextEditorV3-192407a3.js';