@bytebrand/fe-ui-core 4.6.9 → 4.6.11

package/package.json

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

package/source/components/VehicleSmallCard/VehicleData/VehicleInfo/VehicleInfo.tsx

@@ -85,7 +85,8 @@ const VehicleInfo: React.FC<IVehicleInfoProps> = (props) => {
       description: decoratedProps[prop].value,
       className: styles[decoratedProps[prop].name],
       classNameIcon: (vehicleComponentName === 'search' || 'myVehicles' || 'favorite' || 'recently') && styles.carIconSearch,
-      hybridPlugin: engineData.hybridPlugin && prop === 'consumptionCombinedAlternateView' && vehicleComponentName === 'landing'
+      smalltext: prop === 'consumptionCombinedAlternateView',
+      hybridPlugin: engineData.hybridPlugin 
     }));
 
     return mainPropertiesList.map((property: any, index: number) => (

package/source/components/VehicleSmallCard/VehicleData/VehicleProperty/VehicleProperty.styl

@@ -10,6 +10,10 @@
   border-bottom: 1px solid rgba(76, 78, 100, 0.12);
 
 .smallProp
+  span
+    font-size: 10px !important
+
+.pluginVal
   span
     font-size: 9px !important
 

package/source/components/VehicleSmallCard/VehicleData/VehicleProperty/VehicleProperty.tsx

@@ -5,9 +5,10 @@ import styles from './VehicleProperty.styl';
 export interface IVehicleProperty {
   className?: string;
   classNameIcon?: string;
-  hybridPlugin?: boolean;
+  smalltext?: boolean;
   icon: string;
   description: React.ReactNode;
+  hybridPlugin?: boolean;
 }
 
 class VehicleProperty extends React.Component<IVehicleProperty, {}> {
@@ -17,8 +18,8 @@ class VehicleProperty extends React.Component<IVehicleProperty, {}> {
   };
 
   render(): React.ReactNode {
-    const { className, classNameIcon, icon, description, hybridPlugin } = this.props;
-    const propertyClass: string = `${styles.carProp} ${className ? className : ''} ${hybridPlugin ? styles.smallProp : ''}`;
+    const { className, classNameIcon, icon, description, smalltext, hybridPlugin } = this.props;
+    const propertyClass: string = `${styles.carProp} ${className ? className : ''} ${smalltext ? styles.smallProp : ''} ${hybridPlugin ? styles.pluginVal : ''}`;
     const propertyClassIcon: string = `${styles.carIcon} ${classNameIcon ? classNameIcon : ''}`;
 
     return (

package/source/framework/vehiclesProps/decoratedProps.tsx

@@ -1469,7 +1469,7 @@ const getDecoratedProps = (
       }
     },
     wltpPowerCombinedPlugin: {
-      title: t('vehicleProps:title.wltpPowerCombinedPlugin'),
+      title: t('vehicleProps:title.wltpPowerCombined'),
       get value() {
         const wltpPowerCombined = car.consumption.wltpPowerCombined;
         const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
@@ -1480,7 +1480,7 @@ const getDecoratedProps = (
       }
     },
     wltpPowerSlowPlugin: {
-      title: t('vehicleProps:title.wltpPowerSlowPlugin'),
+      title: t('vehicleProps:title.wltpPowerSlow'),
       get value() {
         const wltpPowerSlow = car.consumption.wltpPowerSlow;
         const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
@@ -1491,7 +1491,7 @@ const getDecoratedProps = (
       }
     },
     wltpPowerMediumPlugin: {
-      title: t('vehicleProps:title.wltpPowerMediumPlugin'),
+      title: t('vehicleProps:title.wltpPowerMedium'),
       get value() {
         const wltpPowerMedium = car.consumption.wltpPowerMedium;
         const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
@@ -1502,7 +1502,7 @@ const getDecoratedProps = (
       }
     },
     wltpPowerFastPlugin: {
-      title: t('vehicleProps:title.wltpPowerFastPlugin'),
+      title: t('vehicleProps:title.wltpPowerFast'),
       get value() {
         const wltpPowerFast = car.consumption.wltpPowerFast;
         const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
@@ -1513,7 +1513,7 @@ const getDecoratedProps = (
       }
     },
     wltpPowerVeryFastPlugin: {
-      title: t('vehicleProps:title.wltpPowerVeryFastPlugin'),
+      title: t('vehicleProps:title.wltpPowerVeryFast'),
       get value() {
         const wltpPowerVeryFast = car.consumption.wltpPowerVeryFast;
         const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';

package/source/framework/vehiclesProps/vehicleDetails.ts

@@ -43,8 +43,8 @@ const consumptionHydrogenCombinedAlternateView = ['consumptionHydrogenCombinedAl
 const environmentElectroWLTP = ['wltpPowerCombined', 'wltpCo2', 'wltpRange', 'wltpPowerSlow', 'wltpPowerMedium',
   'wltpPowerFast', 'wltpPowerVeryFast', 'powerPrice', 'consumptionPriceYear', 'wltpEnergyEfficiencyClass'];
 const environmentPluginHybridWLTP = ['wltpWeightedCombined', 'wltpTotalRange', 'wltpWeightedPowerCombined', 'wltpCo2Plugin',
-  'wltpCo2Discharged', 'wltpPowerCombined', 'wltpPowerSlow', 'wltpPowerMedium', 'wltpPowerFast', 'wltpPowerVeryFast',
-  'wltpPowerCombinedPlugin', 'wltpPowerSlowPlugin', 'wltpPowerMediumPlugin', 'wltpPowerFastPlugin',
+  'wltpCo2Discharged', 'wltpPowerCombinedPlugin', 'wltpPowerSlowPlugin', 'wltpPowerMediumPlugin', 'wltpPowerFastPlugin', 'wltpPowerVeryFastPlugin',
+  'wltpCombinedPlugin', 'wltpSlowPlugin', 'wltpMediumPlugin', 'wltpFastPlugin', 'wltpVeryFastPlugin',
   'fuelPrice', 'powerPrice', 'consumptionPriceYear', 'wltpEnergyEfficiencyClass'];
 const environmentElectroBenzinDieselEthanolHybridWLTP = ['wltpCombined', 'wltpCo2', 'wltpSlow', 'wltpMedium', 'wltpFast', 'wltpVeryFast', 'fuelPrice', 'consumptionPriceYear', 'wltpEnergyEfficiencyClass'];
 const environmentHydrogenWLTP = ['wltpCombinedGas', 'wltpCo2', 'wltpSlowGas', 'wltpMediumGas', 'wltpFastGas', 'wltpVeryFastGas', 'fuelPrice', 'consumptionPriceYear', 'wltpEnergyEfficiencyClass'];