@onereach/ui-components 4.0.4-beta.2525.0 → 4.0.4

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

@@ -2,7 +2,7 @@ export { s as OrAvatar } from '../OrAvatar.vue_vue_type_script_lang-29e8ad0e.js'
 export { OR_AVATAR_SIZE } from './OrAvatar/constants.js';
 export { s as OrAvatarV3 } from '../OrAvatar.vue_vue_type_script_lang-623c32a1.js';
 export { AvatarColor, AvatarSize } from './OrAvatarV3/props.js';
-export { s as OrBottomSheetV3 } from '../OrBottomSheet.vue_vue_type_script_lang-a8d8c139.js';
+export { s as OrBottomSheetV3 } from '../OrBottomSheet.vue_vue_type_script_lang-01d7c429.js';
 export { s as OrButton } from '../OrButton.vue_vue_type_script_lang-ed520a05.js';
 export { OrButtonColors, OrButtonSizes, OrButtonViews } from './OrButton/constants.js';
 export { s as OrButtonV2 } from '../OrButton.vue_vue_type_script_lang-a4a16fe5.js';
@@ -13,7 +13,7 @@ export { ButtonColor, ButtonType, ButtonVariant } from './OrButtonV3/props.js';
 export { s as OrCard } from '../OrCard.vue_vue_type_script_lang-81561dd8.js';
 export { CARD_COLLECTION_LAYOUT } from './OrCardCollection/constants.js';
 export { s as OrCardCollection } from '../OrCardCollection.vue_vue_type_script_lang-c1d83552.js';
-export { s as OrCardCollectionV3 } from '../OrCardCollection.vue_vue_type_script_lang-e53f0355.js';
+export { s as OrCardCollectionV3 } from '../OrCardCollection.vue_vue_type_script_lang-66122aa0.js';
 export { DefaultCardCollectionViews, defaultViewModes, gridView, listView } from './OrCardCollectionV3/props.js';
 export { s as OrCardV3 } from '../OrCard.vue_vue_type_script_lang-b204e541.js';
 export { s as OrCarousel } from '../OrCarousel.vue_vue_type_script_lang-0e87c56b.js';
@@ -28,18 +28,15 @@ export { s as OrCollapse } from '../OrCollapse.vue_vue_type_script_lang-5137ca99
 export { s as OrColorPicker } from '../OrColorPicker.vue_vue_type_script_lang-3a799e23.js';
 export { amber, black, blue, blueGrey, brown, cyan, deepOrange, deepPurple, green, indigo, lightBlue, lightGreen, lime, orange, pink, purple, red, teal, white, yellow } from './OrColorPicker/constants.js';
 export { s as OrConfirm } from '../OrConfirm.vue_vue_type_script_lang-806d209b.js';
-export { s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-995d436a.js';
+export { s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-f5c5f34e.js';
 export { ConfirmType } from './OrConfirmV3/props.js';
-export { s as OrDatePickerV3 } from '../OrDatePicker.vue_vue_type_script_lang-ee8f1fab.js';
-export { InputBoxSize as DatePickerSize, InputBoxSize as DateTimePickerSize, InputBoxSize, InputBoxVariant, InputBoxSize as InputSize, InputBoxSize as SearchSize, InputBoxSize as SelectSize, InputBoxSize as TextareaSize, InputBoxSize as TimePickerSize } from './OrInputBoxV3/props.js';
 export { s as OrDateTimePicker } from '../OrDateTimePicker.vue_vue_type_script_lang-5c1a5d4a.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
-export { s as OrDateTimePickerV3 } from '../OrDateTimePicker.vue_vue_type_script_lang-f036b0ea.js';
-export { s as OrEmptyStateV3 } from '../OrEmptyState.vue_vue_type_script_lang-2c1f09ef.js';
-export { EmptyStateSize } from './OrEmptyStateV3/props.js';
 export { s as OrError } from '../OrError.vue_vue_type_script_lang-450321b8.js';
 export { s as OrErrorTagV3 } from '../OrErrorTag.vue_vue_type_script_lang-a4be8f6a.js';
 export { s as OrErrorV3 } from '../OrError.vue_vue_type_script_lang-df7b5e32.js';
+export { s as OrEmptyStateV3 } from '../OrEmptyState.vue_vue_type_script_lang-2c1f09ef.js';
+export { EmptyStateSize } from './OrEmptyStateV3/props.js';
 export { s as OrExpansionPanelV3 } from '../OrExpansionPanel.vue_vue_type_script_lang-f1b6ff7d.js';
 export { ExpansionPanelColor, ExpansionPanelVariant } from './OrExpansionPanelV3/props.js';
 export { s as OrFabV3 } from '../OrFab.vue_vue_type_script_lang-e2723ddc.js';
@@ -50,21 +47,22 @@ export { s as OrHint } from '../OrHint.vue_vue_type_script_lang-5d628c6c.js';
 export { s as OrHintV3 } from '../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 export { s as OrIcon } from '../OrIcon.vue_vue_type_script_lang-e3152dc5.js';
 export { OrIconColors, OrIconType } from './OrIcon/constants.js';
-export { s as OrIconButtonV3 } from '../OrIconButton.vue_vue_type_script_lang-028c99e4.js';
+export { s as OrIconButtonV3 } from '../OrIconButton.vue_vue_type_script_lang-41f12b45.js';
 export { IconSize as IconButtonSize, IconSize, IconVariant } from './OrIconV3/props.js';
 export { IconButtonColor } from './OrIconButtonV3/props.js';
 export { s as OrIconV3 } from '../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 export { s as OrInlineInputBoxV3 } from '../OrInlineInputBox.vue_vue_type_script_lang-fe99c485.js';
 export { InlineInputBoxSize, InlineInputBoxSize as InlineInputSize } from './OrInlineInputBoxV3/props.js';
-export { s as OrInlineInputV3 } from '../OrInlineInput.vue_vue_type_script_lang-8792f83c.js';
+export { s as OrInlineInputV3 } from '../OrInlineInput.vue_vue_type_script_lang-2b485aef.js';
 export { InlineInputType } from './OrInlineInputV3/props.js';
 export { s as OrInlineTextEdit } from '../OrInlineTextEdit.vue_vue_type_script_lang-424e2c26.js';
 export { InlineTextEditTrimmingTypes, InlineTextEditTypes } from './OrInlineTextEdit/constants.js';
-export { s as OrInlineTextareaV3 } from '../OrInlineTextarea.vue_vue_type_script_lang-b56dc426.js';
-export { s as OrInput } from '../OrInput.vue_vue_type_script_lang-ad995b35.js';
+export { s as OrInlineTextareaV3 } from '../OrInlineTextarea.vue_vue_type_script_lang-aa848373.js';
 export { s as OrInputBoxV3 } from '../OrInputBox.vue_vue_type_script_lang-e3bba923.js';
-export { s as OrInputV3 } from '../OrInput.vue_vue_type_script_lang-b77645cc.js';
+export { InputBoxSize, InputBoxVariant, InputBoxSize as InputSize, InputBoxSize as SearchSize, InputBoxSize as SelectSize, InputBoxSize as TextareaSize } from './OrInputBoxV3/props.js';
+export { s as OrInputV3 } from '../OrInput.vue_vue_type_script_lang-fe526531.js';
 export { InputType } from './OrInputV3/props.js';
+export { s as OrInput } from '../OrInput.vue_vue_type_script_lang-ad995b35.js';
 export { s as OrLabel } from '../OrLabel.vue_vue_type_script_lang-95601b40.js';
 export { s as OrLabelV3 } from '../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 export { LabelVariant } from './OrLabelV3/props.js';
@@ -77,23 +75,23 @@ export { LoaderViews } from './OrLoader/constants.js';
 export { s as OrLoaderV3 } from '../OrLoader.vue_vue_type_script_lang-49907820.js';
 export { LoaderColor, LoaderSize, LoaderVariant } from './OrLoaderV3/props.js';
 export { s as OrMenuItemV3 } from '../OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
-export { s as OrMenuV3 } from '../OrMenu.vue_vue_type_script_lang-8f523b6a.js';
+export { s as OrMenuV3 } from '../OrMenu.vue_vue_type_script_lang-4772731e.js';
 export { PopoverPlacement as MenuPlacement, PopoverPlacement, PopoverVariant, PopoverPlacement as TooltipPlacement } from './OrPopoverV3/props.js';
 export { s as OrModal } from '../OrModal.vue_vue_type_script_lang-d5fb0b11.js';
 export { OrModalSizes } from './OrModal/constants.js';
-export { s as OrModalV3 } from '../OrModal.vue_vue_type_script_lang-254cf6de.js';
+export { s as OrModalV3 } from '../OrModal.vue_vue_type_script_lang-265f39e0.js';
 export { ModalSize } from './OrModalV3/props.js';
 export { s as OrNotification } from '../OrNotification.vue_vue_type_script_lang-ef4f2661.js';
 export { OR_NOTIFICATION_SIZE, OR_NOTIFICATION_TYPE } from './OrNotification/constants.js';
-export { s as OrNotificationV3 } from '../OrNotification.vue_vue_type_script_lang-1741c54a.js';
+export { s as OrNotificationV3 } from '../OrNotification.vue_vue_type_script_lang-1b2d17a2.js';
 export { NotificationVariant } from './OrNotificationV3/props.js';
 export { s as OrNumberInput } from '../OrNumberInput.vue_vue_type_script_lang-1d469d1f.js';
 export { s as OrOverflowMenu } from '../OrOverflowMenu.vue_vue_type_script_lang-0c461991.js';
 export { s as OrOverlay } from '../OrOverlay.vue_vue_type_script_lang-2f5d626d.js';
-export { s as OrOverlayV3 } from '../OrOverlay.vue_vue_type_script_lang-30f62546.js';
-export { s as OrPaginationV3 } from '../OrPagination.vue_vue_type_script_lang-5dba386c.js';
+export { s as OrOverlayV3 } from '../OrOverlay.vue_vue_type_script_lang-47004a50.js';
 export { s as OrPassword } from '../OrPassword.vue_vue_type_script_lang-3d308fef.js';
-export { s as OrPopoverV3 } from '../OrPopover.vue_vue_type_script_lang-d2a55ad2.js';
+export { s as OrPaginationV3 } from '../OrPagination.vue_vue_type_script_lang-c542b26a.js';
+export { s as OrPopoverV3 } from '../OrPopover.vue_vue_type_script_lang-9d3a7c2d.js';
 export { s as OrProgress } from '../OrProgress.vue_vue_type_script_lang-26d7b3da.js';
 export { OrProgressColors, OrProgressTypes } from './OrProgress/constants.js';
 export { s as OrProgressV3 } from '../OrProgress.vue_vue_type_script_lang-0edde459.js';
@@ -102,14 +100,14 @@ export { s as OrRadio } from '../OrRadio.vue_vue_type_script_lang-cc11200c.js';
 export { s as OrRadioGroup } from '../OrRadioGroup.vue_vue_type_script_lang-75b6c81b.js';
 export { s as OrRadioV3 } from '../OrRadio.vue_vue_type_script_lang-99b109c4.js';
 export { s as OrSearch } from '../OrSearch.vue_vue_type_script_lang-86f4f5c7.js';
-export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-75a4cb88.js';
+export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-36ad17a9.js';
 export { s as OrSegmentedControlV3 } from '../OrSegmentedControl.vue_vue_type_script_lang-d1b4694c.js';
 export { SegmentedControlSize } from './OrSegmentedControlV3/props.js';
 export { s as OrSelect } from '../OrSelect.vue_vue_type_script_lang-d2fecd97.js';
-export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-1073a2cf.js';
+export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-410f4efc.js';
 export { s as OrSidebar } from '../OrSidebar.vue_vue_type_script_lang-00e9cda7.js';
 export { OrSidebarSide } from './OrSidebar/constants.js';
-export { s as OrSidebarV3 } from '../OrSidebar.vue_vue_type_script_lang-dcb78b46.js';
+export { s as OrSidebarV3 } from '../OrSidebar.vue_vue_type_script_lang-ed7c92fb.js';
 export { OrSidebarPlacement } from './OrSidebarV3/props.js';
 export { s as OrSkeletonCircle } from '../OrSkeletonCircle.vue_vue_type_script_lang-aa467e8d.js';
 export { s as OrSkeletonRect } from '../OrSkeletonRect.vue_vue_type_script_lang-659fb605.js';
@@ -127,10 +125,10 @@ export { s as OrTab } from '../OrTab.vue_vue_type_script_lang-71e4fa50.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem.vue_vue_type_script_lang-0a67721f.js';
 export { s as OrTabV3 } from '../OrTab.vue_vue_type_script_lang-4a262fa3.js';
 export { s as OrTabs } from '../OrTabs.vue_vue_type_script_lang-06a89286.js';
-export { s as OrTabsV3 } from '../OrTabs.vue_vue_type_script_lang-46612ca9.js';
+export { s as OrTabsV3 } from '../OrTabs.vue_vue_type_script_lang-4f5e0d90.js';
 export { TabsVariant } from './OrTabsV3/props.js';
 export { s as OrTag } from '../OrTag.vue_vue_type_script_lang-f06b54a2.js';
-export { s as OrTagV3 } from '../OrTag.vue_vue_type_script_lang-eb76ce17.js';
+export { s as OrTagV3 } from '../OrTag.vue_vue_type_script_lang-fbc19deb.js';
 export { TagColor, TagVariant } from './OrTagV3/props.js';
 export { default as OrTeleport } from './OrTeleport/OrTeleport.js';
 export { s as OrTeleportV3 } from '../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
@@ -139,21 +137,20 @@ export { s as OrTextarea } from '../OrTextarea.vue_vue_type_script_lang-1236e04a
 export { s as OrTextareaV3 } from '../OrTextarea.vue_vue_type_script_lang-2e216875.js';
 export { s as OrTextbox } from '../OrTextbox.vue_vue_type_script_lang-b8d5341b.js';
 export { TextboxTypes } from './OrTextbox/constants.js';
-export { s as OrTimePickerV3 } from '../OrTimePicker.vue_vue_type_script_lang-944c0012.js';
 export { default as OrToast } from './OrToast/OrToast.js';
 export { s as OrToastContainer } from '../OrToastContainer.vue_vue_type_script_lang-0811fd48.js';
 export { default as useToast } from './OrToast/composable/useToast.js';
 export { default as useQueue } from './OrToast/composable/useQueue.js';
 export { PositionsX, PositionsY, ToastType, TransitionType } from './OrToast/constants.js';
 export { default as OrToastV3 } from './OrToastV3/OrToast.js';
-export { s as OrToastContainerV3 } from '../OrToastContainer.vue_vue_type_script_lang-2658137e.js';
+export { s as OrToastContainerV3 } from '../OrToastContainer.vue_vue_type_script_lang-96bc2f19.js';
 export { t as TypesV3 } from '../types-668300dd.js';
 export { p as PropsV3 } from '../props-7be029c7.js';
 export { default as useToastV3 } from './OrToastV3/composable/useToast.js';
 export { default as useQueueV3 } from './OrToastV3/composable/useQueue.js';
 export { s as OrTooltip } from '../OrTooltip.vue_vue_type_script_lang-b8594f7e.js';
 export { s as OrTooltipContent } from '../OrTooltipContent.vue_vue_type_script_lang-969c20ed.js';
-export { s as OrTooltipV3 } from '../OrTooltip.vue_vue_type_script_lang-aad6940e.js';
+export { s as OrTooltipV3 } from '../OrTooltip.vue_vue_type_script_lang-b35199da.js';
 import 'vue-demi';
 import 'lodash';
 import './OrIcon/OrIcon.js';
@@ -234,22 +231,8 @@ import './OrColorPicker/utils/defultPalette.js';
 import '../index-63e094a0.js';
 import './OrButtonV2/OrButton.js';
 import './OrConfirmV3/styles.js';
-import './OrDateTimePickerV3/hooks/useDateFormat.js';
-import '../OrDateTimePickerMonthSelect-a87810f7.js';
-import './OrDateTimePickerV3/hooks/useDefaultDate.js';
-import './OrDateTimePickerV3/hooks/useDefaultHours.js';
-import './OrDateTimePickerV3/hooks/useDefaultMinutes.js';
-import './OrDateTimePickerV3/hooks/useDefaultMonth.js';
-import './OrDateTimePickerV3/hooks/useDefaultYear.js';
-import '../OrDateTimePickerPopoverHeader-56b09ab8.js';
-import './OrDatePickerV3/styles.js';
-import '../directives/dropdown-close.js';
-import '../directives/dropdown-open.js';
-import './OrDateTimePickerV3/hooks/useTimeFormat.js';
-import '../OrDateTimePickerTimeSelect-bc105143.js';
-import './OrDateTimePickerV3/styles.js';
-import './OrEmptyStateV3/styles.js';
 import './OrErrorTagV3/styles.js';
+import './OrEmptyStateV3/styles.js';
 import './OrExpansionPanelV3/styles.js';
 import './OrFabV3/styles.js';
 import './OrInlineInputBoxV3/styles.js';
@@ -261,8 +244,8 @@ import '../v4-cf8987a3.js';
 import './OrList/OrList.js';
 import './OrModalV3/styles.js';
 import './OrNotificationV3/styles.js';
-import './OrPaginationV3/styles.js';
 import '../hooks/useToggle.js';
+import './OrPaginationV3/styles.js';
 import './OrProgressV3/styles.js';
 import './OrRadioV3/styles.js';
 import './OrSegmentedControlV3/styles.js';
@@ -273,6 +256,8 @@ import './OrCheckboxV3/OrCheckbox.js';
 import './OrExpansionPanelV3/OrExpansionPanel.js';
 import './OrTagV3/OrTag.js';
 import './OrTagV3/styles.js';
+import '../directives/dropdown-close.js';
+import '../directives/dropdown-open.js';
 import '../hooks/useOverflow.js';
 import './OrSidebarV3/styles.js';
 import './OrSkeletonV3/styles.js';
@@ -284,7 +269,6 @@ import './OrTabsV3/styles.js';
 import './OrTabV3/OrTab.js';
 import './OrTextV3/styles.js';
 import './OrTextareaV3/styles.js';
-import './OrTimePickerV3/styles.js';
 import './OrProgress/OrProgress.js';
 import './OrToast/composable/useToastEventBus.js';
 import './OrToast/Timer.js';

package/dist/bundled/v3/directives/dropdown-close.js

@@ -3,7 +3,6 @@ import { isVue3 } from 'vue-demi';
 const created = (element, binding) => {
   element.addEventListener('keydown', event => {
     event.preventDefault();
-    event.stopPropagation();
     if (['Escape'].includes(event.key)) {
       binding.value(event);
     }

package/dist/bundled/v3/directives/dropdown-open.js

@@ -3,16 +3,11 @@ import { isVue3 } from 'vue-demi';
 const created = (element, binding) => {
   element.addEventListener('keydown', event => {
     event.preventDefault();
-    event.stopPropagation();
     if (['Enter', ' '].includes(event.key)) {
       binding.value(event);
     }
   });
-  element.addEventListener('click', event => {
-    event.preventDefault();
-    event.stopPropagation();
-    binding.value(event);
-  });
+  element.addEventListener('click', binding.value);
 };
 const DropdownOpen = {
   [isVue3 ? 'created' : 'bind']: created

package/dist/bundled/v3/hooks/useElevation.js

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