@onereach/ui-components 11.13.0 → 11.13.1-beta.4524.0

package/dist/bundled/v2/components/OrAutocompleteV3/OrAutocomplete.vue.d.ts

@@ -3,57 +3,7 @@ import { SearchFunction } from '../../types';
 import { InputBoxSize } from '../or-input-box-v3';
 import { TagsOverflow } from '../or-tags-v3';
 import { AutocompleteModelValue, AutocompleteValue } from './types';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    attributes: {
-        required: boolean | undefined;
-        minlength: number | undefined;
-        maxlength: number | undefined;
-        pattern: string | undefined;
-        min: number | undefined;
-        max: number | undefined;
-        step: number | undefined;
-        readonly: boolean | undefined;
-        disabled: boolean | undefined;
-        'force-state': string | undefined;
-        id: string | undefined;
-    };
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    tagInput: 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>;
-    tagInputRoot: import("@vue/composition-api").ComputedRef<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>;
-    control: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    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>;
-    popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    popoverState: import("@vue/composition-api").ComputedRef<undefined>;
-    dropdownStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    dropdownItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    model: import("../../hooks").UseProxyModelValueReturn<AutocompleteModelValue>;
-    searchText: import("@vue/composition-api").Ref<string | undefined>;
-    filteredItems: import("@vue/composition-api").Ref<string[]>;
-    onInput: (event: InputEvent) => void;
-    add: (value: AutocompleteValue) => void;
-    remove: (value: AutocompleteValue) => void;
-    reset: () => void;
-    clear: () => void;
-    focus: () => void;
-    blur: () => void;
-    isMobile: import("@vue/composition-api").ComputedRef<boolean>;
-}> & import("@vue/composition-api").Data, {}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: PropType<AutocompleteModelValue>;
         default: undefined;
@@ -68,11 +18,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     overflow: {
         type: PropType<"wrap" | "scroll" | "hidden">;
-        default: () => TagsOverflow.Hidden;
+        default: () => TagsOverflow;
     };
     size: {
         type: PropType<"m" | "s">;
-        default: () => InputBoxSize.M;
+        default: () => InputBoxSize;
     };
     label: {
         type: StringConstructor;
@@ -118,7 +68,45 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<SearchFunction<string>>;
         default: SearchFunction<string>;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    attributes: {
+        required: boolean | undefined;
+        minlength: number | undefined;
+        maxlength: number | undefined;
+        pattern: string | undefined;
+        min: number | undefined;
+        max: number | undefined;
+        step: number | undefined;
+        readonly: boolean | undefined;
+        disabled: boolean | undefined;
+        'force-state': string | undefined;
+        id: string | undefined;
+    };
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    tagInput: import("vue-demi").Ref<any>;
+    tagInputRoot: import("vue-demi").ComputedRef<any>;
+    inputBox: import("vue-demi").Ref<any>;
+    inputBoxRoot: import("vue-demi").ComputedRef<any>;
+    control: import("vue-demi").Ref<HTMLElement | undefined>;
+    controlStyles: import("vue-demi").ComputedRef<string[]>;
+    popover: import("vue-demi").Ref<any>;
+    popoverRoot: import("vue-demi").ComputedRef<any>;
+    popoverState: import("vue-demi").ComputedRef<any>;
+    dropdownStyles: import("vue-demi").ComputedRef<string[]>;
+    dropdownItemStyles: import("vue-demi").ComputedRef<string[]>;
+    model: import("../../hooks").UseProxyModelValueReturn<AutocompleteModelValue>;
+    searchText: import("vue-demi").Ref<string | undefined>;
+    filteredItems: import("vue-demi").Ref<string[]>;
+    onInput: (event: InputEvent) => void;
+    add: (value: AutocompleteValue) => void;
+    remove: (value: AutocompleteValue) => void;
+    reset: () => void;
+    clear: () => void;
+    focus: () => void;
+    blur: () => void;
+    isMobile: import("vue-demi").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "input" | "keydown" | "keyup" | "focus" | "blur")[], "update:modelValue" | "input" | "keydown" | "keyup" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: PropType<AutocompleteModelValue>;
         default: undefined;
@@ -133,11 +121,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     overflow: {
         type: PropType<"wrap" | "scroll" | "hidden">;
-        default: () => TagsOverflow.Hidden;
+        default: () => TagsOverflow;
     };
     size: {
         type: PropType<"m" | "s">;
-        default: () => InputBoxSize.M;
+        default: () => InputBoxSize;
     };
     label: {
         type: StringConstructor;
@@ -183,94 +171,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<SearchFunction<string>>;
         default: SearchFunction<string>;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    modelValue: AutocompleteModelValue;
-    items: string[];
-    multiple: boolean;
-    overflow: "wrap" | "scroll" | "hidden";
-    size: "m" | "s";
-    label: string;
-    placeholder: string;
-    hint: string;
-    error: string | boolean;
-    loading: boolean;
-    required: boolean;
-    readonly: boolean;
-    disabled: boolean;
-    disableDefaultStyles: boolean;
-    enableClear: boolean;
-    searchFunction: SearchFunction<string>;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
-    attributes: {
-        required: boolean | undefined;
-        minlength: number | undefined;
-        maxlength: number | undefined;
-        pattern: string | undefined;
-        min: number | undefined;
-        max: number | undefined;
-        step: number | undefined;
-        readonly: boolean | undefined;
-        disabled: boolean | undefined;
-        'force-state': string | undefined;
-        id: string | undefined;
-    };
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    tagInput: 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>;
-    tagInputRoot: import("@vue/composition-api").ComputedRef<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>;
-    control: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    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>;
-    popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    popoverState: import("@vue/composition-api").ComputedRef<undefined>;
-    dropdownStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    dropdownItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    model: import("../../hooks").UseProxyModelValueReturn<AutocompleteModelValue>;
-    searchText: import("@vue/composition-api").Ref<string | undefined>;
-    filteredItems: import("@vue/composition-api").Ref<string[]>;
-    onInput: (event: InputEvent) => void;
-    add: (value: AutocompleteValue) => void;
-    remove: (value: AutocompleteValue) => void;
-    reset: () => void;
-    clear: () => void;
-    focus: () => void;
-    blur: () => void;
-    isMobile: import("@vue/composition-api").ComputedRef<boolean>;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    modelValue: AutocompleteModelValue;
-    items: string[];
-    multiple: boolean;
-    overflow: "wrap" | "scroll" | "hidden";
-    size: "m" | "s";
-    label: string;
-    placeholder: string;
-    hint: string;
-    error: string | boolean;
-    loading: boolean;
-    required: boolean;
-    readonly: boolean;
-    disabled: boolean;
-    disableDefaultStyles: boolean;
-    enableClear: boolean;
-    searchFunction: SearchFunction<string>;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...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: AutocompleteModelValue;
     items: string[];
@@ -288,5 +195,5 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     disableDefaultStyles: boolean;
     enableClear: boolean;
     searchFunction: SearchFunction<string>;
-}, true>);
+}>;
 export default _default;

package/dist/bundled/v2/components/OrAvatar/OrAvatar.vue.d.ts

@@ -1,13 +1,6 @@
 import { PropType } from 'vue-demi';
 import { OR_AVATAR_SIZE } from './constants';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & {
-    showImg: boolean;
-}, {
-    showImage(): void;
-    hideImage(): void;
-}, {
-    avatarClasses(): any[];
-}, {
+declare const _default: import("vue-demi").DefineComponent<{
     src: {
         type: PropType<string>;
         default: string;
@@ -15,7 +8,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     size: {
         type: PropType<OR_AVATAR_SIZE>;
-        default: () => OR_AVATAR_SIZE.MEDIUM;
+        default: () => OR_AVATAR_SIZE;
         required: false;
     };
     icon: {
@@ -23,7 +16,14 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: string;
         required: false;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, unknown, {
+    showImg: boolean;
+}, {
+    avatarClasses(): any[];
+}, {
+    showImage(): void;
+    hideImage(): void;
+}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     src: {
         type: PropType<string>;
         default: string;
@@ -31,7 +31,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     size: {
         type: PropType<OR_AVATAR_SIZE>;
-        default: () => OR_AVATAR_SIZE.MEDIUM;
+        default: () => OR_AVATAR_SIZE;
         required: false;
     };
     icon: {
@@ -39,24 +39,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: string;
         required: false;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    src: string;
-    size: OR_AVATAR_SIZE;
-    icon: string;
-} & {}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, {
-    showImg: boolean;
-}, {
-    avatarClasses(): any[];
-}, {
-    showImage(): void;
-    hideImage(): void;
-}, {}, {}, {}, {
-    src: string;
-    size: OR_AVATAR_SIZE;
-    icon: string;
-} & {}, {
+}>>, {
     src: string;
     size: OR_AVATAR_SIZE;
     icon: string;
-}, true>);
+}>;
 export default _default;

package/dist/bundled/v2/components/OrAvatarV3/OrAvatar.vue.d.ts

@@ -1,12 +1,6 @@
 import { PropType } from 'vue-demi';
 import { AvatarColor, AvatarSize } 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[]>;
-    rootInlineStyles: import("@vue/composition-api").ComputedRef<{
-        background: string | undefined;
-    }>;
-}> & import("@vue/composition-api").Data, {}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     src: {
         type: StringConstructor;
         default: undefined;
@@ -17,17 +11,23 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     size: {
         type: PropType<"xl" | "l" | "m" | "s" | "xs">;
-        default: () => AvatarSize.M;
+        default: () => AvatarSize;
     };
     color: {
         type: PropType<"auto" | "blue" | "grey" | "green" | "yellow" | "red">;
-        default: () => AvatarColor.Auto;
+        default: () => AvatarColor;
     };
     colorSalt: {
         type: StringConstructor;
         default: undefined;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    rootInlineStyles: import("vue-demi").ComputedRef<{
+        background: string | undefined;
+    }>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     src: {
         type: StringConstructor;
         default: undefined;
@@ -38,39 +38,21 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     size: {
         type: PropType<"xl" | "l" | "m" | "s" | "xs">;
-        default: () => AvatarSize.M;
+        default: () => AvatarSize;
     };
     color: {
         type: PropType<"auto" | "blue" | "grey" | "green" | "yellow" | "red">;
-        default: () => AvatarColor.Auto;
+        default: () => AvatarColor;
     };
     colorSalt: {
         type: StringConstructor;
         default: undefined;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    src: string;
-    icon: string;
-    size: "xl" | "l" | "m" | "s" | "xs";
-    color: "auto" | "blue" | "grey" | "green" | "yellow" | "red";
-    colorSalt: string;
-} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    rootInlineStyles: import("@vue/composition-api").ComputedRef<{
-        background: string | undefined;
-    }>;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
-    src: string;
-    icon: string;
-    size: "xl" | "l" | "m" | "s" | "xs";
-    color: "auto" | "blue" | "grey" | "green" | "yellow" | "red";
-    colorSalt: string;
-} & {}, {
+}>>, {
     src: string;
     icon: string;
     size: "xl" | "l" | "m" | "s" | "xs";
     color: "auto" | "blue" | "grey" | "green" | "yellow" | "red";
     colorSalt: string;
-}, true>);
+}>;
 export default _default;