@bytebrand/fe-ui-core 4.0.261 → 4.0.262

package/package.json

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

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

@@ -30,6 +30,8 @@ export interface IRangeControlledProps {
   onChangeControls?: (name: string, value: any) => void;
   changeControlsAfterOnChange?: boolean;
   t?: (key: string) => string;
+  isNumberWithDot?: boolean;
+  unit?: string;
 }
 
 const RangeControlled = ({
@@ -42,7 +44,9 @@ const RangeControlled = ({
   options,
   changeControlsAfterOnChange,
   handleLabelFormat = '.2s',
-  showTitle
+  showTitle,
+  isNumberWithDot,
+  unit
 }: IRangeControlledProps) => {
   // static readonly defaultProps = {
   //   showTitle: true,
@@ -59,7 +63,7 @@ const RangeControlled = ({
   const getOptions = (options: any): Object[] =>
     options.map((option: string) => ({
       value: `${option}`,
-      label: `${option}`
+      label: `${isNumberWithDot ? numberWithDot(option) : option}`
     }));
 
   const transformValues = (values: any): number[] => {
@@ -114,7 +118,7 @@ const RangeControlled = ({
   const fromProps = {
     size: 'custom',
     value: from ? from : null,
-    label: `${t('filters.from')} €`,
+    label: `${t('filters.from')} ${unit ? unit : '€'}`,
     onChange: (value: any) => onDropDownChange('from', value),
     items: getOptions(sliceLessThan(getDropdownRange(name), to))
   };
@@ -122,7 +126,7 @@ const RangeControlled = ({
   const toProps = {
     size: 'custom',
     value: to ? to : null,
-    label: `${t('filters.to')} €`,
+    label: `${t('filters.from')} ${unit ? unit : '€'}`,
     onChange: (value: any) => onDropDownChange('to', value),
     items: getOptions(sliceMoreThan(getDropdownRange(name), from))
   };

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

@@ -97,7 +97,8 @@ class Cost extends React.Component<ICostProps, ICostState> {
       name: 'PRICE',
       options: PRICE.options,
       values: PRICE.values,
-      controls: PRICE.controls
+      controls: PRICE.controls,
+      isNumberWithDot: true
     };
 
     return <RangeControlled {...priceProps} />;

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

@@ -46,7 +46,7 @@ const FirstRegistration = ({ controls, onChange, onChangeControls, values, optio
       values: transformValues(values),
       onChange: (value: string, name: string) => {
         onChange(name, value);
-        onChangeControls(name, RANGE_FILTERS_DEFAULT_CONTROLS);
+        // onChangeControls(name, RANGE_FILTERS_DEFAULT_CONTROLS);
       }
     };