@bytebrand/fe-ui-core 4.1.148 → 4.1.150

package/package.json

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

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

@@ -26,6 +26,8 @@ export interface IVehiclePriceItemProps {
   positionX?: string;
   positionY?: string;
   url?: string;
+  target?: string;
+  rel?: string;
   routeObj?: any;
   linkTag?: string;
   isStrikeShown?: boolean;
@@ -45,6 +47,8 @@ class VehiclePriceItem extends React.Component<IVehiclePriceItemProps> {
       perMonthCurrent,
       perMonthOld,
       url,
+      target,
+      rel,
       totalOld,
       totalCurrent,
       tooltipDescription,
@@ -90,7 +94,9 @@ class VehiclePriceItem extends React.Component<IVehiclePriceItemProps> {
           ...routeObj,
           onClick: this.routeToActiveTab,
           className: priceItemCategoryClassName,
-          href: url
+          href: url,
+          target,
+          rel
         })}
         {tooltipDescription && (
           <Tooltip
@@ -165,7 +171,9 @@ class VehiclePriceItem extends React.Component<IVehiclePriceItemProps> {
           ...routeObj,
           onClick: this.routeToActiveTab,
           className: styles.priceItemPrice,
-          href: url
+          href: url,
+          target,
+          rel
         })}
       </div>
     );

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

@@ -27,6 +27,8 @@ const VehicleInfo: React.FC<IVehicleInfoProps> = (props) => {
     currentSalesPrice,
     language,
     url,
+    target,
+    rel,
     regDate,
     linkTag,
     routeObj,
@@ -142,7 +144,9 @@ const VehicleInfo: React.FC<IVehicleInfoProps> = (props) => {
         ...routeObj,
         className: wrapClasses,
         onClick: () => localStorage.setItem('activeTabCDP', t('vehicleProps:title.financing')),
-        href: url
+        href: url,
+        target,
+        rel
       })}
     </>
   );

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

@@ -28,6 +28,8 @@ export interface IVehiclePriceSectionProps {
   oldMonthlyInstallment?: number;
   positionY?: string;
   url?: string;
+  target?: string;
+  rel?: string;
   iconName?: string;
   mainImageId?: string;
   showCompareCheckboxes?: boolean;
@@ -89,6 +91,8 @@ class VehiclePrice extends React.Component<IVehiclePriceSectionProps> {
       t,
       combineRefAlternative,
       url,
+      target,
+      rel,
       isDealerSuperAdmin,
       linkTag,
       showOfferBtn,
@@ -225,6 +229,8 @@ class VehiclePrice extends React.Component<IVehiclePriceSectionProps> {
           priceSub={priceSub}
           positionY={positionY}
           url={url}
+          target={target}
+          rel={rel}
           isStrikeShown={isStrikeShown}
           iconName={iconName}
           totalCurrent={totalCurrent}

package/source/components/VehicleSmallCard/VehicleSmallCard.tsx

@@ -113,6 +113,8 @@ const VehicleSmallCard: FunctionComponent<IVehicleSmallCardProps> = (props) => {
     language,
     className,
     url,
+    target,
+    rel,
     onContainerClick,
     onAddOfferToMainSlideClick,
     isDealer,
@@ -212,6 +214,8 @@ const VehicleSmallCard: FunctionComponent<IVehicleSmallCardProps> = (props) => {
     linkTag,
     routeObj,
     url,
+    target,
+    rel,
     engineData,
     ...price,
     ...info
@@ -275,7 +279,9 @@ const VehicleSmallCard: FunctionComponent<IVehicleSmallCardProps> = (props) => {
         ...routeObj,
         className: `${styles.redirectClassLink} ${styles.gridAreaTitle}`,
         onClick: () => localStorage.setItem('activeTabCDP', t('vehicleProps:title.financing')),
-        href: url
+        href: url,
+        target,
+        rel
       })}
 
       {createElement(linkTag, {
@@ -326,7 +332,9 @@ const VehicleSmallCard: FunctionComponent<IVehicleSmallCardProps> = (props) => {
         ...routeObj,
         className: `${styles.redirectClassLink} ${styles.gridAreaImage}`,
         onClick: () => localStorage.setItem('activeTabCDP', t('vehicleProps:title.financing')),
-        href: url
+        href: url,
+        target,
+        rel
       })}
       <VehicleInfo {...vehicleInfoProps} />
       <VehiclePrice {...vehiclePriceProps} />

package/source/components/_common/IconSVG/SVG/flags/AT.tsx

@@ -4,13 +4,14 @@ import * as React from "react";
 const AT = (props: any) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    width="900"
-    height="600"
+    id="flag-icons-at"
+    viewBox="0 0 640 480"
     {...props}
-    viewBox="0 0 900 600"
   >
-    <path fill="#ed2939" d="M0 0h900v600H0z" />
-    <path fill="#fff" d="M0 200h900v200H0z" />
+    <g fill-rule="evenodd">
+      <path fill="#fff" d="M640 480H0V0h640z" />
+      <path fill="#c8102e" d="M640 480H0V320h640zm0-319.9H0V.1h640z" />
+    </g>
   </svg>
 );
 

package/source/components/_common/IconSVG/SVG/flags/BE.tsx

@@ -4,14 +4,15 @@ import * as React from "react";
 const BE = (props: any) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    width="900"
-    height="780"
+    id="flag-icons-be"
+    viewBox="0 0 640 480"
     {...props}
-    viewBox="0 0 900 600"
   >
-    <path fill="#ed2939" d="M0 0h900v780H0z" />
-    <path fill="#fae042" d="M0 0h600v780H0z" />
-    <path d="M0 0h300v780H0z" />
+    <g fill-rule="evenodd" stroke-width="1pt">
+      <path d="M0 0h213.3v480H0z" />
+      <path fill="#ffd90c" d="M213.3 0h213.4v480H213.3z" />
+      <path fill="#f31830" d="M426.7 0H640v480H426.7z" />
+    </g>
   </svg>
 );
 

package/source/components/_common/IconSVG/SVG/flags/BG.tsx

@@ -1,12 +1,19 @@
 /* tslint:disable */
-import * as React from 'react';
+import * as React from "react";
 
-const BG = (
-    props: any
-) => (
-    <svg xmlns="http://www.w3.org/2000/svg" width="1000" height="600" viewBox="0 0 5 3" {...props}>
-      <path fill="#fff" d="M0 0h5v3H0z"/><path fill="#00966E" d="M0 1h5v2H0z"/><path fill="#D62612" d="M0 2h5v1H0z"/>
-    </svg>
+const BG = (props: any) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    id="flag-icons-bg"
+    viewBox="0 0 640 480"
+    {...props}
+  >
+    <g fill-rule="evenodd" stroke-width="1pt">
+      <path fill="#d62612" d="M0 320h640v160H0z" />
+      <path fill="#fff" d="M0 0h640v160H0z" />
+      <path fill="#00966e" d="M0 160h640v160H0z" />
+    </g>
+  </svg>
 );
 
 export default BG;

package/source/components/_common/IconSVG/SVG/flags/CH.tsx

@@ -3,14 +3,18 @@ import * as React from "react";
 
 const CH = (props: any) => (
   <svg
-    width="512"
-    height="512"
-    viewBox="0 0 32 32"
     xmlns="http://www.w3.org/2000/svg"
+    id="flag-icons-ch"
+    viewBox="0 0 640 480"
     {...props}
   >
-    <path d="M0 0h32v32H0z" fill="red" />
-    <path d="M13 6h6v7h7v6h-7v7h-6v-7H6v-6h7z" fill="#fff" />
+    <g fill-rule="evenodd" stroke-width="1pt">
+      <path fill="red" d="M0 0h640v480H0z" />
+      <g fill="#fff">
+        <path d="M170 195h300v90H170z" />
+        <path d="M275 90h90v300h-90z" />
+      </g>
+    </g>
   </svg>
 );
 

package/source/components/_common/IconSVG/SVG/flags/CZ.tsx

@@ -3,16 +3,14 @@ import * as React from "react";
 
 const CZ = (props: any) => (
   <svg
-    version="1.0"
     xmlns="http://www.w3.org/2000/svg"
-    width="900"
-    height="600"
-    viewBox="0 0 900 600"
+    id="flag-icons-cz"
+    viewBox="0 0 640 480"
     {...props}
   >
-    <path fill="#d7141a" d="M0 0h900v600H0z" />
-    <path fill="#fff" d="M0 0h900v300H0z" />
-    <path d="M450 300L0 0v600z" fill="#11457e" />
+    <path fill="#fff" d="M0 0h640v240H0z" />
+    <path fill="#d7141a" d="M0 240h640v240H0z" />
+    <path fill="#11457e" d="M360 240 0 0v480z" />
   </svg>
 );
 

package/source/components/_common/IconSVG/SVG/flags/DE.tsx

@@ -4,14 +4,13 @@ import * as React from "react";
 const DE = (props: any) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    width="1000"
-    height="600"
-    viewBox="0 0 5 3"
+    id="flag-icons-de"
+    viewBox="0 0 640 480"
     {...props}
   >
-    <path d="M0 0h5v3H0z" />
-    <path fill="#D00" d="M0 1h5v2H0z" />
-    <path fill="#FFCE00" d="M0 2h5v1H0z" />
+    <path fill="#ffce00" d="M0 320h640v160H0z" />
+    <path d="M0 0h640v160H0z" />
+    <path fill="#d00" d="M0 160h640v160H0z" />
   </svg>
 );
 

package/source/components/_common/IconSVG/SVG/flags/DK.tsx

@@ -4,11 +4,13 @@ import * as React from "react";
 const DK = (props: any) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 37 28"
+    id="flag-icons-dk"
+    viewBox="0 0 640 480"
     {...props}
   >
-    <path fill="#c60c30" d="M0 0h37v28H0z" />
-    <path fill="#fff" d="M0 12h12V0h4v12h21v4H16v12h-4V16H0z" />
+    <path fill="#c8102e" d="M0 0h640.1v480H0z" />
+    <path fill="#fff" d="M205.7 0h68.6v480h-68.6z" />
+    <path fill="#fff" d="M0 205.7h640.1v68.6H0z" />
   </svg>
 );