refactor: extract validation functions

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Signed-off-by: Peter Laske <37439758+laske185@users.noreply.github.com>

Author: laske185

packages/components/src/schema/props/alert-type.ts

@@ -14,6 +14,10 @@ export type PropAlertType = {
 	type: AlertTypePropType;
 };
 
+const isAlertTypePropType = (value: unknown): value is AlertTypePropType => {
+    return typeof value === 'string' && alertTypeOptions.includes(value as AlertTypePropType);
+};
+
 export const validateAlertType = (component: Generic.Element.Component, value?: AlertTypePropType): void => {
-	watchValidator(component, '_type', (value) => typeof value === 'string' && alertTypeOptions.includes(value), new Set(alertTypeOptions), value);
+    watchValidator(component, '_type', isAlertTypePropType, new Set(alertTypeOptions), value);
 };

packages/components/src/schema/props/resize-textarea.ts

@@ -12,8 +12,12 @@ export type PropResizeTextarea = {
 	resize: TextareaResizePropType;
 };
 
+const isTextareaResizePropType = (value: unknown): value is TextareaResizePropType => {
+    return typeof value === 'string' && textareaResizeOptions.includes(value as TextareaResizePropType);
+};
+
 export const validateResizeTextarea = (component: Generic.Element.Component, value?: TextareaResizePropType): void => {
-	watchValidator(component, '_resize', (value) => typeof value === 'string' && textareaResizeOptions.includes(value), new Set(textareaResizeOptions), value, {
-		defaultValue: 'vertical',
-	});
+    watchValidator(component, '_resize', isTextareaResizePropType, new Set(textareaResizeOptions), value, {
+        defaultValue: 'vertical',
+    });
 };

packages/components/src/schema/props/type-input-date.ts

@@ -12,6 +12,10 @@ export type PropTypeInputDate = {
 	type: InputDateTypePropType;
 };
 
+const isInputDateTypePropType = (value: unknown): value is InputDateTypePropType => {
+    return typeof value === 'string' && inputDateTypeOptions.includes(value as InputDateTypePropType);
+};
+
 export const validateTypeInputDate = (component: Generic.Element.Component, value?: InputDateTypePropType): void => {
-	watchValidator(component, '_type', (value) => typeof value === 'string' && inputDateTypeOptions.includes(value), new Set(inputDateTypeOptions), value);
+    watchValidator(component, '_type', isInputDateTypePropType, new Set(inputDateTypeOptions), value);
 };

packages/components/src/schema/props/type-input-text.ts

@@ -12,6 +12,10 @@ export type PropTypeInputText = {
 	type: InputTextTypePropType;
 };
 
+const isInputTextTypePropType = (value: unknown): value is InputTextTypePropType => {
+    return typeof value === 'string' && inputTextTypeOptions.includes(value as InputTextTypePropType);
+};
+
 export const validateTypeInputText = (component: Generic.Element.Component, value?: InputTextTypePropType): void => {
-	watchValidator(component, '_type', (value) => typeof value === 'string' && inputTextTypeOptions.includes(value), new Set(inputTextTypeOptions), value);
+    watchValidator(component, '_type', isInputTextTypePropType, new Set(inputTextTypeOptions), value);
 };

packages/components/src/schema/props/variant-alert.ts

@@ -12,6 +12,10 @@ export type PropAlertVariant = {
 	variant: AlertVariantPropType;
 };
 
+const isAlertVariantPropType = (value: unknown): value is AlertVariantPropType => {
+    return typeof value === 'string' && alertVariantOptions.includes(value as AlertVariantPropType);
+};
+
 export const validateAlertVariant = (component: Generic.Element.Component, value?: AlertVariantPropType): void => {
-	watchValidator(component, '_variant', (value) => typeof value === 'string' && alertVariantOptions.includes(value), new Set(alertVariantOptions), value);
+    watchValidator(component, '_variant', isAlertVariantPropType, new Set(alertVariantOptions), value);
 };

packages/components/src/schema/props/variant-input-checkbox.ts

@@ -12,11 +12,15 @@ export type PropVariantInputCheckbox = {
 	variant: InputCheckboxVariantPropType;
 };
 
+const isInputCheckboxVariantPropType = (value: unknown): value is InputCheckboxVariantPropType => {
+	return typeof value === 'string' && inputCheckboxVariantOptions.includes(value as InputCheckboxVariantPropType);
+};
+
 export const validateVariantInputCheckbox = (component: Generic.Element.Component, value?: InputCheckboxVariantPropType): void => {
 	watchValidator(
 		component,
 		'_variant',
-		(value) => typeof value === 'string' && inputCheckboxVariantOptions.includes(value),
+		isInputCheckboxVariantPropType,
 		new Set(inputCheckboxVariantOptions),
 		value,
 	);

packages/components/src/schema/props/variant-progress.ts

@@ -12,6 +12,10 @@ export type PropVariantProgress = {
 	variant: ProgressVariantPropType;
 };
 
+const isProgressVariantPropType = (value: unknown): value is ProgressVariantPropType => {
+    return typeof value === 'string' && progressVariantOptions.includes(value as ProgressVariantPropType);
+};
+
 export const validateVariantProgress = (component: Generic.Element.Component, value?: ProgressVariantPropType): void => {
-	watchValidator(component, '_variant', (value) => typeof value === 'string' && progressVariantOptions.includes(value), new Set(progressVariantOptions), value);
+    watchValidator(component, '_variant', isProgressVariantPropType, new Set(progressVariantOptions), value);
 };

packages/components/src/schema/props/variant-quote.ts

@@ -12,6 +12,10 @@ export type PropVariantQuote = {
 	variant: QuoteVariantPropType;
 };
 
+const isQuoteVariantPropType = (value: unknown): value is QuoteVariantPropType => {
+    return typeof value === 'string' && quoteVariantOptions.includes(value as QuoteVariantPropType);
+};
+
 export const validateVariantQuote = (component: Generic.Element.Component, value?: QuoteVariantPropType): void => {
-	watchValidator(component, '_variant', (value) => typeof value === 'string' && quoteVariantOptions.includes(value), new Set(quoteVariantOptions), value);
+    watchValidator(component, '_variant', isQuoteVariantPropType, new Set(quoteVariantOptions), value);
 };