@onereach/ui-components 4.7.0-beta.2809.0 → 4.7.0-beta.2811.0

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

@@ -180,9 +180,10 @@ import '../utils/functions/hash.js';
 import '../utils/constants/color.js';
 import './OrAvatarV3/styles.js';
 import './OrIconV3/styles.js';
-import '../index-2ae26715.js';
-import '../index-cbe0a12b.js';
+import '../index-6d94f832.js';
+import '../index-8a1b5b9c.js';
 import './OrBottomSheetV3/styles.js';
+import '../hooks/usePopoverState.js';
 import './OrOverlayV3/styles.js';
 import '../hooks/useElevation.js';
 import '../utils/isVisible.js';
@@ -217,19 +218,19 @@ import '../lang-0fb8f78b.js';
 import './OrCode/theme.js';
 import './OrColorPicker/utils/defultPalette.js';
 import './OrCombinedInputV3/styles.js';
-import '../index-b46f18ed.js';
+import '../index-82718479.js';
 import './OrConfirmV3/styles.js';
 import './OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../OrDateTimePickerMonthSelect-d4ab2179.js';
+import '../OrDateTimePickerMonthSelect-769685bc.js';
 import './OrDateTimePickerV3/hooks/useDatePlaceholder.js';
-import '../OrDateTimePickerPopoverHeader-1b577856.js';
+import '../OrDateTimePickerPopoverHeader-bc0df38f.js';
 import './OrDatePickerV3/styles.js';
 import '../directives/dropdown-close.js';
 import '../directives/dropdown-open.js';
 import '../_baseProperty-a52739e9.js';
 import '../toInteger-2fd112a9.js';
 import '../toFinite-74227610.js';
-import '../OrDateTimePickerTimeSelect-82ededab.js';
+import '../OrDateTimePickerTimeSelect-e284797b.js';
 import './OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './OrDateTimePickerV3/styles.js';
 import './OrEmptyStateV3/styles.js';

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

@@ -2,6 +2,7 @@ export { useControlAttributes } from './useControlAttributes';
 export { useElevation } from './useElevation';
 export { useIdAttribute } from './useIdAttribute';
 export { useOverflow } from './useOverflow';
+export { usePopoverState } from './usePopoverState';
 export { useResponsive } from './useResponsive';
 export { default as useToggle } from './useToggle';
 export { useValidationAttributes } from './useValidationAttributes';

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

@@ -2,10 +2,11 @@ export { useControlAttributes } from './useControlAttributes.js';
 export { useElevation } from './useElevation.js';
 export { useIdAttribute } from './useIdAttribute.js';
 export { useOverflow } from './useOverflow.js';
+export { usePopoverState } from './usePopoverState.js';
 export { default as useToggle } from './useToggle.js';
 export { useValidationAttributes } from './useValidationAttributes.js';
 export { default as useResponsive } from './useResponsive/useResponsive.js';
 import 'vue-demi';
 import '../utils/isVisible.js';
-import '../index-2ae26715.js';
-import '../index-cbe0a12b.js';
+import '../index-6d94f832.js';
+import '../index-8a1b5b9c.js';

package/dist/bundled/v2/hooks/useControlAttributes.d.ts

@@ -1,8 +1,7 @@
 import { ComputedRef } from 'vue-demi';
-interface ControlAttributes {
+export interface ControlAttributes {
     readonly: ComputedRef<boolean | undefined>;
     disabled: ComputedRef<boolean | undefined>;
     'force-state': ComputedRef<string | undefined>;
 }
 export declare function useControlAttributes(): ControlAttributes;
-export {};

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

@@ -14,7 +14,9 @@ function useElevation(element, trigger) {
   // Effects
   watch([elementRef, triggerRef], _ref => {
     let [element] = _ref;
-    if (element) setElementElevation(element);
+    if (element) {
+      setElementElevation(element);
+    }
   }, {
     immediate: true
   });

package/dist/bundled/v2/hooks/useOverflow.js

@@ -1,6 +1,6 @@
-import { k as useMutationObserver, f as useResizeObserver } from '../index-2ae26715.js';
+import { k as useMutationObserver, f as useResizeObserver } from '../index-6d94f832.js';
 import { isRef, ref, watch } from 'vue-demi';
-import '../index-cbe0a12b.js';
+import '../index-8a1b5b9c.js';
 
 function useOverflow(container) {
   const containerRef = isRef(container) ? container : ref(container);

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

@@ -0,0 +1,11 @@
+import { Ref, SetupContext } from 'vue-demi';
+export interface PopoverState {
+    state: Ref<'open' | 'closed'>;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+}
+export interface PopoverStateOptions {
+    debounce?: number;
+}
+export declare function usePopoverState(isOpen: Ref<boolean>, context: SetupContext<('update:state' | 'open' | 'close' | any)[]>, options?: PopoverStateOptions): PopoverState;

package/dist/bundled/v2/hooks/usePopoverState.js

@@ -0,0 +1,42 @@
+import { ref, watch } from 'vue-demi';
+import { r as refDebounced } from '../index-8a1b5b9c.js';
+
+// TODO: Remove type `any` (https://github.com/microsoft/TypeScript/issues/27808)
+// TODO: Use `defineEmits` after migration to Vue 3
+function usePopoverState(isOpen, context, options) {
+  // State
+  const state = ref(isOpen.value ? 'open' : 'closed');
+  watch(isOpen, value => {
+    state.value = value ? 'open' : 'closed';
+  });
+  const debouncedState = (options === null || options === void 0 ? void 0 : options.debounce) ? refDebounced(state, options.debounce) : state;
+  watch(debouncedState, value => {
+    context.emit('update:state', value);
+    switch (value) {
+      case 'open':
+        context.emit('open');
+        break;
+      case 'closed':
+        context.emit('close');
+        break;
+    }
+  });
+  // Methods
+  function open() {
+    state.value = 'open';
+  }
+  function close() {
+    state.value = 'closed';
+  }
+  function toggle() {
+    state.value = state.value === 'open' ? 'closed' : 'open';
+  }
+  return {
+    state: debouncedState,
+    open,
+    close,
+    toggle
+  };
+}
+
+export { usePopoverState };

package/dist/bundled/v2/hooks/useResponsive/index.js

@@ -1,4 +1,4 @@
 export { default as useResponsive } from './useResponsive.js';
-import '../../index-2ae26715.js';
-import '../../index-cbe0a12b.js';
+import '../../index-6d94f832.js';
+import '../../index-8a1b5b9c.js';
 import 'vue-demi';

package/dist/bundled/v2/hooks/useResponsive/useResponsive.js

@@ -1,6 +1,6 @@
-import { l as useMediaQuery } from '../../index-2ae26715.js';
+import { l as useMediaQuery } from '../../index-6d94f832.js';
 import { ref } from 'vue-demi';
-import '../../index-cbe0a12b.js';
+import '../../index-8a1b5b9c.js';
 
 function useResponsive() {
   const isMobile = ref(useMediaQuery('(max-width: 767px)'));

package/dist/bundled/v2/hooks/useValidationAttributes.d.ts

@@ -1,5 +1,5 @@
 import { ComputedRef } from 'vue-demi';
-interface ValidationAttributes {
+export interface ValidationAttributes {
     required: ComputedRef<boolean | undefined>;
     minlength: ComputedRef<number | undefined>;
     maxlength: ComputedRef<number | undefined>;
@@ -9,4 +9,3 @@ interface ValidationAttributes {
     step: ComputedRef<number | undefined>;
 }
 export declare function useValidationAttributes(): ValidationAttributes;
-export {};

package/dist/bundled/v2/{index-2ae26715.js → index-6d94f832.js}

@@ -1,4 +1,4 @@
-import { i as isClient, d as computedWithControl, r as resolveUnref, e as toRefs, t as tryOnScopeDispose, f as tryOnMounted, n as noop, g as resolveRef, h as isString, j as isIOS, k as identity, l as isFunction, m as isDef } from './index-cbe0a12b.js';
+import { i as isClient, b as computedWithControl, d as resolveUnref, e as toRefs, t as tryOnScopeDispose, f as tryOnMounted, n as noop, g as resolveRef, h as isString, j as isIOS, k as identity, l as isFunction, m as isDef } from './index-8a1b5b9c.js';
 import { ref, computed, watch, reactive, unref, readonly, getCurrentInstance, isVue2, watchEffect, getCurrentScope } from 'vue-demi';
 
 function unrefElement(elRef) {

package/dist/bundled/v2/{index-b46f18ed.js → index-82718479.js}

@@ -1,5 +1,5 @@
 import { computed } from 'vue-demi';
-import { r as resolveUnref } from './index-cbe0a12b.js';
+import { d as resolveUnref } from './index-8a1b5b9c.js';
 
 function logicAnd(...args) {
   return computed(() => args.every((i) => resolveUnref(i)));

package/dist/bundled/v2/{index-cbe0a12b.js → index-8a1b5b9c.js}

@@ -127,6 +127,15 @@ function useDebounceFn(fn, ms = 200, options = {}) {
   return createFilterWrapper(debounceFilter(ms, options), fn);
 }
 
+function refDebounced(value, ms = 200, options = {}) {
+  const debounced = ref(value.value);
+  const updater = useDebounceFn(() => {
+    debounced.value = value.value;
+  }, ms, options);
+  watch(value, () => updater());
+  return debounced;
+}
+
 function resolveRef(r) {
   return typeof r === "function" ? computed(r) : ref(r);
 }
@@ -282,4 +291,4 @@ function whenever(source, cb, options) {
   }, options);
 }
 
-export { watchDebounced as a, useDebounceFn as b, createSharedComposable as c, computedWithControl as d, toRefs as e, tryOnMounted as f, resolveRef as g, isString as h, isClient as i, isIOS as j, identity as k, isFunction as l, isDef as m, noop as n, resolveUnref as r, tryOnScopeDispose as t, useToggle as u, whenever as w };
+export { watchDebounced as a, computedWithControl as b, createSharedComposable as c, resolveUnref as d, toRefs as e, tryOnMounted as f, resolveRef as g, isString as h, isClient as i, isIOS as j, identity as k, isFunction as l, isDef as m, noop as n, refDebounced as r, tryOnScopeDispose as t, useToggle as u, whenever as w };