@onereach/ui-components-vue2 18.4.1 → 18.4.2

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

@@ -10,8 +10,8 @@ import { History } from '@tiptap/extension-history';
 import { Text } from '@tiptap/extension-text';
 import { a as useResizeObserver, o as onClickOutside } from '../../index-fe4d407a.js';
 import { u as useFocusTrap } from '../../useFocusTrap-747ad0e5.js';
-import { defineComponent, shallowRef, ref, computed, onMounted, onBeforeUnmount, watch, nextTick } from 'vue-demi';
-import { Formats } from './props.js';
+import { defineComponent, shallowRef, ref, onMounted, onBeforeUnmount, computed, watch, nextTick } from 'vue-demi';
+import { Formats, RichTextEditorIcons, RichTextEditorTooltips } from './props.js';
 import { RichTextEditor, RichTextEditorToolbar, RichTextEditorToolbarGroup, RichTextEditorControl } from './styles.js';
 import codemirrorNode from './utils/codemirror/codemirrorNode.js';
 import __vue_component__$1 from '../OrButtonV3/OrButton.js';
@@ -291,14 +291,10 @@ var script = defineComponent({
   expose: ['root', 'editor'],
   setup(props, context) {
     let editor = shallowRef();
+    const controlRef = ref();
+    const toolbarRef = ref();
     // Refs & Styles
     const root = ref();
-    const rootStyles = computed(() => ['or-rich-text-editor-v3', ...RichTextEditor]);
-    const toolbarRef = ref();
-    const toolbarStyles = computed(() => [...RichTextEditorToolbar]);
-    const toolbarGroupStyles = computed(() => [...RichTextEditorToolbarGroup]);
-    const controlRef = ref();
-    const controlStyles = computed(() => ['tiptap-editor-v3', ...RichTextEditorControl]);
     const textareaRef = ref();
     const containerRef = ref();
     const moreButtonRef = ref();
@@ -333,42 +329,9 @@ var script = defineComponent({
     const countOfNotVisibleTools = ref(0);
     const sourceValue = ref('');
     let trap = useFocusTrap(controlRef, {
-      immediate: true,
       fallbackFocus: '.container',
       allowOutsideClick: true
     });
-    const iconsEnum = ref({
-      bold: 'format_bold',
-      italic: 'format_italic',
-      underline: 'format_underlined',
-      strike: 'format_strikethrough',
-      bulletList: 'format_list_bulleted',
-      orderedList: 'format_list_numbered',
-      link: 'link',
-      highlight: 'highlight',
-      redo: 'redo',
-      undo: 'undo',
-      codeBlock: 'code_blocks',
-      blockquote: 'format_quote',
-      file: 'attach_file',
-      source: 'source_notes'
-    });
-    const iconTooltipsEnum = ref({
-      bold: 'Bold',
-      italic: 'Italic',
-      underline: 'Underline',
-      strike: 'Strike',
-      bulletList: 'Bulleted List',
-      orderedList: 'Numbered List',
-      link: 'Link',
-      highlight: 'Highlight',
-      redo: 'Redo',
-      undo: 'Undo',
-      codeBlock: 'Code Block',
-      blockquote: 'Quote',
-      file: 'File',
-      source: 'Source'
-    });
     useResizeObserver(root, useDebounceFn(entries => {
       var _a, _b;
       const entry = entries[0];
@@ -492,6 +455,12 @@ var script = defineComponent({
     const getIndexOfHeading = computed(() => {
       return props.toolbar.flat().indexOf('heading');
     });
+    const getRichTextEditorIcon = computed(() => item => {
+      return RichTextEditorIcons[item];
+    });
+    const getRichTextEditorTooltipIcon = computed(() => item => {
+      return RichTextEditorTooltips[item];
+    });
     const headingIcon = computed(() => {
       if (activeHeadingLevel.value && isActive.value.heading) {
         return `format_h${activeHeadingLevel.value}`;
@@ -662,6 +631,11 @@ var script = defineComponent({
       }
       editor === null || editor === void 0 ? void 0 : editor.setEditable(!disabled);
     });
+    // Styles
+    const rootStyles = computed(() => ['or-rich-text-editor-v3', ...RichTextEditor]);
+    const toolbarStyles = computed(() => [...RichTextEditorToolbar]);
+    const toolbarGroupStyles = computed(() => [...RichTextEditorToolbarGroup]);
+    const controlStyles = computed(() => ['tiptap-editor-v3', ...RichTextEditorControl]);
     return {
       root,
       rootStyles,
@@ -677,11 +651,11 @@ var script = defineComponent({
       textareaRef,
       moreRef,
       menuRef,
-      iconsEnum,
       handleToolbarClick,
       handleEditorClick,
       isActive,
-      iconTooltipsEnum,
+      getRichTextEditorIcon,
+      getRichTextEditorTooltipIcon,
       getIndexOfHeading,
       headingLevels,
       headingIcon,
@@ -787,11 +761,11 @@ var __vue_render__ = function () {
       }) : _vm.isVisible(item) ? _c('OrIconButton', {
         attrs: {
           "icon": {
-            icon: _vm.iconsEnum[item],
+            icon: _vm.getRichTextEditorIcon(item),
             variant: 'inherit'
           },
           "tooltip": {
-            content: _vm.iconTooltipsEnum[item],
+            content: _vm.getRichTextEditorTooltipIcon(item),
             placement: 'top'
           },
           "selected": _vm.isActive[item],
@@ -893,11 +867,11 @@ var __vue_render__ = function () {
       key: item,
       attrs: {
         "icon": {
-          icon: _vm.iconsEnum[item],
+          icon: _vm.getRichTextEditorIcon(item),
           variant: 'inherit'
         },
         "tooltip": {
-          content: _vm.iconTooltipsEnum[item],
+          content: _vm.getRichTextEditorTooltipIcon(item),
           placement: 'top'
         },
         "selected": _vm.isActive[item]

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

@@ -1,2 +1,2 @@
 export { default as OrRichTextEditorV3 } from './OrRichTextEditor.js';
-export { Formats } from './props.js';
+export { Formats, RichTextEditorIcons, RichTextEditorTooltips } from './props.js';

package/dist/bundled/components/OrRichTextEditorV3/props.d.ts

@@ -3,3 +3,35 @@ export declare enum Formats {
     Markup = "markup"
 }
 export type Tools = string[][];
+export declare enum RichTextEditorIcons {
+    bold = "format_bold",
+    italic = "format_italic",
+    underline = "format_underlined",
+    strike = "format_strikethrough",
+    bulletList = "format_list_bulleted",
+    orderedList = "format_list_numbered",
+    link = "link",
+    highlight = "highlight",
+    redo = "redo",
+    undo = "undo",
+    codeBlock = "code_blocks",
+    blockquote = "format_quote",
+    file = "attach_file",
+    source = "source_notes"
+}
+export declare enum RichTextEditorTooltips {
+    bold = "Bold",
+    italic = "Italic",
+    underline = "Underline",
+    strike = "Strike",
+    bulletList = "Bulleted List",
+    orderedList = "Numbered List",
+    link = "Link",
+    highlight = "Highlight",
+    redo = "Redo",
+    undo = "Undo",
+    codeBlock = "Code Block",
+    blockquote = "Quote",
+    file = "File",
+    source = "Source"
+}

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

@@ -3,5 +3,39 @@ var Formats;
   Formats["Markdown"] = "markdown";
   Formats["Markup"] = "markup";
 })(Formats || (Formats = {}));
+var RichTextEditorIcons;
+(function (RichTextEditorIcons) {
+  RichTextEditorIcons["bold"] = "format_bold";
+  RichTextEditorIcons["italic"] = "format_italic";
+  RichTextEditorIcons["underline"] = "format_underlined";
+  RichTextEditorIcons["strike"] = "format_strikethrough";
+  RichTextEditorIcons["bulletList"] = "format_list_bulleted";
+  RichTextEditorIcons["orderedList"] = "format_list_numbered";
+  RichTextEditorIcons["link"] = "link";
+  RichTextEditorIcons["highlight"] = "highlight";
+  RichTextEditorIcons["redo"] = "redo";
+  RichTextEditorIcons["undo"] = "undo";
+  RichTextEditorIcons["codeBlock"] = "code_blocks";
+  RichTextEditorIcons["blockquote"] = "format_quote";
+  RichTextEditorIcons["file"] = "attach_file";
+  RichTextEditorIcons["source"] = "source_notes";
+})(RichTextEditorIcons || (RichTextEditorIcons = {}));
+var RichTextEditorTooltips;
+(function (RichTextEditorTooltips) {
+  RichTextEditorTooltips["bold"] = "Bold";
+  RichTextEditorTooltips["italic"] = "Italic";
+  RichTextEditorTooltips["underline"] = "Underline";
+  RichTextEditorTooltips["strike"] = "Strike";
+  RichTextEditorTooltips["bulletList"] = "Bulleted List";
+  RichTextEditorTooltips["orderedList"] = "Numbered List";
+  RichTextEditorTooltips["link"] = "Link";
+  RichTextEditorTooltips["highlight"] = "Highlight";
+  RichTextEditorTooltips["redo"] = "Redo";
+  RichTextEditorTooltips["undo"] = "Undo";
+  RichTextEditorTooltips["codeBlock"] = "Code Block";
+  RichTextEditorTooltips["blockquote"] = "Quote";
+  RichTextEditorTooltips["file"] = "File";
+  RichTextEditorTooltips["source"] = "Source";
+})(RichTextEditorTooltips || (RichTextEditorTooltips = {}));
 
-export { Formats };
+export { Formats, RichTextEditorIcons, RichTextEditorTooltips };

package/dist/bundled/components/index.js

@@ -147,7 +147,7 @@ export { R as RatingVariant } from '../styles-13d49c4b.js';
 export { default as OrResizeablePanelV3 } from './OrResizeablePanelV3/OrResizeablePanel.js';
 export { ResizeablePanelPadding, ResizeablePanelPlacement } from './OrResizeablePanelV3/props.js';
 export { default as OrRichTextEditorV3 } from './OrRichTextEditorV3/OrRichTextEditor.js';
-export { Formats } from './OrRichTextEditorV3/props.js';
+export { Formats, RichTextEditorIcons, RichTextEditorTooltips } from './OrRichTextEditorV3/props.js';
 export { OrRichTooltipV3, RichTooltipBehavior } from './OrRichTooltipV3/index.js';
 export { default as OrSearch } from './OrSearch/OrSearch.js';
 export { default as OrSearchV3 } from './OrSearchV3/OrSearch.js';

package/dist/bundled/index.js

@@ -181,7 +181,7 @@ export { default as OrRadioV3 } from './components/OrRadioV3/OrRadio.js';
 export { R as RatingVariant } from './styles-13d49c4b.js';
 export { default as OrResizeablePanelV3 } from './components/OrResizeablePanelV3/OrResizeablePanel.js';
 export { ResizeablePanelPadding, ResizeablePanelPlacement } from './components/OrResizeablePanelV3/props.js';
-export { Formats } from './components/OrRichTextEditorV3/props.js';
+export { Formats, RichTextEditorIcons, RichTextEditorTooltips } from './components/OrRichTextEditorV3/props.js';
 export { default as OrSearch } from './components/OrSearch/OrSearch.js';
 export { default as OrSearchV3 } from './components/OrSearchV3/OrSearch.js';
 export { SegmentedControlSize } from './components/OrSegmentedControlV3/props.js';

package/dist/esm/components/index.js

@@ -106,7 +106,7 @@ export { OrRadioV3 } from './or-radio-v3/index.js';
 export { OrRangeSliderV3 } from './or-range-slider-v3/index.js';
 export { OrRatingV3, RatingVariant } from './or-rating-v3/index.js';
 export { OrResizeablePanelV3, ResizeablePanelPadding, ResizeablePanelPlacement } from './or-resizeable-panel-v3/index.js';
-export { Formats, OrRichTextEditorV3 } from './or-rich-text-editor-v3/index.js';
+export { Formats, OrRichTextEditorV3, RichTextEditorIcons, RichTextEditorTooltips } from './or-rich-text-editor-v3/index.js';
 export { OrRichTooltipV3, RichTooltipBehavior } from './or-rich-tooltip-v3/index.js';
 export { OrSearch } from './or-search/index.js';
 export { OrSearchV3 } from './or-search-v3/index.js';

package/dist/esm/components/or-rich-text-editor-v3/index.js

@@ -11,7 +11,7 @@ import Underline from '@tiptap/extension-underline';
 import StarterKit from '@tiptap/starter-kit';
 import { useResizeObserver, useDebounceFn, onClickOutside } from '@vueuse/core';
 import { useFocusTrap } from '@vueuse/integrations/useFocusTrap';
-import { defineComponent, shallowRef, ref, computed, onMounted, onBeforeUnmount, watch, nextTick } from 'vue-demi';
+import { defineComponent, shallowRef, ref, onMounted, onBeforeUnmount, computed, watch, nextTick } from 'vue-demi';
 import '../../dom-11141778.js';
 import { i as isArray } from '../../isArray-135d4ff2.js';
 import { OrButtonV3 as __vue_component__$1 } from '../or-button-v3/index.js';
@@ -78,6 +78,40 @@ var Formats;
   Formats["Markdown"] = "markdown";
   Formats["Markup"] = "markup";
 })(Formats || (Formats = {}));
+var RichTextEditorIcons;
+(function (RichTextEditorIcons) {
+  RichTextEditorIcons["bold"] = "format_bold";
+  RichTextEditorIcons["italic"] = "format_italic";
+  RichTextEditorIcons["underline"] = "format_underlined";
+  RichTextEditorIcons["strike"] = "format_strikethrough";
+  RichTextEditorIcons["bulletList"] = "format_list_bulleted";
+  RichTextEditorIcons["orderedList"] = "format_list_numbered";
+  RichTextEditorIcons["link"] = "link";
+  RichTextEditorIcons["highlight"] = "highlight";
+  RichTextEditorIcons["redo"] = "redo";
+  RichTextEditorIcons["undo"] = "undo";
+  RichTextEditorIcons["codeBlock"] = "code_blocks";
+  RichTextEditorIcons["blockquote"] = "format_quote";
+  RichTextEditorIcons["file"] = "attach_file";
+  RichTextEditorIcons["source"] = "source_notes";
+})(RichTextEditorIcons || (RichTextEditorIcons = {}));
+var RichTextEditorTooltips;
+(function (RichTextEditorTooltips) {
+  RichTextEditorTooltips["bold"] = "Bold";
+  RichTextEditorTooltips["italic"] = "Italic";
+  RichTextEditorTooltips["underline"] = "Underline";
+  RichTextEditorTooltips["strike"] = "Strike";
+  RichTextEditorTooltips["bulletList"] = "Bulleted List";
+  RichTextEditorTooltips["orderedList"] = "Numbered List";
+  RichTextEditorTooltips["link"] = "Link";
+  RichTextEditorTooltips["highlight"] = "Highlight";
+  RichTextEditorTooltips["redo"] = "Redo";
+  RichTextEditorTooltips["undo"] = "Undo";
+  RichTextEditorTooltips["codeBlock"] = "Code Block";
+  RichTextEditorTooltips["blockquote"] = "Quote";
+  RichTextEditorTooltips["file"] = "File";
+  RichTextEditorTooltips["source"] = "Source";
+})(RichTextEditorTooltips || (RichTextEditorTooltips = {}));
 
 const RichTextEditor = [
 // Layout
@@ -285,14 +319,10 @@ var script = defineComponent({
   expose: ['root', 'editor'],
   setup(props, context) {
     let editor = shallowRef();
+    const controlRef = ref();
+    const toolbarRef = ref();
     // Refs & Styles
     const root = ref();
-    const rootStyles = computed(() => ['or-rich-text-editor-v3', ...RichTextEditor]);
-    const toolbarRef = ref();
-    const toolbarStyles = computed(() => [...RichTextEditorToolbar]);
-    const toolbarGroupStyles = computed(() => [...RichTextEditorToolbarGroup]);
-    const controlRef = ref();
-    const controlStyles = computed(() => ['tiptap-editor-v3', ...RichTextEditorControl]);
     const textareaRef = ref();
     const containerRef = ref();
     const moreButtonRef = ref();
@@ -327,42 +357,9 @@ var script = defineComponent({
     const countOfNotVisibleTools = ref(0);
     const sourceValue = ref('');
     let trap = useFocusTrap(controlRef, {
-      immediate: true,
       fallbackFocus: '.container',
       allowOutsideClick: true
     });
-    const iconsEnum = ref({
-      bold: 'format_bold',
-      italic: 'format_italic',
-      underline: 'format_underlined',
-      strike: 'format_strikethrough',
-      bulletList: 'format_list_bulleted',
-      orderedList: 'format_list_numbered',
-      link: 'link',
-      highlight: 'highlight',
-      redo: 'redo',
-      undo: 'undo',
-      codeBlock: 'code_blocks',
-      blockquote: 'format_quote',
-      file: 'attach_file',
-      source: 'source_notes'
-    });
-    const iconTooltipsEnum = ref({
-      bold: 'Bold',
-      italic: 'Italic',
-      underline: 'Underline',
-      strike: 'Strike',
-      bulletList: 'Bulleted List',
-      orderedList: 'Numbered List',
-      link: 'Link',
-      highlight: 'Highlight',
-      redo: 'Redo',
-      undo: 'Undo',
-      codeBlock: 'Code Block',
-      blockquote: 'Quote',
-      file: 'File',
-      source: 'Source'
-    });
     useResizeObserver(root, useDebounceFn(entries => {
       var _a, _b;
       const entry = entries[0];
@@ -486,6 +483,12 @@ var script = defineComponent({
     const getIndexOfHeading = computed(() => {
       return props.toolbar.flat().indexOf('heading');
     });
+    const getRichTextEditorIcon = computed(() => item => {
+      return RichTextEditorIcons[item];
+    });
+    const getRichTextEditorTooltipIcon = computed(() => item => {
+      return RichTextEditorTooltips[item];
+    });
     const headingIcon = computed(() => {
       if (activeHeadingLevel.value && isActive.value.heading) {
         return `format_h${activeHeadingLevel.value}`;
@@ -656,6 +659,11 @@ var script = defineComponent({
       }
       editor === null || editor === void 0 ? void 0 : editor.setEditable(!disabled);
     });
+    // Styles
+    const rootStyles = computed(() => ['or-rich-text-editor-v3', ...RichTextEditor]);
+    const toolbarStyles = computed(() => [...RichTextEditorToolbar]);
+    const toolbarGroupStyles = computed(() => [...RichTextEditorToolbarGroup]);
+    const controlStyles = computed(() => ['tiptap-editor-v3', ...RichTextEditorControl]);
     return {
       root,
       rootStyles,
@@ -671,11 +679,11 @@ var script = defineComponent({
       textareaRef,
       moreRef,
       menuRef,
-      iconsEnum,
       handleToolbarClick,
       handleEditorClick,
       isActive,
-      iconTooltipsEnum,
+      getRichTextEditorIcon,
+      getRichTextEditorTooltipIcon,
       getIndexOfHeading,
       headingLevels,
       headingIcon,
@@ -781,11 +789,11 @@ var __vue_render__ = function () {
       }) : _vm.isVisible(item) ? _c('OrIconButton', {
         attrs: {
           "icon": {
-            icon: _vm.iconsEnum[item],
+            icon: _vm.getRichTextEditorIcon(item),
             variant: 'inherit'
           },
           "tooltip": {
-            content: _vm.iconTooltipsEnum[item],
+            content: _vm.getRichTextEditorTooltipIcon(item),
             placement: 'top'
           },
           "selected": _vm.isActive[item],
@@ -887,11 +895,11 @@ var __vue_render__ = function () {
       key: item,
       attrs: {
         "icon": {
-          icon: _vm.iconsEnum[item],
+          icon: _vm.getRichTextEditorIcon(item),
           variant: 'inherit'
         },
         "tooltip": {
-          content: _vm.iconTooltipsEnum[item],
+          content: _vm.getRichTextEditorTooltipIcon(item),
           placement: 'top'
         },
         "selected": _vm.isActive[item]
@@ -1016,4 +1024,4 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
-export { Formats, __vue_component__ as OrRichTextEditorV3 };
+export { Formats, __vue_component__ as OrRichTextEditorV3, RichTextEditorIcons, RichTextEditorTooltips };

package/dist/esm/components/or-rich-text-editor-v3/props.d.ts

@@ -3,3 +3,35 @@ export declare enum Formats {
     Markup = "markup"
 }
 export type Tools = string[][];
+export declare enum RichTextEditorIcons {
+    bold = "format_bold",
+    italic = "format_italic",
+    underline = "format_underlined",
+    strike = "format_strikethrough",
+    bulletList = "format_list_bulleted",
+    orderedList = "format_list_numbered",
+    link = "link",
+    highlight = "highlight",
+    redo = "redo",
+    undo = "undo",
+    codeBlock = "code_blocks",
+    blockquote = "format_quote",
+    file = "attach_file",
+    source = "source_notes"
+}
+export declare enum RichTextEditorTooltips {
+    bold = "Bold",
+    italic = "Italic",
+    underline = "Underline",
+    strike = "Strike",
+    bulletList = "Bulleted List",
+    orderedList = "Numbered List",
+    link = "Link",
+    highlight = "Highlight",
+    redo = "Redo",
+    undo = "Undo",
+    codeBlock = "Code Block",
+    blockquote = "Quote",
+    file = "File",
+    source = "Source"
+}

package/dist/esm/index.js

@@ -106,7 +106,7 @@ export { OrRadioV3 } from './components/or-radio-v3/index.js';
 export { OrRangeSliderV3 } from './components/or-range-slider-v3/index.js';
 export { OrRatingV3, RatingVariant } from './components/or-rating-v3/index.js';
 export { OrResizeablePanelV3, ResizeablePanelPadding, ResizeablePanelPlacement } from './components/or-resizeable-panel-v3/index.js';
-export { Formats, OrRichTextEditorV3 } from './components/or-rich-text-editor-v3/index.js';
+export { Formats, OrRichTextEditorV3, RichTextEditorIcons, RichTextEditorTooltips } from './components/or-rich-text-editor-v3/index.js';
 export { OrRichTooltipV3, RichTooltipBehavior } from './components/or-rich-tooltip-v3/index.js';
 export { OrSearch } from './components/or-search/index.js';
 export { OrSearchV3 } from './components/or-search-v3/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components-vue2",
-  "version": "18.4.1",
+  "version": "18.4.2",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2",
   "sideEffects": false,
@@ -35,7 +35,7 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^18.4.1",
+    "@onereach/styles": "^18.4.2",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -134,5 +134,5 @@
       "default": "./dist/bundled/components/*/index.js"
     }
   },
-  "gitHead": "e7514cc883e08e4368951a4ca978a00dd5c4addc"
+  "gitHead": "c22551ce5da2acc781045646793561b99225f026"
 }