@carforyou/header-footer - npm Package Compare versions

Comparing version 2.0.0 to 2.1.0-CAR-4847-389135c4185890b8329a5678ab353ecc80972152.1

dist-src/components/header/dealer/index.js

@@ -12,4 +12,17 @@ /* eslint-disable react/jsx-key */
 import ProfileContent from "./profileContent";
+import HeaderDropdown from "../base/dropdown";
 const BareHeader = () => {
-    const { t, language, dealerhubRootUrl, listingsRootUrl } = useContext(AppContext);
+    const { t, language, dealerhubRootUrl, listingsRootUrl, features: { disabledMyGarage }, } = useContext(AppContext);
+    const carMarket = (React.createElement("a", { href: url(listingsRootUrl, language, "/auto/search"), onClick: () => dataLayerPush({
+            category: "header",
+            action: "link",
+            label: "SRP",
+        }), className: "block py-10 lg:px-20 xl:p-0 lg:hover:bg-grey-bright xl:hover:bg-transparent", 
+        // eslint-disable-next-line react/jsx-no-target-blank
+        target: "_blank" }, t("header.carMarket")));
+    const news = (React.createElement("a", { href: garagenUrl(language, "/news"), onClick: () => dataLayerPush({
+            category: "header",
+            action: "link",
+            label: "garage news page",
+        }), className: "block py-10 lg:px-20 xl:p-0 lg:hover:bg-grey-bright xl:hover:bg-transparent", target: "_blank", rel: "noopener noreferrer" }, t("header.news")));
     const links = [
@@ -21,2 +34,8 @@ React.createElement("a", { href: url(dealerhubRootUrl, language, "/listings"), onClick: () => dataLayerPush({
             }), className: "block py-10 lg:py-0" }, t("header.myListings")),
+        !disabledMyGarage ? (React.createElement(React.Fragment, null,
+            React.createElement("a", { href: url(dealerhubRootUrl, language, "/dealer-carousel"), onClick: () => dataLayerPush({
+                    category: "header",
+                    action: "link",
+                    label: "my garage",
+                }), className: "block py-10 lg:py-0" }, t("header.myGarage")))) : null,
         React.createElement("a", { href: url(dealerhubRootUrl, language, "/auto-alarm"), onClick: () => dataLayerPush({
@@ -27,14 +46,9 @@ category: "header",
             }), className: "block py-10 lg:py-0" }, t("header.carAlert")),
-        React.createElement("a", { href: url(listingsRootUrl, language, "/auto/search"), onClick: () => dataLayerPush({
-                category: "header",
-                action: "link",
-                label: "SRP",
-            }), className: "block py-10 lg:py-0", 
-            // eslint-disable-next-line react/jsx-no-target-blank
-            target: "_blank" }, t("header.carMarket")),
-        React.createElement("a", { href: garagenUrl(language, "/news"), onClick: () => dataLayerPush({
-                category: "header",
-                action: "link",
-                label: "garage news page",
-            }), className: "block py-10 lg:py-0", target: "_blank", rel: "noopener noreferrer" }, t("header.news")),
+        React.createElement("div", { className: "block lg:hidden xl:block" }, carMarket),
+        React.createElement("div", { className: "block lg:hidden xl:block" }, news),
+        React.createElement("div", { className: "hidden lg:block xl:hidden", key: "header.more" },
+            React.createElement(HeaderDropdown, { renderParent: () => React.createElement("span", null, t("header.more")) },
+                React.createElement("ul", { className: "my-10" },
+                    React.createElement("li", null, carMarket),
+                    React.createElement("li", null, news)))),
     ];
@@ -41,0 +55,0 @@ return (React.createElement(BaseHeader, { theme: HeaderTheme.DARK, mobileMenuText: t("header.mobileNavigation"), links: links, ctaButton: React.createElement(CreateListingButton, null), iconButtons: [], profile: {

dist-src/locales/de.js

@@ -79,2 +79,3 @@ export default {
         "whatsMyCarWorth": "Was ist mein Auto wert?",
+        "myGarage": "Meine Garage",
         "myListings": "Meine Inserate",
@@ -81,0 +82,0 @@ "carAlert": "Auto-Alarm",

dist-src/locales/en.js

@@ -81,2 +81,3 @@ export default {
         "logout": " Logout",
+        "myGarage": "My garage",
         "myListings": "My Listings",
@@ -83,0 +84,0 @@ "carAlert": "Auto-Alarm",

dist-src/locales/fr.js

@@ -81,2 +81,3 @@ export default {
         "logout": " Se déconnecter",
+        "myGarage": "Mon garage",
         "myListings": "Mes publicités",
@@ -83,0 +84,0 @@ "carAlert": "Auto-Alarm",

dist-src/locales/it.js

@@ -81,2 +81,3 @@ export default {
         "logout": " Disconnettere",
+        "myGarage": "Il mio garage",
         "myListings": "I miei annunci",
@@ -83,0 +84,0 @@ "carAlert": "Auto-Alarm",

dist-types/locales/de.d.ts

@@ -79,2 +79,3 @@ declare const _default: {
         whatsMyCarWorth: string;
+        myGarage: string;
         myListings: string;
@@ -81,0 +82,0 @@ carAlert: string;

dist-types/locales/en.d.ts

@@ -81,2 +81,3 @@ declare const _default: {
         logout: string;
+        myGarage: string;
         myListings: string;
@@ -83,0 +84,0 @@ carAlert: string;

dist-types/locales/fr.d.ts

@@ -81,2 +81,3 @@ declare const _default: {
         logout: string;
+        myGarage: string;
         myListings: string;
@@ -83,0 +84,0 @@ carAlert: string;

dist-types/locales/it.d.ts

@@ -81,2 +81,3 @@ declare const _default: {
         logout: string;
+        myGarage: string;
         myListings: string;
@@ -83,0 +84,0 @@ carAlert: string;

package.json

 {
   "name": "@carforyou/header-footer",
   "description": "CAR FOR YOU Header / Footer",
-  "version": "2.0.0",
+  "version": "2.1.0-CAR-4847-389135c4185890b8329a5678ab353ecc80972152.1",
   "license": "MIT",
@@ -23,3 +23,3 @@ "files": [
     "@babel/core": "^7.10.4",
-    "@carforyou/components": "10.0.0",
+    "@carforyou/components": "11.0.0",
     "@carforyou/eslint-config": "1.2.0",
@@ -44,6 +44,5 @@ "@carforyou/phraseapp": "1.1.1",
     "@types/testing-library__react": "^10.2.0",
-    "awesome-typescript-loader": "^5.2.1",
     "babel-loader": "^8.1.0",
     "bundlesize": "^0.18.0",
-    "jest": "^26.0.0",
+    "jest": "^26.4.2",
     "postcss-easy-import": "^3.0.0",
@@ -55,4 +54,5 @@ "react": "^16.13.1",
     "tailwindcss": "^1.4.6",
-    "ts-jest": "^26.0.0",
-    "typescript": "^3.9.3",
+    "ts-jest": "^26.3.0",
+    "ts-loader": "^8.0.3",
+    "typescript": "^4.0.0",
     "typings-for-css-modules-loader": "^1.7.0"
@@ -59,0 +59,0 @@ },

README.md

@@ -54,2 +54,3 @@ # CAR FOR YOU Header / Footer
 | `disabledCTA` | `UserHeader` | disables `List for free` header CTA
+| `disabledMyGarage` | `DealerHeader` | disables `My Garage` navigation bar
 
@@ -56,0 +57,0 @@ ## Development

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

516127

1.86%

Lines of code

4679

1.45%

Number of lines in readme file

84

1.2%

Worsened metrics

Number of low quality alerts

2

100%

No dependency changes