@adyen/bento-vue2 0.1.0 → 0.1.2

package/dist/@types/components/dropdown/components/dropdown-options-container/dropdown-options-container.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { AdlDropdownOptionItem, AdlDropdownOptions, AdlDropdownValue } from '../../dropdown.types';
+import type { BentoDropdownIsOptionDisabled, AdlDropdownOptionItem as BentoDropdownOptionItem, AdlDropdownOptions as BentoDropdownOptions, AdlDropdownValue as BentoDropdownValue } from '../../dropdown.types';
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -13,16 +13,20 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-    open: {
-        type: BooleanConstructor;
-        required: true;
+    isOptionDisabled: {
+        type: PropType<BentoDropdownIsOptionDisabled>;
+        default: any;
     };
     items: {
-        type: PropType<AdlDropdownOptions>;
+        type: PropType<BentoDropdownOptions>;
+        required: true;
+    };
+    open: {
+        type: BooleanConstructor;
         required: true;
     };
     selectedValue: {
-        type: PropType<AdlDropdownValue>;
+        type: PropType<BentoDropdownValue>;
         default: any;
     };
     targetElement: {
@@ -48,7 +52,7 @@ declare const _default: import("vue").DefineComponent<{
         BOTTOM: import("@/components/popper-container").PopperContainerPositionBasic.BOTTOM;
         LEFT: import("@/components/popper-container").PopperContainerPositionBasic.LEFT;
     };
-    onOptionSelected: (selectedOption: AdlDropdownOptionItem) => void;
+    onOptionSelected: (selectedOption: BentoDropdownOptionItem) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "select"[], string, Readonly<import("vue").ExtractPropTypes<{
     ariaLabel: {
         type: StringConstructor;
@@ -62,16 +66,20 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-    open: {
-        type: BooleanConstructor;
-        required: true;
+    isOptionDisabled: {
+        type: PropType<BentoDropdownIsOptionDisabled>;
+        default: any;
     };
     items: {
-        type: PropType<AdlDropdownOptions>;
+        type: PropType<BentoDropdownOptions>;
+        required: true;
+    };
+    open: {
+        type: BooleanConstructor;
         required: true;
     };
     selectedValue: {
-        type: PropType<AdlDropdownValue>;
+        type: PropType<BentoDropdownValue>;
         default: any;
     };
     targetElement: {
@@ -81,6 +89,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     ariaLabel: string;
     disabled: boolean;
-    selectedValue: AdlDropdownValue;
+    isOptionDisabled: BentoDropdownIsOptionDisabled;
+    selectedValue: BentoDropdownValue;
 }>;
 export default _default;

package/dist/@types/components/dropdown/components/dropdown-options-container/index.d.ts

@@ -1 +1 @@
-export { default as AdlDropdownOptionsContainer } from './dropdown-options-container.vue';
+export { default as BentoDropdownOptionsContainer } from './dropdown-options-container.vue';

package/dist/@types/components/dropdown/components/dropdown-small-textbox/dropdown-small-textbox.vue.d.ts

@@ -0,0 +1,128 @@
+import { PropType } from 'vue';
+import { Booleanish } from '@/types';
+declare const _default: import("vue").DefineComponent<{
+    additionalItemsSelected: {
+        type: NumberConstructor;
+        default: number;
+    };
+    ariaControls: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaExpanded: {
+        type: PropType<Booleanish>;
+        required: true;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: any;
+    };
+    debounceTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayValue: {
+        type: StringConstructor;
+        default: any;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    conditionalClasses: import("vue").ComputedRef<{
+        'b-dropdown-small-textbox--disabled': boolean;
+        'b-dropdown-small-textbox--opened': boolean;
+    }>;
+    isDropdownOpen: import("vue").ComputedRef<boolean>;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    additionalItemsSelected: {
+        type: NumberConstructor;
+        default: number;
+    };
+    ariaControls: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaExpanded: {
+        type: PropType<Booleanish>;
+        required: true;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: any;
+    };
+    debounceTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayValue: {
+        type: StringConstructor;
+        default: any;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    open: boolean;
+    value: string;
+    ariaLabel: string;
+    disabled: boolean;
+    placeholder: string;
+    debounceTime: number;
+    additionalItemsSelected: number;
+    ariaLabelledby: string;
+    displayValue: string;
+    dynamicFiltering: boolean;
+    isInvalid: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1 @@
+export { default as DropdownInputDefault } from './dropdown-default-textbox/dropdown-default-textbox.vue';

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

@@ -5,3 +5,4 @@ export interface AdlDropdownOptionItem extends BentoSearchBarItem {
 }
 export type AdlDropdownSelectedValue = AdlDropdownValue;
 export type AdlDropdownOptions = Array<AdlDropdownOptionItem>;
+export type BentoDropdownIsOptionDisabled = (optionValue: AdlDropdownOptionItem) => boolean | undefined;

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

@@ -1,5 +1,6 @@
 import { PropType } from 'vue';
-import { AdlDropdownOptionItem, AdlDropdownOptions } from './dropdown.types';
+import { AdlDropdownOptionItem, AdlDropdownOptions, BentoDropdownIsOptionDisabled } from './dropdown.types';
+import { BentoTypographyElement } from '../typography';
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -9,6 +10,22 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     placeholder: {
         type: StringConstructor;
         default: any;
@@ -17,18 +34,30 @@ declare const _default: import("vue").DefineComponent<{
         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;
+    };
 }, {
     isDropdownOpen: import("vue").Ref<boolean>;
     displayValue: import("vue").ComputedRef<string>;
     dropdownOptionsContainerId: string;
+    filteredItems: import("vue").ComputedRef<AdlDropdownOptionItem[]>;
+    searchTerm: import("vue").Ref<string>;
+    labelId: string;
     inputContainerRef: any;
     closeOpenedDropdown: () => void;
     toggleDropdown: () => void;
     onOptionSelected: (selectedOption: AdlDropdownOptionItem) => 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: {
         type: StringConstructor;
@@ -38,6 +67,22 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    description: {
+        type: StringConstructor;
+        default: any;
+    };
+    optional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     placeholder: {
         type: StringConstructor;
         default: any;
@@ -46,15 +91,29 @@ declare const _default: import("vue").DefineComponent<{
         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;
+    };
 }>>, {
+    required: boolean;
+    optional: boolean;
     value: import("./dropdown.types").AdlDropdownValue;
+    label: string;
     ariaLabel: string;
     disabled: boolean;
+    description: string;
     placeholder: string;
     items: AdlDropdownOptions;
+    isOptionDisabled: BentoDropdownIsOptionDisabled;
+    dynamicFiltering: boolean;
 }>;
 export default _default;

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

@@ -0,0 +1,32 @@
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+declare const _default: import("vue").DefineComponent<{
+    amountAppliedValues: {
+        type: NumberConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    computedAriaLabel: import("vue").ComputedRef<string>;
+    conditionalClasses: import("vue").ComputedRef<{
+        "b-filter-button--with-counter": number;
+    }>;
+    onClickButton: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "click"[], string, Readonly<import("vue").ExtractPropTypes<{
+    amountAppliedValues: {
+        type: NumberConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    disabled: boolean;
+    amountAppliedValues: number;
+}>;
+export default _default;

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

@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     searchTerm: import("vue").Ref<string>;
     onClearSearch: () => void;
-    onInputEvent: (...args: void[]) => 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<{
     ariaLabel: {

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

@@ -1,3 +1,3 @@
 import { Ref } from 'vue';
-import { BentoSearchBarData } from './search-bar.types';
-export declare const useSearchBarFilter: (searchTerm: Ref<string>, data: Ref<BentoSearchBarData>) => import("vue").ComputedRef<import("./search-bar.types").BentoSearchBarItem[]>;
+import { BentoSearchBarItem } from './search-bar.types';
+export declare function useSearchBarFilter<T extends BentoSearchBarItem>(searchTerm: Ref<string>, data: Ref<T[]>): import("vue").ComputedRef<T[]>;

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

@@ -2,6 +2,10 @@ import { PropType } from 'vue';
 import { BentoTagVariant } from './tag.types';
 import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
 declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
     variant: {
         type: PropType<BentoTagVariant>;
         default: BentoTagVariant;
@@ -13,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     computedAriaLabel: import("vue").ComputedRef<string>;
-    textFromSlot: string;
+    textFromSlot: import("vue").ComputedRef<string>;
     formattedText: import("vue").ComputedRef<string>;
     tagConditionalClasses: import("vue").ComputedRef<{
         [x: string]: BentoTagVariant;
@@ -22,6 +26,10 @@ declare const _default: import("vue").DefineComponent<{
     BentoTypographyVariant: typeof BentoTypographyVariant;
     BentoTypographyElement: typeof BentoTypographyElement;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
     variant: {
         type: PropType<BentoTagVariant>;
         default: BentoTagVariant;
@@ -32,6 +40,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }>>, {
+    label: string;
     variant: BentoTagVariant;
     truncate: number;
 }>;

package/dist/@types/components/user-profile/index.d.ts

@@ -0,0 +1 @@
+export { default as BentoUserProfile } from './user-profile.vue';

package/dist/@types/components/user-profile/user-profile.vue.d.ts

@@ -0,0 +1,40 @@
+import { BentoAvatarColor, BentoAvatarVariant } from '@/components/avatar';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+declare const _default: import("vue").DefineComponent<{
+    iconOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    username: {
+        type: StringConstructor;
+        required: true;
+    };
+    src: {
+        type: StringConstructor;
+        default: any;
+    };
+}, {
+    BentoAvatarVariant: typeof BentoAvatarVariant;
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    computedAriaLabel: import("vue").ComputedRef<string>;
+    computedUsername: import("vue").ComputedRef<string>;
+    avatarColor: import("vue").ComputedRef<BentoAvatarColor>;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    iconOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    username: {
+        type: StringConstructor;
+        required: true;
+    };
+    src: {
+        type: StringConstructor;
+        default: any;
+    };
+}>>, {
+    src: string;
+    iconOnly: boolean;
+}>;
+export default _default;

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

@@ -22,6 +22,7 @@ import {
     BentoCheckboxGroup,
     BentoClickOutside,
     BentoCountry,
+    BentoCurrency,
     BentoDataGrid,
     BentoInputField,
     BentoLink,
@@ -35,6 +36,7 @@ import {
     BentoTag,
     BentoToggle,
     BentoTypography,
+    BentoUserProfile,
 } from './index';
 
 declare module 'vue' {
@@ -62,6 +64,7 @@ declare module 'vue' {
         BentoCheckboxGroup: typeof BentoCheckboxGroup;
         BentoClickOutside: typeof BentoClickOutside;
         BentoCountry: typeof BentoCountry;
+        BentoCurrency: typeof BentoCurrency;
         BentoDataGrid: typeof BentoDataGrid;
         BentoInputField: typeof BentoInputField;
         BentoLink: typeof BentoLink;
@@ -75,5 +78,6 @@ declare module 'vue' {
         BentoTag: typeof BentoTag;
         BentoToggle: typeof BentoToggle;
         BentoTypography: typeof BentoTypography;
+        BentoUserProfile: typeof BentoUserProfile;
     }
 }

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

@@ -0,0 +1 @@
+export * from './initials';

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

@@ -0,0 +1,3 @@
+import { ComputedRef } from 'vue';
+import { MaybeRef } from '../types';
+export declare const useInitials: (username: MaybeRef<string | null>) => ComputedRef<string | null>;

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

@@ -5,6 +5,7 @@ export * from './components/data-grid';
 export * from './components/checkbox';
 export * from './components/click-outside';
 export * from './components/country';
+export * from './components/currency';
 export * from './components/filter-bar';
 export * from './components/input-field';
 export * from './components/loading-indicator';
@@ -17,6 +18,7 @@ export * from './components/status';
 export * from './components/tag';
 export * from './components/toggle';
 export * from './components/typography';
+export * from './components/user-profile';
 export * from './types';
 export * from './directives';
 export default BentoVue;

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

@@ -1,4 +1,5 @@
 export * from './elements';
 export * from './functions';
 export * from './label-position';
+export * from './prop-types';
 export * from './refs';

package/dist/@types/types/prop-types.d.ts

@@ -0,0 +1 @@
+export type Booleanish = boolean | 'true' | 'false';

package/dist/@types/utils/ts/currency/countries-list.d.ts

@@ -0,0 +1,4 @@
+export declare const currencyExponentMap: {
+    exponent: number;
+    currencies: string[];
+}[];

package/dist/@types/utils/ts/currency/currency.d.ts

@@ -0,0 +1,6 @@
+import { CurrencyAmount, CurrencyOptions, NumberFormatOptionsResult } from './currency.types';
+export declare const getExponent: (currencyCode: string) => number;
+export declare const getMinorUnitsAmount: (amount: CurrencyAmount) => number;
+export declare const getNormalizedAmount: (amount: CurrencyAmount, exponent: number) => number;
+export declare function getNumberFormatOptions(amount: CurrencyAmount, options?: CurrencyOptions): NumberFormatOptionsResult;
+export declare const getLocalizedCurrencyValue: (amountValue: string, currency: string, isShort?: boolean) => string;

package/dist/@types/utils/ts/currency/currency.types.d.ts

@@ -0,0 +1,24 @@
+export interface CurrencyAmount {
+    value: number;
+    currency: string;
+}
+export interface CurrencyOptions {
+    style?: string;
+    exponent?: number;
+    optionalFractions?: boolean;
+    highPrecision?: boolean;
+}
+export interface CurrencyFormatOptions {
+    amount: CurrencyAmount;
+    options?: CurrencyOptions;
+}
+export interface NumberFormatOptionsResult {
+    value: number;
+    format: {
+        currency: string;
+        currencyDisplay: string;
+        maximumFractionDigits: number;
+        minimumFractionDigits: number;
+        style: string;
+    };
+}

package/dist/@types/utils/ts/debounce/debounce.d.ts

@@ -1,2 +1 @@
-import { AnyFn } from '../../../types';
-export declare const debounce: <T>(callback: AnyFn<T>, debounceTime: number) => (...args: T[]) => void;
+export declare const debounce: <T extends (...args: any[]) => any>(callback: T, debounceTime?: number) => T;

package/dist/@types/utils/ts/deep-merge/deep-merge.d.ts

@@ -0,0 +1 @@
+export declare function deepMerge(target: object, source: object): object;

package/dist/@types/utils/ts/deep-merge/index.d.ts

@@ -0,0 +1 @@
+export * from './deep-merge';