@onereach/ui-components 4.6.0-beta.2747.0 → 4.6.0-beta.2751.0

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

@@ -1603,11 +1603,8 @@ var script = defineComponent({
       if (containerRef.value && toolbarRef.value && toolbarLength.value) {
         let lengthOfItem = 0;
         lengthOfItem = ((_b = (_a = toolbarRef.value.firstElementChild) === null || _a === void 0 ? void 0 : _a.firstElementChild) === null || _b === void 0 ? void 0 : _b.offsetWidth) + 16;
-        const lengthOfToolbar = lengthOfItem * toolbarLength.value;
-        if (lengthOfToolbar >= width) {
-          const count = width / lengthOfItem - 2;
-          countOfNotVisibleTools.value = Math.round(toolbarLength.value - count);
-        }
+        const count = width / lengthOfItem - 2;
+        countOfNotVisibleTools.value = Math.round(toolbarLength.value - count);
       }
     });
     onMounted(() => {
@@ -1715,10 +1712,10 @@ var script = defineComponent({
     const notVisibleTools = computed(() => {
       const count = countOfNotVisibleTools.value;
       const toolbar = props.toolbar.flat();
-      let notVisible = toolbar.slice(toolbar.length - count, toolbar.length);
+      let notVisible = new Set(toolbar.slice(toolbar.length - count, toolbar.length));
       props.toolbar.forEach(tools => {
-        if (tools.some(item => notVisible.includes(item))) {
-          notVisible = [...notVisible, ...tools];
+        if (tools.some(item => notVisible.has(item))) {
+          tools.forEach(item => notVisible.add(item));
         }
       });
       return notVisible;
@@ -1733,10 +1730,10 @@ var script = defineComponent({
     };
     const isVisible = value => {
       if (Array.isArray(value)) {
-        const isHaveNotVisibleTools = value.some(item => notVisibleTools.value.includes(item));
+        const isHaveNotVisibleTools = value.some(item => notVisibleTools.value.has(item));
         return isHaveNotVisibleTools;
       }
-      return !notVisibleTools.value.includes(value);
+      return !notVisibleTools.value.has(value);
     };
     const handleInput = event => {
       const target = event.target;
@@ -2089,7 +2086,6 @@ var __vue_render__ = function () {
           placement: 'top'
         },
         "selected": _vm.isActive[item],
-        "disabled": !_vm.isFocused,
         "icon": {
           icon: _vm.iconsEnum[item],
           variant: 'inherit',

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

@@ -48,7 +48,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     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<string[]>;
+    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>;
@@ -193,7 +193,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     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<string[]>;
+    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>;

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

@@ -1,6 +1,6 @@
 const EditorContainer = [
 // Colors
-'border-outline', 'focus-within:theme-border-1-primary', 'focus-within:bg-primary-opacity-0-08', 'focus-within:theme-outline-primary',
+'border-outline', 'focus-within:theme-background-primary-translucent', 'focus-within:theme-border-1-primary', 'focus-within:theme-outline-2-primary',
 // Sizing
 'border-1', 'rounded-md', 'w-full'];
 const ToolbarContainer = [