@adyen/bento-vue2 0.1.1 → 0.1.3

package/dist/@types/components/button/components/button-actions/button-actions.types.d.ts

@@ -5,9 +5,20 @@ export interface BentoButtonActionObject {
     icon?: VueNodeElement;
 }
 export type BentoButtonActionsList = Array<BentoButtonActionObject>;
-export declare enum BentoButtonActionsLayout {
+export declare enum BentoButtonActionsLayoutBasic {
     BUTTONS_END = "buttons-end",
     FILL_CONTAINER = "fill-container",
     SPACE_BETWEEN = "space-between",
     VERTICAL_STACK = "vertical-stack"
 }
+export declare enum BentoButtonActionsLayoutExtended {
+    BUTTONS_START = "buttons-start"
+}
+export declare const BentoButtonActionsLayout: {
+    BUTTONS_START: BentoButtonActionsLayoutExtended.BUTTONS_START;
+    BUTTONS_END: BentoButtonActionsLayoutBasic.BUTTONS_END;
+    FILL_CONTAINER: BentoButtonActionsLayoutBasic.FILL_CONTAINER;
+    SPACE_BETWEEN: BentoButtonActionsLayoutBasic.SPACE_BETWEEN;
+    VERTICAL_STACK: BentoButtonActionsLayoutBasic.VERTICAL_STACK;
+};
+export type BentoButtonActionsLayout = BentoButtonActionsLayoutBasic | BentoButtonActionsLayoutExtended;

package/dist/@types/components/button/components/button-actions/button-actions.vue.d.ts

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

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

@@ -1,10 +1,4 @@
-export declare enum AdlCardImagePosition {
-    TOP = "top",
-    LEFT = "left"
-}
-export declare enum AdlCardPropClass {
-    CLICKABLE = "clickable",
-    WITH_FOOTER = "with-footer",
-    WITH_IMAGE = "with-image",
-    WITH_LEFT_SIDE_IMAGE = "with-left-side-image"
+export declare enum BentoCardBackground {
+    PRIMARY = "primary",
+    SECONDARY = "secondary"
 }

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

@@ -1,42 +1,77 @@
 import { PropType } from 'vue';
-import { AdlCardImagePosition } from './card.types';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoButtonActionsLayout, BentoButtonActionsList } from '@/components/button';
+import { BentoCardBackground } from '@/components/card/card.types';
 declare const _default: import("vue").DefineComponent<{
-    title: {
-        type: StringConstructor;
-        required: true;
+    background: {
+        type: PropType<BentoCardBackground>;
+        default: BentoCardBackground;
     };
-    subTitle: {
-        type: StringConstructor;
+    expandable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    actions: {
+        type: PropType<BentoButtonActionsList>;
         default: any;
     };
-    imagePosition: {
-        type: PropType<AdlCardImagePosition>;
-        default: AdlCardImagePosition;
+    actionsLayout: {
+        type: PropType<BentoButtonActionsLayout>;
+        default: import("@/components/button").BentoButtonActionsLayoutBasic;
+        validator: (value: BentoButtonActionsLayout) => boolean;
     };
 }, {
-    conditionalClasses: import("vue").ComputedRef<{
-        [x: string]: boolean;
+    cardId: string;
+    cardConditionalClasses: import("vue").ComputedRef<{
+        [x: string]: boolean | BentoCardBackground;
+        'b-card--expandable': boolean;
+        'b-card--disabled': boolean;
+    }>;
+    cardBodyConditionalClasses: import("vue").ComputedRef<{
+        'b-card__body--expandable': boolean;
+    }>;
+    cardHeaderConditionalClasses: import("vue").ComputedRef<{
+        'b-card__header--with-body': boolean;
     }>;
-    showBody: import("vue").ComputedRef<boolean>;
-    showHeaderActions: import("vue").ComputedRef<boolean>;
-    showImage: import("vue").ComputedRef<boolean>;
-    showFooter: import("vue").ComputedRef<boolean>;
-    onClickCard: () => void;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "click"[], string, Readonly<import("vue").ExtractPropTypes<{
-    title: {
-        type: StringConstructor;
-        required: true;
-    };
-    subTitle: {
-        type: StringConstructor;
+    showCardBody: import("vue").ComputedRef<boolean>;
+    showContent: import("vue").Ref<boolean>;
+    tabIndex: import("vue").ComputedRef<0 | -1>;
+    onClick: () => void;
+    toggleExpansion: () => void;
+    hasSlot: (name: string) => boolean;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    BentoTypographyElement: typeof BentoTypographyElement;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("click" | "expanded")[], string, Readonly<import("vue").ExtractPropTypes<{
+    background: {
+        type: PropType<BentoCardBackground>;
+        default: BentoCardBackground;
+    };
+    expandable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    actions: {
+        type: PropType<BentoButtonActionsList>;
         default: any;
     };
-    imagePosition: {
-        type: PropType<AdlCardImagePosition>;
-        default: AdlCardImagePosition;
+    actionsLayout: {
+        type: PropType<BentoButtonActionsLayout>;
+        default: import("@/components/button").BentoButtonActionsLayoutBasic;
+        validator: (value: BentoButtonActionsLayout) => boolean;
     };
 }>>, {
-    subTitle: string;
-    imagePosition: AdlCardImagePosition;
+    background: BentoCardBackground;
+    disabled: boolean;
+    actions: BentoButtonActionsList;
+    expandable: boolean;
+    actionsLayout: BentoButtonActionsLayout;
 }>;
 export default _default;

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

@@ -1,3 +1,2 @@
-export { default as AdlCard } from './card.vue';
-export { default as AdlCardImage } from './components/card-image/card-image.vue';
+export { default as BentoCard } from './card.vue';
 export * from './card.types';

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

@@ -1,7 +1,13 @@
+import { PropType } from 'vue';
 import { BentoButtonVariant } from '../../../button';
 import { BentoTypographyElement, BentoTypographyVariant } from '../../../typography';
 import { AdlLabelPosition } from '../../../../types';
+import { BentoColumn } from '../../data-grid.types';
 declare const _default: import("vue").DefineComponent<{
+    columns: {
+        type: PropType<BentoColumn[]>;
+        required: true;
+    };
     condensed: {
         type: BooleanConstructor;
         default: boolean;
@@ -9,8 +15,19 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     configSettingsButtonRef: any;
     isConfigSettingsPanelOpen: import("vue").Ref<boolean>;
+    isColumnVisibilityToggleDisabled: (fieldName: string, isMandatory: boolean) => boolean;
+    allColumnsVisbilityToggleState: import("vue").Ref<boolean>;
+    filteredColumnVisibilityColumns: import("vue").ComputedRef<BentoColumn[]>;
+    searchTerm: import("vue").Ref<string>;
+    isColumnVisibilityFilterShown: import("vue").Ref<boolean>;
+    searchBarRef: any;
     toggleConfigSettingsPanelVisibility: () => void;
     emitCondensedToggle: (isCompactView: boolean) => void;
+    isColumnVisible: (fieldName: string) => boolean;
+    toggleColumnVisiblity: (fieldName: string) => void;
+    toggleAllColumnVisibility: (toggleState: boolean) => void;
+    clearAction: () => void;
+    toggleColumnFilter: () => void;
     AdlLabelPosition: typeof AdlLabelPosition;
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
@@ -32,7 +49,11 @@ declare const _default: import("vue").DefineComponent<{
         BOTTOM: import("../../../popper-container").PopperContainerPositionBasic.BOTTOM;
         LEFT: import("../../../popper-container").PopperContainerPositionBasic.LEFT;
     };
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "config-settings"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("config-settings" | "visible-columns")[], string, Readonly<import("vue").ExtractPropTypes<{
+    columns: {
+        type: PropType<BentoColumn[]>;
+        required: true;
+    };
     condensed: {
         type: BooleanConstructor;
         default: boolean;

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

@@ -18,6 +18,8 @@ export declare const useCalculateColumnWidth: (newColumns: MaybeRef<BentoColumn[
             right?: boolean;
         };
         overflow?: import("../../data-grid.types").BentoColumnOverflow;
+        visible?: boolean;
+        mandatory?: boolean;
     }[]>;
     gridColumnWidthStyle: import("vue").ComputedRef<{
         gridTemplateColumns: string;

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

@@ -1,5 +1,7 @@
 import { MaybeRef } from '../../../types';
-export declare const useConfigSettings: (condensed: MaybeRef<boolean>) => {
+import { BentoColumn } from '../data-grid.types';
+export declare const useConfigSettings: (condensed: MaybeRef<boolean>, columnsRef: MaybeRef<BentoColumn[]>, emit: (event: string, columns: BentoColumn[]) => void) => {
     compactView: import("vue").Ref<boolean>;
     onConfigSettingsUpdate: (isCompactView: boolean) => boolean;
+    onColumnVisibiltyChange: (columnIndexes: string[]) => void;
 };

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

@@ -16,6 +16,8 @@ export interface BentoColumn {
         right?: boolean;
     };
     overflow?: BentoColumnOverflow;
+    visible?: boolean;
+    mandatory?: boolean;
 }
 export declare enum BentoDatagridStyleState {
     OUTLINE = "outline"

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

@@ -10,6 +10,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoColumn[]>;
         required: true;
     };
+    columnPanel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     data: {
         type: PropType<BentoDatagridData>;
         required: true;
@@ -103,6 +107,10 @@ declare const _default: import("vue").DefineComponent<{
         }>>>>;
         default: any;
     };
+    stickyPagination: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     selectable: {
         type: BooleanConstructor;
         default: boolean;
@@ -130,9 +138,12 @@ declare const _default: import("vue").DefineComponent<{
             right?: boolean;
         };
         overflow?: BentoColumnOverflow;
+        visible?: boolean;
+        mandatory?: boolean;
     }[]>;
     ariaGridHeaderText: import("vue").ComputedRef<string>;
     conditionalTitleAttribute: (column: BentoColumn, content: unknown) => string;
+    getRowData: (rowData: unknown) => unknown;
     gridColumnWidthStyle: import("vue").ComputedRef<{
         gridTemplateColumns: string;
         gridColumnEnd: number;
@@ -154,6 +165,7 @@ declare const _default: import("vue").DefineComponent<{
     conditionalPaginationClasses: import("vue").ComputedRef<{
         'b-data-grid__pagination--padding-left-unset': boolean;
         'b-data-grid__pagination--padding-right-unset': boolean;
+        'b-data-grid__pagination--sticky': boolean;
     }>;
     onColumnWidthOverride: (newColumnWidthOverridesLookup: import("./data-grid.types").BentoColumnWidthOverridesLookup) => void;
     onColumnResized: (resizeEvent: {
@@ -171,6 +183,7 @@ declare const _default: import("vue").DefineComponent<{
     DATAGRID_SELECT_FIELD_NAME: string;
     compactView: import("vue").Ref<boolean>;
     onConfigSettingsUpdate: (isCompactView: boolean) => boolean;
+    onColumnVisibiltyChange: (columnIndexes: string[]) => void;
     BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
@@ -185,6 +198,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoColumn[]>;
         required: true;
     };
+    columnPanel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     data: {
         type: PropType<BentoDatagridData>;
         required: true;
@@ -278,6 +295,10 @@ declare const _default: import("vue").DefineComponent<{
         }>>>>;
         default: any;
     };
+    stickyPagination: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     selectable: {
         type: BooleanConstructor;
         default: boolean;
@@ -297,9 +318,11 @@ declare const _default: import("vue").DefineComponent<{
     filters: import("../filter-bar").BentoFilterBarModel;
     hasResizableColumns: boolean;
     sortBy: BentoDatagridSortByColumn[];
+    columnPanel: boolean;
     getDataItemId: BentoDatagridGetDataItemIdFn;
     isDataItemDisabled: BentoDatagridIsDataItemDisabledFn;
     pagination: any;
+    stickyPagination: boolean;
     selectable: boolean;
     selection: BentoDatagridDataItemId[];
 }>;

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

@@ -0,0 +1,53 @@
+import { PropType } from 'vue';
+import { Booleanish } from '../../../../types';
+export declare const DropdownBaseTextboxProps: {
+    additionalItemsSelected: {
+        type: NumberConstructor;
+        default: number;
+    };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaControls: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    ariaExpanded: {
+        type: PropType<Booleanish>;
+        required: boolean;
+    };
+    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;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    debounceTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+};
+export default DropdownBaseTextboxProps;

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

@@ -1,26 +1,33 @@
+import { PropType } from 'vue';
 import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { Booleanish } from '@/types';
+import type { HTMLAttributes } from 'vue/types/jsx';
 declare const _default: import("vue").DefineComponent<{
-    autoComplete: {
-        type: BooleanConstructor;
-        default: boolean;
+    additionalItemsSelected: {
+        type: NumberConstructor;
+        default: number;
     };
     ariaControls: {
         type: StringConstructor;
         required: true;
     };
     ariaExpanded: {
-        type: StringConstructor;
+        type: PropType<Booleanish>;
         required: true;
     };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
     ariaLabelledby: {
         type: StringConstructor;
         default: any;
     };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
+    debounceTime: {
+        type: NumberConstructor;
+        default: number;
     };
-    isInvalid: {
+    disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -28,6 +35,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     open: {
         type: BooleanConstructor;
         default: boolean;
@@ -36,6 +51,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
@@ -43,36 +62,43 @@ declare const _default: import("vue").DefineComponent<{
         '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;
+    isFiltering: import("vue").ComputedRef<boolean>;
+    ariaAttributes: import("vue").ComputedRef<HTMLAttributes>;
     onCloseDropdown: () => void;
     onToggleDropdown: () => void;
+    onClearSearch: () => void;
+    onInputEvent: (event: Event) => void;
+    onSpaceBar: () => 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;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("input" | "open" | "clear" | "close")[], string, Readonly<import("vue").ExtractPropTypes<{
+    additionalItemsSelected: {
+        type: NumberConstructor;
+        default: number;
     };
     ariaControls: {
         type: StringConstructor;
         required: true;
     };
     ariaExpanded: {
-        type: StringConstructor;
+        type: PropType<Booleanish>;
         required: true;
     };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
     ariaLabelledby: {
         type: StringConstructor;
         default: any;
     };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
+    debounceTime: {
+        type: NumberConstructor;
+        default: number;
     };
-    isInvalid: {
+    disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -80,6 +106,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    dynamicFiltering: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     open: {
         type: BooleanConstructor;
         default: boolean;
@@ -88,13 +122,21 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
     open: boolean;
+    value: string;
+    ariaLabel: string;
     disabled: boolean;
     placeholder: string;
-    displayValue: string;
-    autoComplete: boolean;
+    debounceTime: number;
+    additionalItemsSelected: number;
     ariaLabelledby: string;
+    displayValue: string;
+    dynamicFiltering: boolean;
     isInvalid: boolean;
 }>;
 export default _default;