@adyen/bento-vue3 1.10.0 → 1.11.0

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

@@ -48,6 +48,7 @@ import {
     BentoPopover,
     BentoRadioGroup,
     BentoSearchBar,
+    BentoSecondaryNav,
     BentoSegmentedControl,
     BentoSidepanel,
     BentoSidepanelPage,
@@ -125,6 +126,7 @@ declare module 'vue' {
         BentoPopover: typeof BentoPopover;
         BentoRadioGroup: typeof BentoRadioGroup;
         BentoSearchBar: typeof BentoSearchBar;
+        BentoSecondaryNav: typeof BentoSecondaryNav;
         BentoSegmentedControl: typeof BentoSegmentedControl;
         BentoSidepanel: typeof BentoSidepanel;
         BentoSidepanelPage: typeof BentoSidepanelPage;

package/dist/@types/packages/vue2/src/components/code-snippet/{composables/useLanguage.d.ts → utils/get-lang-loader.d.ts}

@@ -3,6 +3,4 @@ import { json } from '@codemirror/lang-json';
 import { xml } from '@codemirror/lang-xml';
 import { javascript } from '@codemirror/lang-javascript';
 import { java } from '@codemirror/lang-java';
-export declare const useLanguage: (language: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`) => {
-    loadLang: () => Promise<typeof json | typeof xml | typeof javascript | typeof java>;
-};
+export declare const getLangLoader: (language: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`) => () => Promise<typeof json | typeof xml | typeof javascript | typeof java>;

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

@@ -1,3 +1,3 @@
-export { useCountryCapital } from './useCountryCapital/useCountryCapital';
-export { useCountryName } from './useCountryName/useCountryName';
-export { useCountryPhoneCode } from './useCountryPhoneCode/useCountryPhoneCode';
+export { useCountryCapital } from './use-country-capital/use-country-capital';
+export { useCountryName } from './use-country-name/use-country-name';
+export { useCountryPhoneCode } from './use-country-phone-code/use-country-phon-code';

package/dist/@types/packages/vue2/src/components/country/composables/{useCountryCapital/useCountryCapital.d.ts → use-country-capital/use-country-capital.d.ts}

@@ -1,3 +1,3 @@
 import { MaybeRef } from "../../../../types";
-export declare const useCountryCapital: (code: MaybeRef<string>, locale: MaybeRef<string>, useFallback?: boolean) => import("../../../../../../vue3/node_modules/vue").ComputedRef<any>;
+export declare const useCountryCapital: (code: MaybeRef<string>, locale: MaybeRef<string>, useFallback?: boolean) => import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;
 export default useCountryCapital;

package/dist/@types/packages/vue2/src/components/country/composables/{useCountryName/useCountryName.d.ts → use-country-name/use-country-name.d.ts}

@@ -1,2 +1,2 @@
 import { MaybeRef } from "../../../../types";
-export declare const useCountryName: (code: MaybeRef<string>, locale: MaybeRef<string>, useFallback?: boolean) => import("../../../../../../vue3/node_modules/vue").ComputedRef<any>;
+export declare const useCountryName: (code: MaybeRef<string>, locale: MaybeRef<string>, useFallback?: boolean) => import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;

package/dist/@types/packages/vue2/src/components/country/composables/{useCountryPhoneCode/useCountryPhoneCode.d.ts → use-country-phone-code/use-country-phon-code.d.ts}

@@ -1,3 +1,3 @@
 import { MaybeRef } from "../../../../types";
-export declare const useCountryPhoneCode: (countryCode: MaybeRef<string>) => import("../../../../../../vue3/node_modules/vue").ComputedRef<any>;
+export declare const useCountryPhoneCode: (countryCode: MaybeRef<string>) => import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;
 export default useCountryPhoneCode;

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

@@ -16,7 +16,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         validator: (value: BentoCountryVariant) => boolean;
     };
 }, {
-    countryName: import("../../../../vue3/node_modules/vue").ComputedRef<any>;
+    countryName: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
     countryLabel: import("../../../../vue3/node_modules/vue").Ref<string>;
     isSummaryGridLayout: 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<{

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

@@ -1,8 +1,10 @@
-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 { useKeyboardNavigator } from './useKeyboardNavigator/useKeyboardNavigator';
-export { useLazyLoading } from './useLazyLoading/useLazyLoading';
-export { useColumnReorderer } from './useColumnReorderer/useColumnReorderer';
-export { useConfigSettings } from './useConfigSettings/useConfigSettings';
+export { useResizer } from './use-resizer';
+export * from './use-calculate-column-width';
+export { useSelector } from './use-selector';
+export { useSorter } from './use-sorter';
+export { useKeyboardNavigator } from './use-keyboard-navigator/use-keyboard-navigator';
+export { useLazyLoading } from './use-lazy-loading/use-lazy-loading';
+export { useColumnReorderer } from './use-column-reorderer/use-column-reorderer';
+export { useConfigSettings } from './use-config-settings/use-config-settings';
+export { useCalculateStickyElementHeight } from './use-calculate-sticky-element-height/use-calculate-sticky-element-height';
+export { useScroller } from './use-scroller/use-scroller';

package/dist/@types/packages/vue2/src/components/data-grid/composables/use-calculate-column-width/index.d.ts

@@ -0,0 +1,2 @@
+export * from './use-calculate-column-width';
+export * from './use-calculate-column-width.types';

package/dist/@types/packages/vue2/src/components/data-grid/composables/{useCalculateColumnWidth/useCalculateColumnWidth.d.ts → use-calculate-column-width/use-calculate-column-width.d.ts}

@@ -1,5 +1,5 @@
 import { BentoColumn, BentoColumnWidthOverridesLookup, BentoDatagridData } from '../../data-grid.types';
-import { CalculateColumnWidthOptions } from './useCalculateColumnWidth.types';
+import { CalculateColumnWidthOptions } from './use-calculate-column-width.types';
 import { MaybeRef } from "../../../../types";
 export declare const DEFAULT_COLUMN_WIDTH = 100;
 export declare const DEFAULT_COLUMN_MIN_WIDTH = 50;
@@ -33,4 +33,3 @@ export declare const useCalculateColumnWidth: (newColumns: MaybeRef<BentoColumn[
     onColumnWidthOverride: (newColumnWidthOverridesLookup: BentoColumnWidthOverridesLookup) => void;
     isMeasuringColumnWidths: import("../../../../../../vue3/node_modules/vue").Ref<boolean>;
 };
-export default useCalculateColumnWidth;

package/dist/@types/packages/vue2/src/components/data-grid/composables/{useKeyboardNavigator/useKeyboardNavigator.d.ts → use-keyboard-navigator/use-keyboard-navigator.d.ts}

@@ -1,5 +1,5 @@
 import { Ref } from "../../../../../../vue3/node_modules/vue";
-import { BentoDatagridNavigationKeyCode } from './useKeyboardNavigator.types';
+import { BentoDatagridNavigationKeyCode } from './use-keyboard-navigator.types';
 import type { BentoColumn } from '../../data-grid.types';
 export declare const useKeyboardNavigator: (gridcellRefs: Ref<{
     [key: string]: HTMLDivElement[];

package/dist/@types/packages/vue2/src/components/data-grid/composables/{useResizer.d.ts → use-resizer.d.ts}

@@ -7,4 +7,3 @@ export declare const useResizer: (columns: Ref<BentoColumn[]>, emit: (event: Dat
     startResize: (hasResizableColumns: boolean, field: BentoColumn['field'], event: MouseEvent) => void;
     isResizing: Ref<boolean>;
 };
-export default useResizer;

package/dist/@types/packages/vue2/src/components/data-grid/composables/{useScroller/useScroller.d.ts → use-scroller/use-scroller.d.ts}

@@ -2,5 +2,5 @@ import { Ref } from "../../../../../../vue3/node_modules/vue";
 export declare const useScroller: (body: Ref<HTMLDivElement>, columnsRef: Ref<HTMLDivElement>, verticalScrollPosition: Ref<number>) => {
     scrollLeftPosition: Ref<number>;
     updateScrollPosition: (event: Event) => void;
-    updateScrollPositionOnFrozenColumnsNavigation: () => void;
+    updateScrollPositionOnFrozenColumnsNavigation: (event: KeyboardEvent) => void;
 };

package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-options-container/composables/useDropdownOptionsListbox.d.ts

@@ -1,7 +1,7 @@
 import { Ref } from "../../../../../../../vue3/node_modules/vue";
 import { BentoListboxEvent, BentoListboxSelectedValue } from "../../../../../types";
 import { BentoDropdownEvent } from '../../../dropdown.types';
-export declare const useDropdownOptionsListbox: (selectedValue: Ref<BentoListboxSelectedValue>, multiple: Ref<boolean>, emit: (event: BentoListboxEvent | BentoDropdownEvent, selectedValue?: BentoListboxSelectedValue) => void) => {
+export declare const useDropdownOptionsListbox: (selectedValue: Ref<BentoListboxSelectedValue>, multiple: Ref<boolean>, isOpen: Ref<boolean>, emit: (event: BentoListboxEvent | BentoDropdownEvent, selectedValue?: BentoListboxSelectedValue) => void) => {
     actions: import("../../../../../../../vue3/node_modules/vue").ComputedRef<({
         title: string;
         event: () => void;
@@ -20,4 +20,5 @@ export declare const useDropdownOptionsListbox: (selectedValue: Ref<BentoListbox
         "enter-pressed": (newSelectedValue: BentoListboxSelectedValue) => void;
     };
     onEscapeKey: () => void;
+    onOutsideDropdownClick: () => void;
 };

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

@@ -1084,6 +1084,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     } & import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, "small" | "title" | "large" | "position" | "open" | "modifiers" | "fallbackPosition" | "fixedPositioning" | "ariaLabel" | "actions" | "actionsLayout" | "divider" | "disableFocusTrap" | "dismissible" | "fitContent" | "withoutSpace">)>;
     dropdownOptionsListboxRef: any;
     onEscapeKey: () => void;
+    onOutsideDropdownClick: () => void;
     listeners: {
         select: (newSelectedValue: BentoListboxSelectedValue) => void;
         "show-more": () => void;