@bytebrand/fe-ui-core 4.1.22 → 4.1.24

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

@@ -79,11 +79,11 @@ class Doors extends React.Component<IDoorsProps, IDoorsState> {
         checked: fieldValues.includes(option.key) || fieldValues.includes(ALL_DOORS_KEY),
         onChange: this.onFilterChange,
         type: index !== fieldOptions.length - 1 ? 'door' : 'text'
-      }
+      };
 
       return (
         <CheckboxMaterial { ...checkboxProps } />
-      )
+      );
     });
   };
 
@@ -98,5 +98,5 @@ class Doors extends React.Component<IDoorsProps, IDoorsState> {
 // export default Doors;
 export default memo(Doors, (prevProps: IDoorsProps, nextProps: IDoorsProps) => {
   return isEqual(prevProps.fieldValues, nextProps.fieldValues) &&
-    prevProps.t === nextProps.t
-});
+    prevProps.t === nextProps.t;
+});

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

@@ -65,5 +65,5 @@ const FirstRegistration: React.FC<IFirstRegistrationProps> = ({
 export default memo(FirstRegistration, (prevProps: any, nextProps: any) => {
   return prevProps.controls.from === nextProps.controls.from
     && prevProps.controls.to === nextProps.controls.to
-    && prevProps.t === nextProps.t
+    && prevProps.t === nextProps.t;
 });

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

@@ -77,5 +77,5 @@ class Fuel extends React.Component<IFuelProps, {}> {
 export default memo(Fuel, (prevProps: IFuelProps, nextProps: IFuelProps) => {
   return isEqual(prevProps.values, nextProps.values) &&
     isEqual(prevProps.aggregation, nextProps.aggregation) &&
-    prevProps.t === nextProps.t
+    prevProps.t === nextProps.t;
 });

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

@@ -122,7 +122,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)}
@@ -169,4 +169,3 @@ export default MakeModel;
 
 //   return prevManifacturer === nextManifacturer && prevModel === nextModel && prevSeries === nextSeries && prevSubModel === nextSubModel;
 // });
-

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

@@ -1,10 +1,9 @@
 import React, { memo } from 'react';
 import _get from 'lodash/get';
 import { MILLAGE_FIX } from '../../../framework/constants/Search';
-import { sliceLessThan, sliceMoreThan } from '../../../framework/utils/CommonUtils';
+import { sliceLessThan, sliceMoreThan, numberWithDot } from '../../../framework/utils/CommonUtils';
 import styles from './HistogramSlider.styl';
 import MaterialAutocomplete from '../../_common/MaterialAutocomplete/MaterialAutocomplete';
-import { numberWithDot } from '../../../framework/utils/CommonUtils';
 
 export interface IMileageProps {
   values: any;
@@ -77,5 +76,5 @@ class Mileage extends React.Component<IMileageProps, {}> {
 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.t === nextProps.t;
 });

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

@@ -31,7 +31,7 @@ const Power: React.FC<IPowerProps> = ({
     const transformedValue = name === 'type' ? value.value : value;
     const { from, to, type }: any = { ...controls, [name]: transformedValue };
     const controlsObj = { from, to, type };
-  
+
     onChangeControls('POWER', controlsObj);
     onChange('POWER', controlsObj);
   };
@@ -41,7 +41,7 @@ const Power: React.FC<IPowerProps> = ({
   };
 
   const getLabel = (value: string, type: string = 'PS'): React.ReactNode => {
-    return `${parseInt(value, 10)} ${type}`
+    return `${parseInt(value, 10)} ${type}`;
   };
 
   const getOptions = (options: any) => {
@@ -54,7 +54,7 @@ const Power: React.FC<IPowerProps> = ({
   const commonProps = {
     type: 'number',
     unit: type
-  }
+  };
 
   const fromProps = {
     ...commonProps,
@@ -112,5 +112,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.t === nextProps.t
+        && prevProps.t === nextProps.t;
 });

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

@@ -3,11 +3,10 @@ import _get from 'lodash/get';
 import { isMobileOnly } from 'react-device-detect';
 import styles from './HistogramSlider.styl';
 import MaterialAutocomplete from '../../_common/MaterialAutocomplete/MaterialAutocomplete';
-import { sliceLessThan, sliceMoreThan } from '../../../framework/utils/CommonUtils';
+import { sliceLessThan, sliceMoreThan, numberWithDot } from '../../../framework/utils/CommonUtils';
 import { PRICES_FIX } from '../../../framework/constants/Search';
 import { RadioGroup } from '@mui/material';
 import CheckboxMaterial from '../../_common/CheckboxMaterial/CheckboxMaterial';
-import { numberWithDot } from '../../../framework/utils/CommonUtils';
 
 export interface IPriceProps {
   values: any;
@@ -126,5 +125,5 @@ class Price extends React.Component<IPriceProps, {}> {
 export default memo(Price, (prevProps: any, nextProps: any) => {
   return prevProps.controls.from === nextProps.controls.from &&
          prevProps.controls.to === nextProps.controls.to &&
-         prevProps.t === nextProps.t
-});
+         prevProps.t === nextProps.t;
+});

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

@@ -186,7 +186,7 @@ class Rate extends React.Component<IRateProps, {}> {
     const [monthlyInstallmentFrom, monthlyInstallmentTo, firstInstallment, paybackPeriod] = this.renderDropDowns();
     return (
       <>
-        <div className={styles.container} id={this.name}>          
+        <div className={styles.container} id={this.name}>
           {this.renderRadioGroup()}
           <div className={styles.flexWrap}>
             {monthlyInstallmentFrom}
@@ -248,5 +248,5 @@ export default memo(Rate, (prevProps: any, nextProps: any) => {
          prevProps.controls.monthlyInstallmentTo === nextProps.controls.monthlyInstallmentTo &&
          prevProps.controls.firstInstallment === nextProps.controls.firstInstallment &&
          prevProps.t === nextProps.t &&
-         prevProps.controls.paybackPeriod === nextProps.controls.paybackPeriod
+         prevProps.controls.paybackPeriod === nextProps.controls.paybackPeriod;
 });

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

@@ -81,5 +81,5 @@ class Seats extends React.Component<ISeatsProps, {}> {
 export default memo(Seats, (prevProps: any, nextProps: any) => {
   return prevProps.values.from === nextProps.values.from
     && prevProps.values.to === nextProps.values.to
-    && prevProps.t === nextProps.t
-});
+    && prevProps.t === nextProps.t;
+});

package/source/components/SearchWidget/ColorWidget/BodyColorWidget.tsx

@@ -118,5 +118,5 @@ export default memo(BodyColorWidget, (prevProps: IBodyColorWidgetProps, nextProp
   return isEqual(prevProps.BODY_COLOR.values.length, nextProps.BODY_COLOR.values.length) &&
     isEqual(prevProps.BODY_COLOR.aggregation, nextProps.BODY_COLOR.aggregation) &&
     prevProps.METALLIC.values === nextProps.METALLIC.values &&
-    prevProps.t === nextProps.t
+    prevProps.t === nextProps.t;
 });

package/source/components/SearchWidget/EnvironmentWidget/EnvironmentWidget.tsx

@@ -32,7 +32,7 @@ const Wrapper = styled('div')({
   gridTemplateColumns: '1fr',
   '@media(min-width: 768px)': {
     gridTemplateColumns: 'repeat(2, 1fr)',
-    padding: 15,
+    padding: 15
   },
   '@media(min-width: 992px)': {
     gridTemplateColumns: 'repeat(auto-fit, minmax(130px, 1fr))'
@@ -95,7 +95,7 @@ const EnvironmentWidget: React.FC<IEnvironmentWidgetProps> = ({
           const icons = isDealerPage ? WP_EMISSION_STICKERS_ICONS : EMISSION_STICKERS_ICONS;
 
           const props = {
-            type: type,
+            type,
             key: sticker,
             name: sticker,
             value: sticker,
@@ -172,4 +172,4 @@ export default memo(EnvironmentWidget, (prevProps, nextProps) =>
   && prevProps.EMISSION_CLASS.values      === nextProps.EMISSION_CLASS.values
   && prevProps.EMISSION_STICKER.values    === nextProps.EMISSION_STICKER.values
   && prevProps.PARTICULATE_FILTER.values  === nextProps.PARTICULATE_FILTER.values
-);
+);

package/source/components/SearchWidget/OfferDetalisWidget/OfferDetailsWidgetMobile.tsx

@@ -56,4 +56,4 @@ const OfferDetailsWidgetMobile: React.FC<IOfferDetailsWidgetProps> = ({
 export default memo(OfferDetailsWidgetMobile, (prevProps: IOfferDetailsWidgetProps, nextProps: IOfferDetailsWidgetProps) =>
   prevProps.t                === nextProps.t
   && prevProps.ONLINE_SINCE.values  === nextProps.ONLINE_SINCE.values
-);
+);

package/source/components/SearchWidget/StateWidget/StateWidget.tsx

@@ -22,13 +22,16 @@ const StateWidget = (props: IStateWidgetProps) => {
   const { OWNERS, STATE_OPTIONS, STATE_OPTIONS_NEW, onFilterChange, VEHICLE_CONDITION: { values }, t } = props;
   const [disabled, setDisabled] = useState(true);
 
-  useEffect(() => {
-    if(values.includes('selector_condition_used')) {
-      setDisabled(false)
-    } else {
-      setDisabled(true)
-    }
-  }, [values]);
+  useEffect(
+    () => {
+      if (values.includes('selector_condition_used')) {
+        setDisabled(false);
+      } else {
+        setDisabled(true);
+      }
+    },
+    [values]
+  );
 
   const ownersProps = {
     options: OWNERS.options,

package/source/components/SearchWidgetsMobile/BasicDataWidgetMobile/BasicDataWidgetMobile.tsx

@@ -35,13 +35,13 @@ class BasicDataWidgetMobile extends React.Component<IMakeModelProps & IMakeModel
 
     const dataBlocks = {
       MMS_GROUPS, BODY_TYPE, FIRST_REGISTRATION, MILEAGE, POWER, RATE, PRICE, CONSUMPTION, SEATS, DOORS, FUEL
-    }
+    };
     const newPropsDataBlocks = {
       MMS_GROUPS: nextProps.MMS_GROUPS, BODY_TYPE: nextProps.BODY_TYPE,
       FIRST_REGISTRATION: nextProps.FIRST_REGISTRATION, MILEAGE: nextProps.MILEAGE, POWER: nextProps.POWER,
       RATE: nextProps.RATE, PRICE: nextProps.PRICE, CONSUMPTION: nextProps.CONSUMPTION, SEATS: nextProps.SEATS,
       DOORS: nextProps.DOORS, FUEL: nextProps.FUEL
-    }
+    };
 
     const result = JSON.stringify(dataBlocks) !== JSON.stringify(newPropsDataBlocks)
       || this.state.costType !== nextState.costType
@@ -72,12 +72,12 @@ class BasicDataWidgetMobile extends React.Component<IMakeModelProps & IMakeModel
 
     const makeModelProps = {
       ...commonProps,
+      onRemoveMmsGroup,
+      onDropDownFocus,
       MMS_GROUPS,
       BODY_TYPE,
       onAddMmsGroup: onAddMmsGroupClick,
-      onRemoveMmsGroup,
-      onDropDownFocus,
-      aggregation: BODY_TYPE.aggregation || {},
+      aggregation: BODY_TYPE.aggregation || {}
     };
 
     const bodyTypeProps = {
@@ -90,7 +90,7 @@ class BasicDataWidgetMobile extends React.Component<IMakeModelProps & IMakeModel
     const doorsProps = {
       ...commonProps,
       fieldOptions: DOORS.options,
-      fieldValues: DOORS.values,
+      fieldValues: DOORS.values
     };
 
     const fuelProps = {
@@ -98,7 +98,7 @@ class BasicDataWidgetMobile extends React.Component<IMakeModelProps & IMakeModel
       onDropDownFocus,
       options: FUEL.options,
       values: FUEL.values,
-      aggregation: FUEL.aggregation || {},
+      aggregation: FUEL.aggregation || {}
     };
 
     const consumptionProps = {

package/source/components/SearchWidgetsMobile/EngineTransDriveWidget/EngineTransDriveWidget.tsx

@@ -6,12 +6,11 @@ import Transmission, { ITransmissionProps } from '../../SearchFilters/filters/Tr
 import { CUBIC_CAPACITY_FIX, CUBIC_CAPACITY_KEY, FUEL_KEY } from '../../../framework/constants/Search';
 import _get from 'lodash/get';
 import FilterLabel from '../../_common/FilterLabel/FilterLabel';
-import { sliceLessThan, sliceMoreThan } from '../../../framework/utils/CommonUtils';
+import { sliceLessThan, sliceMoreThan, numberWithDot } from '../../../framework/utils/CommonUtils';
 import MaterialSelect from '../../_common/MaterialSelect/MaterialSelect';
 import MaterialAutocomplete from '../../_common/MaterialAutocomplete/MaterialAutocomplete';
 import styles from './EngineTransDriveWidget.styl';
 import IconSVG from '../../_common/IconSVG/IconSVG';
-import { numberWithDot } from '../../../framework/utils/CommonUtils';
 import { isEqual } from 'lodash';
 
 export interface IDriveTransmissionWidgetProps {
@@ -67,7 +66,7 @@ const EngineTransDriveWidget: React.FC<IDriveTransmissionWidgetProps> = ({
 
     onChangeFilterControls(CUBIC_CAPACITY_KEY, controls);
     onFilterChange(CUBIC_CAPACITY_KEY, controls);
-  }
+  };
 
   const baseProps = {
     t,
@@ -113,7 +112,7 @@ const EngineTransDriveWidget: React.FC<IDriveTransmissionWidgetProps> = ({
       <Transmission {...TRANSMISSION} {...baseProps} />
     </div>
   );
-}
+};
 // export default EngineTransDriveWidget;
 export default memo(EngineTransDriveWidget, (prevProps: any, nextProps: any) => {
   return (prevProps.CUBIC_CAPACITY.controls.from === nextProps.CUBIC_CAPACITY.controls.from &&
@@ -121,5 +120,5 @@ export default memo(EngineTransDriveWidget, (prevProps: any, nextProps: any) =>
          isEqual(prevProps.DRIVE_TYPE.values, nextProps.DRIVE_TYPE.values) &&
          isEqual(prevProps.TRANSMISSION.values, nextProps.TRANSMISSION.values) &&
          prevProps.FUEL.values.length === nextProps.FUEL.values.length &&
-         prevProps.t === nextProps.t
+         prevProps.t === nextProps.t;
 });

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

@@ -23,12 +23,12 @@ export const CheckboxesContainer = styled('div')({
   '@media(min-width: 768px)': {
     gridTemplateColumns: 'repeat(2, 1fr)',
     gridGap: '16px 24px',
-    gridColumn: '1 / span 3',
+    gridColumn: '1 / span 3'
   },
   '@media(min-width: 992px)': {
     gridGap: '16px 24px',
     gridTemplateColumns: 'repeat(3, 1fr)',
-    gridColumn: '1 / span 3',
+    gridColumn: '1 / span 3'
   }
 });
 export const CategoryTitle = styled('h3')({

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

@@ -56,7 +56,7 @@ const EquipmentsWidget = (props: IEquipmentsWidget) => {
 
   const onPanelFocus = (panelKey: any) => {
     onCategoryFocus(panelKey);
-  }
+  };
 
   const getAccordionItems = (categories: any[]) => {
     const colLg = 3;
@@ -99,10 +99,10 @@ const EquipmentsWidget = (props: IEquipmentsWidget) => {
 
   const renderAccordionLayout = (categories: any[]): React.ReactNode => {
     const accordionProps = {
+      onPanelFocus,
       className: styles.accordion,
       items: getAccordionItems(categories),
       accordionName: 'equipmentAccordion',
-      onPanelFocus: onPanelFocus,
       variant: 'searchDetailedSmall'
     };
 
@@ -120,7 +120,7 @@ const EquipmentsWidget = (props: IEquipmentsWidget) => {
     if (onDropDownFocus) {
       onDropDownFocus(fieldName);
     }
-  }
+  };
 
   const getOptions = (options: any, categoryName?: string) => {
     const { [categoryName]: { aggregation } } = props;
@@ -143,7 +143,7 @@ const EquipmentsWidget = (props: IEquipmentsWidget) => {
       default:
         return false;
     }
-  }
+  };
 
   const renderDropDown = (index: number, categoryName?: string, data?: any, isMobile?: boolean): React.ReactNode => {
     const { options, values } = data;
@@ -239,7 +239,7 @@ const EquipmentsWidget = (props: IEquipmentsWidget) => {
               t={t}
               onCheckboxClick={onCheckboxClick}
               aggregation={aggObj}
-            />
+            />;
   };
 
   const renderSimpleLayout = (categories: any[]): React.ReactNode => {
@@ -247,7 +247,6 @@ const EquipmentsWidget = (props: IEquipmentsWidget) => {
       category.name === 'SEATS_OPTIONS' ? renderDropDown(index, category.name, category.data) : getCategory(category.name, category.data));
   };
 
-
   const categories = [
     { name: 'CLIMATISATION', data: CLIMATISATION },
     { name: 'HEATER', data: HEATER },
@@ -273,7 +272,7 @@ const EquipmentsWidget = (props: IEquipmentsWidget) => {
       />
     </Wrapper>
   );
-}
+};
 
 export default memo(EquipmentsWidget, (prevProps, nextProps) => {
   return prevProps.t === nextProps.t &&
@@ -290,5 +289,5 @@ export default memo(EquipmentsWidget, (prevProps, nextProps) => {
          prevProps.WINDOW_OPTIONS.values === nextProps.WINDOW_OPTIONS.values &&
          prevProps.MIRRORS_OPTIONS.values === nextProps.MIRRORS_OPTIONS.values &&
          prevProps.LANDING_GEAR.values === nextProps.LANDING_GEAR.values &&
-         prevProps.EXTRAS_OPTIONS.values === nextProps.EXTRAS_OPTIONS.values
-});
+         prevProps.EXTRAS_OPTIONS.values === nextProps.EXTRAS_OPTIONS.values;
+});

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

@@ -5,11 +5,11 @@ import CheckboxMaterial from '../../_common/CheckboxMaterial/CheckboxMaterial';
 import { isEqual } from 'lodash';
 
 interface IEquipmentsWidgetBlockProps {
-    name: string;
-    data: any;
-    aggregation: any;
-    onCheckboxClick: (fieldName: string, categoryName: string, values: string[]) => void;
-    t: (phrase: string) => string;
+  name: string;
+  data: any;
+  aggregation: any;
+  onCheckboxClick: (fieldName: string, categoryName: string, values: string[]) => void;
+  t: (phrase: string) => string;
 }
 
 const EquipmentsWidgetCategory = ({ name, data, aggregation, onCheckboxClick, t }: IEquipmentsWidgetBlockProps) => {
@@ -29,16 +29,16 @@ const EquipmentsWidgetCategory = ({ name, data, aggregation, onCheckboxClick, t
           : ''
         }`}>{<FilterLabel text={t(`cbd:${fieldName}`)} agg={agg} />}</span>;
 
-          return (
-            <CheckboxMaterial
-              containerClassName={styles.checkbox}
-              onChange={onClick}
-              checked={values.includes(fieldName)}
-              label={label}
-              key={fieldName}
-            />
-          );
-        })}
+        return (
+          <CheckboxMaterial
+            containerClassName={styles.checkbox}
+            onChange={onClick}
+            checked={values.includes(fieldName)}
+            label={label}
+            key={fieldName}
+          />
+        );
+      })}
     </div>
   );
 };
@@ -46,5 +46,5 @@ const EquipmentsWidgetCategory = ({ name, data, aggregation, onCheckboxClick, t
 export default memo(EquipmentsWidgetCategory, (prevProps: IEquipmentsWidgetBlockProps, nextProps: IEquipmentsWidgetBlockProps) => {
   return prevProps.t === nextProps.t
     && prevProps.data.values.length === nextProps.data.values.length
-    && isEqual(prevProps.aggregation, nextProps.aggregation)
-});
+    && isEqual(prevProps.aggregation, nextProps.aggregation);
+});

package/source/components/SearchWidgetsMobile/HighlightsWidgetMobile/HighlightsWidgetMobile.tsx

@@ -87,10 +87,10 @@ const HighlightsWidgetMobile = ({ onFilterChange, HIGHLIGHTS, t }: IHighlightsWi
   };
 
   return <div className={styles.highlights}>{renderHighlights()}</div>;
-}
+};
 
 export default memo(HighlightsWidgetMobile, (prevProps: IHighlightsWidgetProps, nextProps: IHighlightsWidgetProps) => {
   return isEqual(prevProps.HIGHLIGHTS.values, nextProps.HIGHLIGHTS.values) &&
     isEqual(prevProps.HIGHLIGHTS.aggregation, nextProps.HIGHLIGHTS.aggregation) &&
-    prevProps.t === nextProps.t
+    prevProps.t === nextProps.t;
 });

package/source/components/SearchWidgetsMobile/InteriorWidget/InteriorWidget.tsx

@@ -28,6 +28,6 @@ const InteriorWidget = ({ INTERIOR_COLOR, INTERIOR_TYPE, onFilterChange, t }: II
       </div>
     </div>
   );
-}
+};
 
 export default InteriorWidget;

package/source/components/SearchWidgetsMobile/SafetyWidget/SafetyWidget.tsx

@@ -44,7 +44,7 @@ const SafetyWidget = (props: ISafetyWidget) => {
     if (onDropDownFocus) {
       onDropDownFocus(AIRBAG_KEY);
     }
-  }
+  };
 
   const getOptions = (_: string, options: any) => {
     const { aggregation } = AIRBAG;
@@ -71,7 +71,7 @@ const SafetyWidget = (props: ISafetyWidget) => {
     return (
       <FilterLabel text={t(`cbd:${option}`)} agg={agg} />
     );
-  }
+  };
 
   const renderCategory = (categoryName: string, index: number): React.ReactNode => {
     const { options, values } = props[categoryName];
@@ -107,9 +107,9 @@ const SafetyWidget = (props: ISafetyWidget) => {
 
     const ddProps = {
       t,
+      onChange,
       size: 'custom',
       label: t('SAFETY.airbagPlaceholder'),
-      onChange,
       items: getOptions(AIRBAG_KEY, options),
       value: values,
       multiple: true
@@ -134,7 +134,7 @@ const SafetyWidget = (props: ISafetyWidget) => {
       {categories.map((category: string, index: number) => category === AIRBAG_KEY ? renderAirBags(index) : renderCategory(category, index))}
     </div>
   );
-}
+};
 
 export default memo(SafetyWidget, (prevProps, nextProps) => {
   return isEqual(prevProps.ASSISTANTS.values, nextProps.ASSISTANTS.values)
@@ -145,5 +145,5 @@ export default memo(SafetyWidget, (prevProps, nextProps) => {
     && isEqual(prevProps.PARKING_ASSISTANTS.aggregation, nextProps.PARKING_ASSISTANTS.aggregation)
     && isEqual(prevProps.THEFT_PROTECTION.values, nextProps.THEFT_PROTECTION.values)
     && isEqual(prevProps.THEFT_PROTECTION.aggregation, nextProps.THEFT_PROTECTION.aggregation)
-    && prevProps.t === nextProps.t
+    && prevProps.t === nextProps.t;
 });

package/source/components/SearchWidgetsMobile/StateWidget/StateWidget.tsx

@@ -26,13 +26,16 @@ const StateWidget = (props: IStateWidgetProps) => {
   const [disabled, setDisabled] = useState(true);
   const { OWNERS, STATE_OPTIONS, STATE_OPTIONS_NEW, GENERAL_INSPECTION, onFilterChange, VEHICLE_CONDITION, t } = props;
 
-  useEffect(() => {
-    if(_get(VEHICLE_CONDITION, 'values').includes('selector_condition_used')) {
-      setDisabled(false)
-    } else {
-      setDisabled(true)
-    }
-  }, [_get(VEHICLE_CONDITION, 'values')]);
+  useEffect(
+    () => {
+      if (_get(VEHICLE_CONDITION, 'values').includes('selector_condition_used')) {
+        setDisabled(false);
+      } else {
+        setDisabled(true);
+      }
+    },
+    [_get(VEHICLE_CONDITION, 'values')]
+  );
 
   const ownersProps = {
     options: OWNERS.options,
@@ -43,14 +46,14 @@ const StateWidget = (props: IStateWidgetProps) => {
   const getValue = (value: string, translate: string) => {
     let label = null;
     if (translate === 'cbd') {
-      label = t(`${translate}:${value}`)
+      label = t(`${translate}:${value}`);
     } else {
-      label = t(`${translate}.${value}`)
+      label = t(`${translate}.${value}`);
     }
     return {
       value,
       label
-    }
+    };
   };
 
   const onChange = (fieldName: string) => () => {
@@ -166,4 +169,4 @@ export default memo(StateWidget, (prevProps, nextProps) =>
   && prevProps.STATE_OPTIONS.values.length      === nextProps.STATE_OPTIONS.values.length
   && prevProps.VEHICLE_CONDITION.values.length  === nextProps.VEHICLE_CONDITION.values.length
   && prevProps.STATE_OPTIONS_NEW.values.length  === nextProps.STATE_OPTIONS_NEW.values.length
-);
+);

package/source/components/VehicleSmallCard/VehicleSmallCard.tsx

@@ -353,4 +353,4 @@ export default memo(VehicleSmallCard, (props, nextProps) => { // shouldComponent
     && annualMileage          === nextProps.price.financing.annualMileage
     && withFinalInstallment   === nextProps.price.financing.withFinalInstallment
     && lMonthlyInstallment    === nextProps.price.leasing.monthlyInstallment;
-});
+});

package/source/components/_common/Checkbox/FormCheckbox.tsx

@@ -26,7 +26,7 @@ class FormCheckbox extends React.Component<IFormCheckboxProps> {
   };
 
   render() {
-    const { field, label, className, checkboxClassName, labelClassName, customError, } = this.props;
+    const { field, label, className, checkboxClassName, labelClassName, customError } = this.props;
 
     // const customHasError = customError;
     // const hasError = field.hasError;