@onereach/ui-components-vue2 21.4.2 → 21.5.0-beta.5380.0

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

@@ -13,13 +13,13 @@ import { useResizeObserver, useDebounceFn, onClickOutside } from '@vueuse/core';
 import { useFocusTrap } from '@vueuse/integrations/useFocusTrap';
 import { defineComponent, shallowRef, ref, onMounted, onBeforeUnmount, computed, watch, nextTick } from 'vue-demi';
 import { aa as c } from '../../utils-72d9c2bb.js';
-import { u as ue, n as ne } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
 import { TextSelection, Selection } from 'prosemirror-state';
 import { exitCode } from 'prosemirror-commands';
 import { EditorState } from '@codemirror/state';
 import { EditorView, highlightActiveLine, highlightActiveLineGutter, lineNumbers, keymap } from '@codemirror/view';
 import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';
 import { tags } from '@lezer/highlight';
+import { u as ue } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
 import { minimalSetup } from 'codemirror';
 import { javascript } from '@codemirror/lang-javascript';
 import { defaultMarkdownSerializer, MarkdownSerializer } from 'prosemirror-markdown';
@@ -110,8 +110,6 @@ const RichTextEditor = [
 const RichTextEditorToolbar = [
 // Layout
 'layout-row',
-// Overflow
-'overflow-x-scroll md:overflow-x-hidden', 'scrollbar-hidden',
 // Spacing
 'px-0', 'py-sm',
 // Theme
@@ -659,7 +657,7 @@ var script = defineComponent({
     const textareaRef = ref();
     const containerRef = ref();
     const moreButtonRef = ref();
-    const morePopoverRef = ref();
+    const moreRef = ref();
     const toolbarButtonRef = ref();
     const menuRef = ref();
     // isActive should be set with default values for all toolbar buttons, otherwise it will not work in vue2
@@ -689,9 +687,6 @@ var script = defineComponent({
     const link = ref('');
     const countOfNotVisibleTools = ref(0);
     const sourceValue = ref('');
-    const {
-      isMobile
-    } = ne();
     let trap = useFocusTrap(controlRef, {
       fallbackFocus: '.container',
       allowOutsideClick: true
@@ -860,10 +855,9 @@ var script = defineComponent({
       activeHeadingLevel.value = ((_c = (_b = editor.value) === null || _b === void 0 ? void 0 : _b.getAttributes('heading')) === null || _c === void 0 ? void 0 : _c.level) || 0;
     };
     const isVisible = value => {
-      if (isMobile.value) return true;
       if (c(value)) {
         const isHaveNotVisibleTools = value.some(item => notVisibleTools.value.has(item));
-        return !isHaveNotVisibleTools;
+        return isHaveNotVisibleTools;
       }
       return !notVisibleTools.value.has(value);
     };
@@ -1020,7 +1014,7 @@ var script = defineComponent({
       toolbarButtonRef,
       moreButtonRef,
       textareaRef,
-      morePopoverRef,
+      moreRef,
       menuRef,
       handleToolbarClick,
       handleEditorClick,
@@ -1037,7 +1031,6 @@ var script = defineComponent({
       link,
       isFocused,
       isVisible,
-      isMobile,
       countOfNotVisibleTools,
       notVisibleTools,
       handleInput,
@@ -1100,7 +1093,7 @@ var __vue_render__ = function () {
     return _c('div', {
       key: index,
       class: _vm.toolbarGroupStyles.concat([{
-        'hidden': !_vm.isVisible(tools)
+        'hidden': _vm.isVisible(tools)
       }]),
       attrs: {
         "disabled": _vm.disabled || !_vm.isFocused
@@ -1151,20 +1144,19 @@ var __vue_render__ = function () {
         }
       }) : _vm._e()], 1);
     }), 0);
-  }), _vm._v(" "), _vm.countOfNotVisibleTools > 0 && !_vm.isMobile ? _c('OrIconButton', {
+  }), _vm._v(" "), _vm.countOfNotVisibleTools > 0 ? _c('OrIconButton', {
     ref: 'moreButtonRef',
-    class: ['mx-sm'],
+    class: ['px-sm'],
     attrs: {
       "icon": {
         icon: 'more_horiz',
         variant: 'inherit'
       },
-      "disabled": _vm.disabled || !_vm.isFocused,
-      "force-state": _vm.morePopoverRef && _vm.morePopoverRef.state === 'open' ? 'hover' : undefined
+      "disabled": _vm.disabled || !_vm.isFocused
     },
     on: {
       "click": function ($event) {
-        _vm.morePopoverRef && _vm.morePopoverRef.open();
+        _vm.moreRef && _vm.moreRef.open();
       }
     }
   }) : _vm._e()], 2), _vm._v(" "), _c('div', {
@@ -1229,7 +1221,7 @@ var __vue_render__ = function () {
       "disabled": _vm.disabled
     }
   }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n  ")]), _vm._v(" "), _vm.moreButtonRef ? _c('OrPopover', {
-    ref: 'morePopoverRef',
+    ref: 'moreRef',
     attrs: {
       "trigger": _vm.moreButtonRef && _vm.moreButtonRef.root,
       "placement": 'top-end'

package/dist/esm/components/or-select-v3/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, toRefs, computed, watch, getCurrentInstance, nextTick } from 'vue-demi';
+import { defineComponent, ref, toRefs, computed, watch, getCurrentInstance } from 'vue-demi';
 import { s, c } from '../../dropdown-open-k6cFnrqA-5245a281.js';
 import { l } from '../../helpers-368c7a99.js';
 import { a as re, n as ne } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
@@ -837,7 +837,6 @@ var script = defineComponent({
       var _a;
       return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.state;
     });
-    const isOpen = computed(() => popoverState.value === 'open');
     // Props
     const {
       enableClear,
@@ -881,11 +880,6 @@ var script = defineComponent({
     }, {
       deep: true
     });
-    watch(isOpen, value => {
-      if (!value) {
-        resetSearch();
-      }
-    });
     const groupedOptions = computed(() => {
       const groupBy = props.groupByFunction;
       if (groupBy) {
@@ -979,9 +973,7 @@ var script = defineComponent({
       resetSearch();
     }
     function resetSearch() {
-      nextTick(() => {
-        setTimeout(() => searchText.value = '');
-      });
+      searchText.value = '';
     }
     // Utils
     const {
@@ -1011,7 +1003,6 @@ var script = defineComponent({
       proxyModelValue,
       readonly,
       isEmptyModelValue,
-      isOpen,
       showClear,
       searchText,
       internalSearchOptions,
@@ -1079,7 +1070,6 @@ var __vue_render__ = function () {
       "invalid": !!_vm.error,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled,
-      "force-state": _vm.isOpen ? 'focus-within' : undefined,
       "tabindex": !_vm.disabled ? 0 : null
     }
   }, [_c('div', {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components-vue2",
-  "version": "21.4.2",
+  "version": "21.5.0-beta.5380.0",
   "description": "Vue components library for v2",
   "license": "Apache-2.0",
   "sideEffects": false,
@@ -40,8 +40,8 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^21.4.2",
-    "@onereach/ui-components-common": "^21.4.2",
+    "@onereach/styles": "^21.5.0-beta.5380.0",
+    "@onereach/ui-components-common": "^21.5.0-beta.5380.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -76,7 +76,7 @@
     "prosemirror-state": "*",
     "prosemirror-view": "*",
     "sortablejs": "1.14.0",
-    "tailwindcss": "3.3.3",
+    "tailwindcss": "3.4.3",
     "uuid": "8.3.2",
     "vue-demi": "0.14.6"
   },
@@ -104,6 +104,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "npmUnpacked": "4.15.2",
-  "gitHead": "c1aa388b69aafd6d5d23479c8be7b0dfd38a0ff5"
+  "npmUnpacked": "4.15.2"
 }