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

package/dist/esm/v3/components/or-confirm-v3/OrConfirm.vue.d.ts

@@ -1,37 +1,11 @@
 import { PropType } from 'vue-demi';
 import { ButtonColor } from '../or-button-v3';
 import { ConfirmType } from './props';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    confirmationInput: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    confirmationButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    confirmationValue: import("@vue/composition-api").Ref<string>;
-    confirmButtonColor: import("@vue/composition-api").ComputedRef<ButtonColor.Primary | ButtonColor.Danger>;
-    isInvalid: import("@vue/composition-api").ComputedRef<boolean>;
-    isConfirmationButtonDisabled: import("@vue/composition-api").ComputedRef<boolean>;
-    touched: import("@vue/composition-api").Ref<boolean>;
-    isActive: import("@vue/composition-api").Ref<boolean>;
-    isInputActive: import("@vue/composition-api").Ref<boolean>;
-    escape: import("@vue/composition-api").ComputedRef<boolean>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    inputBoxStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    footerStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    buttonsStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    confirm: () => void;
-    open: () => void;
-    close: () => void;
-    onInputFocus: () => void;
-    onInputBlur: () => void;
-}> & import("@vue/composition-api").Data, {}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     titleText: {
         type: StringConstructor;
         required: false;
@@ -39,22 +13,18 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     confirmButtonText: {
         type: StringConstructor;
-        required: false;
         default: string;
     };
     cancelButtonText: {
         type: StringConstructor;
-        required: false;
         default: string;
     };
     confirmType: {
         type: PropType<ConfirmType>;
-        required: false;
         default: ConfirmType;
     };
     loading: {
         type: BooleanConstructor;
-        required: false;
         default: boolean;
     };
     disabled: {
@@ -64,30 +34,47 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     confirmationText: {
         type: StringConstructor;
-        required: false;
-        default: null;
+        default: undefined;
     };
     textConfirmationLabel: {
         type: StringConstructor;
-        required: false;
-        default: null;
+        default: undefined;
     };
     textConfirmationPlaceholder: {
         type: StringConstructor;
-        required: false;
-        default: null;
+        default: undefined;
     };
     textConfirmationError: {
         type: StringConstructor;
-        required: false;
-        default: null;
+        default: undefined;
     };
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    confirmationInput: import("vue-demi").Ref<any>;
+    confirmationButton: import("vue-demi").Ref<any>;
+    confirmationValue: import("vue-demi").Ref<string>;
+    confirmButtonColor: import("vue-demi").ComputedRef<ButtonColor.Primary | ButtonColor.Danger>;
+    isInvalid: import("vue-demi").ComputedRef<boolean>;
+    isConfirmationButtonDisabled: import("vue-demi").ComputedRef<boolean>;
+    touched: import("vue-demi").Ref<boolean>;
+    state: import("vue-demi").Ref<"open" | "closed">;
+    isInputActive: import("vue-demi").Ref<boolean>;
+    escape: import("vue-demi").ComputedRef<boolean>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    headerStyles: import("vue-demi").ComputedRef<string[]>;
+    inputBoxStyles: import("vue-demi").ComputedRef<string[]>;
+    footerStyles: import("vue-demi").ComputedRef<string[]>;
+    buttonsStyles: import("vue-demi").ComputedRef<string[]>;
+    confirm: () => void;
+    open: () => void;
+    close: () => void;
+    onInputFocus: () => void;
+    onInputBlur: () => void;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:state" | "open" | "close" | "confirm")[], "update:state" | "open" | "close" | "confirm", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     isOpen: {
         type: BooleanConstructor;
-        required: false;
-        default: undefined;
+        default: boolean;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
     titleText: {
         type: StringConstructor;
         required: false;
@@ -95,22 +82,18 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     confirmButtonText: {
         type: StringConstructor;
-        required: false;
         default: string;
     };
     cancelButtonText: {
         type: StringConstructor;
-        required: false;
         default: string;
     };
     confirmType: {
         type: PropType<ConfirmType>;
-        required: false;
         default: ConfirmType;
     };
     loading: {
         type: BooleanConstructor;
-        required: false;
         default: boolean;
     };
     disabled: {
@@ -120,88 +103,27 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     confirmationText: {
         type: StringConstructor;
-        required: false;
-        default: null;
+        default: undefined;
     };
     textConfirmationLabel: {
         type: StringConstructor;
-        required: false;
-        default: null;
+        default: undefined;
     };
     textConfirmationPlaceholder: {
         type: StringConstructor;
-        required: false;
-        default: null;
+        default: undefined;
     };
     textConfirmationError: {
         type: StringConstructor;
-        required: false;
-        default: null;
-    };
-    isOpen: {
-        type: BooleanConstructor;
-        required: false;
         default: undefined;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    titleText: string;
-    confirmButtonText: string;
-    cancelButtonText: string;
-    confirmType: ConfirmType;
-    loading: boolean;
-    disabled: boolean;
-    confirmationText: string;
-    textConfirmationLabel: string;
-    textConfirmationPlaceholder: string;
-    textConfirmationError: string;
-    isOpen: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    confirmationInput: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    confirmationButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    confirmationValue: import("@vue/composition-api").Ref<string>;
-    confirmButtonColor: import("@vue/composition-api").ComputedRef<ButtonColor.Primary | ButtonColor.Danger>;
-    isInvalid: import("@vue/composition-api").ComputedRef<boolean>;
-    isConfirmationButtonDisabled: import("@vue/composition-api").ComputedRef<boolean>;
-    touched: import("@vue/composition-api").Ref<boolean>;
-    isActive: import("@vue/composition-api").Ref<boolean>;
-    isInputActive: import("@vue/composition-api").Ref<boolean>;
-    escape: import("@vue/composition-api").ComputedRef<boolean>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    inputBoxStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    footerStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    buttonsStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    confirm: () => void;
-    open: () => void;
-    close: () => void;
-    onInputFocus: () => void;
-    onInputBlur: () => void;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    titleText: string;
-    confirmButtonText: string;
-    cancelButtonText: string;
-    confirmType: ConfirmType;
-    loading: boolean;
-    disabled: boolean;
-    confirmationText: string;
-    textConfirmationLabel: string;
-    textConfirmationPlaceholder: string;
-    textConfirmationError: string;
-    isOpen: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>> & {
+    onConfirm?: ((...args: any[]) => any) | undefined;
+    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
 }, {
+    isOpen: boolean;
     titleText: string;
     confirmButtonText: string;
     cancelButtonText: string;
@@ -212,6 +134,5 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     textConfirmationLabel: string;
     textConfirmationPlaceholder: string;
     textConfirmationError: string;
-    isOpen: boolean;
-}, true>);
+}>;
 export default _default;

package/dist/esm/v3/components/or-confirm-v3/index.js

@@ -1,24 +1,27 @@
-export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm-671148e8.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm-104754d0.js';
 import '@vueuse/core';
 import '@vueuse/math';
 import 'vue-demi';
+import '../../usePopoverState-8a95a300.js';
+import '@onereach/styles/tailwind.config';
+import 'tailwindcss/resolveConfig';
 import '../../OrButton-c2b6aa9e.js';
 import '../../OrLoader-b79022da.js';
 import 'vue';
-import '../../OrInput-238fd1c0.js';
+import '../../OrInput-14b88801.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useResponsive-a02e95b7.js';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-c01d0c29.js';
 import '../../OrHint-06ab89d7.js';
-import '../../OrIconButton-b7217ea5.js';
+import '../../OrIconButton-c6d15a51.js';
 import '../../OrIcon-62793572.js';
-import '../../OrTooltip-3d5fcaf9.js';
-import '../../OrPopover-15c2968f.js';
+import '../../OrTooltip-9a63f445.js';
+import '../../OrPopover-8ea2062a.js';
 import '@floating-ui/dom';
-import '../../useElevation-b5a49746.js';
-import '../../OrBottomSheet-5969a217.js';
-import '../../OrOverlay-bf72f582.js';
+import '../../useElevation-a50ec347.js';
+import '../../OrBottomSheet-e9463e4d.js';
+import '../../OrOverlay-489fdf76.js';
 import '../../OrTeleport.vue3-8099178c.js';
 import '../../OrInputBox-32814878.js';
 import '../../OrLabel-4da56db0.js';

package/dist/esm/v3/components/or-date-picker-v3/OrDatePicker.vue.d.ts

@@ -1,31 +1,7 @@
 import { PropType } from 'vue-demi';
 import { FilterFunction } from '../or-date-time-picker-v3';
 import { DatePickerSize } from './props';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    inputBox: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    inputBoxRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    popover: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    popoverState: import("@vue/composition-api").ComputedRef<undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    initialModelValue: Date;
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
-    draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
-    apply: () => void;
-    reset: () => void;
-    togglePopover: () => void;
-    closePopover: () => void;
-    formatDateAlt: (value?: Date) => string;
-}> & import("@vue/composition-api").Data, {}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: DateConstructor;
         default: undefined;
@@ -74,7 +50,23 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    inputBox: import("vue-demi").Ref<any>;
+    inputBoxRoot: import("vue-demi").ComputedRef<any>;
+    popover: import("vue-demi").Ref<any>;
+    popoverState: import("vue-demi").ComputedRef<any>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    popoverStyles: import("vue-demi").ComputedRef<string[]>;
+    initialModelValue: Date;
+    proxyModelValue: import("vue-demi").WritableComputedRef<Date | undefined>;
+    draftModelValue: import("vue-demi").Ref<Date | undefined>;
+    apply: () => void;
+    reset: () => void;
+    togglePopover: () => void;
+    closePopover: () => void;
+    formatDateAlt: (value?: Date) => string;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "keydown" | "keyup" | "focus" | "blur")[], "update:modelValue" | "keydown" | "keyup" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: DateConstructor;
         default: undefined;
@@ -123,60 +115,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    modelValue: Date;
-    yearFilter: FilterFunction;
-    monthFilter: FilterFunction;
-    dateFilter: FilterFunction;
-    size: DatePickerSize;
-    label: string;
-    hint: string;
-    error: string | boolean;
-    required: boolean;
-    readonly: boolean;
-    disabled: boolean;
-    disableDefaultStyles: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    inputBox: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    inputBoxRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    popover: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    popoverState: import("@vue/composition-api").ComputedRef<undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    popoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    initialModelValue: Date;
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
-    draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
-    apply: () => void;
-    reset: () => void;
-    togglePopover: () => void;
-    closePopover: () => void;
-    formatDateAlt: (value?: Date) => string;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    modelValue: Date;
-    yearFilter: FilterFunction;
-    monthFilter: FilterFunction;
-    dateFilter: FilterFunction;
-    size: DatePickerSize;
-    label: string;
-    hint: string;
-    error: string | boolean;
-    required: boolean;
-    readonly: boolean;
-    disabled: boolean;
-    disableDefaultStyles: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onKeyup?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Date;
     yearFilter: FilterFunction;
@@ -190,5 +134,5 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     readonly: boolean;
     disabled: boolean;
     disableDefaultStyles: boolean;
-}, true>);
+}>;
 export default _default;

package/dist/esm/v3/components/or-date-picker-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrDatePickerV3 } from '../../OrDatePicker-7cb1da75.js';
+export { s as OrDatePickerV3 } from '../../OrDatePicker-c12fab59.js';
 export { I as DatePickerSize } from '../../OrInputBox-32814878.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
@@ -8,18 +8,21 @@ import 'vue';
 import '../../OrButton-c2b6aa9e.js';
 import '../../OrLoader-b79022da.js';
 import '@vueuse/core';
-import '../../OrDateTimePickerMonthSelect-bd26a294.js';
-import '../../OrIconButton-b7217ea5.js';
+import '../../OrDateTimePickerMonthSelect-16e3f5b9.js';
+import '../../OrIconButton-c6d15a51.js';
 import '../../OrIcon-62793572.js';
-import '../../OrTooltip-3d5fcaf9.js';
-import '../../OrPopover-15c2968f.js';
+import '../../OrTooltip-9a63f445.js';
+import '../../usePopoverState-8a95a300.js';
+import '@onereach/styles/tailwind.config';
+import 'tailwindcss/resolveConfig';
+import '../../OrPopover-8ea2062a.js';
 import '@floating-ui/dom';
-import '../../useElevation-b5a49746.js';
+import '../../useElevation-a50ec347.js';
 import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-5969a217.js';
-import '../../OrOverlay-bf72f582.js';
+import '../../OrBottomSheet-e9463e4d.js';
+import '../../OrOverlay-489fdf76.js';
 import '../../OrTeleport.vue3-8099178c.js';
 import '../../OrMenuItem-dbee450f.js';
-import '../../OrMenu-8a53ccf9.js';
+import '../../OrMenu-b90e6784.js';
 import '../../OrError-c01d0c29.js';
 import '../../OrHint-06ab89d7.js';