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

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

@@ -99,7 +99,7 @@ export { _ as OrRadioV3 } from '../OrRadio-3629ad83.js';
 export { _ as OrRangeSliderV3 } from '../OrRangeSlider-da9576ff.js';
 export { _ as OrRatingV3 } from '../OrRating-aa2365e9.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanel-4a10f91c.js';
-export { F as Formats, _ as OrRichTextEditorV3 } from '../OrRichTextEditor-734b8b27.js';
+export { F as Formats, _ as OrRichTextEditorV3 } from '../OrRichTextEditor-fbcc33fd.js';
 export { _ as OrSearch } from '../OrSearch-a340d5ff.js';
 export { _ as OrSearchV3 } from '../OrSearch-a57eb24f.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-cd16856e.js';

package/dist/esm/v2/components/or-rich-text-editor-v3/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/esm/v2/components/or-rich-text-editor-v3/index.js

@@ -1,4 +1,4 @@
-export { F as Formats, _ as OrRichTextEditorV3 } from '../../OrRichTextEditor-734b8b27.js';
+export { F as Formats, _ as OrRichTextEditorV3 } from '../../OrRichTextEditor-fbcc33fd.js';
 import '@vueuse/core';
 import '@vueuse/integrations/useFocusTrap';
 import 'vue-demi';
@@ -17,12 +17,9 @@ import '@tiptap/extension-blockquote';
 import '@tiptap/extension-link';
 import '@tiptap/extension-highlight';
 import '@tiptap/extension-underline';
-import '../../OrButton-e4e85817.js';
-import '../../OrButton.vue_rollup-plugin-vue_script-199bb600.js';
-import '../../OrLoader-4ac49224.js';
-import '../../normalize-component-6e8e3d80.js';
 import '../../OrIconButton-5a905423.js';
 import '../../OrIcon-03e3c802.js';
+import '../../normalize-component-6e8e3d80.js';
 import '../../OrTooltip-6e1aeffd.js';
 import '../../dom-53c9635b.js';
 import 'lodash/get';
@@ -43,6 +40,11 @@ import 'portal-vue';
 import '../../useTheme-0ef25778.js';
 import '../../isPrevented-5f542754.js';
 import '../../isAncestor-9e33bd15.js';
+import '../../OrMenuItem-9ccf816f.js';
+import '../../OrMenu-b3a9fcfb.js';
+import '../../OrButton-e4e85817.js';
+import '../../OrButton.vue_rollup-plugin-vue_script-199bb600.js';
+import '../../OrLoader-4ac49224.js';
 import '../../OrInput-a32b517e.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useProxyModelValue-940010d2.js';
@@ -53,8 +55,6 @@ import '../../OrInputBox-1a8fda9b.js';
 import '../../OrInputBox.vue_rollup-plugin-vue_script-8c39b9ca.js';
 import '../../OrLabel-b0805497.js';
 import '../../style-inject.es-4c6f2515.js';
-import '../../OrMenuItem-9ccf816f.js';
-import '../../OrMenu-b3a9fcfb.js';
 import '../../OrModal-d3f7a508.js';
 import '@tiptap/core';
 import '@tiptap/extension-heading';

package/dist/esm/v2/components/or-rich-text-editor-v3/partials/EditorToolbar.vue.d.ts

@@ -0,0 +1,160 @@
+import { PropType, ComponentPublicInstance } from 'vue-demi';
+import { Level } from '@tiptap/extension-heading';
+import { Tools } from '../props';
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    toolbarRef: import("@vue/composition-api").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false> | 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>;
+    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>;
+    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>;
+    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>;
+    toolbarContainerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    isVisible: (value: string | Array<string>) => boolean;
+    handleClick: (item: string, level?: number) => void;
+    headingIcon: import("@vue/composition-api").ComputedRef<string>;
+    getIndexOfHeading: import("@vue/composition-api").ComputedRef<number>;
+    notVisibleTools: import("@vue/composition-api").ComputedRef<Set<string>>;
+    iconsEnum: import("@vue/composition-api").Ref<{
+        [x: string]: string;
+    }>;
+    iconTooltipsEnum: import("@vue/composition-api").Ref<{
+        [x: string]: string;
+    }>;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    toolbar: {
+        type: PropType<Tools>;
+        default: () => never[];
+    };
+    isFocused: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    countOfNotVisibleTools: {
+        type: NumberConstructor;
+        default: number;
+    };
+    activeHeadingLevel: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isActive: {
+        type: PropType<{
+            [key: string]: boolean;
+        }>;
+        default: () => {};
+    };
+    headingLevels: {
+        type: PropType<Level[]>;
+        default: () => number[];
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    toolbar: {
+        type: PropType<Tools>;
+        default: () => never[];
+    };
+    isFocused: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    countOfNotVisibleTools: {
+        type: NumberConstructor;
+        default: number;
+    };
+    activeHeadingLevel: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isActive: {
+        type: PropType<{
+            [key: string]: boolean;
+        }>;
+        default: () => {};
+    };
+    headingLevels: {
+        type: PropType<Level[]>;
+        default: () => number[];
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    toolbar: Tools;
+    isFocused: boolean;
+    countOfNotVisibleTools: number;
+    activeHeadingLevel: number;
+    isActive: {
+        [key: string]: boolean;
+    };
+    headingLevels: Level[];
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    toolbarRef: import("@vue/composition-api").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false> | 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>;
+    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>;
+    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>;
+    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>;
+    toolbarContainerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    isVisible: (value: string | Array<string>) => boolean;
+    handleClick: (item: string, level?: number) => void;
+    headingIcon: import("@vue/composition-api").ComputedRef<string>;
+    getIndexOfHeading: import("@vue/composition-api").ComputedRef<number>;
+    notVisibleTools: import("@vue/composition-api").ComputedRef<Set<string>>;
+    iconsEnum: import("@vue/composition-api").Ref<{
+        [x: string]: string;
+    }>;
+    iconTooltipsEnum: import("@vue/composition-api").Ref<{
+        [x: string]: string;
+    }>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    toolbar: Tools;
+    isFocused: boolean;
+    countOfNotVisibleTools: number;
+    activeHeadingLevel: number;
+    isActive: {
+        [key: string]: boolean;
+    };
+    headingLevels: Level[];
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    toolbar: Tools;
+    isFocused: boolean;
+    countOfNotVisibleTools: number;
+    activeHeadingLevel: number;
+    isActive: {
+        [key: string]: boolean;
+    };
+    headingLevels: Level[];
+}, true>);
+export default _default;

package/dist/esm/v2/components/or-rich-text-editor-v3/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/esm/v2/index.js

@@ -99,7 +99,7 @@ export { _ as OrRadioV3 } from './OrRadio-3629ad83.js';
 export { _ as OrRangeSliderV3 } from './OrRangeSlider-da9576ff.js';
 export { _ as OrRatingV3 } from './OrRating-aa2365e9.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './OrResizeablePanel-4a10f91c.js';
-export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-734b8b27.js';
+export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-fbcc33fd.js';
 export { _ as OrSearch } from './OrSearch-a340d5ff.js';
 export { _ as OrSearchV3 } from './OrSearch-a57eb24f.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-cd16856e.js';