@adyen/bento-vue2 0.0.9 → 0.1.1

package/dist/@types/components/data-grid/composables/index.d.ts

@@ -2,3 +2,4 @@ export { default as useResizer } from './useResizer';
 export { default as useCalculateColumnWidth, DATAGRID_SELECT_FIELD_NAME, } from './useCalculateColumnWidth/useCalculateColumnWidth';
 export { useSorter } from './useSorter';
 export { useSelector } from './useSelector';
+export { useConfigSettings } from './useConfigSettings';

package/dist/@types/components/data-grid/composables/useConfigSettings.d.ts

@@ -0,0 +1,5 @@
+import { MaybeRef } from '../../../types';
+export declare const useConfigSettings: (condensed: MaybeRef<boolean>) => {
+    compactView: import("vue").Ref<boolean>;
+    onConfigSettingsUpdate: (isCompactView: boolean) => boolean;
+};

package/dist/@types/components/data-grid/data-grid.vue.d.ts

@@ -169,6 +169,8 @@ declare const _default: import("vue").DefineComponent<{
     onAllRowSelect: (allItemsSelected: boolean) => void;
     onRowSelect: () => void;
     DATAGRID_SELECT_FIELD_NAME: string;
+    compactView: import("vue").Ref<boolean>;
+    onConfigSettingsUpdate: (isCompactView: boolean) => boolean;
     BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;

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

@@ -0,0 +1,100 @@
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+declare const _default: import("vue").DefineComponent<{
+    autoComplete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaControls: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaExpanded: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayValue: {
+        type: StringConstructor;
+        default: any;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+}, {
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    conditionalClasses: import("vue").ComputedRef<{
+        'b-dropdown-base-textbox--disabled': boolean;
+    }>;
+    computedDisplayValue: import("vue").ComputedRef<string>;
+    computedDropdownTextbox: import("vue").ComputedRef<"div" | "input">;
+    isInputField: import("vue").ComputedRef<boolean>;
+    shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
+    textboxId: string;
+    textbox: any;
+    onCloseDropdown: () => void;
+    onToggleDropdown: () => void;
+    hasSlot: (name: string) => boolean;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("open" | "close")[], string, Readonly<import("vue").ExtractPropTypes<{
+    autoComplete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaControls: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaExpanded: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayValue: {
+        type: StringConstructor;
+        default: any;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+}>>, {
+    open: boolean;
+    disabled: boolean;
+    placeholder: string;
+    displayValue: string;
+    autoComplete: boolean;
+    ariaLabelledby: string;
+    isInvalid: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,91 @@
+declare const _default: import("vue").DefineComponent<{
+    autoComplete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaControls: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaExpanded: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayValue: {
+        type: StringConstructor;
+        default: any;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+}, {
+    conditionalClasses: import("vue").ComputedRef<{
+        'b-dropdown-default-textbox--error': boolean;
+        'b-dropdown-default-textbox--disabled': boolean;
+        'b-dropdown-default-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<{
+    autoComplete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaControls: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaExpanded: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayValue: {
+        type: StringConstructor;
+        default: any;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+}>>, {
+    open: boolean;
+    disabled: boolean;
+    placeholder: string;
+    displayValue: string;
+    autoComplete: boolean;
+    ariaLabelledby: string;
+    isInvalid: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,81 @@
+declare const _default: import("vue").DefineComponent<{
+    autoComplete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaControls: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaExpanded: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayValue: {
+        type: StringConstructor;
+        default: any;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+}, {
+    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<{
+    autoComplete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaControls: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaExpanded: {
+        type: StringConstructor;
+        required: true;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayValue: {
+        type: StringConstructor;
+        default: any;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+}>>, {
+    open: boolean;
+    disabled: boolean;
+    placeholder: string;
+    displayValue: string;
+    autoComplete: boolean;
+    ariaLabelledby: string;
+}>;
+export default _default;

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

@@ -1,6 +1,6 @@
+import { BentoSearchBarItem } from '../search-bar';
 export type AdlDropdownValue = string | number;
-export interface AdlDropdownOptionItem {
-    label: string;
+export interface AdlDropdownOptionItem extends BentoSearchBarItem {
     value: AdlDropdownValue;
 }
 export type AdlDropdownSelectedValue = AdlDropdownValue;

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/input-field/index.d.ts

@@ -1 +1,2 @@
 export { default as BentoInputField } from './input-field.vue';
+export * from './input-field.types';

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

@@ -11,3 +11,7 @@ export declare enum BentoInputFieldStateClass {
     DISABLED = "disabled",
     ERROR = "error"
 }
+export declare enum BentoInputFieldType {
+    SEARCH = "search",
+    TEXT = "text"
+}

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

@@ -1,7 +1,15 @@
 import { PropType } from 'vue';
-import { BentoInputFieldStaticValuePosition, BentoInputFieldVariant } from '@/components/input-field/input-field.types';
+import { BentoInputFieldStaticValuePosition, BentoInputFieldType, BentoInputFieldVariant } from '@/components/input-field/input-field.types';
 import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
 declare const _default: import("vue").DefineComponent<{
+    ariaHidden: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -18,6 +26,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoInputFieldStaticValuePosition>;
         default: BentoInputFieldStaticValuePosition;
     };
+    type: {
+        type: PropType<BentoInputFieldType>;
+        default: BentoInputFieldType;
+    };
     value: {
         type: StringConstructor;
         default: string;
@@ -39,6 +51,14 @@ declare const _default: import("vue").DefineComponent<{
     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<{
+    ariaHidden: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -55,6 +75,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoInputFieldStaticValuePosition>;
         default: BentoInputFieldStaticValuePosition;
     };
+    type: {
+        type: PropType<BentoInputFieldType>;
+        default: BentoInputFieldType;
+    };
     value: {
         type: StringConstructor;
         default: string;
@@ -64,8 +88,11 @@ declare const _default: import("vue").DefineComponent<{
         default: BentoInputFieldVariant;
     };
 }>>, {
+    type: BentoInputFieldType;
     error: boolean;
     value: string;
+    ariaHidden: boolean;
+    ariaLabel: string;
     disabled: boolean;
     variant: BentoInputFieldVariant;
     staticValue: string;

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

@@ -0,0 +1,3 @@
+export { default as BentoSearchBar } from './search-bar.vue';
+export * from './useSearchBarDataFilter';
+export * from './search-bar.types';

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

@@ -0,0 +1,4 @@
+export interface BentoSearchBarItem {
+    label: string;
+}
+export type BentoSearchBarData = Array<BentoSearchBarItem>;

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

@@ -0,0 +1,37 @@
+import { BentoInputFieldType } from '@/components/input-field';
+declare const _default: import("vue").DefineComponent<{
+    ariaLabel: {
+        type: StringConstructor;
+        required: true;
+    };
+    debounceTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    value: {
+        type: StringConstructor;
+        default: any;
+    };
+}, {
+    searchTerm: import("vue").Ref<string>;
+    onClearSearch: () => void;
+    onInputEvent: (...args: void[]) => 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: {
+        type: StringConstructor;
+        required: true;
+    };
+    debounceTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    value: {
+        type: StringConstructor;
+        default: any;
+    };
+}>>, {
+    value: string;
+    debounceTime: number;
+}>;
+export default _default;

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

@@ -0,0 +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[]>;

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

@@ -70,9 +70,9 @@ declare const _default: import("vue").DefineComponent<{
     medium: boolean;
     el: BentoTypographyElement;
     large: boolean;
+    wide: boolean;
     stronger: boolean;
     strongest: boolean;
     variant: BentoTypographyVariant;
-    wide: boolean;
 }>;
 export default _default;

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

@@ -7,7 +7,6 @@ import {
     // AdlCardImage,
     // AdlDropdown,
     // AdlPageHeader,
-    // AdlProfilePicture,
     // AdlSegmentedControl,
     // AdlSegmentedOption,
     // AdlTab,
@@ -22,6 +21,8 @@ import {
     BentoCheckbox,
     BentoCheckboxGroup,
     BentoClickOutside,
+    BentoCountry,
+    BentoCurrency,
     BentoDataGrid,
     BentoInputField,
     BentoLink,
@@ -30,10 +31,12 @@ import {
     BentoPagination,
     BentoPopover,
     BentoRadioGroup,
+    BentoSearchBar,
     BentoStatus,
     BentoTag,
     BentoToggle,
     BentoTypography,
+    BentoUserProfile,
 } from './index';
 
 declare module 'vue' {
@@ -45,7 +48,6 @@ declare module 'vue' {
         // AdlCard: typeof AdlCard;
         // AdlCardImage: typeof AdlCardImage;
         // AdlDropdown: typeof AdlDropdown;
-        // AdlProfilePicture: typeof AdlProfilePicture;
         // AdlPageHeader: typeof AdlPageHeader;
         // AdlSegmentedControl: typeof AdlSegmentedControl;
         // AdlSegmentedOption: typeof AdlSegmentedOption;
@@ -61,6 +63,8 @@ declare module 'vue' {
         BentoCheckbox: typeof BentoCheckbox;
         BentoCheckboxGroup: typeof BentoCheckboxGroup;
         BentoClickOutside: typeof BentoClickOutside;
+        BentoCountry: typeof BentoCountry;
+        BentoCurrency: typeof BentoCurrency;
         BentoDataGrid: typeof BentoDataGrid;
         BentoInputField: typeof BentoInputField;
         BentoLink: typeof BentoLink;
@@ -69,9 +73,11 @@ declare module 'vue' {
         BentoPagination: typeof BentoPagination;
         BentoPopover: typeof BentoPopover;
         BentoRadioGroup: typeof BentoRadioGroup;
+        BentoSearchBar: typeof BentoSearchBar;
         BentoStatus: typeof BentoStatus;
         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

@@ -4,6 +4,8 @@ export * from './components/button';
 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';
@@ -11,10 +13,12 @@ export * from './components/link';
 export * from './components/pagination';
 export * from './components/popover';
 export * from './components/radio-group';
+export * from './components/search-bar';
 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/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/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';

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

@@ -5,7 +5,11 @@ export declare const defaultI18nOptions: {
     fallbackLocale: string;
     fallbackRoot: boolean;
 };
-export declare function createI18n(options?: VueI18n.I18nOptions): VueI18n;
+export declare function createI18n(options?: {
+    locale: string;
+    fallbackLocale: string;
+    fallbackRoot: boolean;
+}): VueI18n;
 export interface Composer {
     locale: WritableComputedRef<string>;
     t: typeof VueI18n.prototype.t;