@onereach/ui-components 4.1.0-beta.2511.0 → 4.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "4.1.0-beta.2511.0",
+  "version": "4.1.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -38,25 +38,8 @@
     "@codemirror/lang-json": "6.0.0",
     "@codemirror/lang-markdown": "6.0.1",
     "@floating-ui/dom": "0.3.1",
-    "@onereach/styles": "^2.37.4-beta.2511.0",
+    "@onereach/styles": "^2.37.3",
     "@splidejs/splide": "4.0.6",
-    "@tiptap/core": "2.0.0-beta.209",
-    "@tiptap/extension-blockquote": "2.0.0-beta.209",
-    "@tiptap/extension-bold": "2.0.0-beta.209",
-    "@tiptap/extension-bullet-list": "2.0.0-beta.209",
-    "@tiptap/extension-code-block": "2.0.0-beta.209",
-    "@tiptap/extension-hard-break": "2.0.0-beta.209",
-    "@tiptap/extension-heading": "2.0.0-beta.209",
-    "@tiptap/extension-highlight": "2.0.0-beta.209",
-    "@tiptap/extension-italic": "2.0.0-beta.209",
-    "@tiptap/extension-link": "2.0.0-beta.209",
-    "@tiptap/extension-list-item": "2.0.0-beta.209",
-    "@tiptap/extension-ordered-list": "2.0.0-beta.209",
-    "@tiptap/extension-paragraph": "2.0.0-beta.209",
-    "@tiptap/extension-placeholder": "2.0.0-beta.209",
-    "@tiptap/extension-strike": "2.0.0-beta.209",
-    "@tiptap/extension-underline": "2.0.0-beta.209",
-    "@tiptap/starter-kit": "2.0.0-beta.209",
     "@types/lodash": "4.14.173",
     "@types/sortablejs": "1.10.7",
     "@types/uuid": "8.3.1",
@@ -65,11 +48,8 @@
     "@vueuse/math": "9.5.0",
     "codemirror": "6.0.1",
     "focus-trap": "7.2.0",
-    "marked": "4.2.12",
-    "prosemirror-markdown": "^1.10.1",
     "sortablejs": "1.14.0",
-    "uuid": "8.3.2",
-    "vue-demi": "0.13.11"
+    "uuid": "8.3.2"
   },
   "devDependencies": {
     "@babel/preset-env": "7.18.10",
@@ -81,7 +61,6 @@
     "@storybook/testing-library": "^0.0.13",
     "@storybook/vue3": "6.5.16",
     "@types/faker": "5.5.9",
-    "@types/marked": "4.0.8",
     "@vue/composition-api": "1.7.0",
     "faker": "5.5.3",
     "glob": "9.3.0",
@@ -173,5 +152,6 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  }
+  },
+  "gitHead": "8fb5f7fb27288c734ecbdefc2892d99b3e3d8f57"
 }

package/src/components/index.ts

@@ -94,4 +94,3 @@ export * from './or-toast';
 export * from './or-toast-v3';
 export * from './or-tooltip';
 export * from './or-tooltip-v3';
-export * from './or-rich-text-editor-v3';

package/src/components/or-bottom-sheet-v3/OrBottomSheet.vue

@@ -138,7 +138,13 @@ export default defineComponent({
     // #endregion
 
     // #region Click Outside
-    onClickOutside(root, close);
+    onClickOutside(root, (event) => {
+      const path = event.composedPath() as Element[];
+
+      if (!path.some(({ classList }) => classList?.contains('or-popover-v3') || classList?.contains('or-bottom-sheet-v3'))) {
+        close();
+      }
+    });
     // #endregion
 
     return {

package/src/components/or-button-v3/styles.ts

@@ -78,8 +78,12 @@ export const ButtonRootColors: Record<`${ButtonColor}-${ButtonVariant}`, string[
     'theme-preset-3-primary',
     'dark:theme-preset-3-primary-dark',
 
-    'theme-border-1-primary',
-    'dark:theme-border-1-primary-dark',
+    'theme-border-1-outline',
+    'dark:theme-border-1-outline-dark',
+
+    // Theme (active)
+    'active:theme-border-1-primary',
+    'dark:active:theme-border-1-primary-dark',
   ],
 
   'danger-outlined': [

package/src/components/or-popover-v3/OrPopover.vue

@@ -237,7 +237,13 @@ export default defineComponent({
     // #region Click Outside
     const trigger = toRef(props, 'trigger');
 
-    onClickOutside(root, close, {
+    onClickOutside(root, (event) => {
+      const path = event.composedPath() as Element[];
+
+      if (!path.some(({ classList }) => classList?.contains('or-popover-v3') || classList?.contains('or-bottom-sheet-v3'))) {
+        close();
+      }
+    }, {
       ignore: [trigger],
     });
     // #endregion

package/src/hooks/useElevation.ts

@@ -10,16 +10,17 @@ export function useElevation(
   const triggerRef = isRef(trigger) ? trigger : ref();
 
   // Functions
-  function getPageElevations(): number[] {
+  function getPageElevations(currentElement: HTMLElement): number[] {
     return ([...document.body.querySelectorAll('*')] as HTMLElement[])
       .filter(isVisible)
+      .filter(element => !element.isEqualNode(currentElement))
       .map((element) => getComputedStyle(element))
       .map((style) => Number(style.zIndex))
       .filter((zIndex) => !isNaN(zIndex));
   }
 
   function setElementElevation(element: HTMLElement): void {
-    element.style.zIndex = String(Math.max(0, ...getPageElevations()) + 1);
+    element.style.zIndex = String(Math.max(0, ...getPageElevations(element)) + 1);
   }
 
   // Effects

package/src/utils/isVisible.ts

@@ -1,5 +1,5 @@
 function isVisible(element: HTMLElement): boolean {
-  return !(element.offsetParent === null);
+  return element.getClientRects().length > 0;
 }
 
 export default isVisible;