@bytebrand/fe-ui-core 4.2.155 → 4.2.157

package/package.json

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

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React, { useState, KeyboardEvent } from 'react';
 import TextField from '../../_common/TextField/TextField';
 import Button from '../../_common/Button/Button';
 import classNames from 'classnames';
@@ -11,69 +11,58 @@ interface IAlternativeIDProps {
   error: boolean;
   successTransition: boolean;
   autoDeId?: string;
-  onChange: (value: any) => void;
+  onChange: (value: string) => void;
   onKeyPress?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
 }
 
-interface IAlternativeIDState {
-  value: string;
-}
+const AlternativeID: React.FC<IAlternativeIDProps> = ({
+  t,
+  name,
+  successTransition,
+  autoDeId,
+  onChange,
+  error = false
+}) => {
+  const [value, setValue] = useState<string>(autoDeId || '');
 
-class AlternativeID extends React.Component<IAlternativeIDProps, IAlternativeIDState> {
-  static defaultProps = {
-    error: false
+  const onFilterChange = (value: string) => {
+    setValue(value);
   };
 
-  state = {
-    value: ''
+  const handleSearchClick = () => {
+    onChange(value);
   };
 
-  componentDidMount() { this.setState({ value: this.props.autoDeId }); }
-
-  onFilterChange = (value: string) => {
-    this.setState({ value });
-  };
-
-  handleSearchClick = () => {
-    const { value } = this.state;
-
-    this.props.onChange(value);
-  }
-
-  onKeyAlternativeRedirect = (event: React.KeyboardEvent<HTMLInputElement>) => {
-    const { value } = this.state;
+  const onKeyAlternativeRedirect = (event: React.KeyboardEvent<HTMLInputElement>) => {
     if (event.key === 'Enter') {
-      this.props.onChange(value);
+      onChange(value);
     }
-  }
+  };
 
-  render(): JSX.Element {
-    const { t, name, error, successTransition } = this.props;
-    const inputProps = {
-      name,
-      placeholder: 'z.B: FCEE67',
-      value: this.state.value,
-      onChange: this.onFilterChange,
-      onKeyPress: (event: React.KeyboardEvent<HTMLInputElement>) => this.onKeyAlternativeRedirect(event)
-    };
+  const inputProps = {
+    name,
+    placeholder: 'z.B: FCEE67',
+    value,
+    onChange: onFilterChange,
+    onKeyPress: (event: KeyboardEvent<HTMLInputElement>) => onKeyAlternativeRedirect(event)
+  };
 
-    const buttonProps = {
-      onClick: this.handleSearchClick,
-      className: classNames(
-        styles.button,
-        { [styles.buttonWithError]: error },
-        { [styles.buttonIsFetching]: successTransition }
-        )
-    };
+  const buttonProps = {
+    onClick: handleSearchClick,
+    className: classNames(
+      styles.button,
+      { [styles.buttonWithError]: error },
+      { [styles.buttonIsFetching]: successTransition }
+      )
+  };
 
-    return (
-      <div>
-        <TextField {...inputProps} />
-        {error && <span className={styles.errorText}>{t('filters.alternativeErrorText')}</span>}
-        <Button {...buttonProps}>{t('filters.alternativeBtn')}</Button>
-      </div>
-    );
-  }
-}
+  return (
+    <div>
+      <TextField {...inputProps} />
+      {error && <span className={styles.errorText}>{t('filters.alternativeErrorText')}</span>}
+      <Button {...buttonProps}>{t('filters.alternativeBtn')}</Button>
+    </div>
+  );
+};
 
-export default AlternativeID;
+export default AlternativeID;

package/source/components/VehicleSmallCard/VehicleSmallCard.tsx

@@ -167,7 +167,7 @@ const VehicleSmallCard: FunctionComponent<IVehicleSmallCardProps> = (props) => {
     { [styles.vehicleWrapRecently]: vehicleComponentName === 'recently' },
     { [styles.topVehicle]: isTop },
     { [styles.disableBorder]: minimizeData },
-    { [styles.isFirstReferenceCar]: isReferenceSearch && index === 0 && currentPage === 1 },
+    { [styles.isFirstReferenceCar]: isReferenceSearch && index === 0 },
     className
   );
 

package/source/components/_common/Range/Range.tsx

@@ -69,7 +69,7 @@ const Range: React.FC<IRangeProps> = ({
     <ThemeProvider theme={Theme}>
       <Slider
         min={min}
-        max={max}
+        max={withRangeLimit ? maxFinancingFirstInstallment : max}
         step={step}
         disableSwap={isMobileOnly ? true : false}
         valueLabelDisplay='auto'