@adyen/bento-vue2 0.2.0 → 0.3.0

package/dist/@types/components/filter-bar/components/{listbox-filter/listbox-filter.vue.d.ts → select-filter/select-filter.vue.d.ts}

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
-import { BentoListboxSelectedValue } from '@/types';
-import { BentoListboxFilterOptions } from '../../filter-bar.types';
+import { BentoListboxOptionItem, BentoListboxSelectedValue } from '@/types';
+import { BentoSelectFilterOptions } from '../../filter-bar.types';
 declare const _default: import("vue").DefineComponent<{
     field: {
         type: StringConstructor;
@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     options: {
-        type: PropType<BentoListboxFilterOptions>;
+        type: PropType<BentoSelectFilterOptions>;
         default: any;
     };
     value: {
@@ -20,16 +20,18 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     appliedFiltersCount: import("vue").ComputedRef<number>;
-    filteredItems: import("vue").ComputedRef<import("@/types").BentoListboxOptions>;
+    filteredItems: import("vue").ComputedRef<BentoListboxOptionItem[]>;
     internalFilterValue: import("vue").Ref<import("@/types").BentoListboxValue | import("@/types").BentoListboxValue[]>;
     isApplyButtonDisabled: import("vue").ComputedRef<boolean>;
     isClearButtonDisabled: import("vue").ComputedRef<boolean>;
     listboxFilterId: import("vue").ComputedRef<string>;
+    searchTerm: import("vue").Ref<string>;
     clearFilter: () => void;
+    closeFilter: () => void;
     onOptionSelected: (selectedValue: BentoListboxSelectedValue) => void;
     openFilter: () => void;
     updateFilter: () => void;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "update"[], string, Readonly<import("vue").ExtractPropTypes<{
     field: {
         type: StringConstructor;
         required: true;
@@ -39,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     options: {
-        type: PropType<BentoListboxFilterOptions>;
+        type: PropType<BentoSelectFilterOptions>;
         default: any;
     };
     value: {
@@ -48,6 +50,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: BentoListboxSelectedValue;
-    options: BentoListboxFilterOptions;
+    options: BentoSelectFilterOptions;
 }>;
 export default _default;

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

@@ -1,16 +1,19 @@
 import { BentoListboxIsOptionDisabled, BentoListboxOptions, BentoListboxSelectedValue } from '../../types';
-export interface BentoListboxFilterOptions {
+export interface BentoSelectFilterOptions {
     listboxItems: BentoListboxOptions;
     multiple?: boolean;
     isOptionDisabled?: BentoListboxIsOptionDisabled;
 }
 export type BentoTextFilterValue = string | null;
-export type BentoListboxFilterValue = BentoListboxSelectedValue;
-export type BentoFilterBarValue = BentoTextFilterValue | BentoListboxFilterValue;
-export type BentoFilterOptions = BentoListboxFilterOptions | undefined;
+export type BentoSelectFilterValue = BentoListboxSelectedValue;
+export type BentoBooleanFilterValue = string | null;
+export type BentoFilterBarValue = BentoTextFilterValue | BentoSelectFilterValue | BentoBooleanFilterValue;
+export type BentoFilterOptions = BentoSelectFilterOptions | undefined;
 export declare enum BentoFilterItemType {
     TEXT = "BentoTextFilter",
-    LISTBOX = "BentoListboxFilter"
+    SELECT = "BentoSelectFilter",
+    BOOLEAN = "BentoBooleanFilter",
+    RANGE = "BentoRangeFilter"
 }
 export interface BentoFilterModel {
     field: string;

package/dist/@types/components/input-field/input-field.types.d.ts

@@ -13,5 +13,6 @@ export declare enum BentoInputFieldStateClass {
 }
 export declare enum BentoInputFieldType {
     SEARCH = "search",
-    TEXT = "text"
+    TEXT = "text",
+    NUMBER = "number"
 }

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

@@ -49,6 +49,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: boolean;
     }>;
     inputFieldElement: any;
+    inputFieldId: string;
     shouldDisplayStaticValueAtStart: import("vue").ComputedRef<boolean>;
     shouldDisplayStaticValueAtEnd: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("input" | "escape-pressed")[], string, Readonly<import("vue").ExtractPropTypes<{

package/dist/@types/components/internal/listbox/components/listbox-multi-select/listbox-multi-select.vue.d.ts

@@ -10,6 +10,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxOptions>;
         required: true;
     };
+    searching: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     selectedValues: {
         type: PropType<BentoListboxSelectedValue>;
         default: () => BentoListboxSelectedValue;
@@ -31,12 +35,17 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoListboxOptions>;
         required: true;
     };
+    searching: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     selectedValues: {
         type: PropType<BentoListboxSelectedValue>;
         default: () => BentoListboxSelectedValue;
     };
 }>>, {
     isOptionDisabled: BentoListboxIsOptionDisabled;
+    searching: boolean;
     selectedValues: BentoListboxSelectedValue;
 }>;
 export default _default;

package/dist/@types/components/internal/listbox/components/listbox-option-tag/index.d.ts

@@ -0,0 +1 @@
+export { default as ListboxOptionTag } from './listbox-option-tag.vue';

package/dist/@types/components/internal/listbox/components/{listbox-option-currency/listbox-option-currency.vue.d.ts → listbox-option-tag/listbox-option-tag.vue.d.ts}

@@ -1,5 +1,6 @@
 import { PropType } from 'vue';
 import type { BentoListboxOptionItem } from '@/types';
+import { BentoTagVariant } from '../../../../tag';
 import { BentoTypographyElement } from '../../../../typography';
 declare const _default: import("vue").DefineComponent<{
     option: {
@@ -7,6 +8,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
 }, {
+    variant: import("vue").ComputedRef<BentoTagVariant>;
     BentoTypographyElement: typeof BentoTypographyElement;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     option: {

package/dist/@types/components/internal/listbox/index.d.ts

@@ -1,2 +1,2 @@
 export { default as BentoListbox } from './listbox.vue';
-export { ListboxOptionCurrency } from './components/listbox-option-currency';
+export { ListboxOptionTag } from './components/listbox-option-tag';

package/dist/@types/components/internal/listbox/listbox.vue.d.ts

@@ -21,6 +21,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    searching: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     selectedValue: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -48,6 +52,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    searching: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     selectedValue: {
         type: PropType<BentoListboxSelectedValue>;
         default: any;
@@ -56,6 +64,7 @@ declare const _default: import("vue").DefineComponent<{
     ariaLabel: string;
     multiple: boolean;
     isOptionDisabled: BentoListboxIsOptionDisabled;
+    searching: boolean;
     selectedValue: BentoListboxSelectedValue;
 }>;
 export default _default;

package/dist/@types/components/radio-group/radio-group.vue.d.ts

@@ -22,6 +22,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    selectedValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: any;
+    };
 }, {
     conditionalClasses: import("vue").ComputedRef<{
         'b-radio-group--horizontal': boolean;
@@ -50,9 +54,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    selectedValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: any;
+    };
 }>>, {
     disabled: boolean;
     variant: BentoRadioGroupVariant;
     formId: string;
+    selectedValue: string | number;
 }>;
 export default _default;

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

@@ -146,6 +146,7 @@ declare const _default: import("vue").DefineComponent<{
             [x: string]: boolean;
         }>;
         inputFieldElement: any;
+        inputFieldId: string;
         shouldDisplayStaticValueAtStart: import("vue").ComputedRef<boolean>;
         shouldDisplayStaticValueAtEnd: import("vue").ComputedRef<boolean>;
     }> & import("vue/types/v3-component-options").ExtractComputedReturns<{}> & import("vue").ComponentCustomProperties & Readonly<import("vue").ExtractPropTypes<{

package/dist/@types/components/tabs/components/tab.types.d.ts

@@ -0,0 +1,5 @@
+export interface BentoTab {
+    disabled: boolean;
+    id: string;
+    title: string;
+}

package/dist/@types/components/tabs/components/tab.vue.d.ts

@@ -1,10 +1,4 @@
-import { PropType } from 'vue';
-import { AdlTabApi } from '../tabs.types';
 declare const _default: import("vue").DefineComponent<{
-    name: {
-        type: StringConstructor;
-        required: true;
-    };
     title: {
         type: StringConstructor;
         required: true;
@@ -13,28 +7,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    testId: {
-        type: StringConstructor;
-        default: string;
-    };
-    tabs: {
-        type: PropType<AdlTabApi>;
-        default: any;
-    };
-}, {}, {}, {
-    isActive(): boolean;
-    contentName(): string;
-    conditionalClasses(): {
-        [className: string]: boolean;
-    };
-    adlTabApi(): AdlTabApi;
 }, {
-    activate(): void;
-}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    name: {
-        type: StringConstructor;
-        required: true;
-    };
+    activeTabId: unknown;
+    id: string;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;
         required: true;
@@ -43,17 +19,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    testId: {
-        type: StringConstructor;
-        default: string;
-    };
-    tabs: {
-        type: PropType<AdlTabApi>;
-        default: any;
-    };
 }>>, {
     disabled: boolean;
-    testId: string;
-    tabs: AdlTabApi;
 }>;
 export default _default;

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

@@ -1,3 +1,2 @@
-export { default as AdlTab } from './components/tab.vue';
-export { default as AdlTabs } from './tabs.vue';
-export * from './tabs.types';
+export { default as BentoTab } from './components/tab.vue';
+export { default as BentoTabs } from './tabs.vue';

package/dist/@types/components/tabs/tabs.keys.d.ts

@@ -1 +1,2 @@
-export declare const TABS_INJECTION_KEY: unique symbol;
+export declare const TABS_REGISTER_TAB_INJECTION_KEY: unique symbol;
+export declare const TABS_ACTIVE_TAB_ID_KEY: unique symbol;

package/dist/@types/components/tabs/tabs.types.d.ts

@@ -1,9 +1,4 @@
-export declare enum AdlTabsHandleState {
-    ACTIVE = "active",
-    DISABLED = "disabled"
-}
-export interface AdlTabApi {
-    getActiveTab: () => string;
-    setActiveTab: (name: string) => void;
-    getTabsId: () => string;
-}
+export type RegisterBentoTab = (props: {
+    disabled: boolean;
+    title: string;
+}) => string;

package/dist/@types/components/tabs/tabs.utils.d.ts

@@ -0,0 +1,3 @@
+import { BentoTab } from './components/tab.types';
+export declare const getPreviousTabIndex: (activeTabIndex: number, tabsValue: BentoTab[]) => any;
+export declare const getNextTabIndex: (activeTabIndex: number, tabsValue: BentoTab[]) => any;

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

@@ -1,17 +1,14 @@
-declare const _default: import("vue").DefineComponent<{
-    initialTab: {
-        type: StringConstructor;
-        required: true;
-    };
-}, {}, {
-    activeTab: string;
-    tabsId: string;
-}, {
-    activeTabContentName(): string;
-}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    initialTab: {
-        type: StringConstructor;
-        required: true;
-    };
-}>>, {}>;
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+declare const _default: import("vue").DefineComponent<{}, {
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    tabs: import("vue").Ref<{
+        disabled: boolean;
+        id: string;
+        title: string;
+    }[]>;
+    tablist: any;
+    activeTabId: import("vue").Ref<string>;
+    onKeydownTabsNavigation: (e: KeyboardEvent) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/dist/@types/components/toast/components/toast-item/toast-item.vue.d.ts

@@ -17,6 +17,7 @@ declare const _default: import("vue").DefineComponent<{
     BentoTypographyVariant: typeof BentoTypographyVariant;
     dismissButtonClicked: () => void;
     hasSlot: (name: string) => boolean;
+    onActionClicked: () => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "dismiss")[], string, Readonly<import("vue").ExtractPropTypes<{
     text: {
         type: StringConstructor;

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

@@ -1,2 +1,2 @@
 export { default as BentoToast } from './toast.vue';
-export { useBentoToastController } from '@/utils/ts/toastController';
+export { useBentoToastController } from '../../utils/ts/toastController';

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

@@ -40,6 +40,7 @@ import {
     BentoRadioGroup,
     BentoSearchBar,
     BentoStatus,
+    BentoTabs,
     BentoTag,
     BentoToast,
     BentoToggle,
@@ -89,6 +90,7 @@ declare module 'vue' {
         BentoRadioGroup: typeof BentoRadioGroup;
         BentoSearchBar: typeof BentoSearchBar;
         BentoStatus: typeof BentoStatus;
+        BentoTabs: typeof BentoTabs;
         BentoTag: typeof BentoTag;
         BentoToast: typeof BentoToast;
         BentoToggle: typeof BentoToggle;

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

@@ -21,6 +21,7 @@ export * from './components/popover';
 export * from './components/radio-group';
 export * from './components/search-bar';
 export * from './components/status';
+export * from './components/tabs';
 export * from './components/tag';
 export * from './components/toast';
 export * from './components/toggle';