@bytebrand/fe-ui-core 4.1.191 → 4.1.192

package/package.json

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

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

@@ -2,6 +2,7 @@ import React, { memo } from 'react';
 
 import Slider from '../../../_common/Slider/Slider';
 import _get from 'lodash/get';
+import { isEqual } from 'lodash';
 import { sliceLessThan, sliceMoreThan, numberWithDot } from '../../../../framework/utils/CommonUtils';
 import { getSearchYears } from '../../../../framework/utils/DateUtils';
 import MaterialAutocomplete from '../../../_common/MaterialAutocomplete/MaterialAutocomplete';
@@ -145,5 +146,8 @@ const RangeControlled = ({
 export default memo(RangeControlled, (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 &&
+         prevProps.values.from === nextProps.values.from &&
+         prevProps.values.to === nextProps.values.to &&
+         isEqual(prevProps.options, nextProps.options);
 });

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

@@ -10,6 +10,7 @@ interface IAlternativeIDProps {
   value?: string;
   error: boolean;
   successTransition: boolean;
+  autoDeId?: string;
   onChange: (value: any) => void;
   onKeyPress?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
 }
@@ -27,6 +28,8 @@ class AlternativeID extends React.Component<IAlternativeIDProps, IAlternativeIDS
     value: ''
   };
 
+  componentDidMount() { this.setState({ value: this.props.autoDeId }); };
+
   onFilterChange = (value: string) => {
     this.setState({ value });
   };
@@ -46,7 +49,6 @@ class AlternativeID extends React.Component<IAlternativeIDProps, IAlternativeIDS
 
   render(): JSX.Element {
     const { t, name, error, successTransition } = this.props;
-
     const inputProps = {
       name,
       placeholder: 'z.B: FCEE67',

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

@@ -1,5 +1,6 @@
 import React, { memo } from 'react';
 import _get from 'lodash/get';
+import { isEqual } from 'lodash';
 import Slider from '../../_common/Slider/Slider';
 import { MILLAGE_FIX, RANGE_FILTERS_DEFAULT_CONTROLS } from '../../../framework/constants/Search';
 import { sliceLessThan, sliceMoreThan, numberWithDot } from '../../../framework/utils/CommonUtils';
@@ -100,6 +101,8 @@ 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.from === nextProps.values.from &&
+         prevProps.values.to === nextProps.values.to &&
+         isEqual(prevProps.options, nextProps.options);
 
 });

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

@@ -2,6 +2,7 @@ import React, { memo } from 'react';
 import Slider from '../../_common/Slider/Slider';
 import MaterialAutocomplete from '../../_common/MaterialAutocomplete/MaterialAutocomplete';
 import styles from './commonFilters.styl';
+import { isEqual } from 'lodash';
 import { RadioGroup } from '@mui/material';
 import CheckboxMaterial from '../../_common/CheckboxMaterial/CheckboxMaterial';
 import { POWER_FIX, RANGE_FILTERS_DEFAULT_CONTROLS } from '../../../framework/constants/Search';
@@ -150,5 +151,7 @@ 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.from === nextProps.values.from &&
+         prevProps.values.to === nextProps.values.to &&
+         isEqual(prevProps.options, nextProps.options);
 });

package/source/components/_common/IconSVG/SVG/flags/AT.tsx

@@ -8,7 +8,7 @@ const AT = (props: any) => (
     viewBox="0 0 640 480"
     {...props}
   >
-    <g fillRule="evenodd">
+    <g fill-rule="evenodd">
       <path fill="#fff" d="M640 480H0V0h640z" />
       <path fill="#c8102e" d="M640 480H0V320h640zm0-319.9H0V.1h640z" />
     </g>

package/source/components/_common/IconSVG/SVG/flags/BE.tsx

@@ -8,7 +8,7 @@ const BE = (props: any) => (
     viewBox="0 0 640 480"
     {...props}
   >
-    <g fillRule="evenodd" strokeWidth="1pt">
+    <g fill-rule="evenodd" stroke-width="1pt">
       <path d="M0 0h213.3v480H0z" />
       <path fill="#ffd90c" d="M213.3 0h213.4v480H213.3z" />
       <path fill="#f31830" d="M426.7 0H640v480H426.7z" />

package/source/components/_common/IconSVG/SVG/flags/BG.tsx

@@ -8,7 +8,7 @@ const BG = (props: any) => (
     viewBox="0 0 640 480"
     {...props}
   >
-    <g fillRule="evenodd" strokeWidth="1pt">
+    <g fill-rule="evenodd" stroke-width="1pt">
       <path fill="#d62612" d="M0 320h640v160H0z" />
       <path fill="#fff" d="M0 0h640v160H0z" />
       <path fill="#00966e" d="M0 160h640v160H0z" />

package/source/components/_common/IconSVG/SVG/flags/CH.tsx

@@ -8,7 +8,7 @@ const CH = (props: any) => (
     viewBox="0 0 640 480"
     {...props}
   >
-    <g fillRule="evenodd" strokeWidth="1pt">
+    <g fill-rule="evenodd" stroke-width="1pt">
       <path fill="red" d="M0 0h640v480H0z" />
       <g fill="#fff">
         <path d="M170 195h300v90H170z" />