feat(): hand over remove-labels correctly and adapt model

Author: michaelmkraus

packages/components/src/components/custom-select/model.ts

@@ -265,7 +265,7 @@ export type DBCustomSelectDefaultState = {
 	getNativeSelectValue: () => string;
 	getOptionLabel: (option: CustomSelectOptionType) => string;
 	getOptionChecked: (value?: string) => boolean;
-	getTagRemoveLabel: (index: number) => string;
+	getTagRemoveLabel: (option: CustomSelectOptionType) => string;
 	selectAllEnabled: boolean;
 	searchEnabled: boolean;
 	amountOptions: number;

showcases/angular-showcase/src/app/components/custom-select/custom-select.component.html

@@ -37,6 +37,7 @@
 				"
 				[label]="exampleName"
 				[options]="exampleProps?.options"
+				[removeTagsTexts]="exampleProps?.removeTagsTexts"
 				[variant]="exampleProps?.variant"
 				[message]="exampleProps?.message"
 				[required]="exampleProps?.required"

showcases/react-showcase/src/components/custom-select/index.tsx

@@ -42,7 +42,8 @@ const getCustomSelect = ({
 	validMessage,
 	validation,
 	invalidMessage,
-	showRequiredAsterisk
+	showRequiredAsterisk,
+	removeTagsTexts
 }: DBCustomSelectProps & {
 	lineBreak?: boolean;
 	info?: boolean;
@@ -89,6 +90,7 @@ const getCustomSelect = ({
 			label={children}
 			ariaListLabel={`${id}-${children}`}
 			options={options}
+			removeTagsTexts={removeTagsTexts}
 			variant={variant}
 			message={message}
 			required={required}

showcases/vue-showcase/src/components/custom-select/CustomSelect.vue

@@ -62,6 +62,7 @@ const getSearchFilter = (option: CustomSelectOptionType, _: string): boolean =>
 				"
 				:label="exampleName"
 				:options="exampleProps?.options"
+				:removeTagsTexts="exampleProps?.removeTagsTexts"
 				:variant="exampleProps?.variant"
 				:message="exampleProps?.message"
 				:required="exampleProps?.required"