@bytebrand/fe-ui-core 4.1.195 → 4.1.197

package/package.json

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

package/source/components/AccordionWidget/AccordionWidget.styl

@@ -92,7 +92,6 @@
   font-weight: bold
 
 .tdContent
-  text-transform: capitalize
   +media-tablet-landscape-down()
     display: grid;
     grid-template-columns: repeat(3, 1fr);
@@ -132,6 +131,9 @@
   text-overflow: ellipsis;
   overflow: hidden;
 
+.checkedItem:first-letter
+  text-transform capitalize;
+  
 .subTitle
   font-size 10px
   font-weight normal

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/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';