@onereach/ui-components 10.2.0 → 10.2.1-beta.4272.0

package/dist/bundled/v2/{markdown-fe3bfb01.js → markdown-2d22cf16.js}

@@ -1,6 +1,6 @@
-import { c as Schema, e as Mark, P as Plugin, a as PluginKey, T as TextSelection, D as DOMParser$1 } from './index-02a897ac.js';
+import { c as Schema, e as Mark, P as Plugin, a as PluginKey, T as TextSelection, D as DOMParser$1 } from './index-0e9c2b43.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-1789f0cf.js';
-import { N as Node, m as mergeAttributes, M as Mark$1, f as getMarkAttributes, w as wrappingInputRule, b as markInputRule, c as markPasteRule, t as textblockTypeInputRule, h as combineTransactionSteps, i as getChangedRanges, j as getMarksBetween, l as findChildrenInRange, o as getAttributes } from './index-7516cf60.js';
+import { N as Node, m as mergeAttributes, M as Mark$1, f as getMarkAttributes, w as wrappingInputRule, i as isMacOS, b as markInputRule, c as markPasteRule, t as textblockTypeInputRule, h as combineTransactionSteps, j as getChangedRanges, l as findChildrenInRange, o as getMarksBetween, p as getAttributes } from './index-f379c836.js';
 
 var markdownIt_minExports = {};
 var markdownIt_min = {
@@ -5102,7 +5102,9 @@ const ListItem$2 = Node.create({
   name: 'listItem',
   addOptions() {
     return {
-      HTMLAttributes: {}
+      HTMLAttributes: {},
+      bulletListTypeName: 'bulletList',
+      orderedListTypeName: 'orderedList'
     };
   },
   content: 'paragraph block*',
@@ -5241,7 +5243,9 @@ const ListItem$1 = Node.create({
   name: 'listItem',
   addOptions() {
     return {
-      HTMLAttributes: {}
+      HTMLAttributes: {},
+      bulletListTypeName: 'bulletList',
+      orderedListTypeName: 'orderedList'
     };
   },
   content: 'paragraph block*',
@@ -5270,7 +5274,9 @@ const ListItem = Node.create({
   name: 'listItem',
   addOptions() {
     return {
-      HTMLAttributes: {}
+      HTMLAttributes: {},
+      bulletListTypeName: 'bulletList',
+      orderedListTypeName: 'orderedList'
     };
   },
   content: 'paragraph block*',
@@ -5476,9 +5482,13 @@ const Strike = Mark$1.create({
     };
   },
   addKeyboardShortcuts() {
-    return {
-      'Mod-Shift-x': () => this.editor.commands.toggleStrike()
-    };
+    const shortcuts = {};
+    if (isMacOS()) {
+      shortcuts['Mod-Shift-s'] = () => this.editor.commands.toggleStrike();
+    } else {
+      shortcuts['Ctrl-Shift-s'] = () => this.editor.commands.toggleStrike();
+    }
+    return shortcuts;
   },
   addInputRules() {
     return [markInputRule({
@@ -7733,30 +7743,6 @@ function find(str, type, opts) {
   return filtered;
 }
 
-/**
- * Is the given string valid linkable text of some sort. Note that this does not
- * trim the text for you.
- *
- * Optionally pass in a second `type` param, which is the type of link to test
- * for.
- *
- * For example,
- *
- *     linkify.test(str, 'email');
- *
- * Returns `true` if str is a valid email.
- * @param {string} str string to test for links
- * @param {string} [type] optional specific link type to look for
- * @returns boolean true/false
- */
-function test(str, type) {
-  if (type === void 0) {
-    type = null;
-  }
-  const tokens = tokenize(str);
-  return tokens.length === 1 && tokens[0].isLink && (!type || tokens[0].t === type);
-}
-
 function autolink(options) {
   return new Plugin({
     key: new PluginKey('autolink'),
@@ -7770,44 +7756,21 @@ function autolink(options) {
         tr
       } = newState;
       const transform = combineTransactionSteps(oldState.doc, [...transactions]);
-      const {
-        mapping
-      } = transform;
       const changes = getChangedRanges(transform);
       changes.forEach(_ref => {
         let {
-          oldRange,
           newRange
         } = _ref;
-        // at first we check if we have to remove links
-        getMarksBetween(oldRange.from, oldRange.to, oldState.doc).filter(item => item.mark.type === options.type).forEach(oldMark => {
-          const newFrom = mapping.map(oldMark.from);
-          const newTo = mapping.map(oldMark.to);
-          const newMarks = getMarksBetween(newFrom, newTo, newState.doc).filter(item => item.mark.type === options.type);
-          if (!newMarks.length) {
-            return;
-          }
-          const newMark = newMarks[0];
-          const oldLinkText = oldState.doc.textBetween(oldMark.from, oldMark.to, undefined, ' ');
-          const newLinkText = newState.doc.textBetween(newMark.from, newMark.to, undefined, ' ');
-          const wasLink = test(oldLinkText);
-          const isLink = test(newLinkText);
-          // remove only the link, if it was a link before too
-          // because we don’t want to remove links that were set manually
-          if (wasLink && !isLink) {
-            tr.removeMark(newMark.from, newMark.to, options.type);
-          }
-        });
-        // now let’s see if we can add new links
+        // Now let’s see if we can add new links.
         const nodesInChangedRanges = findChildrenInRange(newState.doc, newRange, node => node.isTextblock);
         let textBlock;
         let textBeforeWhitespace;
         if (nodesInChangedRanges.length > 1) {
-          // Grab the first node within the changed ranges (ex. the first of two paragraphs when hitting enter)
+          // Grab the first node within the changed ranges (ex. the first of two paragraphs when hitting enter).
           textBlock = nodesInChangedRanges[0];
           textBeforeWhitespace = newState.doc.textBetween(textBlock.pos, textBlock.pos + textBlock.node.nodeSize, undefined, ' ');
         } else if (nodesInChangedRanges.length
-        // We want to make sure to include the block seperator argument to treat hard breaks like spaces
+        // We want to make sure to include the block seperator argument to treat hard breaks like spaces.
         && newState.doc.textBetween(newRange.from, newRange.to, ' ', ' ').endsWith(' ')) {
           textBlock = nodesInChangedRanges[0];
           textBeforeWhitespace = newState.doc.textBetween(textBlock.pos, newRange.to, undefined, ' ');
@@ -7822,20 +7785,32 @@ function autolink(options) {
           if (!lastWordBeforeSpace) {
             return false;
           }
-          find(lastWordBeforeSpace).filter(link => link.isLink).filter(link => {
-            if (options.validate) {
-              return options.validate(link.value);
-            }
-            return true;
-          })
-          // calculate link position
+          find(lastWordBeforeSpace).filter(link => link.isLink)
+          // Calculate link position.
           .map(link => ({
             ...link,
             from: lastWordAndBlockOffset + link.start + 1,
             to: lastWordAndBlockOffset + link.end + 1
           }))
-          // add link mark
+          // ignore link inside code mark
+          .filter(link => {
+            if (!newState.schema.marks.code) {
+              return true;
+            }
+            return !newState.doc.rangeHasMark(link.from, link.to, newState.schema.marks.code);
+          })
+          // validate link
+          .filter(link => {
+            if (options.validate) {
+              return options.validate(link.value);
+            }
+            return true;
+          })
+          // Add link mark.
           .forEach(link => {
+            if (getMarksBetween(link.from, link.to, newState.doc).some(item => item.mark.type === options.type)) {
+              return;
+            }
             tr.addMark(link.from, link.to, options.type.create({
               href: link.href
             }));
@@ -7854,16 +7829,22 @@ function clickHandler(options) {
     key: new PluginKey('handleClickLink'),
     props: {
       handleClick: (view, pos, event) => {
-        var _a, _b, _c;
+        var _a, _b;
         if (event.button !== 0) {
           return false;
         }
+        const eventTarget = event.target;
+        if (eventTarget.nodeName !== 'A') {
+          return false;
+        }
         const attrs = getAttributes(view.state, options.type.name);
-        const link = (_a = event.target) === null || _a === void 0 ? void 0 : _a.closest('a');
-        const href = (_b = link === null || link === void 0 ? void 0 : link.href) !== null && _b !== void 0 ? _b : attrs.href;
-        const target = (_c = link === null || link === void 0 ? void 0 : link.target) !== null && _c !== void 0 ? _c : attrs.target;
+        const link = event.target;
+        const href = (_a = link === null || link === void 0 ? void 0 : link.href) !== null && _a !== void 0 ? _a : attrs.href;
+        const target = (_b = link === null || link === void 0 ? void 0 : link.target) !== null && _b !== void 0 ? _b : attrs.target;
         if (link && href) {
-          window.open(href, target);
+          if (view.editable) {
+            window.open(href, target);
+          }
           return true;
         }
         return false;
@@ -7871,39 +7852,6 @@ function clickHandler(options) {
     }
   });
 }
-function pasteHandler(options) {
-  return new Plugin({
-    key: new PluginKey('handlePasteLink'),
-    props: {
-      handlePaste: (view, event, slice) => {
-        const {
-          state
-        } = view;
-        const {
-          selection
-        } = state;
-        const {
-          empty
-        } = selection;
-        if (empty) {
-          return false;
-        }
-        let textContent = '';
-        slice.content.forEach(node => {
-          textContent += node.textContent;
-        });
-        const link = find(textContent).find(item => item.isLink && item.value === textContent);
-        if (!textContent || !link) {
-          return false;
-        }
-        options.editor.commands.setMark(options.type, {
-          href: link.href
-        });
-        return true;
-      }
-    }
-  });
-}
 const Link = Mark$1.create({
   name: 'link',
   priority: 1000,
@@ -7945,6 +7893,9 @@ const Link = Mark$1.create({
       target: {
         default: this.options.HTMLAttributes.target
       },
+      rel: {
+        default: this.options.HTMLAttributes.rel
+      },
       class: {
         default: this.options.HTMLAttributes.class
       }
@@ -8000,10 +7951,18 @@ const Link = Mark$1.create({
         data: link
       })),
       type: this.type,
-      getAttributes: match => {
-        var _a;
+      getAttributes: (match, pasteEvent) => {
+        var _a, _b;
+        const html = (_a = pasteEvent.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text/html');
+        const hrefRegex = /href="([^"]*)"/;
+        const existingLink = html === null || html === void 0 ? void 0 : html.match(hrefRegex);
+        if (existingLink) {
+          return {
+            href: existingLink[1]
+          };
+        }
         return {
-          href: (_a = match.data) === null || _a === void 0 ? void 0 : _a.href
+          href: (_b = match.data) === null || _b === void 0 ? void 0 : _b.href
         };
       }
     })];
@@ -8021,12 +7980,6 @@ const Link = Mark$1.create({
         type: this.type
       }));
     }
-    if (this.options.linkOnPaste) {
-      plugins.push(pasteHandler({
-        editor: this.editor,
-        type: this.type
-      }));
-    }
     return plugins;
   }
 });

package/dist/bundled/v3/components/OrRichTextEditorV3/OrRichTextEditor.js

@@ -1 +1 @@
-export { s as default } from '../OrRichTextEditorV3-358d7df2.js';
+export { s as default } from '../OrRichTextEditorV3-45e64a85.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/OrRichTextEditor.vue.d.ts

@@ -43,45 +43,36 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: (BooleanConstructor | StringConstructor)[];
         default: undefined;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     editor: Editor | null;
     editorRef: import("vue-demi").Ref<HTMLDivElement | undefined>;
-    toolbarRef: import("vue-demi").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false, import("vue-demi").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
+    toolbarContainerRef: import("vue-demi").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false, import("vue-demi").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
     containerRef: import("vue-demi").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false, import("vue-demi").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
-    toolbarButtonRef: import("vue-demi").Ref<any>;
-    moreButtonRef: import("vue-demi").Ref<any>;
     textareaRef: import("vue-demi").Ref<HTMLTextAreaElement | undefined>;
-    moreRef: import("vue-demi").Ref<any>;
-    menuRef: import("vue-demi").Ref<any>;
-    iconsEnum: import("vue-demi").Ref<{
-        [key: string]: string;
-    }>;
-    handleToolbarClick: (item: string, level?: number) => void;
+    handleToolbarClick: ({ item, level }: {
+        item: string;
+        level?: number | undefined;
+    }) => void;
     handleEditorClick: () => void;
     isActive: import("vue-demi").Ref<{
         [key: string]: boolean;
     }>;
-    iconTooltipsEnum: import("vue-demi").Ref<{
-        [key: string]: string;
-    }>;
     containerStyles: import("vue-demi").ComputedRef<string[]>;
-    toolbarContainerStyles: import("vue-demi").ComputedRef<string[]>;
-    toolbarStyles: import("vue-demi").ComputedRef<string[]>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     editorInputStyles: import("vue-demi").ComputedRef<string[]>;
-    getIndexOfHeading: import("vue-demi").ComputedRef<number>;
     headingLevels: Level[];
-    headingIcon: import("vue-demi").ComputedRef<string>;
     attachLink: () => Promise<void>;
     discardLink: () => void;
     isOpenLinkModal: import("vue-demi").Ref<boolean>;
     text: import("vue-demi").Ref<string>;
     link: import("vue-demi").Ref<string>;
     isFocused: import("vue-demi").Ref<boolean>;
-    isVisible: (value: string | Array<string>) => boolean;
     countOfNotVisibleTools: import("vue-demi").Ref<number>;
-    notVisibleTools: import("vue-demi").ComputedRef<Set<string>>;
     handleInput: (event: InputEvent) => void;
     proxyModelValue: import("vue-demi").WritableComputedRef<string | undefined>;
     disableMarkdown: import("vue-demi").Ref<boolean>;
@@ -128,6 +119,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: (BooleanConstructor | StringConstructor)[];
         default: undefined;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
@@ -143,5 +138,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     hint: string;
     disabled: boolean;
     error: string | boolean;
+    readonly: boolean;
 }>;
 export default _default;

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

@@ -1 +1 @@
-export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditorV3-358d7df2.js';
+export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditorV3-45e64a85.js';

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

@@ -1 +1 @@
-export { F as Formats } from '../OrRichTextEditorV3-358d7df2.js';
+export { F as Formats } from '../OrRichTextEditorV3-45e64a85.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/styles.d.ts

@@ -1,5 +1,6 @@
 export declare const OrRichTextEditor: string[];
 export declare const EditorContainer: string[];
+export declare const EditorContainerFocus: string[];
 export declare const ToolbarContainer: string[];
 export declare const Toolbar: string[];
 export declare const ToolbarButton: string[];

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

@@ -1 +1 @@
-export { E as EditorContainer, f as EditorInput, O as OrRichTextEditor, b as Toolbar, c as ToolbarButton, e as ToolbarButtonFocused, T as ToolbarContainer } from '../OrRichTextEditorV3-358d7df2.js';
+export { E as EditorContainer, b as EditorContainerFocus, g as EditorInput, O as OrRichTextEditor, c as Toolbar, e as ToolbarButton, f as ToolbarButtonFocused, T as ToolbarContainer } from '../OrRichTextEditorV3-45e64a85.js';

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

@@ -1,2 +1,2 @@
-export { i as default } from '../../../OrRichTextEditorV3-358d7df2.js';
+export { j as default } from '../../../OrRichTextEditorV3-45e64a85.js';
 import '../../../OrCode-d9b43205.js';

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

@@ -1,2 +1,2 @@
-export { C as default } from '../../../OrRichTextEditorV3-358d7df2.js';
+export { C as default } from '../../../OrRichTextEditorV3-45e64a85.js';
 import '../../../OrCode-d9b43205.js';

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

@@ -1 +1 @@
-export { C as CodeMirrorView } from '../../../OrRichTextEditorV3-358d7df2.js';
+export { C as CodeMirrorView } from '../../../OrRichTextEditorV3-45e64a85.js';

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

@@ -1,3 +1,3 @@
 import '../../../OrCode-d9b43205.js';
 import '../../../../hooks/useTheme.js';
-export { g as color, t as default, h as orCodeHighlightStyle, o as orCodeTheme } from '../../../OrRichTextEditorV3-358d7df2.js';
+export { h as color, t as default, i as orCodeHighlightStyle, o as orCodeTheme } from '../../../OrRichTextEditorV3-45e64a85.js';

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

@@ -1 +1 @@
-export { d as deserialize, a as serialize } from '../../OrRichTextEditorV3-358d7df2.js';
+export { d as deserialize, a as serialize } from '../../OrRichTextEditorV3-45e64a85.js';