@bytebrand/fe-ui-core 4.2.105 → 4.2.107

package/package.json

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

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

@@ -23,6 +23,9 @@ class Power extends React.Component<IPowerProps, {}> {
     super(props);
 
     this.name = 'POWER';
+    this.state = {
+      type:'PS'
+    };
   }
 
   private readonly name: string;
@@ -30,7 +33,8 @@ class Power extends React.Component<IPowerProps, {}> {
 
   onDropDownChange = (name: string, value: any) => {
     const { controls, onChange, onChangeControls } = this.props;
-    const { from, to, type }: any = { ...controls, [name]: value };
+    const { type } = this.state;
+    const { from, to }: any = { ...controls, [name]: value };
     const controlsObj = { from, to, type };
     this.tempValues = { from, to };
 
@@ -41,9 +45,14 @@ class Power extends React.Component<IPowerProps, {}> {
   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 });
+    // this.type=value;
+    this.setState(() => ({
+      type:value
+    }));
+    if (values.from !== '' && values.to !== '') {
+      onChangeControls(this.name, { ...values, type: value });
+      onChange(this.name, { ...values, type: value });
+    }
   };
 
   getOptions = (options: any) => options.map((option: string) => ({
@@ -62,7 +71,9 @@ class Power extends React.Component<IPowerProps, {}> {
   };
 
   renderSlider = () => {
-    const { values, options, onChange, onChangeControls, controls: { type } } = this.props;
+    const { type } = this.state;
+
+    const { values, options, onChange, onChangeControls } = this.props;
     const sliderProps = {
       options,
       name: this.name,
@@ -70,7 +81,6 @@ class Power extends React.Component<IPowerProps, {}> {
       values: this.transformValues(values),
       onChange: (value: any, name: string) => {
         this.tempValues = value;
-
         onChange(name, { ...value, type });
         onChangeControls(this.name, { ...value, type });
         // onChangeControls(this.name, { ...RANGE_FILTERS_DEFAULT_CONTROLS, type });
@@ -82,7 +92,7 @@ class Power extends React.Component<IPowerProps, {}> {
 
   renderRadioGroup = () => {
     const { typeOptions, controls } = this.props;
-    const { type } = controls;
+    const { type } = this.state;
     const radioGroupProps = {
       value: type,
       name: 'POWER_TYPE',
@@ -106,15 +116,16 @@ class Power extends React.Component<IPowerProps, {}> {
 
   render(): JSX.Element {
     const { t, controls } = this.props;
-    const { from = 0, to = 0, type } = controls;
+    const { type } = this.state;
+    const { from = 0, to = 0 } = controls;
     const commonProps = {
       size: 'custom'
     };
 
     const fromProps = {
       ...commonProps,
-      value: from || null,
-      label: this.getLabel('filters.from', controls.type),
+      value: `${from}` || null,
+      label: this.getLabel('filters.from', type),
       type: 'number',
       onChange: (value: any) => this.onDropDownChange('from', value),
       items: this.getOptions(sliceLessThan(POWER_FIX, to))
@@ -122,10 +133,10 @@ class Power extends React.Component<IPowerProps, {}> {
 
     const toProps = {
       ...commonProps,
-      value: to || null,
+      value: `${to}` || null,
       type: 'number',
-      label: this.getLabel('filters.to', controls.type),
-      onChange: (value: any) => this.onDropDownChange('to', value),
+      label: this.getLabel('filters.to', type),
+      onChange: (value: any) => this.onDropDownChange('to', type),
       items: this.getOptions(sliceMoreThan(POWER_FIX, from))
     };
 
@@ -150,6 +161,7 @@ class Power extends React.Component<IPowerProps, {}> {
 export default memo(Power, (prevProps: any, nextProps: any) => {
   return prevProps.controls.from === nextProps.controls.from &&
          prevProps.controls.to === nextProps.controls.to &&
+         prevProps.t === nextProps.t &&
          prevProps.controls.type === nextProps.controls.type &&
          prevProps.values.from === nextProps.values.from &&
          prevProps.values.to === nextProps.values.to &&