@adyen/bento-vue2 0.8.0 → 0.8.2

package/dist/@types/components/dropdown/dropdown.vue.d.ts

@@ -1,6 +1,7 @@
 import { PropType } from 'vue';
 import type { BentoListboxIsOptionDisabled, BentoListboxOptions, BentoListboxSelectedValue } from '@/types';
 import { BentoTypographyElement } from '@/components/typography';
+import { BentoDropdownSize } from './dropdown.types';
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -10,6 +11,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -50,6 +55,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<BentoDropdownSize>;
+        default: BentoDropdownSize;
+        validator: (value: BentoDropdownSize) => boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -81,6 +91,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
     dynamicFiltering: {
         type: BooleanConstructor;
         default: boolean;
@@ -121,6 +135,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    size: {
+        type: PropType<BentoDropdownSize>;
+        default: BentoDropdownSize;
+        validator: (value: BentoDropdownSize) => boolean;
+    };
     value: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -134,7 +153,9 @@ declare const _default: import("vue").DefineComponent<{
     ariaLabel: string;
     disabled: boolean;
     multiple: boolean;
+    size: BentoDropdownSize;
     description: string;
+    placeholder: string;
     items: BentoListboxOptions;
     isOptionDisabled: BentoListboxIsOptionDisabled;
     dynamicFiltering: boolean;

package/dist/@types/components/dropdown/index.d.ts

@@ -3,3 +3,4 @@ export { default as BentoDropdownAvatar } from './components/variants/dropdown-a
 export { default as BentoDropdownCountry } from './components/variants/dropdown-country/dropdown-country.vue';
 export { default as BentoDropdownCurrency } from './components/variants/dropdown-currency/dropdown-currency.vue';
 export { default as BentoDropdownPaymentMethod } from './components/variants/dropdown-payment-method/dropdown-payment-method.vue';
+export { default as BentoDropdownTag } from './components/variants/dropdown-tag/dropdown-tag.vue';

package/dist/@types/components/filter-bar/components/base-filter/base-filter.types.d.ts

@@ -0,0 +1,7 @@
+export declare enum BaseFilterEvent {
+    APPLY = "apply",
+    CLEAR = "clear",
+    OPEN = "open",
+    CLOSE = "close",
+    RESET = "reset"
+}

package/dist/@types/components/filter-bar/components/base-filter/base-filter.vue.d.ts

@@ -1,11 +1,21 @@
 import { PropType } from 'vue';
 import { BentoButtonVariant } from '@/components/button';
+import { BentoFilterBarValue } from '@/components/filter-bar/filter-bar.types';
+import { BaseFilterEvent } from './base-filter.types';
 declare const _default: import("vue").DefineComponent<{
     appliedFiltersCount: {
         type: NumberConstructor;
         default: any;
     };
-    buttonHasChevron: {
+    buttonLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    defaultValue: {
+        type: PropType<BentoFilterBarValue>;
+        default: any;
+    };
+    controlled: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -13,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    disableClearButton: {
+    disableSecondaryButton: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -25,9 +35,9 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-    value: {
-        type: PropType<string | string[]>;
-        default: any;
+    fitContent: {
+        type: BooleanConstructor;
+        default: boolean;
     };
 }, {
     actions: import("vue").ComputedRef<{
@@ -36,6 +46,7 @@ declare const _default: import("vue").DefineComponent<{
         disabled: boolean;
     }[]>;
     isFilterOpen: import("vue").Ref<boolean>;
+    isPersistentFilter: import("vue").ComputedRef<boolean>;
     BentoPopoverPositions: {
         AUTO: import("../../../popper-container").PopperContainerPositionExtended.AUTO;
         AUTO_START: import("../../../popper-container").PopperContainerPositionExtended.AUTO_START;
@@ -61,7 +72,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     onClickFilter: () => void;
     onClickApply: () => void;
-    onClickClear: () => void;
+    onClickSecondaryAction: () => void;
     onClickOutside: () => void;
     closePopover: () => void;
     filterButtonRef: any;
@@ -73,12 +84,20 @@ declare const _default: import("vue").DefineComponent<{
         SPACE_BETWEEN: import("@/components/button").BentoButtonActionsLayoutBasic.SPACE_BETWEEN;
         VERTICAL_STACK: import("@/components/button").BentoButtonActionsLayoutBasic.VERTICAL_STACK;
     };
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("open" | "clear" | "close" | "apply")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BaseFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
     appliedFiltersCount: {
         type: NumberConstructor;
         default: any;
     };
-    buttonHasChevron: {
+    buttonLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    defaultValue: {
+        type: PropType<BentoFilterBarValue>;
+        default: any;
+    };
+    controlled: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -86,7 +105,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    disableClearButton: {
+    disableSecondaryButton: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -98,15 +117,17 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-    value: {
-        type: PropType<string | string[]>;
-        default: any;
+    fitContent: {
+        type: BooleanConstructor;
+        default: boolean;
     };
 }>>, {
-    value: string | string[];
-    buttonHasChevron: boolean;
+    fitContent: boolean;
     appliedFiltersCount: number;
+    buttonLabel: string;
+    defaultValue: BentoFilterBarValue;
+    controlled: boolean;
     disableApplyButton: boolean;
-    disableClearButton: boolean;
+    disableSecondaryButton: boolean;
 }>;
 export default _default;

package/dist/@types/components/filter-bar/components/base-filter/composables/use-base-filter.d.ts

@@ -1,6 +1,6 @@
 import type { Ref } from 'vue';
-export declare const useBaseFilter: <T>(appliedFilter: Ref<T>) => {
+export declare const useBaseFilter: <T>(appliedFilter: Ref<T>, defaultFilter: Ref<T>) => {
     internalFilterValue: Ref<import("vue").UnwrapRef<T>>;
-    isClearButtonDisabled: import("vue").ComputedRef<boolean>;
+    isSecondaryButtonDisabled: import("vue").ComputedRef<boolean>;
     isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
 };

package/dist/@types/components/filter-bar/components/boolean-filter/boolean-filter.vue.d.ts

@@ -1,4 +1,8 @@
 declare const _default: import("vue").DefineComponent<{
+    defaultValue: {
+        type: StringConstructor;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -17,14 +21,20 @@ declare const _default: import("vue").DefineComponent<{
         label: string;
     }[]>;
     appliedFiltersCount: import("vue").ComputedRef<number>;
+    buttonLabel: import("vue").ComputedRef<string>;
     internalFilterValue: import("vue").Ref<string>;
     isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
-    isClearButtonDisabled: import("vue").ComputedRef<boolean>;
+    isSecondaryButtonDisabled: import("vue").ComputedRef<boolean>;
     onInput: (event: any) => void;
     updateFilter: () => void;
     clearFilter: () => void;
     openFilter: () => void;
+    resetFilter: () => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
+    defaultValue: {
+        type: StringConstructor;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -39,5 +49,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: string;
+    defaultValue: string;
 }>;
 export default _default;

package/dist/@types/components/filter-bar/components/date-filter/date-filter.types.d.ts

@@ -0,0 +1,3 @@
+export declare enum BentoDateFilterEvent {
+    UPDATE = "update"
+}

package/dist/@types/components/filter-bar/components/date-filter/date-filter.vue.d.ts

@@ -0,0 +1,125 @@
+import { PropType } from 'vue';
+import { BentoDateFilterOptions } from '../../filter-bar.types';
+import { BentoDateFilterEvent } from './date-filter.types';
+declare const _default: import("vue").DefineComponent<{
+    defaultValue: {
+        type: PropType<Date>;
+        default: any;
+    };
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    options: {
+        type: PropType<BentoDateFilterOptions>;
+        default: any;
+    };
+    value: {
+        type: PropType<Date>;
+        default: any;
+    };
+}, {
+    appliedFiltersCount: import("vue").ComputedRef<number>;
+    internalFilterValue: import("vue").Ref<{
+        toString: () => string;
+        toDateString: () => string;
+        toTimeString: () => string;
+        toLocaleString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        toLocaleDateString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        toLocaleTimeString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        valueOf: () => number;
+        getTime: () => number;
+        getFullYear: () => number;
+        getUTCFullYear: () => number;
+        getMonth: () => number;
+        getUTCMonth: () => number;
+        getDate: () => number;
+        getUTCDate: () => number;
+        getDay: () => number;
+        getUTCDay: () => number;
+        getHours: () => number;
+        getUTCHours: () => number;
+        getMinutes: () => number;
+        getUTCMinutes: () => number;
+        getSeconds: () => number;
+        getUTCSeconds: () => number;
+        getMilliseconds: () => number;
+        getUTCMilliseconds: () => number;
+        getTimezoneOffset: () => number;
+        setTime: (time: number) => number;
+        setMilliseconds: (ms: number) => number;
+        setUTCMilliseconds: (ms: number) => number;
+        setSeconds: (sec: number, ms?: number) => number;
+        setUTCSeconds: (sec: number, ms?: number) => number;
+        setMinutes: (min: number, sec?: number, ms?: number) => number;
+        setUTCMinutes: (min: number, sec?: number, ms?: number) => number;
+        setHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+        setUTCHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+        setDate: (date: number) => number;
+        setUTCDate: (date: number) => number;
+        setMonth: (month: number, date?: number) => number;
+        setUTCMonth: (month: number, date?: number) => number;
+        setFullYear: (year: number, month?: number, date?: number) => number;
+        setUTCFullYear: (year: number, month?: number, date?: number) => number;
+        toUTCString: () => string;
+        toISOString: () => string;
+        toJSON: (key?: any) => string;
+        getVarDate: () => VarDate;
+        [Symbol.toPrimitive]: {
+            (hint: "default"): string;
+            (hint: "string"): string;
+            (hint: "number"): number;
+            (hint: string): string | number;
+        };
+    }>;
+    isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
+    isSecondaryButtonDisabled: import("vue").ComputedRef<boolean>;
+    buttonLabel: import("vue").ComputedRef<string>;
+    clearFilter: () => void;
+    onDateSelected: (selectedDate: Date) => void;
+    openFilter: () => void;
+    updateFilter: () => void;
+    resetFilter: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoDateFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+    defaultValue: {
+        type: PropType<Date>;
+        default: any;
+    };
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    options: {
+        type: PropType<BentoDateFilterOptions>;
+        default: any;
+    };
+    value: {
+        type: PropType<Date>;
+        default: any;
+    };
+}>>, {
+    value: Date;
+    options: any;
+    defaultValue: Date;
+}>;
+export default _default;

package/dist/@types/components/filter-bar/components/date-filter/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoDateFilter } from './date-filter.vue';

package/dist/@types/components/filter-bar/components/date-range-filter/date-range-filter.types.d.ts

@@ -0,0 +1,3 @@
+export declare enum BentoDateRangeFilterEvent {
+    UPDATE = "update"
+}

package/dist/@types/components/filter-bar/components/date-range-filter/date-range-filter.vue.d.ts

@@ -0,0 +1,217 @@
+import { PropType } from 'vue';
+import { BentoDateRangeFilterOptions } from '../../filter-bar.types';
+import { BentoDatePickerRangeDate } from '@/components/date-picker';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoButtonActionsList } from '@/components/button/components/button-actions';
+import { BentoDateRangeFilterEvent } from './date-range-filter.types';
+declare const _default: import("vue").DefineComponent<{
+    defaultValue: {
+        type: PropType<BentoDatePickerRangeDate>;
+        default: any;
+    };
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    options: {
+        type: PropType<BentoDateRangeFilterOptions>;
+        default: any;
+    };
+    value: {
+        type: PropType<BentoDatePickerRangeDate>;
+        default: () => {
+            startDate: any;
+            endDate: any;
+        };
+    };
+}, {
+    baseFilter: any;
+    actions: import("vue").ComputedRef<BentoButtonActionsList>;
+    appliedFiltersCount: import("vue").ComputedRef<number>;
+    formData: {
+        startDate: string;
+        endDate: string;
+    };
+    internalFilterValue: import("vue").Ref<{
+        startDate: {
+            toString: () => string;
+            toDateString: () => string;
+            toTimeString: () => string;
+            toLocaleString: {
+                (): string;
+                (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+            };
+            toLocaleDateString: {
+                (): string;
+                (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+            };
+            toLocaleTimeString: {
+                (): string;
+                (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+            };
+            valueOf: () => number;
+            getTime: () => number;
+            getFullYear: () => number;
+            getUTCFullYear: () => number;
+            getMonth: () => number;
+            getUTCMonth: () => number;
+            getDate: () => number;
+            getUTCDate: () => number;
+            getDay: () => number;
+            getUTCDay: () => number;
+            getHours: () => number;
+            getUTCHours: () => number;
+            getMinutes: () => number;
+            getUTCMinutes: () => number;
+            getSeconds: () => number;
+            getUTCSeconds: () => number;
+            getMilliseconds: () => number;
+            getUTCMilliseconds: () => number;
+            getTimezoneOffset: () => number;
+            setTime: (time: number) => number;
+            setMilliseconds: (ms: number) => number;
+            setUTCMilliseconds: (ms: number) => number;
+            setSeconds: (sec: number, ms?: number) => number;
+            setUTCSeconds: (sec: number, ms?: number) => number;
+            setMinutes: (min: number, sec?: number, ms?: number) => number;
+            setUTCMinutes: (min: number, sec?: number, ms?: number) => number;
+            setHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+            setUTCHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+            setDate: (date: number) => number;
+            setUTCDate: (date: number) => number;
+            setMonth: (month: number, date?: number) => number;
+            setUTCMonth: (month: number, date?: number) => number;
+            setFullYear: (year: number, month?: number, date?: number) => number;
+            setUTCFullYear: (year: number, month?: number, date?: number) => number;
+            toUTCString: () => string;
+            toISOString: () => string;
+            toJSON: (key?: any) => string;
+            getVarDate: () => VarDate;
+            [Symbol.toPrimitive]: {
+                (hint: "default"): string;
+                (hint: "string"): string;
+                (hint: "number"): number;
+                (hint: string): string | number;
+            };
+        };
+        endDate: {
+            toString: () => string;
+            toDateString: () => string;
+            toTimeString: () => string;
+            toLocaleString: {
+                (): string;
+                (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+            };
+            toLocaleDateString: {
+                (): string;
+                (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+            };
+            toLocaleTimeString: {
+                (): string;
+                (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+            };
+            valueOf: () => number;
+            getTime: () => number;
+            getFullYear: () => number;
+            getUTCFullYear: () => number;
+            getMonth: () => number;
+            getUTCMonth: () => number;
+            getDate: () => number;
+            getUTCDate: () => number;
+            getDay: () => number;
+            getUTCDay: () => number;
+            getHours: () => number;
+            getUTCHours: () => number;
+            getMinutes: () => number;
+            getUTCMinutes: () => number;
+            getSeconds: () => number;
+            getUTCSeconds: () => number;
+            getMilliseconds: () => number;
+            getUTCMilliseconds: () => number;
+            getTimezoneOffset: () => number;
+            setTime: (time: number) => number;
+            setMilliseconds: (ms: number) => number;
+            setUTCMilliseconds: (ms: number) => number;
+            setSeconds: (sec: number, ms?: number) => number;
+            setUTCSeconds: (sec: number, ms?: number) => number;
+            setMinutes: (min: number, sec?: number, ms?: number) => number;
+            setUTCMinutes: (min: number, sec?: number, ms?: number) => number;
+            setHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+            setUTCHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+            setDate: (date: number) => number;
+            setUTCDate: (date: number) => number;
+            setMonth: (month: number, date?: number) => number;
+            setUTCMonth: (month: number, date?: number) => number;
+            setFullYear: (year: number, month?: number, date?: number) => number;
+            setUTCFullYear: (year: number, month?: number, date?: number) => number;
+            toUTCString: () => string;
+            toISOString: () => string;
+            toJSON: (key?: any) => string;
+            getVarDate: () => VarDate;
+            [Symbol.toPrimitive]: {
+                (hint: "default"): string;
+                (hint: "string"): string;
+                (hint: "number"): number;
+                (hint: string): string | number;
+            };
+        };
+    }>;
+    isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
+    isSecondaryButtonDisabled: import("vue").ComputedRef<boolean>;
+    buttonLabel: import("vue").ComputedRef<string>;
+    BentoButtonActionsLayout: {
+        BUTTONS_START: import("@/components/button/components/button-actions").BentoButtonActionsLayoutExtended.BUTTONS_START;
+        BUTTONS_END: import("@/components/button/components/button-actions").BentoButtonActionsLayoutBasic.BUTTONS_END;
+        FILL_CONTAINER: import("@/components/button/components/button-actions").BentoButtonActionsLayoutBasic.FILL_CONTAINER;
+        SPACE_BETWEEN: import("@/components/button/components/button-actions").BentoButtonActionsLayoutBasic.SPACE_BETWEEN;
+        VERTICAL_STACK: import("@/components/button/components/button-actions").BentoButtonActionsLayoutBasic.VERTICAL_STACK;
+    };
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    clearFilter: () => void;
+    onDateSelected: (selectedDate: BentoDatePickerRangeDate) => void;
+    openFilter: () => void;
+    updateFilter: () => void;
+    resetFilter: () => void;
+    onDatePickerRangeError: () => void;
+    onDatePickerRangeFormDateInputUpdate: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoDateRangeFilterEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+    defaultValue: {
+        type: PropType<BentoDatePickerRangeDate>;
+        default: any;
+    };
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    options: {
+        type: PropType<BentoDateRangeFilterOptions>;
+        default: any;
+    };
+    value: {
+        type: PropType<BentoDatePickerRangeDate>;
+        default: () => {
+            startDate: any;
+            endDate: any;
+        };
+    };
+}>>, {
+    value: BentoDatePickerRangeDate;
+    options: any;
+    defaultValue: BentoDatePickerRangeDate;
+}>;
+export default _default;

package/dist/@types/components/filter-bar/components/date-range-filter/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoDateRangeFilter } from './date-range-filter.vue';

package/dist/@types/components/filter-bar/components/input-filter/input-filter.vue.d.ts

@@ -1,4 +1,8 @@
 declare const _default: import("vue").DefineComponent<{
+    defaultValue: {
+        type: StringConstructor;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -13,14 +17,20 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     appliedFiltersCount: import("vue").ComputedRef<number>;
+    buttonLabel: import("vue").ComputedRef<string>;
     internalFilterValue: import("vue").Ref<string>;
     isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
-    isClearButtonDisabled: import("vue").ComputedRef<boolean>;
+    isSecondaryButtonDisabled: import("vue").ComputedRef<boolean>;
     inputTextRef: any;
     updateFilter: () => void;
     clearFilter: () => void;
     openFilter: () => void;
+    resetFilter: () => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
+    defaultValue: {
+        type: StringConstructor;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -35,5 +45,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: string;
+    defaultValue: string;
 }>;
 export default _default;

package/dist/@types/components/filter-bar/components/range-filter/range-filter.vue.d.ts

@@ -1,6 +1,10 @@
 import { PropType } from 'vue';
 import { BentoInputFieldType } from '@/components/input-field';
 declare const _default: import("vue").DefineComponent<{
+    defaultValue: {
+        type: PropType<string[]>;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -19,13 +23,19 @@ declare const _default: import("vue").DefineComponent<{
     appliedFiltersCount: import("vue").ComputedRef<number>;
     internalFilterValue: import("vue").Ref<string[]>;
     isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
-    isClearButtonDisabled: import("vue").ComputedRef<boolean>;
+    isSecondaryButtonDisabled: import("vue").ComputedRef<boolean>;
+    buttonLabel: import("vue").ComputedRef<string>;
     updateFrom: (newValue: any) => void;
     updateTo: (newValue: any) => void;
     updateFilter: () => void;
     clearFilter: () => void;
     openFilter: () => void;
+    resetFilter: () => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
+    defaultValue: {
+        type: PropType<string[]>;
+        default: any;
+    };
     field: {
         type: StringConstructor;
         required: true;
@@ -40,5 +50,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: string[];
+    defaultValue: string[];
 }>;
 export default _default;