@db-ux/v-core-components 2.0.9 → 2.1.0

package/dist/components/custom-select/custom-select.vue.d.ts

@@ -33,8 +33,8 @@ declare const __VLS_component: import("vue").DefineComponent<DBCustomSelectProps
     open: boolean;
     multiple: boolean | string;
     options: CustomSelectOptionType[];
-    ariaListLabel: string;
     amountText: string;
+    ariaListLabel: string;
     clearSelectionText: string;
     dropdownWidth: import("../custom-select-dropdown/model").CustomSelectDropdownWidthType | string;
     formFieldWidth: import("../../shared/model").WidthType | string;
@@ -42,18 +42,23 @@ declare const __VLS_component: import("vue").DefineComponent<DBCustomSelectProps
     mobileCloseButtonText: string;
     noResultsText: string;
     removeTagsTexts: string[];
+    searchFilter: (option: CustomSelectOptionType, filterText: string) => boolean;
     searchLabel: string;
     searchPlaceholder: string;
+    searchValue: string;
     selectAllLabel: string;
+    selectedLabels: string;
     selectedType: import("./model").SelectedTypeType;
     showClearSelection: boolean;
     showLoading: boolean;
     showNoResults: boolean;
     showSearch: boolean;
     showSelectAll: boolean;
+    transformSelectedLabels: (selectedOptions?: CustomSelectOptionType[]) => string;
     onAmountChange: (amount: number) => void;
     onOptionSelected: (values: string[]) => void;
     onDropdownToggle: (event: any) => void;
+    onSearch: (event: any) => void;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/components/custom-select/model.d.ts

@@ -51,16 +51,24 @@ export type DBCustomSelectEvents = {
      * Informs the user when dropdown was toggled.
      */
     dropdownToggle?: (event: any) => void;
-};
-export type DBCustomSelectDefaultProps = {
     /**
-     * Overwrite the default aria-label (props.label) for the custom-select-list
+     * Informs the user when a search was performed.
      */
-    ariaListLabel?: string;
+    onSearch?: (event: any) => void;
+    /**
+     * Informs the user when a search was performed.
+     */
+    search?: (event: any) => void;
+};
+export type DBCustomSelectDefaultProps = {
     /**
      * Optional: if select-type="amount" change the shown text
      */
     amountText?: string;
+    /**
+     * Overwrite the default aria-label (props.label) for the custom-select-list
+     */
+    ariaListLabel?: string;
     /**
      * Label for the clear selection button
      */
@@ -107,6 +115,10 @@ export type DBCustomSelectDefaultProps = {
      * Optional: if you use selectedType=tag and options, you need to set the removeTagsTexts for screen reader users
      */
     removeTagsTexts?: string[];
+    /**
+     * Optional: Change the filter function for the search input
+     */
+    searchFilter?: (option: CustomSelectOptionType, filterText: string) => boolean;
     /**
      * Search label
      */
@@ -115,10 +127,19 @@ export type DBCustomSelectDefaultProps = {
      * Search placeholder
      */
     searchPlaceholder?: string;
+    /**
+     * Optional: Prefill the value of the search input
+     */
+    searchValue?: string;
     /**
      * Select all checkbox label
      */
     selectAllLabel?: string;
+    /**
+     * Optional: If you want to show a custom label for the selected values.
+     * You need to define the empty state as well based on selected options.
+     */
+    selectedLabels?: string;
     /**
      * Change the selected type for values shown in multi select
      */
@@ -143,6 +164,10 @@ export type DBCustomSelectDefaultProps = {
      * Forces select all checkbox (only for multiple).
      */
     showSelectAll?: boolean;
+    /**
+     * Optional: If you want to show a custom label based on the selected options.
+     */
+    transformSelectedLabels?: (selectedOptions?: CustomSelectOptionType[]) => string;
     /**
      * Initial value for multi select
      */
@@ -164,6 +189,7 @@ export type DBCustomSelectDefaultState = {
     _infoTextId?: string;
     _internalChangeTimestamp: number;
     _documentClickListenerCallbackId?: string;
+    _searchValue?: string;
     getNativeSelectValue: () => string;
     getOptionLabel: (option: CustomSelectOptionType) => string;
     getOptionChecked: (value?: string) => boolean;

package/dist/components/icon/icon.vue.d.ts

@@ -5,7 +5,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<DBIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBIconProps> & Readonly<{}>, {
     text: string;
-    variant: import("./model").IconVariantType;
+    variant: string;
     children: any;
     className: string;
     id: string;

package/dist/components/icon/model.d.ts

@@ -1,10 +1,8 @@
 import { GlobalProps, GlobalState, IconProps, TextProps } from '../../shared/model';
-export declare const IconVariantList: readonly ["default", "inverted", "filled"];
-export type IconVariantType = (typeof IconVariantList)[number];
 export declare const IconWeightList: readonly ["16", "20", "24", "32", "48", "64"];
 export type IconWeightType = (typeof IconWeightList)[number];
 export type DBIconDefaultProps = {
-    variant?: IconVariantType;
+    variant?: string;
     weight?: IconWeightType;
 };
 export type DBIconProps = DBIconDefaultProps & GlobalProps & IconProps & TextProps;

package/dist/components/select/model.d.ts

@@ -1,7 +1,8 @@
 import { ChangeEventProps, ChangeEventState, ClickEventProps, ClickEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, FromValidState, GlobalProps, GlobalState, IconProps, InitializedState, InputEventProps, InputEventState, ShowIconProps } from '../../shared/model';
 export type DBSelectDefaultProps = {
     /**
-     * Enable multiple select -> use DBCustomSelect/db-custom-select for a better look
+     * @deprecated
+     * Enables multiple select, but it isn't styled, please use DBCustomSelect/db-custom-select instead
      */
     multiple?: boolean;
     /**

package/dist/components/tooltip/model.d.ts

@@ -1,6 +1,17 @@
 import { ClickEventState, EmphasisProps, GlobalProps, GlobalState, InitializedState, PlacementProps, PopoverProps, PopoverState } from '../../shared/model';
+export declare const TooltipVariantList: readonly ["description", "label"];
+export type TooltipVariantType = (typeof TooltipVariantList)[number];
 export type DBTooltipDefaultProps = {
+    /**
+     * Show/Hides arrow
+     */
     showArrow?: boolean | string;
+    /**
+     * Change the behavior of the tooltip:
+     * - description: Adds `aria-describedby` to parent
+     * - label: Adds `aria-labelledby` to parent
+     */
+    variant?: TooltipVariantType;
 };
 export type DBTooltipProps = DBTooltipDefaultProps & GlobalProps & EmphasisProps & PlacementProps & PopoverProps;
 export type DBTooltipDefaultState = {};

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

@@ -4,6 +4,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<DBTooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBTooltipProps> & Readonly<{}>, {
+    variant: import("./model").TooltipVariantType;
     children: any;
     className: string;
     id: string;