@bytebrand/fe-ui-core 4.6.8 → 4.6.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/package.json +1 -1
  2. package/source/components/VehicleSmallCard/VehicleData/VehicleInfo/VehicleInfo.tsx +3 -1
  3. package/source/components/VehicleSmallCard/VehicleData/VehicleProperty/VehicleProperty.styl +8 -0
  4. package/source/components/VehicleSmallCard/VehicleData/VehicleProperty/VehicleProperty.tsx +4 -2
  5. package/source/framework/vehiclesProps/vehicleDetails.ts +2 -2
  6. package/source/locales/data.ts +3 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bytebrand/fe-ui-core",
3
- "version": "4.6.8",
3
+ "version": "4.6.10",
4
4
  "description": "UI components for the auto.de project",
5
5
  "main": "index.ts",
6
6
  "module": "dist/common.js",
package/source/components/VehicleSmallCard/VehicleData/VehicleInfo/VehicleInfo.tsx CHANGED
@@ -84,7 +84,9 @@ const VehicleInfo: React.FC<IVehicleInfoProps> = (props) => {
84
84
  icon: decoratedProps[prop].icon,
85
85
  description: decoratedProps[prop].value,
86
86
  className: styles[decoratedProps[prop].name],
87
- classNameIcon: (vehicleComponentName === 'search' || 'myVehicles' || 'favorite' || 'recently') && styles.carIconSearch
87
+ classNameIcon: (vehicleComponentName === 'search' || 'myVehicles' || 'favorite' || 'recently') && styles.carIconSearch,
88
+ smalltext: prop === 'consumptionCombinedAlternateView',
89
+ hybridPlugin: engineData.hybridPlugin
88
90
  }));
89
91
 
90
92
  return mainPropertiesList.map((property: any, index: number) => (
package/source/components/VehicleSmallCard/VehicleData/VehicleProperty/VehicleProperty.styl CHANGED
@@ -9,6 +9,14 @@
9
9
  align-items: center;
10
10
  border-bottom: 1px solid rgba(76, 78, 100, 0.12);
11
11
 
12
+ .smallProp
13
+ span
14
+ font-size: 10px !important
15
+
16
+ .pluginVal
17
+ span
18
+ font-size: 9px !important
19
+
12
20
  .carIcon
13
21
  width: 28px;
14
22
  height: 30px;
package/source/components/VehicleSmallCard/VehicleData/VehicleProperty/VehicleProperty.tsx CHANGED
@@ -5,8 +5,10 @@ import styles from './VehicleProperty.styl';
5
5
  export interface IVehicleProperty {
6
6
  className?: string;
7
7
  classNameIcon?: string;
8
+ smalltext?: boolean;
8
9
  icon: string;
9
10
  description: React.ReactNode;
11
+ hybridPlugin?: boolean;
10
12
  }
11
13
 
12
14
  class VehicleProperty extends React.Component<IVehicleProperty, {}> {
@@ -16,8 +18,8 @@ class VehicleProperty extends React.Component<IVehicleProperty, {}> {
16
18
  };
17
19
 
18
20
  render(): React.ReactNode {
19
- const { className, classNameIcon, icon, description } = this.props;
20
- const propertyClass: string = `${styles.carProp} ${className ? className : ''}`;
21
+ const { className, classNameIcon, icon, description, smalltext, hybridPlugin } = this.props;
22
+ const propertyClass: string = `${styles.carProp} ${className ? className : ''} ${smalltext ? styles.smallProp : ''} ${hybridPlugin ? styles.pluginVal : ''}`;
21
23
  const propertyClassIcon: string = `${styles.carIcon} ${classNameIcon ? classNameIcon : ''}`;
22
24
 
23
25
  return (
package/source/framework/vehiclesProps/vehicleDetails.ts CHANGED
@@ -43,8 +43,8 @@ const consumptionHydrogenCombinedAlternateView = ['consumptionHydrogenCombinedAl
43
43
  const environmentElectroWLTP = ['wltpPowerCombined', 'wltpCo2', 'wltpRange', 'wltpPowerSlow', 'wltpPowerMedium',
44
44
  'wltpPowerFast', 'wltpPowerVeryFast', 'powerPrice', 'consumptionPriceYear', 'wltpEnergyEfficiencyClass'];
45
45
  const environmentPluginHybridWLTP = ['wltpWeightedCombined', 'wltpTotalRange', 'wltpWeightedPowerCombined', 'wltpCo2Plugin',
46
- 'wltpCo2Discharged', 'wltpPowerCombined', 'wltpPowerSlow', 'wltpPowerMedium', 'wltpPowerFast', 'wltpPowerVeryFast',
47
- 'wltpPowerCombinedPlugin', 'wltpPowerSlowPlugin', 'wltpPowerMediumPlugin', 'wltpPowerFastPlugin',
46
+ 'wltpCo2Discharged', 'wltpPowerCombinedPlugin', 'wltpPowerSlowPlugin', 'wltpPowerMediumPlugin', 'wltpPowerFastPlugin', 'wltpPowerVeryFastPlugin',
47
+ 'wltpCombinedPlugin', 'wltpSlowPlugin', 'wltpMediumPlugin', 'wltpFastPlugin', 'wltpPowerFastPlugin',
48
48
  'fuelPrice', 'powerPrice', 'consumptionPriceYear', 'wltpEnergyEfficiencyClass'];
49
49
  const environmentElectroBenzinDieselEthanolHybridWLTP = ['wltpCombined', 'wltpCo2', 'wltpSlow', 'wltpMedium', 'wltpFast', 'wltpVeryFast', 'fuelPrice', 'consumptionPriceYear', 'wltpEnergyEfficiencyClass'];
50
50
  const environmentHydrogenWLTP = ['wltpCombinedGas', 'wltpCo2', 'wltpSlowGas', 'wltpMediumGas', 'wltpFastGas', 'wltpVeryFastGas', 'fuelPrice', 'consumptionPriceYear', 'wltpEnergyEfficiencyClass'];
package/source/locales/data.ts CHANGED
@@ -46,7 +46,7 @@ export const vehicleProps = (car?: any, isOfferAvailable: boolean = true) => {
46
46
  mileage: `${vehicleOption.mileage} km`,
47
47
  consumption: `${vehicleOption.consumptionCombined}l/100km`,
48
48
  consumptionPower: `${vehicleOption.consumptionPowerCombined}kWh/100km`,
49
- consumptionPowerCombined: `${vehicleOption.consumptionPowerCombined}kWh/100km (komb)*`,
49
+ consumptionPowerCombined: `${vehicleOption.consumptionPowerCombined}kWh/100km`,
50
50
  consumptionGas: `${vehicleOption.consumptionCombined}kg/100km`,
51
51
  consumptionCombined: `${vehicleOption.consumptionCombined}l/100km`,
52
52
  power: `${vehicleOption.powerKW}\u00A0kW (${vehicleOption.powerPS}\u00A0PS)`,
@@ -83,8 +83,8 @@ export const vehicleProps = (car?: any, isOfferAvailable: boolean = true) => {
83
83
  no: 'Nein',
84
84
  yes: 'Ja',
85
85
  batteryCapacity: `${vehicleOption.batteryCapacity} kWh`,
86
- wltpCo2Combined: `${vehicleOption.wltpCo2}g CO2/km (WLTP, comb)*`,
87
- wltpCo2WtdCombined: `${vehicleOption.wltpCo2}g CO2/km (WLTP, gew., comb)*`
86
+ wltpCo2Combined: `${vehicleOption.wltpCo2}g CO2/km (WLTP, komb)*`,
87
+ wltpCo2WtdCombined: `${vehicleOption.wltpCo2}g CO2/km (WLTP, gew., komb)*`
88
88
 
89
89
  },
90
90
  title: {