@adyen/bento-vue2 0.1.2 → 0.1.3

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { AdlDropdownOptionItem, AdlDropdownOptions, BentoDropdownIsOptionDisabled } from './dropdown.types';
+import type { BentoDropdownIsOptionDisabled, BentoDropdownOptionItem, BentoDropdownOptions, BentoDropdownSelectedValue } from './dropdown.types';
 import { BentoTypographyElement } from '../typography';
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
@@ -22,6 +22,18 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    isOptionDisabled: {
+        type: PropType<BentoDropdownIsOptionDisabled>;
+        default: any;
+    };
+    items: {
+        type: PropType<BentoDropdownOptions>;
+        default: () => any[];
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     optional: {
         type: BooleanConstructor;
         default: boolean;
@@ -30,33 +42,26 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
-    value: {
-        type: PropType<import("./dropdown.types").AdlDropdownValue>;
-        default: any;
-    };
-    isOptionDisabled: {
-        type: PropType<BentoDropdownIsOptionDisabled>;
-        default: any;
-    };
-    items: {
-        type: PropType<AdlDropdownOptions>;
-        default: () => any[];
-    };
     required: {
         type: BooleanConstructor;
         default: boolean;
     };
+    value: {
+        type: PropType<BentoDropdownSelectedValue>;
+        default: any;
+    };
 }, {
+    additionalItemsSelected: import("vue").ComputedRef<number>;
     isDropdownOpen: import("vue").Ref<boolean>;
     displayValue: import("vue").ComputedRef<string>;
     dropdownOptionsContainerId: string;
-    filteredItems: import("vue").ComputedRef<AdlDropdownOptionItem[]>;
+    filteredItems: import("vue").ComputedRef<BentoDropdownOptionItem[]>;
     searchTerm: import("vue").Ref<string>;
     labelId: string;
     inputContainerRef: any;
     closeOpenedDropdown: () => void;
     toggleDropdown: () => void;
-    onOptionSelected: (selectedOption: AdlDropdownOptionItem) => void;
+    onOptionSelected: (selectedValue: BentoDropdownSelectedValue) => void;
     BentoTypographyElement: typeof BentoTypographyElement;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
     ariaLabel: {
@@ -79,6 +84,18 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    isOptionDisabled: {
+        type: PropType<BentoDropdownIsOptionDisabled>;
+        default: any;
+    };
+    items: {
+        type: PropType<BentoDropdownOptions>;
+        default: () => any[];
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     optional: {
         type: BooleanConstructor;
         default: boolean;
@@ -87,32 +104,25 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
-    value: {
-        type: PropType<import("./dropdown.types").AdlDropdownValue>;
-        default: any;
-    };
-    isOptionDisabled: {
-        type: PropType<BentoDropdownIsOptionDisabled>;
-        default: any;
-    };
-    items: {
-        type: PropType<AdlDropdownOptions>;
-        default: () => any[];
-    };
     required: {
         type: BooleanConstructor;
         default: boolean;
     };
+    value: {
+        type: PropType<BentoDropdownSelectedValue>;
+        default: any;
+    };
 }>>, {
     required: boolean;
     optional: boolean;
-    value: import("./dropdown.types").AdlDropdownValue;
+    value: BentoDropdownSelectedValue;
     label: string;
     ariaLabel: string;
     disabled: boolean;
+    multiple: boolean;
     description: string;
     placeholder: string;
-    items: AdlDropdownOptions;
+    items: BentoDropdownOptions;
     isOptionDisabled: BentoDropdownIsOptionDisabled;
     dynamicFiltering: boolean;
 }>;

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

@@ -1,2 +1,2 @@
-export { default as AdlDropdown } from './dropdown.vue';
+export { default as BentoDropdown } from './dropdown.vue';
 export * from './dropdown.types';

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

@@ -1,9 +1,5 @@
 import { BentoButtonVariant } from '@/components/button';
 declare const _default: import("vue").DefineComponent<{
-    alwaysShowNameInLabel: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     disableApplyButton: {
         type: BooleanConstructor;
         deafault: boolean;
@@ -25,13 +21,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }, {
-    displayLabel: import("vue").ComputedRef<string>;
-    buttonVariant: import("vue").ComputedRef<BentoButtonVariant.PRIMARY | BentoButtonVariant.SECONDARY>;
-    isTooltipVisible: import("vue").ComputedRef<boolean>;
-    isActive: import("vue").ComputedRef<boolean>;
-    conditionalClasses: import("vue").ComputedRef<{
-        'b-base-filter--inactive': boolean;
-    }>;
+    activeAppliedFilterCount: import("vue").ComputedRef<number>;
     BentoPopoverPositions: {
         AUTO: import("../../../popper-container").PopperContainerPositionExtended.AUTO;
         AUTO_START: import("../../../popper-container").PopperContainerPositionExtended.AUTO_START;
@@ -56,17 +46,12 @@ declare const _default: import("vue").DefineComponent<{
         LEFT: import("../../../popper-container").PopperContainerPositionBasic.LEFT;
     };
     onClickFilter: () => void;
-    onClickDismissFilter: () => void;
     onClickApply: () => void;
     onClickClear: () => void;
     onClickOutside: () => void;
     filterButtonRef: any;
     BentoButtonVariant: typeof BentoButtonVariant;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("open" | "clear" | "close" | "dismiss" | "apply")[], string, Readonly<import("vue").ExtractPropTypes<{
-    alwaysShowNameInLabel: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     disableApplyButton: {
         type: BooleanConstructor;
         deafault: boolean;
@@ -89,7 +74,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: string;
-    alwaysShowNameInLabel: boolean;
     disableApplyButton: boolean;
 }>;
 export default _default;

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

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

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

@@ -1,8 +1,4 @@
 declare const _default: import("vue").DefineComponent<{
-    alwaysShowNameInLabel: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     field: {
         type: StringConstructor;
         required: true;
@@ -26,10 +22,6 @@ declare const _default: import("vue").DefineComponent<{
     closeFilter: () => void;
     dismissFilter: () => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("update" | "dismiss")[], string, Readonly<import("vue").ExtractPropTypes<{
-    alwaysShowNameInLabel: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     field: {
         type: StringConstructor;
         required: true;
@@ -44,6 +36,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: string;
-    alwaysShowNameInLabel: boolean;
 }>;
 export default _default;

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

@@ -5,7 +5,6 @@ export declare enum BentoFilterItemType {
     TEXT = "BentoTextFilter"
 }
 export interface BentoFilterModel {
-    alwaysShowNameInLabel?: boolean;
     field: string;
     label: string;
     type: BentoFilterItemType;

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

@@ -50,7 +50,7 @@ declare const _default: import("vue").DefineComponent<{
     inputFieldElement: any;
     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"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("input" | "escape-pressed")[], string, Readonly<import("vue").ExtractPropTypes<{
     ariaHidden: {
         type: BooleanConstructor;
         default: boolean;

package/dist/@types/components/pagination/components/pagination-context/pagination-context.vue.d.ts

@@ -1,5 +1,5 @@
 import { BentoTypographyElement } from '@/components/typography';
-import { AdlDropdownOptionItem } from '@/components/dropdown';
+import { BentoDropdownOptionItem } from '@/components/dropdown';
 declare const _default: import("vue").DefineComponent<{
     page: {
         type: NumberConstructor;
@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     dropdownId: string;
-    listOfAvailablePages: import("vue").ComputedRef<AdlDropdownOptionItem[]>;
+    listOfAvailablePages: import("vue").ComputedRef<BentoDropdownOptionItem[]>;
     onPageSelectChange: (selectedPage: string | number) => void;
     BentoTypographyElement: typeof BentoTypographyElement;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "page-selected"[], string, Readonly<import("vue").ExtractPropTypes<{

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

@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     actionsLayout: {
         type: PropType<BentoButtonActionsLayout>;
-        default: BentoButtonActionsLayout;
+        default: import("@/components/button").BentoButtonActionsLayoutBasic;
         validator: (value: BentoButtonActionsLayout) => boolean;
     };
     ariaLabel: {
@@ -71,7 +71,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     actionsLayout: {
         type: PropType<BentoButtonActionsLayout>;
-        default: BentoButtonActionsLayout;
+        default: import("@/components/button").BentoButtonActionsLayoutBasic;
         validator: (value: BentoButtonActionsLayout) => boolean;
     };
     ariaLabel: {

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

@@ -14,10 +14,181 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     searchTerm: import("vue").Ref<string>;
+    bentoInputField: import("vue").Ref<import("vue/types/v3-component-public-instance").Vue3Instance<{}, Readonly<import("vue").ExtractPropTypes<{
+        ariaHidden: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: any;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        error: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        staticValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        staticValuePosition: {
+            type: import("vue").PropType<import("@/components/input-field").BentoInputFieldStaticValuePosition>;
+            default: import("@/components/input-field").BentoInputFieldStaticValuePosition;
+        };
+        type: {
+            type: import("vue").PropType<BentoInputFieldType>;
+            default: BentoInputFieldType;
+        };
+        value: {
+            type: StringConstructor;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<import("@/components/input-field").BentoInputFieldVariant>;
+            default: import("@/components/input-field").BentoInputFieldVariant;
+        };
+    }>>, Readonly<import("vue").ExtractPropTypes<{
+        ariaHidden: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: any;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        error: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        staticValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        staticValuePosition: {
+            type: import("vue").PropType<import("@/components/input-field").BentoInputFieldStaticValuePosition>;
+            default: import("@/components/input-field").BentoInputFieldStaticValuePosition;
+        };
+        type: {
+            type: import("vue").PropType<BentoInputFieldType>;
+            default: BentoInputFieldType;
+        };
+        value: {
+            type: StringConstructor;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<import("@/components/input-field").BentoInputFieldVariant>;
+            default: import("@/components/input-field").BentoInputFieldVariant;
+        };
+    }>>, ("input" | "escape-pressed")[], {
+        type: BentoInputFieldType;
+        error: boolean;
+        value: string;
+        ariaHidden: boolean;
+        ariaLabel: string;
+        disabled: boolean;
+        variant: import("@/components/input-field").BentoInputFieldVariant;
+        staticValue: string;
+        staticValuePosition: import("@/components/input-field").BentoInputFieldStaticValuePosition;
+    }, true, import("vue/types/v3-component-options").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue").ExtractPropTypes<{
+        ariaHidden: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: any;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        error: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        staticValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        staticValuePosition: {
+            type: import("vue").PropType<import("@/components/input-field").BentoInputFieldStaticValuePosition>;
+            default: import("@/components/input-field").BentoInputFieldStaticValuePosition;
+        };
+        type: {
+            type: import("vue").PropType<BentoInputFieldType>;
+            default: BentoInputFieldType;
+        };
+        value: {
+            type: StringConstructor;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<import("@/components/input-field").BentoInputFieldVariant>;
+            default: import("@/components/input-field").BentoInputFieldVariant;
+        };
+    }>>> & import("vue").ShallowUnwrapRef<{
+        BentoTypographyVariant: typeof import("../typography").BentoTypographyVariant;
+        BentoTypographyElement: typeof import("../typography").BentoTypographyElement;
+        BentoInputFieldVariant: typeof import("@/components/input-field").BentoInputFieldVariant;
+        onInput: (event: Event) => void;
+        focusInput: () => void;
+        inputFieldConditionalClasses: import("vue").ComputedRef<{
+            [x: string]: boolean;
+        }>;
+        inputFieldElement: any;
+        shouldDisplayStaticValueAtStart: import("vue").ComputedRef<boolean>;
+        shouldDisplayStaticValueAtEnd: import("vue").ComputedRef<boolean>;
+    }> & import("vue/types/v3-component-options").ExtractComputedReturns<{}> & import("vue").ComponentCustomProperties & Readonly<import("vue").ExtractPropTypes<{
+        ariaHidden: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: any;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        error: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        staticValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        staticValuePosition: {
+            type: import("vue").PropType<import("@/components/input-field").BentoInputFieldStaticValuePosition>;
+            default: import("@/components/input-field").BentoInputFieldStaticValuePosition;
+        };
+        type: {
+            type: import("vue").PropType<BentoInputFieldType>;
+            default: BentoInputFieldType;
+        };
+        value: {
+            type: StringConstructor;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<import("@/components/input-field").BentoInputFieldVariant>;
+            default: import("@/components/input-field").BentoInputFieldVariant;
+        };
+    }>>>;
     onClearSearch: () => void;
     onInputEvent: () => void;
     BentoInputFieldType: typeof BentoInputFieldType;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | "clear")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | "clear" | "escape-pressed")[], string, Readonly<import("vue").ExtractPropTypes<{
     ariaLabel: {
         type: StringConstructor;
         required: true;

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

@@ -3,9 +3,6 @@ import {
     // AdlAccordion,
     // AdlAccordionItem,
     // AdlBadge,
-    // AdlCard,
-    // AdlCardImage,
-    // AdlDropdown,
     // AdlPageHeader,
     // AdlSegmentedControl,
     // AdlSegmentedOption,
@@ -18,12 +15,14 @@ import {
     BentoButton,
     BentoButtonActions,
     BentoButtonGroup,
+    BentoCard,
     BentoCheckbox,
     BentoCheckboxGroup,
     BentoClickOutside,
     BentoCountry,
     BentoCurrency,
     BentoDataGrid,
+    BentoDropdown,
     BentoInputField,
     BentoLink,
     BentoLoadingButton,
@@ -45,9 +44,6 @@ declare module 'vue' {
         // AdlAccordion: typeof AdlAccordion;
         // AdlAccordionItem: typeof AdlAccordionItem;
         // AdlBadge: typeof AdlBadge;
-        // AdlCard: typeof AdlCard;
-        // AdlCardImage: typeof AdlCardImage;
-        // AdlDropdown: typeof AdlDropdown;
         // AdlPageHeader: typeof AdlPageHeader;
         // AdlSegmentedControl: typeof AdlSegmentedControl;
         // AdlSegmentedOption: typeof AdlSegmentedOption;
@@ -60,12 +56,14 @@ declare module 'vue' {
         BentoButton: typeof BentoButton;
         BentoButtonGroup: typeof BentoButtonGroup;
         BentoButtonActions: typeof BentoButtonActions;
+        BentoCard: typeof BentoCard;
         BentoCheckbox: typeof BentoCheckbox;
         BentoCheckboxGroup: typeof BentoCheckboxGroup;
         BentoClickOutside: typeof BentoClickOutside;
         BentoCountry: typeof BentoCountry;
         BentoCurrency: typeof BentoCurrency;
         BentoDataGrid: typeof BentoDataGrid;
+        BentoDropdown: typeof BentoDropdown;
         BentoInputField: typeof BentoInputField;
         BentoLink: typeof BentoLink;
         BentoLoadingButton: typeof BentoLoadingButton;

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

@@ -1 +1,2 @@
 export * from './initials';
+export * from './use-checkbox-select-all/use-checkbox-select-all';

package/dist/@types/composables/use-checkbox-select-all/use-checkbox-select-all.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'vue';
+import type { Fn } from '../../types';
+import { BentoDropdownMultiSelectValue, BentoDropdownOptions } from '../../components/dropdown';
+export declare const useCheckboxSelectAll: (selectedItemsList: Ref<BentoDropdownMultiSelectValue>, items: Ref<BentoDropdownOptions>, selectAll: Fn, unselectAll: Fn) => {
+    isAllSelected: import("vue").ComputedRef<boolean>;
+    isIndeterminate: import("vue").ComputedRef<boolean>;
+    toggleSelectAll: (selectedValue: boolean) => void;
+};

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

@@ -2,6 +2,8 @@ import BentoVue from './install';
 export * from './components/alert';
 export * from './components/button';
 export * from './components/data-grid';
+export * from './components/card';
+export * from './components/dropdown';
 export * from './components/checkbox';
 export * from './components/click-outside';
 export * from './components/country';