@bytebrand/fe-ui-core 4.8.12 → 4.8.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core",
-  "version": "4.8.12",
+  "version": "4.8.14",
   "description": "UI components for the auto.de project",
   "main": "index.ts",
   "module": "dist/common.js",

package/source/components/_common/MaterialField/MaterialField.tsx

@@ -21,6 +21,7 @@ export interface IVehicleModalProps {
   variant?: 'filled' | 'outlined' | 'standard';
   label?: string;
   placeholder?: string;
+  maxLength?: number;
   onChange: (value: string, name?: string, event?: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
 }
 
@@ -40,7 +41,8 @@ const MaterialField: React.FC<IVehicleModalProps> = ({
   value,
   multiline,
   rows,
-  placeholder
+  placeholder,
+  maxLength
 }: IVehicleModalProps) => {
   const [showPassword, setShowPassword] = React.useState(false);
   const [enteredValue, setEnteredValue] = useState(value);
@@ -88,6 +90,7 @@ const MaterialField: React.FC<IVehicleModalProps> = ({
         className={className}
         multiline={multiline}
         variant={variant}
+        inputProps={maxLength ? { maxLength } : {}}
         rows={rows}
         placeholder={placeholder}
         InputProps={{

package/source/framework/vehiclesProps/decoratedProps.tsx

@@ -1579,7 +1579,7 @@ const getDecoratedProps = (
 
         const { getCo2Price } = financingUtils;
         const { co2PriceLow } = getCo2Price(wltpCo2);
-        return Number.isFinite(co2PriceLow) ? ('vehicleProps:value.wltpCo2PriceSpec') : '';
+        return Number.isFinite(co2PriceLow) ? t('vehicleProps:value.wltpCo2PriceSpec') : '';
       }
     },
     wltpCo2CostsMiddle: {
@@ -1601,7 +1601,7 @@ const getDecoratedProps = (
 
         const { getCo2Price } = financingUtils;
         const { co2PriceMedium } = getCo2Price(wltpCo2);
-        return Number.isFinite(co2PriceMedium) ? ('vehicleProps:value.wltpCo2PriceSpec') : '';
+        return Number.isFinite(co2PriceMedium) ? t('vehicleProps:value.wltpCo2PriceSpec') : '';
       }
     },
     wltpCo2CostsHigh: {
@@ -1623,7 +1623,7 @@ const getDecoratedProps = (
 
         const { getCo2Price } = financingUtils;
         const { co2PriceHigh } = getCo2Price(wltpCo2);
-        return Number.isFinite(co2PriceHigh) ? ('vehicleProps:value.wltpCo2PriceSpec') : '';
+        return Number.isFinite(co2PriceHigh) ? t('vehicleProps:value.wltpCo2PriceSpec') : '';
       }
     },
     powerPrice: {