npm - @onereach/ui-components - Versions diffs - 8.18.2-beta.3933.0 → 8.18.2 - Mend

@onereach/ui-components 8.18.2-beta.3933.0 → 8.18.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (471) hide show

package/dist/bundled/v2/components/OrBottomSheetV3/OrBottomSheet.vue.d.ts CHANGED Viewed

@@ -532,7 +532,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     handleStyles: import("@vue/composition-api").ComputedRef<string[]>;
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    state: Readonly<import("@vue/composition-api").Ref<"open" | "closed">>;
     fullscreen: import("@vue/composition-api").Ref<boolean>;
     open: () => void;
     close: () => void;
@@ -1092,7 +1092,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     handleStyles: import("@vue/composition-api").ComputedRef<string[]>;
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    state: Readonly<import("@vue/composition-api").Ref<"open" | "closed">>;
     fullscreen: import("@vue/composition-api").Ref<boolean>;
     open: () => void;
     close: () => void;

package/dist/bundled/v2/components/OrConfirmV3/OrConfirm.vue.d.ts CHANGED Viewed

@@ -17,7 +17,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     confirmButtonColor: import("@vue/composition-api").ComputedRef<ButtonColor.Primary | ButtonColor.Danger>;
     isInvalid: import("@vue/composition-api").ComputedRef<boolean>;
     isConfirmationButtonDisabled: import("@vue/composition-api").ComputedRef<boolean>;
-    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    state: Readonly<import("@vue/composition-api").Ref<"open" | "closed">>;
     isInputActive: import("@vue/composition-api").Ref<boolean>;
     escape: import("@vue/composition-api").ComputedRef<boolean>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -145,7 +145,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     confirmButtonColor: import("@vue/composition-api").ComputedRef<ButtonColor.Primary | ButtonColor.Danger>;
     isInvalid: import("@vue/composition-api").ComputedRef<boolean>;
     isConfirmationButtonDisabled: import("@vue/composition-api").ComputedRef<boolean>;
-    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    state: Readonly<import("@vue/composition-api").Ref<"open" | "closed">>;
     isInputActive: import("@vue/composition-api").Ref<boolean>;
     escape: import("@vue/composition-api").ComputedRef<boolean>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;

package/dist/bundled/v2/components/OrContextMenuV3/OrContextMenu.js CHANGED Viewed

@@ -79,7 +79,7 @@ var __vue_render__ = function () {
     },
     on: {
       "update:state": function ($event) {
-        _vm.state = $event;
+        $event === 'open' ? _vm.open() : _vm.close();
       }
     }
   }, [_vm._t("default")], 2);

package/dist/bundled/v2/components/OrContextMenuV3/OrContextMenu.vue.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import { VirtualElement } from '@floating-ui/dom';
 import { PropType } from 'vue-demi';
 import { ContextMenuOffset, ContextMenuPlacement } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    state: Readonly<import("@vue/composition-api").Ref<"open" | "closed">>;
     open: () => void;
     close: () => void;
     toggle: () => void;
@@ -40,7 +40,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
-    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    state: Readonly<import("@vue/composition-api").Ref<"open" | "closed">>;
     open: () => void;
     close: () => void;
     toggle: () => void;

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
 import { DatePicker, DatePickerPopover } from './styles.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-83200427.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-03c3d054.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-b5ea2ba9.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';

package/dist/bundled/v2/components/OrDateRangePickerV3/OrDateRangePicker.js CHANGED Viewed

@@ -8,7 +8,7 @@ import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
 import { getNextMonthDate } from '../OrDateTimePickerV3/utils/getNextMonthDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-83200427.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-03c3d054.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-b5ea2ba9.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-83200427.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-03c3d054.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-b5ea2ba9.js';
 import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-6ac77884.js';
 import { DateTimePickerTimeFormat } from './props.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-83200427.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-03c3d054.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-b5ea2ba9.js';
 export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-6ac77884.js';
 export { DateTimePickerTimeFormat } from './props.js';

package/dist/bundled/v2/components/OrExpansionPanelV3/OrExpansionPanel.vue.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     addonStyles: import("@vue/composition-api").ComputedRef<string[]>;
     contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    state: Readonly<import("@vue/composition-api").Ref<"open" | "closed">>;
     open: () => void;
     close: () => void;
     toggle: () => void;
@@ -75,7 +75,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     addonStyles: import("@vue/composition-api").ComputedRef<string[]>;
     contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    state: Readonly<import("@vue/composition-api").Ref<"open" | "closed">>;
     open: () => void;
     close: () => void;
     toggle: () => void;

package/dist/bundled/v2/components/OrListV3/OrList.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrList-a1e3adef.js';
+export { _ as default } from '../../OrList-e60482b1.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrListV3/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- export { O as OrListItem, _ as OrListV3 } from '../../OrList-~~a1e3adef~~.js';
1	+ export { O as OrListItem, _ as OrListV3 } from '../../OrList-e60482b1.js';

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

@@ -93,7 +93,7 @@ var __vue_render__ = function () {
     },
     on: {
       "update:state": function ($event) {
-        _vm.state = $event;
+        $event === 'open' ? _vm.open() : _vm.close();
       }
     }
   }, [_c('div', _vm._b({

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

@@ -5,7 +5,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    state: Readonly<import("@vue/composition-api").Ref<"open" | "closed">>;
     open: () => void;
     close: () => void;
     toggle: () => void;
@@ -64,7 +64,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    state: Readonly<import("@vue/composition-api").Ref<"open" | "closed">>;
     open: () => void;
     close: () => void;
     toggle: () => void;

package/dist/bundled/v2/components/OrModalV3/OrModal.vue.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import { ModalSize } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    state: Readonly<import("@vue/composition-api").Ref<"open" | "closed">>;
     open: () => void;
     close: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -41,7 +41,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    state: Readonly<import("@vue/composition-api").Ref<"open" | "closed">>;
     open: () => void;
     close: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {

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

@@ -188,7 +188,7 @@ var __vue_render__ = function () {
     },
     on: {
       "update:state": function ($event) {
-        _vm.state = $event;
+        $event === 'open' ? _vm.open() : _vm.close();
       }
     }
   }, 'OrBottomSheet', _vm.bottomSheetProps, false), [_vm._t("default")], 2)] : _vm._e()], 2)]);

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

@@ -19,7 +19,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         transform?: string | undefined;
         willChange?: string | undefined;
     }>>;
-    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    state: Readonly<import("@vue/composition-api").Ref<"open" | "closed">>;
     isFlipped: import("@vue/composition-api").ComputedRef<boolean>;
     isHidden: import("@vue/composition-api").ComputedRef<boolean>;
     isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
@@ -137,7 +137,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         transform?: string | undefined;
         willChange?: string | undefined;
     }>>;
-    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    state: Readonly<import("@vue/composition-api").Ref<"open" | "closed">>;
     isFlipped: import("@vue/composition-api").ComputedRef<boolean>;
     isHidden: import("@vue/composition-api").ComputedRef<boolean>;
     isDesktop: import("@vue/composition-api").ComputedRef<boolean>;

package/dist/bundled/v2/components/OrResizeablePanelV3/OrResizeablePanel.vue.d.ts CHANGED Viewed

@@ -9,7 +9,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     resizeBarStyles: import("@vue/composition-api").ComputedRef<string[]>;
     collapseButtonContainerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    state: Readonly<import("@vue/composition-api").Ref<"open" | "closed">>;
     open: () => void;
     close: () => void;
     toggle: () => void;
@@ -103,7 +103,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     resizeBarStyles: import("@vue/composition-api").ComputedRef<string[]>;
     collapseButtonContainerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    state: Readonly<import("@vue/composition-api").Ref<"open" | "closed">>;
     open: () => void;
     close: () => void;
     toggle: () => void;

package/dist/bundled/v2/components/OrSidebarV3/OrSidebar.js CHANGED Viewed

@@ -149,7 +149,7 @@ var __vue_render__ = function () {
     },
     on: {
       "update:state": function ($event) {
-        _vm.state = $event;
+        $event === 'open' ? _vm.open() : _vm.close();
       },
       "resize": function ($event) {
         _vm.$emit('resize', $event);

package/dist/bundled/v2/components/OrSidebarV3/OrSidebar.vue.d.ts CHANGED Viewed

@@ -10,7 +10,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     proxyMaxWidth: import("@vue/composition-api").ComputedRef<number>;
     proxyPlacement: import("@vue/composition-api").ComputedRef<"left" | "right">;
     proxyResizeable: import("@vue/composition-api").ComputedRef<boolean>;
-    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    state: Readonly<import("@vue/composition-api").Ref<"open" | "closed">>;
     open: () => void;
     close: () => void;
     toggle: () => void;
@@ -161,7 +161,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     proxyMaxWidth: import("@vue/composition-api").ComputedRef<number>;
     proxyPlacement: import("@vue/composition-api").ComputedRef<"left" | "right">;
     proxyResizeable: import("@vue/composition-api").ComputedRef<boolean>;
-    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    state: Readonly<import("@vue/composition-api").Ref<"open" | "closed">>;
     open: () => void;
     close: () => void;
     toggle: () => void;

package/dist/bundled/v2/components/OrTabsV3/OrTabs.js CHANGED Viewed

@@ -172,7 +172,7 @@ var __vue_render__ = function () {
     on: {
       "click": function ($event) {
         $event.stopPropagation();
-        _vm.overflowMenu && _vm.overflowMenu.open();
+        _vm.overflowMenu && _vm.overflowMenu.toggle();
       }
     }
   }, [_c('OrIcon', {

package/dist/bundled/v2/components/OrTooltipV3/OrTooltip.js CHANGED Viewed

@@ -110,7 +110,7 @@ var __vue_render__ = function () {
     },
     on: {
       "update:state": function ($event) {
-        _vm.state = $event;
+        $event === 'open' ? _vm.open() : _vm.close();
       }
     }
   }, [_c('div', {

package/dist/bundled/v2/components/OrTooltipV3/OrTooltip.vue.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    state: Readonly<import("@vue/composition-api").Ref<"open" | "closed">>;
     open: () => void;
     close: () => void;
     toggle: () => void;
@@ -90,7 +90,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
     bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    state: Readonly<import("@vue/composition-api").Ref<"open" | "closed">>;
     open: () => void;
     close: () => void;
     toggle: () => void;

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

@@ -28,7 +28,6 @@ export * from './or-date-range-picker-v3';
 export * from './or-date-time-format-v3';
 export * from './or-date-time-picker';
 export * from './or-date-time-picker-v3';
-export * from './or-drop-area-v3';
 export * from './or-empty-state-v3';
 export * from './or-error';
 export * from './or-error-tag-v3';

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

@@ -52,7 +52,7 @@ export { default as OrDateTimeFormatV3 } from './OrDateTimeFormatV3/OrDateTimeFo
 export { default as OrDateTimePicker } from './OrDateTimePicker/OrDateTimePicker.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
 export { default as OrDateTimePickerV3 } from './OrDateTimePickerV3/OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-83200427.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-03c3d054.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-b5ea2ba9.js';
 export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-6ac77884.js';
 export { DateTimePickerTimeFormat, DateTimePickerTimeFormat as TimePickerFormat, DateTimePickerTimeFormat as TimeRangePickerFormat } from './OrDateTimePickerV3/props.js';
@@ -62,9 +62,6 @@ export { getCurrentDate } from './OrDateTimePickerV3/utils/getCurrentDate.js';
 export { getDatePlaceholder } from './OrDateTimePickerV3/utils/getDatePlaceholder.js';
 export { getNextMonthDate } from './OrDateTimePickerV3/utils/getNextMonthDate.js';
 export { getTimePlaceholder } from './OrDateTimePickerV3/utils/getTimePlaceholder.js';
-export { default as OrDropAreaV3 } from './OrDropAreaV3/OrDropArea.js';
-export { DropAreaSize } from './OrDropAreaV3/props.js';
-export { approximateFileSize } from './OrDropAreaV3/utils/approximateFileSize.js';
 export { default as OrEmptyStateV3 } from './OrEmptyStateV3/OrEmptyState.js';
 export { EmptyStateSize } from './OrEmptyStateV3/props.js';
 export { default as OrError } from './OrError/OrError.js';
@@ -104,7 +101,7 @@ export { default as OrLinkV3 } from './OrLinkV3/OrLink.js';
 export { LinkColor } from './OrLinkV3/props.js';
 export { default as OrList } from './OrList/OrList.js';
 export { default as OrListOfInputs } from './OrListOfInputs/OrListOfInputs.js';
-export { O as OrListItem, _ as OrListV3 } from '../OrList-a1e3adef.js';
+export { O as OrListItem, _ as OrListV3 } from '../OrList-e60482b1.js';
 export { default as OrLoader } from './OrLoader/OrLoader.js';
 export { LoaderViews } from './OrLoader/constants.js';
 export { default as OrLoaderV3 } from './OrLoaderV3/OrLoader.js';

package/dist/bundled/v2/hooks/usePopoverState.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ export type UsePopoverStateOptions = {
     debounce?: Ref<number>;
 };
 export type UsePopoverStateReturn = {
-    state: Ref<'open' | 'closed'>;
+    state: Readonly<Ref<'open' | 'closed'>>;
     open: () => void;
     close: () => void;
     toggle: () => void;