@adyen/bento-vue2 0.0.4 → 0.0.5

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

@@ -31,7 +31,10 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: boolean;
     }>;
     onClickButton: () => void;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "click"[], string, Readonly<import("vue").ExtractPropTypes<{
+    onFocusButton: () => void;
+    onBlurButton: () => void;
+    onKeydownEscButton: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("blur" | "click" | "focus" | "keydown.esc")[], string, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;

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

@@ -1,4 +1,4 @@
-import { VueNodeElement } from '../../../../types/vue-node-element';
+import type { VueNodeElement } from '../../../../types';
 export interface BentoButtonActionObject {
     title: string;
     event: (event: Event) => void;

package/dist/@types/components/click-outside/click-outside.d.ts

@@ -0,0 +1,13 @@
+export declare const BentoClickOutside: import("vue").DefineComponent<{
+    el: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => import("vue").VNode, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "handler"[], string, Readonly<import("vue").ExtractPropTypes<{
+    el: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    el: string;
+}>;

package/dist/@types/components/click-outside/index.d.ts

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

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

@@ -1,4 +1,4 @@
-import { MaybeRef } from '../../../../types/maybe-ref';
+import { MaybeRef } from '../../../../types';
 import { BentoColumn } from '../../data-grid.types';
 import { CalculateColumnWidthOptions } from './useCalculateColumnWidth.types';
 export declare const DEFAULT_COLUMN_WIDTH = 100;

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

@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     targetElement: {
-        type: PropType<import("../../../../types/vue-node-element").VueNodeElement>;
+        type: PropType<import("../../../..").VueNodeElement>;
         required: true;
     };
 }, {
@@ -75,7 +75,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     targetElement: {
-        type: PropType<import("../../../../types/vue-node-element").VueNodeElement>;
+        type: PropType<import("../../../..").VueNodeElement>;
         required: true;
     };
 }>>, {

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

@@ -26,6 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     displayValue: import("vue").ComputedRef<string>;
     dropdownOptionsContainerId: string;
     inputContainerRef: any;
+    closeOpenedDropdown: () => void;
     toggleDropdown: () => void;
     onOptionSelected: (selectedOption: AdlDropdownOptionItem) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{

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

@@ -59,6 +59,7 @@ declare const _default: import("vue").DefineComponent<{
     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" | "close" | "clear" | "dismiss" | "apply")[], string, Readonly<import("vue").ExtractPropTypes<{

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

@@ -0,0 +1,28 @@
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+declare const _default: import("vue").DefineComponent<{
+    isImageTitle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: any;
+    };
+}, {
+    isStrongest: import("vue").ComputedRef<boolean>;
+    titleVariant: import("vue").ComputedRef<BentoTypographyVariant.BODY | BentoTypographyVariant.SUBTITLE>;
+    BentoTypographyElement: typeof BentoTypographyElement;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    isImageTitle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: any;
+    };
+}>>, {
+    title: string;
+    isImageTitle: boolean;
+}>;
+export default _default;

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

@@ -1,7 +1,6 @@
 import { PropType } from 'vue';
 import { PopperContainerAriaRole } from '@/components/popper-container';
 import { BentoPopoverPositions } from './popover.types';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
 import { BentoButtonActionsLayout, BentoButtonActionsList } from '@/components/button';
 declare const _default: import("vue").DefineComponent<{
     actions: {
@@ -51,7 +50,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     targetElement: {
-        type: PropType<import("../../types/vue-node-element").VueNodeElement>;
+        type: PropType<import("../..").VueNodeElement>;
         required: true;
     };
 }, {
@@ -63,8 +62,6 @@ declare const _default: import("vue").DefineComponent<{
         'b-popover__content--with-title': boolean;
     }>;
     computedAriaLabel: import("vue").ComputedRef<string>;
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
     PopperContainerAriaRole: typeof PopperContainerAriaRole;
     dismissPopover: () => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "dismiss"[], string, Readonly<import("vue").ExtractPropTypes<{
@@ -115,7 +112,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     targetElement: {
-        type: PropType<import("../../types/vue-node-element").VueNodeElement>;
+        type: PropType<import("../..").VueNodeElement>;
         required: true;
     };
 }>>, {

package/dist/@types/components/popper-container/popper-container.utils.d.ts

@@ -1,4 +1,4 @@
-import { VueNodeElement } from '../../types/vue-node-element';
+import type { VueNodeElement } from '../../types';
 import { ExtendedModifiers, FallbackPositionProp, PopperContainerArrowProp } from './popper-container.types';
 export declare const getArrowModifier: (arrow: VueNodeElement, arrowProps: PopperContainerArrowProp) => {
     name: string;

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

@@ -1,8 +1,12 @@
 import type { PositioningStrategy } from '@popperjs/core';
 import { PropType } from 'vue';
 import { ExtendedModifiers, FallbackPositionProp, PopperContainerAriaRole, PopperContainerArrowProp, PopperContainerPosition } from './popper-container.types';
-import { VueNodeElement } from '@/types/vue-node-element';
+import type { VueNodeElement } from '@/types';
 declare const _default: import("vue").DefineComponent<{
+    id: {
+        type: StringConstructor;
+        default: any;
+    };
     ariaLabel: {
         type: StringConstructor;
         default: any;
@@ -59,6 +63,10 @@ declare const _default: import("vue").DefineComponent<{
     updatePopperOptions(options: any): void;
     updateModifiers(): void;
 }, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: any;
+    };
     ariaLabel: {
         type: StringConstructor;
         default: any;
@@ -104,6 +112,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     offset: number[];
+    id: string;
     position: PopperContainerPosition;
     ariaLabel: string;
     modifiers: unknown[];

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

@@ -0,0 +1,70 @@
+import { PropType } from 'vue';
+import { PopperContainerAriaRole } from '@/components/popper-container';
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+declare const _default: import("vue").DefineComponent<{
+    id: {
+        type: StringConstructor;
+        default: any;
+    };
+    targetElement: {
+        type: PropType<import("../../..").VueNodeElement>;
+        required: true;
+    };
+    position: {
+        type: PropType<import("@/components/popper-container").PopperContainerPositionBasic>;
+        default: import("@/components/popper-container").PopperContainerPositionBasic;
+        validator: (value: unknown) => boolean;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    content: {
+        type: StringConstructor;
+        required: true;
+    };
+    isShown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    PopperContainerAriaRole: typeof PopperContainerAriaRole;
+    conditionalClasses: import("vue").ComputedRef<{
+        [x: string]: boolean;
+    }>;
+    tabIndex: import("vue").ComputedRef<number>;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: any;
+    };
+    targetElement: {
+        type: PropType<import("../../..").VueNodeElement>;
+        required: true;
+    };
+    position: {
+        type: PropType<import("@/components/popper-container").PopperContainerPositionBasic>;
+        default: import("@/components/popper-container").PopperContainerPositionBasic;
+        validator: (value: unknown) => boolean;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    content: {
+        type: StringConstructor;
+        required: true;
+    };
+    isShown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    offset: number;
+    id: string;
+    position: import("@/components/popper-container").PopperContainerPositionBasic;
+    isShown: boolean;
+}>;
+export default _default;

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

@@ -1,2 +1,2 @@
-export { default as BentoTooltip } from './tooltip.vue';
+export { default as BentoTooltip } from './components/tooltip-container.vue';
 export { BentoTooltipPosition, BentoTooltipState } from './tooltip.types';

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

@@ -1,9 +1,7 @@
 import { PropType } from 'vue';
-import { PopperContainerAriaRole } from '../popper-container';
-import { BentoTypographyElement, BentoTypographyVariant } from '../typography';
 declare const _default: import("vue").DefineComponent<{
-    targetElement: {
-        type: PropType<import("../../types/vue-node-element").VueNodeElement>;
+    component: {
+        type: (ObjectConstructor | StringConstructor)[];
         required: true;
     };
     position: {
@@ -11,30 +9,19 @@ declare const _default: import("vue").DefineComponent<{
         default: import("../popper-container").PopperContainerPositionBasic;
         validator: (value: unknown) => boolean;
     };
-    offset: {
-        type: NumberConstructor;
-        default: number;
-    };
     content: {
         type: StringConstructor;
         required: true;
     };
-    isShown: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }, {
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
-    PopperContainerAriaRole: typeof PopperContainerAriaRole;
     id: string;
-    conditionalClasses: import("vue").ComputedRef<{
-        [x: string]: boolean;
-    }>;
-    tabIndex: import("vue").ComputedRef<number>;
+    isShown: import("vue").Ref<boolean>;
+    target: any;
+    openTooltip: () => void;
+    closeTooltip: () => void;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    targetElement: {
-        type: PropType<import("../../types/vue-node-element").VueNodeElement>;
+    component: {
+        type: (ObjectConstructor | StringConstructor)[];
         required: true;
     };
     position: {
@@ -42,21 +29,11 @@ declare const _default: import("vue").DefineComponent<{
         default: import("../popper-container").PopperContainerPositionBasic;
         validator: (value: unknown) => boolean;
     };
-    offset: {
-        type: NumberConstructor;
-        default: number;
-    };
     content: {
         type: StringConstructor;
         required: true;
     };
-    isShown: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>>, {
-    offset: number;
     position: import("../popper-container").PopperContainerPositionBasic;
-    isShown: boolean;
 }>;
 export default _default;

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

@@ -20,6 +20,7 @@ import {
     BentoButtonActions,
     BentoButtonGroup,
     BentoCheckbox,
+    BentoClickOutside,
     BentoDataGrid,
     BentoInputField,
     BentoLink,
@@ -58,6 +59,7 @@ declare module 'vue' {
         BentoButtonGroup: typeof BentoButtonGroup;
         BentoButtonActions: typeof BentoButtonActions;
         BentoCheckbox: typeof BentoCheckbox;
+        BentoClickOutside: typeof BentoClickOutside;
         BentoDataGrid: typeof BentoDataGrid;
         BentoInputField: typeof BentoInputField;
         BentoLink: typeof BentoLink;

package/dist/@types/directives/click-outside/directive.d.ts

@@ -0,0 +1,6 @@
+import type { ObjectDirective } from 'vue';
+declare type Element = HTMLElement & {
+    __onClickOutside_stop?: () => void;
+};
+export declare const BentoClickOutsideDirective: ObjectDirective<Element>;
+export {};

package/dist/@types/directives/click-outside/index.d.ts

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

package/dist/@types/directives/click-outside/on-click-outside.d.ts

@@ -0,0 +1,3 @@
+import type { MaybeElementRef } from '../../types';
+import type { OnClickOutsideHandler, OnClickOutsideOptions } from './types';
+export declare function onClickOutside<T extends OnClickOutsideOptions>(target: MaybeElementRef, handler: OnClickOutsideHandler, options?: T): () => void;

package/dist/@types/directives/click-outside/types.d.ts

@@ -0,0 +1,8 @@
+import type { MaybeElementRef } from '@/types';
+export interface OnClickOutsideOptions {
+    ignore?: (MaybeElementRef | string)[];
+    capture?: boolean;
+    detectIframe?: boolean;
+    window?: Window;
+}
+export declare type OnClickOutsideHandler = (evt: PointerEvent | FocusEvent) => void;

package/dist/@types/directives/click-outside/useEventListener/index.d.ts

@@ -0,0 +1,7 @@
+import type { Fn, MaybeComputedRef } from '../../../types';
+import type { Arrayable, GeneralEventListener } from './types';
+export declare function useEventListener<E extends keyof WindowEventMap>(event: Arrayable<E>, listener: Arrayable<(this: Window, ev: WindowEventMap[E]) => unknown>, options?: MaybeComputedRef<boolean | AddEventListenerOptions>): Fn;
+export declare function useEventListener<E extends keyof WindowEventMap>(target: Window, event: Arrayable<E>, listener: Arrayable<(this: Window, ev: WindowEventMap[E]) => unknown>, options?: MaybeComputedRef<boolean | AddEventListenerOptions>): Fn;
+export declare function useEventListener<E extends keyof DocumentEventMap>(target: DocumentOrShadowRoot, event: Arrayable<E>, listener: Arrayable<(this: Document, ev: DocumentEventMap[E]) => unknown>, options?: MaybeComputedRef<boolean | AddEventListenerOptions>): Fn;
+export declare function useEventListener<Names extends string, EventType = Event>(target: EventTarget, event: Arrayable<Names>, listener: Arrayable<GeneralEventListener<EventType>>, options?: MaybeComputedRef<boolean | AddEventListenerOptions>): Fn;
+export declare function useEventListener<EventType = Event>(target: MaybeComputedRef<EventTarget | null | undefined>, event: Arrayable<string>, listener: Arrayable<GeneralEventListener<EventType>>, options?: MaybeComputedRef<boolean | AddEventListenerOptions>): Fn;

package/dist/@types/directives/click-outside/useEventListener/types.d.ts

@@ -0,0 +1,6 @@
+export declare type Arrayable<T> = T[] | T;
+export declare type WindowEventName = keyof WindowEventMap;
+export declare type DocumentEventName = keyof DocumentEventMap;
+export interface GeneralEventListener<E = Event> {
+    (evt: E): void;
+}

package/dist/@types/directives/click-outside/utils.d.ts

@@ -0,0 +1,6 @@
+import type { MaybeComputedElementRef, MaybeElement } from '../../types';
+export declare const defaultWindow: Window & typeof globalThis;
+export declare const isIOS: boolean;
+export declare function resolveUnref<T>(r: any): T;
+export declare function unrefElement<T extends MaybeElement>(elRef: MaybeComputedElementRef<T>): any;
+export declare const noop: () => void;

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

@@ -2,6 +2,7 @@ import BentoVue from './install';
 export * from './components/button';
 export * from './components/data-grid';
 export * from './components/checkbox';
+export * from './components/click-outside';
 export * from './components/filter-bar';
 export * from './components/input-field';
 export * from './components/loading-indicator';

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

@@ -0,0 +1,8 @@
+import Vue from 'vue';
+import type { ComponentPublicInstance } from 'vue';
+import { MaybeComputedRef, MaybeRef } from './refs';
+export declare type VueInstance = ComponentPublicInstance;
+export declare type VueNodeElement = Vue | Element | (Vue | Element)[] | undefined;
+export declare type MaybeElement = HTMLElement | SVGElement | VueInstance | undefined | null;
+export declare type MaybeElementRef<T extends MaybeElement = MaybeElement> = MaybeRef<T>;
+export declare type MaybeComputedElementRef<T extends MaybeElement = MaybeElement> = MaybeComputedRef<T>;

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

@@ -0,0 +1,2 @@
+export declare type Fn = () => void;
+export declare type AnyFn<T> = (...args: T[]) => T;

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

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

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

@@ -0,0 +1,4 @@
+import { ComputedRef, Ref } from 'vue';
+export declare type MaybeRef<T> = T | Ref<T>;
+export declare type MaybeReadonlyRef<T> = (() => T) | ComputedRef<T>;
+export declare type MaybeComputedRef<T> = MaybeReadonlyRef<T> | MaybeRef<T>;

package/dist/@types/types/utils-events.d.ts

@@ -7,3 +7,6 @@ export interface ListenOptions {
     vm?: Vue;
     onCleanup?: () => void;
 }
+export declare enum KeyCode {
+    ESCAPE = 27
+}