@bytebrand/fe-ui-core 4.1.22 → 4.1.24

package/package.json

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

package/source/components/AccordionWidget/AccordionWidget.tsx

@@ -36,7 +36,7 @@ class AccordionWidget extends React.Component<IAccardionSectionProps, IAccardion
 
   handleChange =
       (panel: string) => (event: React.SyntheticEvent, isExpanded: boolean) => {
-        this.setState({ expanded: isExpanded ? panel : false })
+        this.setState({ expanded: isExpanded ? panel : false });
       };
 
   renderPropsBlock = (data: ICarPropElement[]): React.ReactNode => {

package/source/components/Alternative/DealerInfo.tsx

@@ -23,12 +23,12 @@ const DealerInfo = ({ infoSections, t, dealerPrice, link, linkName, currentSales
     setPriceUpdating(false);
     setNewPrice(Math.max(currentSalesPrice, newPrice));
     onCurrentSalesPriceChange(Math.max(currentSalesPrice, newPrice));
-  }
+  };
 
   const onPriceChange = (e: any) => {
     const newPrice = +e.target.value;
     setNewPrice(Math.max(0, newPrice));
-  }
+  };
   const ourMargin = newPrice - dealerPrice;
 
   return (
@@ -101,11 +101,11 @@ const DealerInfo = ({ infoSections, t, dealerPrice, link, linkName, currentSales
           </span>
           {isPriceUpdating
             ? <div className={styles.ourPriceBlock}>
-                <input 
+                <input
                   className={styles.ourPriceInput}
-                  type="number" 
+                  type='number'
                   value={newPrice}
-                  onChange={(e) => onPriceChange(e)}
+                  onChange={e => onPriceChange(e)}
                   ref={inputRef}
                   onBlur={handleSubmit}
                 />
@@ -113,12 +113,17 @@ const DealerInfo = ({ infoSections, t, dealerPrice, link, linkName, currentSales
                   <IconSVG className={styles.editIcon} customDimensions name='editIcon'></IconSVG>
                 </span>
             </div>
-            : <span onClick={() => {
-              setPriceUpdating(true);
-              setTimeout(() => {
-                inputRef.current.focus();
-              }, 200)
-            }}>
+            : <span onClick={
+                () => {
+                  setPriceUpdating(true);
+                  setTimeout(
+                    () => {
+                      inputRef.current.focus();
+                    },
+                    200
+                  );
+                }}
+              >
               <VehicleFormattedPrice
                 className={classnames(styles.price, styles.ourPrice)}
                 numbersAfterDot={0}
@@ -131,7 +136,7 @@ const DealerInfo = ({ infoSections, t, dealerPrice, link, linkName, currentSales
                 monthlyClassName={styles.monthly}
               />
             </span>}
-          </span> 
+          </span>
       </div>
     </div>
   );

package/source/components/OfferPanel/AboAccordion/AboAccordion.tsx

@@ -58,7 +58,7 @@ const AboAccordion = (
 //   isOpeningAboModal = false
 // }
 ) => {
-  return <div></div>
+  return <div></div>;
   // // const classes = useStyles();
   // const [expanded, setExpanded] = useState('');
 

package/source/components/OfferPanel/OfferCheckboxGroup/CheckboxContainer.tsx

@@ -120,7 +120,7 @@ class CheckboxContainer extends React.Component<ICheckboxProps, {}> {
       labelPlacement,
       disabled,
       onChange: this.onChange
-    }
+    };
     return (
       <div className={containerClasses} tabIndex={1} onFocus={this.props.onFocus} onBlur={this.props.onBlur} onKeyPress={this.onKeyPress}>
         <label className={labelClasses}>

package/source/components/RateSearchWidget/RateSearchWidget.tsx

@@ -44,10 +44,11 @@ class RateSearchWidget extends React.Component<IRateSearchWidgetProps, IRateSear
     const { firstInstallment, monthlyInstallmentFrom, monthlyInstallmentTo, paybackPeriod } = props;
 
     this.state = {
-      monthlyInstallmentFrom: !!monthlyInstallmentFrom ? monthlyInstallmentFrom : 'any',
-      monthlyInstallmentTo: !!monthlyInstallmentTo ? monthlyInstallmentTo : 'any',
       firstInstallment,
-      paybackPeriod
+      paybackPeriod,
+      monthlyInstallmentFrom: !!monthlyInstallmentFrom ? monthlyInstallmentFrom : 'any',
+      monthlyInstallmentTo: !!monthlyInstallmentTo ? monthlyInstallmentTo : 'any'
+
     };
   }
 
@@ -59,7 +60,6 @@ class RateSearchWidget extends React.Component<IRateSearchWidgetProps, IRateSear
     return t(`${i18nPrefix}${option}`);
   };
 
-
   getValue = (value: any, units: string) => {
     if (value === null || value === undefined) return null; // tslint:disable-line
 

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

@@ -25,4 +25,4 @@ export const Theme = createTheme({
       }
     }
   }
-});
+});

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

@@ -23,31 +23,31 @@ const FilterBlock: React.FC<IFilterBlockProps> = ({
   children,
   isAdminPanel
 }: IFilterBlockProps) => {
-    const contentExpandClass = classNames(styles.contentExpand, { [styles.contentExpandSuper]: isAdminPanel });
-    const filterBlockClassName = classNames(styles.filterBlock, styles[className]);
+  const contentExpandClass = classNames(styles.contentExpand, { [styles.contentExpandSuper]: isAdminPanel });
+  const filterBlockClassName = classNames(styles.filterBlock, styles[className]);
 
-    return (
-      <div className={filterBlockClassName}>
-        <ThemeProvider theme={Theme}>
-          <Accordion defaultExpanded={expand}>
-            <AccordionSummary
-              expandIcon={<IconSVG name={'arrowSelect'} className={styles.addPlusIcon} customDimensions />}
-              aria-controls={title}
-              id={title}
-              sx={isAdminPanel && {
-                backgroundColor: 'rgba(0,92,203,0.15)'
-              }}
-            >
-              <h4>{title}</h4>
-            </AccordionSummary>
-            <AccordionDetails>
-            <div className={contentExpandClass}>
-              {children}
-            </div>
-            </AccordionDetails>
-          </Accordion>
-        </ThemeProvider>
-      </div>
+  return (
+    <div className={filterBlockClassName}>
+      <ThemeProvider theme={Theme}>
+        <Accordion defaultExpanded={expand}>
+          <AccordionSummary
+            expandIcon={<IconSVG name={'arrowSelect'} className={styles.addPlusIcon} customDimensions />}
+            aria-controls={title}
+            id={title}
+            sx={isAdminPanel && {
+              backgroundColor: 'rgba(0,92,203,0.15)'
+            }}
+          >
+            <h4>{title}</h4>
+          </AccordionSummary>
+          <AccordionDetails>
+          <div className={contentExpandClass}>
+            {children}
+          </div>
+          </AccordionDetails>
+        </Accordion>
+      </ThemeProvider>
+    </div>
   );
 };
 

package/source/components/SearchFilters/common/RangeControlled/RangeControlled.tsx

@@ -2,10 +2,9 @@ import React, { memo } from 'react';
 
 import Slider from '../../../_common/Slider/Slider';
 import _get from 'lodash/get';
-import { sliceLessThan, sliceMoreThan } from '../../../../framework/utils/CommonUtils';
+import { sliceLessThan, sliceMoreThan, numberWithDot } from '../../../../framework/utils/CommonUtils';
 import { getSearchYears } from '../../../../framework/utils/DateUtils';
 import MaterialAutocomplete from '../../../_common/MaterialAutocomplete/MaterialAutocomplete';
-import { numberWithDot } from '../../../../framework/utils/CommonUtils';
 import {
   RANGE_FILTERS_DEFAULT_CONTROLS,
   PRICE,
@@ -141,9 +140,9 @@ const RangeControlled = ({
       </div>
     </div>
   );
-}
+};
 
 export default memo(RangeControlled, (prevProps: any, nextProps: any) => {
   return prevProps.controls.from === nextProps.controls.from &&
-         prevProps.controls.to === nextProps.controls.to
-});
+         prevProps.controls.to === nextProps.controls.to;
+});

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

@@ -45,8 +45,8 @@ const Consumption = ({ values, options, onChange, t }: IConsumptionProps) => {
       </div>
     </div>
   );
-}
+};
 
 export default memo(Consumption, (prevProps, nextProps) => {
-  return prevProps.values === nextProps.values
+  return prevProps.values === nextProps.values;
 });

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React, { useEffect, useState, SyntheticEvent } from 'react';
 import classnames from 'classnames';
 
 import RangeControlled from '../common/RangeControlled/RangeControlled';
@@ -6,7 +6,7 @@ import Rate from './Rate';
 import { RadioGroup } from '@mui/material';
 import CheckboxMaterial from '../../_common/CheckboxMaterial/CheckboxMaterial';
 
-import { COST_TYPE_OPTIONS, COST_TYPE_DEFAULT } from '../../../framework/constants/Search';
+import { COST_TYPE_OPTIONS } from '../../../framework/constants/Search';
 
 import styles from './Cost.styl';
 
@@ -18,48 +18,42 @@ interface ICostProps {
   onChangeControls: (name: string, value: any) => void;
 }
 
-interface ICostState {
-  costType: string;
-  isRateWidgetOpened: boolean;
-}
+const Cost = ({ t, onChange, onChangeControls, RATE, PRICE }: ICostProps) => {
+  const [costType, setCostType] = useState(null);
+  const [isRateWidgetOpened, setRateWidgetOpened] = useState(false);
 
-class Cost extends React.Component<ICostProps, ICostState> {
-  constructor(props: ICostProps) {
-    super(props);
-    this.state = {
-      costType: COST_TYPE_DEFAULT,
-      isRateWidgetOpened: false
-    };
-  }
+  useEffect(
+    () => {
+    // if rate is not assigned and price is set - choose initial 'price' radio
+      if (!costType && (PRICE.controls.to || PRICE.controls.from)) {
+        setCostType(
+          (!!PRICE.controls.from || !!PRICE.controls.to)
+          && RATE.controls.monthlyInstallmentFrom === 'any'
+          && RATE.controls.monthlyInstallmentTo === 'any'
+            ? COST_TYPE_OPTIONS[1]
+            : COST_TYPE_OPTIONS[0]);
+      }
+    },
+    [PRICE.controls.to, PRICE.controls.from]
+  );
 
-  onTypeChange = (_event: React.SyntheticEvent, value: string) => {
-    this.setState({ costType: value });
-  };
+  const onTypeChange = (_event: SyntheticEvent, value: string) => { setCostType(value); };
 
-  onRateWidgetOpen = () => {
-    this.setState({ isRateWidgetOpened: true });
-  }
+  const onRateWidgetOpen = () => { setRateWidgetOpened(true); };
 
-  onRateWidgetClose = () => {
-    this.setState({ isRateWidgetOpened: false });
-  }
-
-  onRateChange = (value: any) => {
-    const { onChange } = this.props;
+  const onRateWidgetClose = () => { setRateWidgetOpened(false); };
 
+  const onRateChange = (value: any) => {
     onChange('RATE', value);
-    this.onRateWidgetClose();
+    onRateWidgetClose();
   };
 
-  renderRadioGroup = () => {
-    const { t } = this.props;
-    const { costType } = this.state;
-
+  const renderRadioGroup = () => {
     const radioGroupProps = {
       value: costType,
       name: 'COST_TYPE',
       className: styles.radioGroup,
-      onChange: this.onTypeChange
+      onChange: onTypeChange
     };
 
     return (
@@ -71,23 +65,21 @@ class Cost extends React.Component<ICostProps, ICostState> {
     );
   };
 
-  renderRate = () => {
-    const { t, RATE } = this.props;
+  const renderRate = () => {
     const rateProps = {
       t,
+      isRateWidgetOpened,
+      onRateWidgetOpen,
+      onRateWidgetClose,
+      onRateChange,
       values: RATE.values,
-      controls: RATE.controls,
-      isRateWidgetOpened: this.state.isRateWidgetOpened,
-      onRateWidgetOpen: this.onRateWidgetOpen,
-      onRateWidgetClose: this.onRateWidgetClose,
-      onRateChange: this.onRateChange
+      controls: RATE.controls
     };
 
     return <Rate {...rateProps} />;
   };
 
-  renderPrice = () => {
-    const { t, PRICE, onChange, onChangeControls } = this.props;
+  const renderPrice = () => {
 
     const priceProps = {
       t,
@@ -100,26 +92,21 @@ class Cost extends React.Component<ICostProps, ICostState> {
       controls: PRICE.controls,
       isNumberWithDot: true
     };
-
     return <RangeControlled {...priceProps} />;
   };
 
-  render(): JSX.Element {
-    const { t } = this.props;
-    const { costType } = this.state;
-    const containerClassName = classnames(styles.cost, { [styles.overlay]: this.state.isRateWidgetOpened });
-    const title = costType === 'price' ? t('filters.priceTitle', { currency: '€' }) : t('filters.rateTitle');
+  const containerClassName = classnames(styles.cost, { [styles.overlay]: isRateWidgetOpened });
+  const title = costType === 'price' ? t('filters.priceTitle', { currency: '€' }) : t('filters.rateTitle');
 
-    return (
-      <div className={containerClassName}>
-        <div className={styles.title}>
-          <h3 className={styles.titleText}>{title}</h3>
-          {this.renderRadioGroup()}
-        </div>
-        {costType === 'price' ? this.renderPrice() : this.renderRate()}
+  return (
+    <div className={containerClassName}>
+      <div className={styles.title}>
+        <h3 className={styles.titleText}>{title}</h3>
+        {renderRadioGroup()}
       </div>
-    );
-  }
-}
+      {costType === 'price' ? renderPrice() : renderRate()}
+    </div>
+  );
+};
 
 export default Cost;

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

@@ -21,20 +21,20 @@ class EmissionSticker extends React.Component<IEmissionStickerProps, {}> {
       <div className={styles.wrapStickers}>
          <h3 className={styles.sectionTitle}>{t('filters.fineDustSticker')}</h3>
          {options.map((sticker: string) => {
-            const isNoSticker = sticker === 'selector_emissionSticker_no';
-            const type = isNoSticker ? 'text' : 'sticker';
-            const icons = EMISSION_STICKERS_ICONS;
+           const isNoSticker = sticker === 'selector_emissionSticker_no';
+           const type = isNoSticker ? 'text' : 'sticker';
+           const icons = EMISSION_STICKERS_ICONS;
 
-            const props = {
-              type: type,
-              key: sticker,
-              name: sticker,
-              value: sticker,
-              checked: sticker === value,
-              content: isNoSticker ? t('filters.no') : <img src={icons[sticker] || null} className={styles.icon} />,
-              onChange: this.onFilterChange
-            };
-            return <CheckboxMaterial {...props} />;
+           const props = {
+             type,
+             key: sticker,
+             name: sticker,
+             value: sticker,
+             checked: sticker === value,
+             content: isNoSticker ? t('filters.no') : <img src={icons[sticker] || null} className={styles.icon} />,
+             onChange: this.onFilterChange
+           };
+           return <CheckboxMaterial {...props} />;
          })}
       </div>
     );
@@ -49,4 +49,4 @@ class EmissionSticker extends React.Component<IEmissionStickerProps, {}> {
   }
 }
 
-export default EmissionSticker;
+export default EmissionSticker;

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

@@ -88,10 +88,10 @@ const FirstRegistration = ({ controls, onChange, onChangeControls, values, optio
       </div>
     </div>
   );
-}
+};
 
 export default memo(FirstRegistration, (prevProps: any, nextProps: any) => {
   return prevProps.controls.from === nextProps.controls.from &&
          prevProps.controls.to === nextProps.controls.to &&
-         prevProps.values === nextProps.values
+         prevProps.values === nextProps.values;
 });

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

@@ -58,9 +58,9 @@ const ImagesCount = ({ controls, onChange, onChangeControls, t, values }: IImage
       </div>
     </div>
   );
-}
+};
 
 export default memo(ImagesCount, (prevProps: any, nextProps: any) => {
   return prevProps.controls.from === nextProps.controls.from &&
-         prevProps.controls.to === nextProps.controls.to
-});
+         prevProps.controls.to === nextProps.controls.to;
+});

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

@@ -62,10 +62,10 @@ const InteriorColor = ({ onChange, values, options, aggregation, t, className }:
       <div className={styles.colors}>{renderColors()}</div>
     </div>
   );
-}
+};
 
 export default memo(InteriorColor, (prevProps: IInteriorColorProps, nextProps: IInteriorColorProps) => {
   return prevProps.t === nextProps.t
     && isEqual(prevProps.values, nextProps.values)
-    && isEqual(prevProps.aggregation, nextProps.aggregation)
+    && isEqual(prevProps.aggregation, nextProps.aggregation);
 });

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

@@ -62,10 +62,10 @@ const InteriorMaterial = ({ options, values, aggregation, t, onChange }: IInteri
       </div>
     </div>
   );
-}
+};
 
 export default memo(InteriorMaterial, (prevProps: IInteriorMaterialProps, nextProps: IInteriorMaterialProps) => {
   return prevProps.t === nextProps.t
     && isEqual(prevProps.values, nextProps.values)
-    && isEqual(prevProps.aggregation, nextProps.aggregation)
+    && isEqual(prevProps.aggregation, nextProps.aggregation);
 });

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

@@ -115,7 +115,7 @@ class MakeModel extends React.Component<IMakeModelProps> {
         const manufacturerProps = Object.assign({}, MANUFACTURER, { index, name: 'MANUFACTURER', label: t('filters.manufacturerPlaceholder') });
         const modelProps = Object.assign({}, MODEL, { index, name: 'MODEL', label: t('filters.modelPlaceholder'), values: modelValues });
         const subModelProps = Object.assign({}, SUB_MODEL, { index, name: 'SUB_MODEL', placeholder: t('filters.submodelPlaceholder') });
-        
+
         return (
           <div className={styles.mmsGroup} key={index}>
             {this.renderDropDown(manufacturerProps)}
@@ -162,4 +162,3 @@ export default MakeModel;
 
 //   return prevManifacturer === nextManifacturer && prevModel === nextModel && prevSeries === nextSeries && prevSubModel === nextSubModel;
 // });
-

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

@@ -2,10 +2,9 @@ import React, { memo } from 'react';
 import _get from 'lodash/get';
 import Slider from '../../_common/Slider/Slider';
 import { MILLAGE_FIX, RANGE_FILTERS_DEFAULT_CONTROLS } from '../../../framework/constants/Search';
-import { sliceLessThan, sliceMoreThan } from '../../../framework/utils/CommonUtils';
+import { sliceLessThan, sliceMoreThan, numberWithDot } from '../../../framework/utils/CommonUtils';
 import styles from './commonFilters.styl';
 import MaterialAutocomplete from '../../_common/MaterialAutocomplete/MaterialAutocomplete';
-import { numberWithDot } from '../../../framework/utils/CommonUtils';
 
 interface IMileageProps {
   values: any;
@@ -95,12 +94,12 @@ const Mileage = ({ controls, onChange, onChangeControls, t, values, options }: I
       </div>
     </div>
   );
-}
+};
 
 export default memo(Mileage, (prevProps: any, nextProps: any) => {
   return prevProps.controls.from === nextProps.controls.from &&
          prevProps.controls.to === nextProps.controls.to &&
          prevProps.t === nextProps.t &&
-         prevProps.values === nextProps.values
+         prevProps.values === nextProps.values;
 
 });

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

@@ -21,7 +21,6 @@ class Owners extends Component<IOwnerProps, {}> {
     }
 
     this.props.onChange('OWNERS', filterValue);
-    
 
   };
   onChange = (event: React.ChangeEvent<HTMLInputElement>, value: any) => {

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

@@ -37,16 +37,14 @@ class Power extends React.Component<IPowerProps, {}> {
     onChange(this.name, controlsObj);
   };
 
-
   onTypeChange = (_event: React.SyntheticEvent, value: any) => {
     const { controls, onChange, onChangeControls } = this.props;
     const values = this.tempValues ? this.tempValues : controls;
-  
+
     onChangeControls(this.name, { ...values, type: value });
     onChange(this.name, { ...values, type: value });
   };
 
-
   getOptions = (options: any) => options.map((option: string) => ({
     value: `${option}`,
     label: `${option}`
@@ -105,7 +103,6 @@ class Power extends React.Component<IPowerProps, {}> {
     );
   };
 
-
   render(): JSX.Element {
     const { t, controls } = this.props;
     const { from = 0, to = 0, type } = controls;
@@ -153,5 +150,5 @@ export default memo(Power, (prevProps: any, nextProps: any) => {
   return prevProps.controls.from === nextProps.controls.from &&
          prevProps.controls.to === nextProps.controls.to &&
          prevProps.controls.type === nextProps.controls.type &&
-         prevProps.values === nextProps.values
-});
+         prevProps.values === nextProps.values;
+});

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

@@ -1,10 +1,9 @@
 import React, { memo } from 'react';
 import _get from 'lodash/get';
-import { sliceLessThan, sliceMoreThan } from '../../../framework/utils/CommonUtils';
+import { sliceLessThan, sliceMoreThan, numberWithDot } from '../../../framework/utils/CommonUtils';
 import { PRICES_FIX } from '../../../framework/constants/Search';
 import styles from './commonFilters.styl';
 import MaterialAutocomplete from '../../_common/MaterialAutocomplete/MaterialAutocomplete';
-import { numberWithDot } from '../../../framework/utils/CommonUtils';
 
 interface IPriceDifferenceProps {
   values: any;
@@ -16,7 +15,7 @@ interface IPriceDifferenceProps {
 }
 
 const PriceDifference = ({ controls, onChange, onChangeControls, t }: IPriceDifferenceProps) => {
-  
+
   const name = 'PRICE_DIFFERENCE';
 
   const onDropDownChange = (controlName: string, value: any) => {
@@ -60,9 +59,9 @@ const PriceDifference = ({ controls, onChange, onChangeControls, t }: IPriceDiff
       </div>
     </div>
   );
-}
+};
 
 export default memo(PriceDifference, (prevProps: any, nextProps: any) => {
   return prevProps.controls.from === nextProps.controls.from &&
-         prevProps.controls.to === nextProps.controls.to
+         prevProps.controls.to === nextProps.controls.to;
 });

package/source/components/SearchPage/ChipFilter/ChipFilter.tsx

@@ -11,7 +11,7 @@ interface IChipFilterItemProps {
 
 const ChipFilter: React.FunctionComponent<IChipFilterItemProps> = ({ filterKey, filterValue, onClick, keySpecialFilter, index }) => (
   <Chip
-    variant="outlined"
+    variant='outlined'
     label={filterValue}
     onClick= {() => onClick(filterKey, keySpecialFilter, index)}
     onDelete={() => onClick(filterKey, keySpecialFilter, index)}

package/source/components/SearchPage/Filters/MakeModel/MakeModel.tsx

@@ -32,7 +32,7 @@ class MakeModel extends React.Component<IMakeModelProps> {
     return {
       value: option,
       label: this.renderLabel(option)
-    }
+    };
   });
 
   renderDropDown = (props: any) => {
@@ -47,7 +47,7 @@ class MakeModel extends React.Component<IMakeModelProps> {
       items: bodyType ? this.getOptions(options) : options,
       onChange: (values: any, isSeries?: boolean) => {
         const resultValue = (Array.isArray(values) && bodyType) ? values.map((value: any) => value) : values;
-        this.props.onChange(name, resultValue, index, isSeries)
+        this.props.onChange(name, resultValue, index, isSeries);
       }
     };
 
@@ -120,7 +120,7 @@ class MakeModel extends React.Component<IMakeModelProps> {
       name: 'BODY_TYPE',
       label: t('filters.bodyTypePlaceholder'),
       multiple: true,
-      ...BODY_TYPE,
+      ...BODY_TYPE
     };
 
     return (

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

@@ -19,7 +19,7 @@ class BodyType extends React.Component<IBodyTypeBlock> {
     const { BODY_TYPE, t, aggregation } = this.props;
     return BODY_TYPE.values.length !== nextProps.BODY_TYPE.values.length
       || !_isEqual(aggregation, nextProps.aggregation)
-      || t !== nextProps.t
+      || t !== nextProps.t;
   }
   onBodyTypeCheckboxChange = (option: any) => (_: React.ChangeEvent<HTMLInputElement>, checked: boolean) => this.onFilterChange(checked, option);
 

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

@@ -73,4 +73,4 @@ class Consumption extends React.Component<IConsumptionProps, {}> {
   }
 }
 
-export default Consumption;
+export default Consumption;