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

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

@@ -5,58 +5,29 @@ import { Level } from '@tiptap/extension-heading';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     editor: Editor | null;
     editorRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
-    toolbarRef: import("@vue/composition-api").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false> | undefined>;
+    toolbarContainerRef: import("@vue/composition-api").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false> | undefined>;
     containerRef: import("@vue/composition-api").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false> | undefined>;
-    toolbarButtonRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    moreButtonRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
     textareaRef: import("@vue/composition-api").Ref<HTMLTextAreaElement | undefined>;
-    moreRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    menuRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    iconsEnum: import("@vue/composition-api").Ref<{
-        [x: string]: string;
-    }>;
-    handleToolbarClick: (item: string, level?: number) => void;
+    handleToolbarClick: ({ item, level }: {
+        item: string;
+        level?: number | undefined;
+    }) => void;
     handleEditorClick: () => void;
     isActive: import("@vue/composition-api").Ref<{
         [x: string]: boolean;
     }>;
-    iconTooltipsEnum: import("@vue/composition-api").Ref<{
-        [x: string]: string;
-    }>;
     containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    toolbarContainerStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     editorInputStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    getIndexOfHeading: import("@vue/composition-api").ComputedRef<number>;
     headingLevels: Level[];
-    headingIcon: import("@vue/composition-api").ComputedRef<string>;
     attachLink: () => Promise<void>;
     discardLink: () => void;
     isOpenLinkModal: import("@vue/composition-api").Ref<boolean>;
     text: import("@vue/composition-api").Ref<string>;
     link: import("@vue/composition-api").Ref<string>;
     isFocused: import("@vue/composition-api").Ref<boolean>;
-    isVisible: (value: string | Array<string>) => boolean;
     countOfNotVisibleTools: import("@vue/composition-api").Ref<number>;
-    notVisibleTools: import("@vue/composition-api").ComputedRef<Set<string>>;
     handleInput: (event: InputEvent) => void;
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
     disableMarkdown: import("@vue/composition-api").Ref<boolean>;
@@ -103,6 +74,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: (BooleanConstructor | StringConstructor)[];
         default: undefined;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
@@ -144,6 +119,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: (BooleanConstructor | StringConstructor)[];
         default: undefined;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: string;
     toolbar: Tools;
@@ -155,63 +134,35 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     hint: string;
     disabled: boolean;
     error: string | boolean;
+    readonly: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     editor: Editor | null;
     editorRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
-    toolbarRef: import("@vue/composition-api").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false> | undefined>;
+    toolbarContainerRef: import("@vue/composition-api").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false> | undefined>;
     containerRef: import("@vue/composition-api").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false> | undefined>;
-    toolbarButtonRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    moreButtonRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
     textareaRef: import("@vue/composition-api").Ref<HTMLTextAreaElement | undefined>;
-    moreRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    menuRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    iconsEnum: import("@vue/composition-api").Ref<{
-        [x: string]: string;
-    }>;
-    handleToolbarClick: (item: string, level?: number) => void;
+    handleToolbarClick: ({ item, level }: {
+        item: string;
+        level?: number | undefined;
+    }) => void;
     handleEditorClick: () => void;
     isActive: import("@vue/composition-api").Ref<{
         [x: string]: boolean;
     }>;
-    iconTooltipsEnum: import("@vue/composition-api").Ref<{
-        [x: string]: string;
-    }>;
     containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    toolbarContainerStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     editorInputStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    getIndexOfHeading: import("@vue/composition-api").ComputedRef<number>;
     headingLevels: Level[];
-    headingIcon: import("@vue/composition-api").ComputedRef<string>;
     attachLink: () => Promise<void>;
     discardLink: () => void;
     isOpenLinkModal: import("@vue/composition-api").Ref<boolean>;
     text: import("@vue/composition-api").Ref<string>;
     link: import("@vue/composition-api").Ref<string>;
     isFocused: import("@vue/composition-api").Ref<boolean>;
-    isVisible: (value: string | Array<string>) => boolean;
     countOfNotVisibleTools: import("@vue/composition-api").Ref<number>;
-    notVisibleTools: import("@vue/composition-api").ComputedRef<Set<string>>;
     handleInput: (event: InputEvent) => void;
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
     disableMarkdown: import("@vue/composition-api").Ref<boolean>;
@@ -228,6 +179,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     hint: string;
     disabled: boolean;
     error: string | boolean;
+    readonly: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
@@ -241,5 +193,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     hint: string;
     disabled: boolean;
     error: string | boolean;
+    readonly: boolean;
 }, true>);
 export default _default;

package/dist/bundled/v2/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/v2/components/OrRichTextEditorV3/styles.js

@@ -4,16 +4,17 @@ const OrRichTextEditor = [
 // Spacing
 'gap-xs',
 // Box
-'max-h-full'];
+'max-h-full', 'w-full'];
 const EditorContainer = [
 // Layout
 'layout-column',
-// Theme (focus)
-'focus-within:theme-background-primary-translucent-1', 'dark:focus-within:theme-background-primary-translucent-1-dark', 'focus-within:theme-border-1-primary', 'dark:focus-within:theme-border-1-primary-dark', 'focus-within:theme-outline-2-primary', 'dark:focus-within:theme-outline-2-primary-dark',
 // Theme (invalid)
 'invalid:theme-background-error-translucent-1', 'dark:invalid:theme-background-error-translucent-1-dark', 'invalid:theme-foreground-default', 'dark:invalid:theme-foreground-default-dark', 'invalid:theme-border-1-error', 'dark:invalid:theme-border-1-error-dark', 'invalid:theme-outline-2-transparent', 'dark:invalid:theme-outline-2-transparent',
 // Box
 'border-1', 'rounded-md', 'w-full', 'overflow-hidden', 'grow'];
+const EditorContainerFocus = [
+// Theme (focus)
+'focus-within:theme-background-primary-translucent-1', 'dark:focus-within:theme-background-primary-translucent-1-dark', 'focus-within:theme-border-1-primary', 'dark:focus-within:theme-border-1-primary-dark', 'focus-within:theme-outline-2-primary', 'dark:focus-within:theme-outline-2-primary-dark'];
 const ToolbarContainer = [
 // Layout
 'layout-row',
@@ -44,4 +45,4 @@ const EditorInput = [
 // Typography
 'typography-body-2-regular'];
 
-export { EditorContainer, EditorInput, OrRichTextEditor, Toolbar, ToolbarButton, ToolbarButtonFocused, ToolbarContainer };
+export { EditorContainer, EditorContainerFocus, EditorInput, OrRichTextEditor, Toolbar, ToolbarButton, ToolbarButtonFocused, ToolbarContainer };

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

@@ -1,4 +1,4 @@
-import { N as Node } from '../../../../index-7516cf60.js';
+import { N as Node } from '../../../../index-f379c836.js';
 import CodeMirrorView from './codemirrorView.js';
 import { m as minimalSetup } from '../../../../index-f1a845c3.js';
 import { javascript } from '../../../../index-5d81edfd.js';

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

@@ -1,4 +1,4 @@
-import { n as exitCode, T as TextSelection, S as Selection } from '../../../../index-02a897ac.js';
+import { n as exitCode, T as TextSelection, S as Selection } from '../../../../index-0e9c2b43.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';
 

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

@@ -1,2 +1,2 @@
-export { d as deserialize, s as serialize } from '../../../markdown-fe3bfb01.js';
-import '../../../index-02a897ac.js';
+export { d as deserialize, s as serialize } from '../../../markdown-2d22cf16.js';
+import '../../../index-0e9c2b43.js';

package/dist/bundled/v2/{index-02a897ac.js → index-0e9c2b43.js}

@@ -7124,4 +7124,4 @@ typeof navigator != "undefined" ? /Mac|iP(hone|[oa]d)/.test(navigator.platform)
 // @ts-ignore
 : typeof os != "undefined" && os.platform ? os.platform() == "darwin" : false;
 
-export { AllSelection as A, Transform as B, setBlockType as C, DOMParser as D, EditorState as E, Fragment as F, wrapIn as G, ReplaceStep as H, Mapping as M, NodeSelection as N, Plugin as P, ReplaceAroundStep as R, Selection as S, TextSelection as T, PluginKey as a, Slice as b, Schema as c, dropPoint as d, Mark as e, DOMSerializer as f, NodeRange as g, findWrapping as h, canSplit as i, canJoin as j, createParagraphNear as k, liftTarget as l, deleteSelection as m, exitCode as n, joinUp as o, joinDown as p, joinBackward as q, joinForward as r, lift as s, liftEmptyBlock as t, newlineInCode as u, selectNodeBackward as v, selectNodeForward as w, selectParentNode as x, selectTextblockEnd as y, selectTextblockStart as z };
+export { AllSelection as A, selectTextblockStart as B, Transform as C, DOMParser as D, EditorState as E, Fragment as F, setBlockType as G, wrapIn as H, ReplaceStep as I, Mapping as M, NodeSelection as N, Plugin as P, ReplaceAroundStep as R, Selection as S, TextSelection as T, PluginKey as a, Slice as b, Schema as c, dropPoint as d, Mark as e, DOMSerializer as f, NodeRange as g, findWrapping as h, canSplit as i, canJoin as j, createParagraphNear as k, liftTarget as l, deleteSelection as m, exitCode as n, joinUp as o, joinDown as p, joinBackward as q, joinForward as r, joinPoint as s, lift as t, liftEmptyBlock as u, newlineInCode as v, selectNodeBackward as w, selectNodeForward as x, selectParentNode as y, selectTextblockEnd as z };