@onereach/ui-components 6.0.1-beta.3233.0 → 6.0.1-beta.3235.0

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-47a6a91f.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-818431d8.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-2c7e113b.js';
 import { DatePicker, DatePickerPopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from './hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-47a6a91f.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-818431d8.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-2c7e113b.js';
 import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-7fd83e23.js';
 import { DateTimePickerTimeFormat } from './props.js';

package/dist/bundled/v2/components/OrMenuV3/OrMenu.js

@@ -16,7 +16,7 @@ var script = defineComponent({
       default: false
     },
     trigger: {
-      type: Object,
+      type: HTMLElement,
       default: undefined
     },
     placement: {

package/dist/bundled/v2/components/OrMenuV3/OrMenu.vue.d.ts

@@ -1,4 +1,3 @@
-import { ReferenceElement } from '@floating-ui/dom';
 import { PropType } from 'vue-demi';
 import { MenuOffset, MenuPlacement } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -15,7 +14,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
     trigger: {
-        type: PropType<ReferenceElement>;
+        type: {
+            new (): HTMLElement;
+            prototype: HTMLElement;
+        };
         default: undefined;
     };
     placement: {
@@ -32,7 +34,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
     trigger: {
-        type: PropType<ReferenceElement>;
+        type: {
+            new (): HTMLElement;
+            prototype: HTMLElement;
+        };
         default: undefined;
     };
     placement: {
@@ -45,7 +50,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     isOpen: boolean;
-    trigger: ReferenceElement;
+    trigger: HTMLElement;
     placement: MenuPlacement;
     offset: MenuOffset;
 } & {} & {
@@ -60,14 +65,14 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     onClick: (event: Event) => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     isOpen: boolean;
-    trigger: ReferenceElement;
+    trigger: HTMLElement;
     placement: MenuPlacement;
     offset: MenuOffset;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     isOpen: boolean;
-    trigger: ReferenceElement;
+    trigger: HTMLElement;
     placement: MenuPlacement;
     offset: MenuOffset;
 }, true>);

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.js

@@ -30,7 +30,7 @@ var script = defineComponent({
       default: undefined
     },
     trigger: {
-      type: Object,
+      type: HTMLElement,
       default: undefined
     },
     placement: {
@@ -101,14 +101,11 @@ var script = defineComponent({
               placement,
               middleware: [offset(props.offset), shift(), flip(), hide()]
             });
-            const {
-              width: triggerWidth
-            } = trigger.getBoundingClientRect();
             Object.assign(rootElement.style, {
               left: `${x}px`,
               top: `${y}px`,
               visibility: middlewareData.hide.referenceHidden ? 'hidden' : 'visible',
-              width: props.fullWidth ? `${triggerWidth}px` : ''
+              width: props.fullWidth ? `${trigger.offsetWidth}px` : ''
             });
             isFlipped.value = Boolean((_a = middlewareData.flip) === null || _a === void 0 ? void 0 : _a.index);
             isHidden.value = Boolean((_b = middlewareData.hide) === null || _b === void 0 ? void 0 : _b.referenceHidden);

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.vue.d.ts

@@ -1,4 +1,3 @@
-import { ReferenceElement } from '@floating-ui/dom';
 import { PropType } from 'vue-demi';
 import { PopoverOffset, PopoverPlacement, PopoverVariant } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -36,7 +35,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     trigger: {
-        type: PropType<ReferenceElement>;
+        type: {
+            new (): HTMLElement;
+            prototype: HTMLElement;
+        };
         default: undefined;
     };
     placement: {
@@ -75,7 +77,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     trigger: {
-        type: PropType<ReferenceElement>;
+        type: {
+            new (): HTMLElement;
+            prototype: HTMLElement;
+        };
         default: undefined;
     };
     placement: {
@@ -104,7 +109,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     bottomSheetProps: Readonly<Partial<{
         [x: number]: string;
     } | {}> & Omit<{} & {}, never>>;
-    trigger: ReferenceElement;
+    trigger: HTMLElement;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     offset: PopoverOffset;
     fullWidth: boolean;
@@ -137,7 +142,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     bottomSheetProps: Readonly<Partial<{
         [x: number]: string;
     } | {}> & Omit<{} & {}, never>>;
-    trigger: ReferenceElement;
+    trigger: HTMLElement;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     offset: PopoverOffset;
     fullWidth: boolean;
@@ -151,7 +156,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     bottomSheetProps: Readonly<Partial<{
         [x: number]: string;
     } | {}> & Omit<{} & {}, never>>;
-    trigger: ReferenceElement;
+    trigger: HTMLElement;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     offset: PopoverOffset;
     fullWidth: boolean;

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

@@ -2,7 +2,11 @@ import { PopoverPlacement } from './props.js';
 
 const Popover = [
 // Position
-'absolute'];
+'absolute',
+// Box
+// this hack fixes the issue when popover triggers 'ResizeObserver loop limit exceeded' runtime error
+// https://github.com/floating-ui/floating-ui/issues/1740#issuecomment-1563544849
+'w-max'];
 const PopoverBody = [
 // Spacing
 'mx-sm', 'my-sm',

package/dist/bundled/v2/components/index.d.ts

@@ -20,7 +20,6 @@ export * from './or-color-picker';
 export * from './or-combined-input-v3';
 export * from './or-confirm';
 export * from './or-confirm-v3';
-export * from './or-context-menu-v3';
 export * from './or-date-picker-v3';
 export * from './or-date-time-picker';
 export * from './or-date-time-picker-v3';

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

@@ -37,8 +37,6 @@ export { InputBoxSize as CombinedInputSize, InputBoxSize as DatePickerSize, Inpu
 export { default as OrConfirm } from './OrConfirm/OrConfirm.js';
 export { default as OrConfirmV3 } from './OrConfirmV3/OrConfirm.js';
 export { ConfirmType } from './OrConfirmV3/props.js';
-export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
-export { PopoverPlacement as ContextMenuPlacement, PopoverPlacement as MenuPlacement, PopoverPlacement, PopoverVariant, PopoverPlacement as TooltipPlacement } from './OrPopoverV3/props.js';
 export { default as OrDatePickerV3 } from './OrDatePickerV3/OrDatePicker.js';
 export { default as OrDateTimePicker } from './OrDateTimePicker/OrDateTimePicker.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
@@ -89,6 +87,7 @@ export { default as OrLoaderV3 } from './OrLoaderV3/OrLoader.js';
 export { LoaderColor, LoaderSize, LoaderVariant } from './OrLoaderV3/props.js';
 export { default as OrMenuItemV3 } from './OrMenuItemV3/OrMenuItem.js';
 export { default as OrMenuV3 } from './OrMenuV3/OrMenu.js';
+export { PopoverPlacement as MenuPlacement, PopoverPlacement, PopoverVariant, PopoverPlacement as TooltipPlacement } from './OrPopoverV3/props.js';
 export { default as OrModal } from './OrModal/OrModal.js';
 export { OrModalSizes } from './OrModal/constants.js';
 export { default as OrModalV3 } from './OrModalV3/OrModal.js';