@bytebrand/fe-ui-core 4.1.164 → 4.1.166

package/package.json

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

package/source/components/_common/MaterialAutocomplete/MaterialAutocomplete.tsx

@@ -101,7 +101,7 @@ const MaterialAutocomplete: React.FC<IMaterialAutocompleteProps> = ({
         handleHomeEndKeys
         value={value}
         name={name}
-        error={error}
+        error={error.toString()}
         readOnly={readOnly}
         listwithimage={listWithImage}
         onChange={(e, newValue, reason: string, details?: { option: any }) => {
@@ -205,7 +205,7 @@ const MaterialAutocomplete: React.FC<IMaterialAutocompleteProps> = ({
             {...params}
             type={type}
             className={selectClassName}
-            error={error}
+            error={error.toString()}
             disabled={disabled}
             required={required}
             size={size}

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

@@ -70,7 +70,7 @@ const MaterialField: React.FC<IVehicleModalProps> = ({
         value={value}
         name={name}
         sx={sx}
-        error={error}
+        error={error.toString()}
         type={type === 'password' ? passType : type}
         disabled={disabled}
         required={required}

package/source/components/_common/MaterialSelect/MaterialSelect.tsx

@@ -141,7 +141,7 @@ const MaterialSelect: React.FC<IVehicleModalProps> = ({
     <ThemeProvider theme={Theme}>
       <FormControl
         className={className}
-        error={error}
+        error={error.toString()}
         disabled={disabled}
         required={required}
         size={size}

package/source/components/_common/TextField/FormTextField.tsx

@@ -44,7 +44,7 @@ class FormTextField extends React.Component<IFormTextFieldProps, {}> {
 
     return (
       <div className={classnames(styles.field, className)}>
-        <TextField error={hasError && error} {...props} type={type || field.type} />
+        <TextField error={(hasError && error).toString()} {...props} type={type || field.type} />
         {hasError && error ? (<span className={errorClassName}>{error}</span>) : false}
       </div>
     );

package/source/framework/vehiclesProps/decoratedProps.tsx

@@ -295,11 +295,9 @@ const getDecoratedProps = (
     chargingDuration230V: {
       title: t('vehicleProps:title.chargingDuration230V'),
       get value() {
-        const {
-          batteryChargingDuration230VSelect,
-          batteryChargingDuration230VHour,
-          batteryCharchingDuration230VMinutesHours
-        } = car.battery;
+        const batteryChargingDuration230VSelect = car.battery && car.battery.batteryChargingDuration230VSelect;
+        const batteryChargingDuration230VHour = car.battery && car.battery.batteryChargingDuration230VHour;
+        const batteryCharchingDuration230VMinutesHours = car.battery && car.battery.batteryCharchingDuration230VMinutesHours;
 
         return batteryChargingDuration230VSelect
           ? `${batteryChargingDuration230VHour ? `${batteryChargingDuration230VHour} ${isCheckedBatteryTime(batteryCharchingDuration230VMinutesHours, t)}` : ''} ${batteryChargingDuration230VSelect}`
@@ -309,11 +307,9 @@ const getDecoratedProps = (
     chargingDurationMaxSpeed: {
       title: t('vehicleProps:title.chargingDurationMaxSpeed'),
       get value() {
-        const {
-          batteryChargingDurationMaxSelect,
-          batteryChargingDurationMaxHour,
-          batteryCharchingDurationMaxSelectMinutesHours
-        } = car.battery;
+        const batteryChargingDurationMaxSelect = car.battery && car.battery.batteryChargingDurationMaxSelect
+        const batteryChargingDurationMaxHour = car.battery && car.battery.batteryChargingDurationMaxHour
+        const batteryCharchingDurationMaxSelectMinutesHours = car.battery && car.battery.batteryCharchingDurationMaxSelectMinutesHours
 
         return batteryChargingDurationMaxSelect
           ? `${batteryChargingDurationMaxHour ? `${batteryChargingDurationMaxHour} ${isCheckedBatteryTime(batteryCharchingDurationMaxSelectMinutesHours, t)}` : ''} ${batteryChargingDurationMaxSelect}`
@@ -323,7 +319,7 @@ const getDecoratedProps = (
     batteryChargerType: {
       title: t('vehicleProps:title.batteryChargerType'),
       get value() {
-        const { batteryChargerType } = car.battery;
+        const batteryChargerType = car.battery && car.battery.batteryChargerType
 
         return isPropDefined(batteryChargerType)
           ? batteryChargerType.map((item: any) => t(`cbd:${item}`)).join('\n')
@@ -775,7 +771,7 @@ const getDecoratedProps = (
     batteryRangeElectric: {
       title: t('vehicleProps:title.batteryRangeElectric'),
       get value() {
-        const { batteryRangeElectric } = car.battery;
+        const batteryRangeElectric = car.battery && car.battery.batteryRangeElectric;
         return Number.isFinite(batteryRangeElectric)
           ? t('vehicleProps:value.batteryRangeElectric', { consumption: batteryRangeElectric.toLocaleString(language) })
           : t('vehicleProps:value.na');