@bytebrand/fe-ui-core 4.1.197 → 4.1.199

package/package.json

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

package/source/components/SearchFilters/common/FilterBlock/FilterBlockFactory.tsx

@@ -125,7 +125,7 @@ export const HIGHLIGHTS_TYPES = transformHighlights();
 
 export const FilterBlockFactory: IFilterBlockFactory = {
   SUPER_ADMIN:        (props: any): JSX.Element => (<SuperAdminWidget {...props} />),
-  BASIC_DATA:         (props: any): JSX.Element => (<BasicDataWidget {...props} />),
+  BASIC_DATA:         (props: any): JSX.Element => (<BasicDataWidget {...props} isNotDetailed={true}/>),
   DRIVE_TRANSMISSION: (props: any): JSX.Element => (<DriveTransmissionWidget {...props} />),
   BODY_COLOR:         (props: any): JSX.Element => (<BodyColorWidget {...props} />),
   INTERIOR:           (props: any): JSX.Element => (<InteriorWidget {...props} />),

package/source/components/SearchFilters/filters/Fuel.tsx

@@ -10,6 +10,7 @@ interface IFuelProps {
   values: any[];
   aggregation?: any;
   t?: any;
+  isNotDetailed:boolean;
   onChange: (fieldName: string, fieldValue: string[]) => void;
 }
 
@@ -28,7 +29,7 @@ class Fuel extends React.Component<IFuelProps, {}> {
   };
 
   getOptions = (options: string[]) => options.map((option: string) => {
-    const { t } = this.props;
+    const { t, isNotDetailed } = this.props;
 
     const agg = this.getAggregation(option);
 
@@ -36,6 +37,7 @@ class Fuel extends React.Component<IFuelProps, {}> {
       value: option,
       label: (
         <span className={styles.wrapOptions}>
+          {!isNotDetailed?<IconSVG name={option} customDimensions />:null}
           <FilterLabel text={t(`cbd:${option}`)} agg={agg} />
         </span>
       )

package/source/components/SearchPageMobile/FiltersDetailed/BodyType.tsx

@@ -60,7 +60,8 @@ class BodyType extends React.Component<IBodyTypeBlock> {
         formControlClassName: styles.wrapBodyType,
         onChange: this.onBodyTypeCheckboxChange(option),
         checked: isChecked,
-        label: this.renderLabel(option, isChecked)
+        label: this.renderLabel(option, isChecked),
+        key: option
       };
 
       return option !== 'selector_unknown' ? (

package/source/components/SearchPageMobile/FiltersDetailed/Doors.tsx

@@ -78,7 +78,8 @@ class Doors extends React.Component<IDoorsProps, IDoorsState> {
         value: option.key,
         checked: fieldValues.includes(option.key) || fieldValues.includes(ALL_DOORS_KEY),
         onChange: this.onFilterChange,
-        type: index !== fieldOptions.length - 1 ? 'door' : 'text'
+        type: index !== fieldOptions.length - 1 ? 'door' : 'text',
+        key: option.key
       };
 
       return (

package/source/components/SearchWidget/BasicDataWidget/BasicDataWidget.tsx

@@ -6,13 +6,14 @@ import MakeModel, { IMakeModelProps } from '../../SearchPage/Filters/MakeModel/M
 interface IBasicDataWidgetState {
   t: (phrase: string) => string;
   [key: string]: any;
+  isNotDetailed?: boolean;
 }
 
 class BasicDataWidget extends React.Component<IMakeModelProps, IBasicDataWidgetState> {
   render(): JSX.Element {
     const {
       MMS_GROUPS, BODY_TYPE, FIRST_REGISTRATION, MILEAGE, POWER, PRICE, RATE, CONSUMPTION,
-      SEATS, DOORS, FUEL, onFilterChange, onChangeFilterControls, onAddMmsGroup, onRemoveMmsGroup, t
+      SEATS, DOORS, FUEL, onFilterChange, onChangeFilterControls, onAddMmsGroup, onRemoveMmsGroup, t, isNotDetailed
     } = this.props;
 
     const makeModelProps = {
@@ -37,7 +38,9 @@ class BasicDataWidget extends React.Component<IMakeModelProps, IBasicDataWidgetS
       values: FUEL.values,
       aggregation: FUEL.aggregation || {},
       onChange: onFilterChange,
-      className: styles.fuelOptions
+      className: styles.fuelOptions,
+      // tslint:disable-next-line:object-literal-shorthand
+      isNotDetailed: isNotDetailed
     };
 
     const consumptionProps = {

package/source/components/SearchWidgetsMobile/EquipmentsWidget/EquipmentsWidget.tsx

@@ -239,6 +239,7 @@ const EquipmentsWidget = (props: IEquipmentsWidget) => {
               t={t}
               onCheckboxClick={onCheckboxClick}
               aggregation={aggObj}
+              key={categoryName}
             />;
   };