@bytebrand/fe-ui-core 4.2.190 → 4.2.191

package/package.json

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

package/source/components/Breadcrumbs/Breadcrumbs.tsx

@@ -12,6 +12,7 @@ type LinkItem = { link: string, title: string };
 interface IBreadcrumbsProps {
   page: string;
   pageProps: any;
+  Link: any;
   infoBlockData: { contentMobile: string, title: string }[];
   t?: (key: string, options?: object) => string;
 }
@@ -32,7 +33,7 @@ class Breadcrumbs extends React.PureComponent<IBreadcrumbsProps> {
   };
 
   renderList = (list: LinkItem[]) => {
-    const { t = (phrase: string) => _get(breadcrumbsTranslate(), phrase.replace(':', '.'), phrase), page } = this.props;
+    const {t = (phrase: string) => _get(breadcrumbsTranslate(), phrase.replace(':', '.'), phrase), page, Link } = this.props;
 
     return list.map((item, index): React.ReactElement<any> => {
       const isLastItem: boolean = list.length - 1 === index;
@@ -43,7 +44,7 @@ class Breadcrumbs extends React.PureComponent<IBreadcrumbsProps> {
 
       return item.link
         ? <span className={linkClassName} onClick={this.props.pageProps.onBreadCrumbClick} key={index}>
-            <a href={page !== 'REFERENCE_VEHICLE_DETAILS' && item.link}>{item.title}</a>
+            <Link to={page !== 'REFERENCE_VEHICLE_DETAILS' && item.link}>{item.title}</Link>
           </span>
         : <span className={textClassName} key={index}>
             {bigItem}
@@ -90,4 +91,3 @@ class Breadcrumbs extends React.PureComponent<IBreadcrumbsProps> {
 }
 
 export default Breadcrumbs;
-// export default withRouter(translate(['common'])(Breadcrumbs));

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

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react';
 import FormattedNumber from '../../FormattedNumber/FormattedNumber';
 import { Slider } from '@mui/material';
 import { isMobileOnly } from 'react-device-detect';
+import { iOS } from '../../../framework/utils/CommonUtils';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 
 interface IRangeProps {
@@ -50,6 +51,9 @@ const Range: React.FC<IRangeProps> = ({
   )
 
   const onChangeRange = (event: Event, value: number | number[]) => {
+    if (isIOS && event.type === 'mousedown') {
+      return;
+    }
     setRangeValue(value);
     onChange(event, value)
   }