@adyen/bento-vue2 0.0.8 → 0.1.0

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

@@ -116,7 +116,8 @@ declare const _default: import("vue").DefineComponent<{
         default: () => any[];
     };
 }, {
-    processedColumns: import("vue").ComputedRef<{
+    body: import("vue").Ref<HTMLDivElement>;
+    columnDefs: import("vue").ComputedRef<{
         width: number;
         field: string;
         label: string;
@@ -140,12 +141,6 @@ declare const _default: import("vue").DefineComponent<{
     conditionalGridClasses: import("vue").ComputedRef<{
         [x: string]: boolean;
     }>;
-    conditionalColumnClasses: (column: BentoColumn) => {
-        'b-data-grid__column--sortable': boolean;
-        'b-data-grid__column--padding-left-unset': boolean;
-        'b-data-grid__column--padding-right-unset': boolean;
-        'b-data-grid__column--numeric': boolean;
-    };
     conditionalRowClasses: (row: BentoDatagridDataItem) => {
         'b-data-grid__row--disabled': boolean;
     };
@@ -156,43 +151,31 @@ declare const _default: import("vue").DefineComponent<{
         'b-data-grid__cell--numeric': boolean;
         'b-data-grid__cell--condensed': boolean;
     };
-    conditionalColumnSeperatorClasses: import("vue").ComputedRef<{
-        'b-data-grid__column-seperator-container--is-resizeable': boolean;
-    }>;
     conditionalPaginationClasses: import("vue").ComputedRef<{
         'b-data-grid__pagination--padding-left-unset': boolean;
         'b-data-grid__pagination--padding-right-unset': boolean;
     }>;
-    resizeData: {
-        resizingColumnField: string;
-        offsetLeft: number;
-        stepPositionX: number;
-        resizedColumnsWidths: {
-            [k: string]: {
-                width: number;
-                minWidth: number;
-            };
-        };
-    };
-    startResize: (hasResizableColumns: boolean, field: string, event: MouseEvent) => void;
-    conditionalSortDirectionClasses: (field: string, direction: BentoDatagridSortDirection) => {
-        'b-data-grid__column-sort-icon--sorted': boolean;
-    };
-    sortByColumnField: (field: string) => void;
+    onColumnWidthOverride: (newColumnWidthOverridesLookup: import("./data-grid.types").BentoColumnWidthOverridesLookup) => void;
+    onColumnResized: (resizeEvent: {
+        field: string;
+        width: number;
+    }) => void;
+    onSort: (updatedSortBy: BentoDatagridSortByColumn[]) => void;
     allItemsSelectedState: {
         allItemsSelected: boolean;
         isIndeterminate: boolean;
     };
     selectedItems: import("vue").Ref<BentoDatagridDataItemId[]>;
-    onAllRowSelect: () => void;
+    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;
-    paginationNavigate: (page: number) => void;
+    onPaginationNavigate: (page: number) => void;
     onItemsPerPageChange: (itemsPerPage: number) => void;
-    body: any;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("sort" | "navigate" | "select" | "items-page" | "column-resize" | "update:filters")[], string, Readonly<import("vue").ExtractPropTypes<{
     condensed: {
         type: BooleanConstructor;
@@ -312,12 +295,12 @@ declare const _default: import("vue").DefineComponent<{
     loading: boolean;
     condensed: boolean;
     filters: import("../filter-bar").BentoFilterBarModel;
-    getDataItemId: BentoDatagridGetDataItemIdFn;
     hasResizableColumns: boolean;
+    sortBy: BentoDatagridSortByColumn[];
+    getDataItemId: BentoDatagridGetDataItemIdFn;
     isDataItemDisabled: BentoDatagridIsDataItemDisabledFn;
     pagination: any;
     selectable: boolean;
     selection: BentoDatagridDataItemId[];
-    sortBy: BentoDatagridSortByColumn[];
 }>;
 export default _default;

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

@@ -7,7 +7,6 @@ import {
     // AdlCardImage,
     // AdlDropdown,
     // AdlPageHeader,
-    // AdlProfilePicture,
     // AdlSegmentedControl,
     // AdlSegmentedOption,
     // AdlTab,
@@ -22,6 +21,7 @@ import {
     BentoCheckbox,
     BentoCheckboxGroup,
     BentoClickOutside,
+    BentoCountry,
     BentoDataGrid,
     BentoInputField,
     BentoLink,
@@ -30,6 +30,7 @@ import {
     BentoPagination,
     BentoPopover,
     BentoRadioGroup,
+    BentoSearchBar,
     BentoStatus,
     BentoTag,
     BentoToggle,
@@ -45,7 +46,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 +61,7 @@ declare module 'vue' {
         BentoCheckbox: typeof BentoCheckbox;
         BentoCheckboxGroup: typeof BentoCheckboxGroup;
         BentoClickOutside: typeof BentoClickOutside;
+        BentoCountry: typeof BentoCountry;
         BentoDataGrid: typeof BentoDataGrid;
         BentoInputField: typeof BentoInputField;
         BentoLink: typeof BentoLink;
@@ -69,6 +70,7 @@ declare module 'vue' {
         BentoPagination: typeof BentoPagination;
         BentoPopover: typeof BentoPopover;
         BentoRadioGroup: typeof BentoRadioGroup;
+        BentoSearchBar: typeof BentoSearchBar;
         BentoStatus: typeof BentoStatus;
         BentoTag: typeof BentoTag;
         BentoToggle: typeof BentoToggle;

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

@@ -4,6 +4,7 @@ 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/filter-bar';
 export * from './components/input-field';
 export * from './components/loading-indicator';
@@ -11,6 +12,7 @@ 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';

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

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

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

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

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

@@ -0,0 +1,2 @@
+import type { Slots } from 'vue/types/v3-setup-context';
+export declare const hasSlot: (slots: Slots) => (name: string) => boolean;

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

@@ -1,6 +1,15 @@
 import type { WritableComputedRef } from 'vue';
 import VueI18n from 'vue-i18n';
-export declare function createI18n(options?: VueI18n.I18nOptions): VueI18n;
+export declare const defaultI18nOptions: {
+    locale: string;
+    fallbackLocale: string;
+    fallbackRoot: boolean;
+};
+export declare function createI18n(options?: {
+    locale: string;
+    fallbackLocale: string;
+    fallbackRoot: boolean;
+}): VueI18n;
 export interface Composer {
     locale: WritableComputedRef<string>;
     t: typeof VueI18n.prototype.t;