@bytebrand/fe-ui-core 4.2.106 → 4.2.108

package/common.ts

@@ -136,7 +136,9 @@ import {
   StepButton,
   Accordion as MIAccordion,
   AccordionSummary,
-  AccordionDetails
+  AccordionDetails,
+  ListItemButton,
+  RadioGroup as MUIRadioGroup
 } from '@mui/material';
 import { createTheme } from '@mui/material/styles';
 
@@ -156,5 +158,7 @@ export {
   MIAccordion,
   AccordionSummary,
   AccordionDetails,
-  StyledComponent
+  StyledComponent,
+  ListItemButton,
+  MUIRadioGroup
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core",
-  "version": "4.2.106",
+  "version": "4.2.108",
   "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))
     };