@bytebrand/fe-ui-core 4.1.196 → 4.1.198

package/package.json

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

package/source/components/SearchFilters/common/FilterBlock/FilterBlockFactory.tsx

@@ -125,7 +125,7 @@ export const HIGHLIGHTS_TYPES = transformHighlights();
 
 export const FilterBlockFactory: IFilterBlockFactory = {
   SUPER_ADMIN:        (props: any): JSX.Element => (<SuperAdminWidget {...props} />),
-  BASIC_DATA:         (props: any): JSX.Element => (<BasicDataWidget {...props} />),
+  BASIC_DATA:         (props: any): JSX.Element => (<BasicDataWidget {...props} isNotDetailed={true}/>),
   DRIVE_TRANSMISSION: (props: any): JSX.Element => (<DriveTransmissionWidget {...props} />),
   BODY_COLOR:         (props: any): JSX.Element => (<BodyColorWidget {...props} />),
   INTERIOR:           (props: any): JSX.Element => (<InteriorWidget {...props} />),

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

@@ -28,7 +28,7 @@ class AlternativeID extends React.Component<IAlternativeIDProps, IAlternativeIDS
     value: ''
   };
 
-  componentDidMount() { this.setState({ value: this.props.autoDeId }); };
+  componentDidMount() { this.setState({ value: this.props.autoDeId }); }
 
   onFilterChange = (value: string) => {
     this.setState({ value });

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

@@ -10,6 +10,7 @@ interface IFuelProps {
   values: any[];
   aggregation?: any;
   t?: any;
+  isNotDetailed:boolean;
   onChange: (fieldName: string, fieldValue: string[]) => void;
 }
 
@@ -28,7 +29,7 @@ class Fuel extends React.Component<IFuelProps, {}> {
   };
 
   getOptions = (options: string[]) => options.map((option: string) => {
-    const { t } = this.props;
+    const { t, isNotDetailed } = this.props;
 
     const agg = this.getAggregation(option);
 
@@ -36,6 +37,7 @@ class Fuel extends React.Component<IFuelProps, {}> {
       value: option,
       label: (
         <span className={styles.wrapOptions}>
+          {!isNotDetailed?<IconSVG name={option} customDimensions />:null}
           <FilterLabel text={t(`cbd:${option}`)} agg={agg} />
         </span>
       )

package/source/components/SearchWidget/BasicDataWidget/BasicDataWidget.tsx

@@ -6,13 +6,14 @@ import MakeModel, { IMakeModelProps } from '../../SearchPage/Filters/MakeModel/M
 interface IBasicDataWidgetState {
   t: (phrase: string) => string;
   [key: string]: any;
+  isNotDetailed?: boolean;
 }
 
 class BasicDataWidget extends React.Component<IMakeModelProps, IBasicDataWidgetState> {
   render(): JSX.Element {
     const {
       MMS_GROUPS, BODY_TYPE, FIRST_REGISTRATION, MILEAGE, POWER, PRICE, RATE, CONSUMPTION,
-      SEATS, DOORS, FUEL, onFilterChange, onChangeFilterControls, onAddMmsGroup, onRemoveMmsGroup, t
+      SEATS, DOORS, FUEL, onFilterChange, onChangeFilterControls, onAddMmsGroup, onRemoveMmsGroup, t, isNotDetailed
     } = this.props;
 
     const makeModelProps = {
@@ -37,7 +38,9 @@ class BasicDataWidget extends React.Component<IMakeModelProps, IBasicDataWidgetS
       values: FUEL.values,
       aggregation: FUEL.aggregation || {},
       onChange: onFilterChange,
-      className: styles.fuelOptions
+      className: styles.fuelOptions,
+      // tslint:disable-next-line:object-literal-shorthand
+      isNotDetailed: isNotDetailed
     };
 
     const consumptionProps = {

package/source/components/VehicleSmallCard/VehicleData/VechiclePriceItem/VechiclePriceItem.tsx

@@ -93,11 +93,11 @@ class VehiclePriceItem extends React.Component<IVehiclePriceItemProps> {
         {React.createElement(linkTag, {
           children: priceTitle,
           ...routeObj,
+          target,
+          rel,
           onClick: this.routeToActiveTab,
           className: priceItemCategoryClassName,
-          href: url,
-          target,
-          rel
+          href: url
         })}
         {tooltipDescription && (
           <Tooltip
@@ -137,7 +137,7 @@ class VehiclePriceItem extends React.Component<IVehiclePriceItemProps> {
                       numbersAfterDot={0}
                       price={perMonthCurrent}
                       postfix={postfix}
-                      className={classnames(styles.priceMtl, { [styles.priceMtlActive]: !!priceSub})}
+                      className={classnames(styles.priceMtl, { [styles.priceMtlActive]: !!priceSub })}
                       isNew={isStrikeShown}
                       size='semimedium'
                       sub={priceSub}
@@ -173,11 +173,11 @@ class VehiclePriceItem extends React.Component<IVehiclePriceItemProps> {
             </>
           ),
           ...routeObj,
+          target,
+          rel,
           onClick: this.routeToActiveTab,
           className: styles.priceItemPrice,
-          href: url,
-          target,
-          rel
+          href: url
         })}
       </div>
     );

package/source/components/VehicleSmallCard/VehicleSmallCard.tsx

@@ -276,11 +276,11 @@ const VehicleSmallCard: FunctionComponent<IVehicleSmallCardProps> = (props) => {
       {createElement(linkTag, {
         children: <VehicleTitle {...favoriteProps} />,
         ...routeObj,
+        target,
+        rel,
         className: `${styles.redirectClassLink} ${styles.gridAreaTitle}`,
         onClick: () => localStorage.setItem('activeTabCDP', t('vehicleProps:title.financing')),
-        href: url,
-        target,
-        rel
+        href: url
       })}
 
       {createElement(linkTag, {
@@ -329,11 +329,11 @@ const VehicleSmallCard: FunctionComponent<IVehicleSmallCardProps> = (props) => {
           </>
         ),
         ...routeObj,
+        target,
+        rel,
         className: `${styles.redirectClassLink} ${styles.gridAreaImage}`,
         onClick: () => localStorage.setItem('activeTabCDP', t('vehicleProps:title.financing')),
-        href: url,
-        target,
-        rel
+        href: url
       })}
       <VehicleInfo {...vehicleInfoProps} />
       <VehiclePrice {...vehiclePriceProps} />

package/source/components/_common/IconSVG/SVG/common/InfoIcon.tsx

@@ -14,4 +14,4 @@ const SvgInfoIcon = (props: any) => (
 );
 
 export default SvgInfoIcon;
-/* tslint:enable */
+/* tslint:enable */

package/source/components/_common/TimePicker/TimePicker.tsx

@@ -46,8 +46,8 @@ const TimePicker = ({
   const nextWeekDays = [...Array(7).keys()].map((days, index) => (
   {
     value: index,
-    label: new Date(Date.now() + setNewDay + 86400000 * days).toLocaleString(lang, { day: '2-digit', month: '2-digit', year: 'numeric' }),
-    day: new Date(Date.now() + setNewDay + 86400000 * days).toLocaleString(lang, { day: '2-digit', month: '2-digit', year: 'numeric' })
+    label: new Date(Date.now() + setNewDay + 86400000 * days).toLocaleString(lang, { weekday: 'short', day: 'numeric', month: '2-digit' }).replace(',', ''),
+    day: new Date(Date.now() + setNewDay + 86400000 * days).toLocaleString(lang, { weekday: 'short', day: 'numeric', month: '2-digit' }).replace(',', '')
   }
   ));
   const nextWeekDaysFull = [...Array(7).keys()].map(days => new Date(Date.now() + setNewDay + 86400000 * days));

package/source/components/containers/SearchPage/FiltersContainer/FiltersContainer.tsx

@@ -387,8 +387,8 @@ class FiltersContainer extends React.Component<IFiltersContainerProps, {}> {
     const paramsFromQuery = qs.parse(location.search, { ignoreQueryPrefix: true });
     const alternativeIDProps = {
       t,
-      autoDeId: paramsFromQuery.autoDeId,
       successTransition,
+      autoDeId: paramsFromQuery.autoDeId,
       error: isErrorAlternativeField,
       onChange: onAlternativeRedirect
     };

package/source/framework/vehiclesProps/decoratedProps.tsx

@@ -307,9 +307,9 @@ const getDecoratedProps = (
     chargingDurationMaxSpeed: {
       title: t('vehicleProps:title.chargingDurationMaxSpeed'),
       get value() {
-        const batteryChargingDurationMaxSelect = car.battery && car.battery.batteryChargingDurationMaxSelect
-        const batteryChargingDurationMaxHour = car.battery && car.battery.batteryChargingDurationMaxHour
-        const batteryCharchingDurationMaxSelectMinutesHours = car.battery && car.battery.batteryCharchingDurationMaxSelectMinutesHours
+        const batteryChargingDurationMaxSelect = car.battery && car.battery.batteryChargingDurationMaxSelect;
+        const batteryChargingDurationMaxHour = car.battery && car.battery.batteryChargingDurationMaxHour;
+        const batteryCharchingDurationMaxSelectMinutesHours = car.battery && car.battery.batteryCharchingDurationMaxSelectMinutesHours;
 
         return batteryChargingDurationMaxSelect
           ? `${batteryChargingDurationMaxHour ? `${batteryChargingDurationMaxHour} ${isCheckedBatteryTime(batteryCharchingDurationMaxSelectMinutesHours, t)}` : ''} ${batteryChargingDurationMaxSelect}`
@@ -319,7 +319,7 @@ const getDecoratedProps = (
     batteryChargerType: {
       title: t('vehicleProps:title.batteryChargerType'),
       get value() {
-        const batteryChargerType = car.battery && car.battery.batteryChargerType
+        const batteryChargerType = car.battery && car.battery.batteryChargerType;
 
         return isPropDefined(batteryChargerType)
           ? batteryChargerType.map((item: any) => t(`cbd:${item}`)).join('\n')

package/utils.ts

@@ -30,4 +30,4 @@ export {
 
 export {
   getActualHighlights
-} from './source/framework/constants/highlights';
+} from './source/framework/constants/highlights';