@adyen/bento-vue3 1.26.0 → 1.27.0

package/dist/@types/packages/vue2/src/components/tabs/tabs.vue.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from "../../../../vue3/node_modules/vue";
+import { nextTick, Ref } from "../../../../vue3/node_modules/vue";
 import { BentoTab } from './components/tab.types';
 import { BentoTabsEvent } from './tabs.types';
 import { Booleanish } from "../../types";
@@ -40,6 +40,81 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
 }, {
     tabs: Ref<BentoTab[]>;
     tablist: any;
+    tablistwrapper: Ref<{
+        $: import("../../../../vue3/node_modules/vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            condensed: boolean;
+            extraPaddingTop: number;
+        }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+            condensed: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            extraPaddingTop: {
+                type: NumberConstructor;
+                default: number;
+            };
+        }>> & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "condensed" | "extraPaddingTop">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("../../../../vue3/node_modules/vue").Slot;
+        }>;
+        $root: import("../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("../../../../vue3/node_modules/vue").ComponentOptionsBase<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+            condensed: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            extraPaddingTop: {
+                type: NumberConstructor;
+                default: number;
+            };
+        }>>, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, {
+            condensed: boolean;
+            extraPaddingTop: number;
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void) | ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void) | ((e: import("../../../../vue3/node_modules/vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("../../../../vue3/node_modules/vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("../../../../vue3/node_modules/vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("../../../../vue3/node_modules/vue").WatchOptions<boolean>): import("../../../../vue3/node_modules/vue").WatchStopHandle;
+    } & Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+        condensed: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        extraPaddingTop: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & import("../../../../vue3/node_modules/vue").ShallowUnwrapRef<{}> & {} & import("../../../../vue3/node_modules/vue").ComponentCustomProperties & {} & {
+        $slots: {
+            default: (_: {}) => any;
+        };
+    }>;
     activeTabId: Ref<string>;
     onKeydownTabsNavigation: (e: KeyboardEvent) => void;
     handleTabChange: (tabId: string) => void;

package/dist/@types/packages/vue2/src/components/tutorial/tutorial.vue.d.ts

@@ -35,6 +35,13 @@ import type { BentoTutorialScrollOptions, BentoTutorialStep } from './tutorial.t
  * }
  */
 declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
+    /**
+     * The current step index. If provided, will start the tutorial in that step.
+     */
+    index: {
+        type: NumberConstructor;
+        default: any;
+    };
     /**
      * The steps configuration for the tutorial.
      *
@@ -53,7 +60,16 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: PropType<BentoTutorialScrollOptions>;
         default: any;
     };
-}, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    "update:index": (value: number) => void;
+}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+    /**
+     * The current step index. If provided, will start the tutorial in that step.
+     */
+    index: {
+        type: NumberConstructor;
+        default: any;
+    };
     /**
      * The steps configuration for the tutorial.
      *
@@ -72,7 +88,10 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         type: PropType<BentoTutorialScrollOptions>;
         default: any;
     };
-}>>, {
+}>> & {
+    "onUpdate:index"?: (value: number) => any;
+}, {
+    index: number;
     scrollOptions: any;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/index.d.ts

@@ -51,6 +51,7 @@ export * from './components/typography';
 export * from './composables/use-form-validate';
 export * from './composables/use-bento-toast-controller';
 export * from './composables/use-click-outside';
+export * from './templates/dashboard-template';
 export * from './templates/data-grid-template';
 export * from './types';
 export * from './directives';

package/dist/@types/packages/vue2/src/templates/dashboard-template/components/dashboard-section/dashboard-section.vue.d.ts

@@ -0,0 +1,78 @@
+import type { BentoDashboardTemplateHeader } from '../../dashboard-template.types';
+/**
+ * Dashboard section is subcomponent of Dashboard template meant to be used to create the different sections within the page.
+ *
+ * @example
+ * import { BentoDashboardSection } from '@adyen/bento-vue2';
+ *
+ * export default {
+ *     components: { BentoDashboardSection },
+ *     template: `
+ *          <bento-dashboard-section :header="{ title: 'Section' }" half-width>
+ *              <template #controls>
+ *                  // Add your controls here
+ *              </template>
+ *              // You can render content with two cols
+ *              <template #content-col-1>
+ *                  // Add your content here
+ *              </template>
+ *              <template #content-col-2>
+ *                  // Add your content here
+ *              </template>
+ *              // Or you can render full width content by using default slot
+ *              // Add your content here
+ *          </bento-dashboard-section>
+ *     `
+ * }
+ */
+declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/node_modules/vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * The header of the section
+     */
+    header: BentoDashboardTemplateHeader;
+    /**
+     * Renders the section to take only half of the page
+     */
+    halfWidth?: boolean;
+}>, {
+    halfWidth: boolean;
+}>, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * The header of the section
+     */
+    header: BentoDashboardTemplateHeader;
+    /**
+     * Renders the section to take only half of the page
+     */
+    halfWidth?: boolean;
+}>, {
+    halfWidth: boolean;
+}>>>, {
+    halfWidth: boolean;
+}>, {
+    infoIconTooltipContent: (_: {}) => any;
+    controls: (_: {}) => any;
+    default: (_: {}) => any;
+    'content-col-1': (_: {}) => any;
+    'content-col-2': (_: {}) => any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import("../../../../../../vue3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import("../../../../../../vue3/node_modules/vue").PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/templates/dashboard-template/dashboard-template.types.d.ts

@@ -0,0 +1,8 @@
+import type { BentoTab } from "../../components/tabs";
+import type { BentoHeader } from "../../components/header";
+export type BentoDashboardTemplateTab = InstanceType<typeof BentoTab>['$props'];
+export type BentoDashboardTemplateHeader = InstanceType<typeof BentoHeader>['$props'];
+export type BentoDashboardTemplateTabs = {
+    activeTabIndex?: number;
+    tabs: BentoDashboardTemplateTab[];
+};

package/dist/@types/packages/vue2/src/templates/dashboard-template/dashboard-template.vue.d.ts

@@ -0,0 +1,103 @@
+import type { BentoDashboardTemplateHeader, BentoDashboardTemplateTabs } from './dashboard-template.types';
+/**
+ * Dashboard template is a full page template used to visualize data on pages such as data dashboards and reports.
+ *
+ * @example
+ * import { BentoDashboardTemplate, BentoDashboardSection } from '@adyen/bento-vue2';
+ *
+ * export default {
+ *     components: { BentoDashboardTemplate, BentoDashboardSection },
+ *     template: `
+ *          <bento-dashboard-template :header="{ title: 'Dashboard'}" :tabs="tabs: [{ title: 'Tab 1' }, { title: 'Tab 2' }]" sticky-tabs sticky-filters>
+ *              <template #tab-1>
+ *                  <bento-dashboard-section :header="{ title: 'Section'}">
+ *                      <template #controls>
+ *                          // Add your controls here
+ *                      </template>
+ *                      // Add your content here
+ *                  </bento-dashboard-section>
+ *              </template>
+ *              <template #tab-2>
+ *                  <bento-dashboard-section :header="{ title: 'Section'}">
+ *                      // Add your content here
+ *                  </bento-dashboard-section>
+ *              </template>
+ *          </bento-dashboard-template>
+ *     `
+ * }
+ */
+declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_modules/vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * The header that goes to the top of the template
+     */
+    header: BentoDashboardTemplateHeader;
+    /**
+     * All the tab properties that can be set on the inner tab components.
+     *  - tabs.activeTabIndex: the currently active tab index.
+     *  - tabs.tabs: an array of BentoTab props, the first item in the array will affect the `tab-1` slot and so on.
+     */
+    tabs?: BentoDashboardTemplateTabs;
+    /**
+     * Renders the tabs with a sticky positioning
+     */
+    stickyTabs?: boolean;
+    /**
+     * Renders the tabs with a sticky positioning
+     */
+    stickyFilters?: boolean;
+}>, {
+    tabs: any;
+    stickyTabs: boolean;
+    stickyFilters: boolean;
+}>, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * The header that goes to the top of the template
+     */
+    header: BentoDashboardTemplateHeader;
+    /**
+     * All the tab properties that can be set on the inner tab components.
+     *  - tabs.activeTabIndex: the currently active tab index.
+     *  - tabs.tabs: an array of BentoTab props, the first item in the array will affect the `tab-1` slot and so on.
+     */
+    tabs?: BentoDashboardTemplateTabs;
+    /**
+     * Renders the tabs with a sticky positioning
+     */
+    stickyTabs?: boolean;
+    /**
+     * Renders the tabs with a sticky positioning
+     */
+    stickyFilters?: boolean;
+}>, {
+    tabs: any;
+    stickyTabs: boolean;
+    stickyFilters: boolean;
+}>>>, {
+    tabs: BentoDashboardTemplateTabs;
+    stickyFilters: boolean;
+    stickyTabs: boolean;
+}>, Record<string, (_: {}) => any> & {
+    infoIconTooltipContent: (_: {}) => any;
+    filters: (_: {}) => any;
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import("../../../../vue3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import("../../../../vue3/node_modules/vue").PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/templates/dashboard-template/index.d.ts

@@ -0,0 +1,3 @@
+export { default as BentoDashboardTemplate } from './dashboard-template.vue';
+export { default as BentoDashboardSection } from './components/dashboard-section/dashboard-section.vue';
+export type * from './dashboard-template.types';

package/dist/@types/packages/vue2/src/utils/ts/storybook.d.ts

@@ -1,15 +1,4 @@
-export declare const storybookDocsParameter: (codeSource: string, language?: string) => {
-    docs: {
-        source: {
-            code: string;
-            language: string;
-        };
-    };
-};
-export declare const getPokemonFromApi: (pokemonName?: string) => Promise<{
-    label: any;
-    value: any;
-}[]>;
+export * from "../../../../core/src/utils/ts/storybook";
 /**
  * Adds necessary Toast component to display toasts.
  * It should be added just once on the app level, but never in the views or components itself

package/dist/accordion.js

@@ -1,11 +1,11 @@
 import { defineComponent as C, provide as k, toRef as B, openBlock as a, createElementBlock as r, renderSlot as E, ref as b, inject as O, computed as $, watch as s, createVNode as y, unref as e, withCtx as g, createElementVNode as h, createBlock as I, createTextVNode as z, toDisplayString as A, Transition as D, normalizeStyle as H, createCommentVNode as V } from "vue";
 import { _ as N } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { B as w } from "./chunks/index.a3d60e4f.js";
-import { C as R, a as j } from "./chunks/chevron-up.05ca20db.js";
+import { B as w } from "./chunks/index.ee15db35.js";
+import { C as R, a as j } from "./chunks/chevron-up.638a9f34.js";
 import { g as x } from "./chunks/unique-id.a2a2b458.js";
 import { o as M } from "./chunks/resize.a041304d.js";
 import { u as U } from "./chunks/use-expandable-content-height.62fc84e5.js";
-import "./assets/index10.css";
+import "./assets/index2.css";
 const S = Symbol("accordion title size injection key"), q = { class: "b-accordion" }, J = {}, K = /* @__PURE__ */ C({
   ...J,
   __name: "accordion",