@debtcollective/dc-header-component - npm Package Compare versions

Comparing version 3.5.0 to 3.5.1

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+## [3.5.1](https://github.com/debtcollective/packages/compare/@debtcollective/dc-header-component@3.5.0...@debtcollective/dc-header-component@3.5.1) (2021-06-24)
+
+
+### Bug Fixes
+
+* **header:** allow to close profile menu after link click ([27681fe](https://github.com/debtcollective/packages/commit/27681fe))
+
+
+
+
+
 # [3.5.0](https://github.com/debtcollective/packages/compare/@debtcollective/dc-header-component@3.4.0...@debtcollective/dc-header-component@3.5.0) (2021-06-18)
@@ -8,0 +19,0 @@

dist/cjs/dc-header_4.cjs.entry.js

@@ -28,3 +28,3 @@ 'use strict';
 		type: "MENU_ITEM_LINK",
-		text: "Join the Union",
+		text: "Join the union",
 		url: "{homepage}/debt-union"
@@ -34,3 +34,3 @@ },
 		type: "MENU_ITEM_LINK",
-		text: "Browse Events",
+		text: "Browse events",
 		url: "{community}/upcoming-events"
@@ -40,33 +40,6 @@ },
 		type: "MENU_ITEM_EXPANDABLE",
-		text: "Cancel Student Debt",
+		text: "For members",
 		items: [
 			{
 				type: "LINK",
-				text: "Sign the petition",
-				url: "https://actionnetwork.org/petitions/bidenjubilee100",
-				attrs: {
-					target: "_blank"
-				}
-			},
-			{
-				type: "LINK",
-				text: "Email your reps",
-				url: "https://actionnetwork.org/letters/cancel-all-student-debt-today",
-				attrs: {
-					target: "_blank"
-				}
-			}
-		]
-	},
-	{
-		type: "MENU_ITEM_EXPANDABLE",
-		text: "For Members",
-		items: [
-			{
-				type: "LINK",
-				text: "Dispute your Debt",
-				url: "https://tools.debtcollective.org/"
-			},
-			{
-				type: "LINK",
 				text: "Connect with other debtors",
@@ -82,3 +55,3 @@ url: "{community}/"
 				type: "LINK",
-				text: "Join or start a local branch",
+				text: "Join a local branch",
 				url: "{community}/c/working-groups/local-organizing/20"
@@ -88,3 +61,3 @@ },
 				type: "LINK",
-				text: "Join a Commitee",
+				text: "Join a commitee",
 				url: "{community}/t/debt-collective-higher-education-committee/4958"
@@ -94,3 +67,3 @@ },
 				type: "LINK",
-				text: "View Past Trainings",
+				text: "View past trainings",
 				url: "{community}/t/training-educational-videos/4959"
@@ -102,2 +75,29 @@ }
 		type: "MENU_ITEM_EXPANDABLE",
+		text: "Cancel student debt",
+		items: [
+			{
+				type: "LINK",
+				text: "Sign the petition",
+				url: "https://actionnetwork.org/petitions/bidenjubilee100",
+				attrs: {
+					target: "_blank"
+				}
+			},
+			{
+				type: "LINK",
+				text: "Email your reps",
+				url: "https://actionnetwork.org/letters/cancel-all-student-debt-today",
+				attrs: {
+					target: "_blank"
+				}
+			}
+		]
+	},
+	{
+		type: "MENU_ITEM_LINK",
+		text: "Dispute your debt",
+		url: "https://tools.debtcollective.org/"
+	},
+	{
+		type: "MENU_ITEM_EXPANDABLE",
 		text: "About",
@@ -107,3 +107,3 @@ items: [
 				type: "LINK",
-				text: "Our Union",
+				text: "Our union",
 				url: "{homepage}/about-us/"
@@ -121,3 +121,3 @@ },
 				type: "LINK",
-				text: "Our Team",
+				text: "Our team",
 				url: "{homepage}/our-team/"
@@ -127,3 +127,3 @@ },
 				type: "LINK",
-				text: "Our Book",
+				text: "Our book",
 				url: "https://www.haymarketbooks.org/books/1520-can-t-pay-won-t-pay",
@@ -143,3 +143,3 @@ attrs: {
 		type: "MENU_ITEM_EXPANDABLE",
-		text: "Support Us",
+		text: "Support us",
 		items: [
@@ -173,2 +173,8 @@ {
 				type: "LINK_FONT_ICON",
+				text: "Membership",
+				figure: "settings",
+				url: "https://membership.debtcollective.org/membership"
+			},
+			{
+				type: "LINK_FONT_ICON",
 				text: "Profile",
@@ -509,3 +515,3 @@ figure: "face",
         "profile-collapsed": !this.expanded,
-      } }, index.h("div", { class: "profile-dropdown-section" }, index.h("p", { class: "text-underlined m-0" }, this.user.username), index.h("div", { class: "section-links" }, this.config.profile.items.map((item) => (index.h("dc-link", { class: "link-text-icon", namespace: "profile", to: item.url }, index.h("span", { "aria-hidden": "true", class: "material-icons mb-1" }, item.figure), item.text))))), index.h("div", { class: "profile-dropdown-section mb-1" }, index.h("p", { class: "text-underlined mb-0" }, "Community"), index.h("div", { class: "section-links" }, index.h("dc-link", { class: "link-text-icon", namespace: "profile", to: preffixCommunityURL(this.community, `u/${this.user.username}/notifications`) }, index.h("span", { "aria-hidden": "true", class: `material-icons mb-1 ${this._hasNotifications ? "notification-color" : ""}` }, this._hasNotifications
+      } }, index.h("div", { class: "profile-dropdown-section" }, index.h("p", { class: "text-underlined m-0" }, this.user.username), index.h("div", { class: "section-links" }, this.config.profile.items.map((item) => (index.h("dc-link", { onClick: () => this.toggleDropdown(), class: "link-text-icon", namespace: "profile", to: item.url }, index.h("span", { "aria-hidden": "true", class: "material-icons mb-1" }, item.figure), item.text))))), index.h("div", { class: "profile-dropdown-section mb-1" }, index.h("p", { class: "text-underlined mb-0" }, "Community"), index.h("div", { class: "section-links" }, index.h("dc-link", { class: "link-text-icon", namespace: "profile", to: preffixCommunityURL(this.community, `u/${this.user.username}/notifications`) }, index.h("span", { "aria-hidden": "true", class: `material-icons mb-1 ${this._hasNotifications ? "notification-color" : ""}` }, this._hasNotifications
       ? "notifications_active"
@@ -512,0 +518,0 @@ : "notifications"), "Notifications"), this.config.community.items.map((item) => (index.h("dc-link", { class: "link-text-icon", namespace: "profile", to: item.url }, index.h("span", { "aria-hidden": "true", class: "material-icons mb-1" }, item.figure), item.text))))), index.h("div", { class: "profile-dropdown-footer" }, this.config.footer.items.map((item) => (index.h("dc-link", { class: "btn btn-transparent text-sm link-text-icon-horizontal", to: item.url }, index.h("span", { class: "material-icons mr-1" }, item.figure), item.text))), index.h("button", { class: "btn btn-transparent text-sm link-text-icon-horizontal", onClick: this.handleLogout.bind(this) }, index.h("span", { class: "material-icons mr-1" }, "exit_to_app"), "Logout"))), index.h("div", { class: "connector" })));

dist/collection/components/dc-header/profile.js

@@ -53,3 +53,3 @@ import { Component, h, Prop, Listen, Event } from "@stencil/core";
           h("p", { class: "text-underlined m-0" }, this.user.username),
-          h("div", { class: "section-links" }, this.config.profile.items.map((item) => (h("dc-link", { class: "link-text-icon", namespace: "profile", to: item.url },
+          h("div", { class: "section-links" }, this.config.profile.items.map((item) => (h("dc-link", { onClick: () => this.toggleDropdown(), class: "link-text-icon", namespace: "profile", to: item.url },
             h("span", { "aria-hidden": "true", class: "material-icons mb-1" }, item.figure),
@@ -56,0 +56,0 @@ item.text))))),

dist/esm/dc-header_4.entry.js

@@ -24,3 +24,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getAssetPath } from './index-8956c047.js';
 		type: "MENU_ITEM_LINK",
-		text: "Join the Union",
+		text: "Join the union",
 		url: "{homepage}/debt-union"
@@ -30,3 +30,3 @@ },
 		type: "MENU_ITEM_LINK",
-		text: "Browse Events",
+		text: "Browse events",
 		url: "{community}/upcoming-events"
@@ -36,33 +36,6 @@ },
 		type: "MENU_ITEM_EXPANDABLE",
-		text: "Cancel Student Debt",
+		text: "For members",
 		items: [
 			{
 				type: "LINK",
-				text: "Sign the petition",
-				url: "https://actionnetwork.org/petitions/bidenjubilee100",
-				attrs: {
-					target: "_blank"
-				}
-			},
-			{
-				type: "LINK",
-				text: "Email your reps",
-				url: "https://actionnetwork.org/letters/cancel-all-student-debt-today",
-				attrs: {
-					target: "_blank"
-				}
-			}
-		]
-	},
-	{
-		type: "MENU_ITEM_EXPANDABLE",
-		text: "For Members",
-		items: [
-			{
-				type: "LINK",
-				text: "Dispute your Debt",
-				url: "https://tools.debtcollective.org/"
-			},
-			{
-				type: "LINK",
 				text: "Connect with other debtors",
@@ -78,3 +51,3 @@ url: "{community}/"
 				type: "LINK",
-				text: "Join or start a local branch",
+				text: "Join a local branch",
 				url: "{community}/c/working-groups/local-organizing/20"
@@ -84,3 +57,3 @@ },
 				type: "LINK",
-				text: "Join a Commitee",
+				text: "Join a commitee",
 				url: "{community}/t/debt-collective-higher-education-committee/4958"
@@ -90,3 +63,3 @@ },
 				type: "LINK",
-				text: "View Past Trainings",
+				text: "View past trainings",
 				url: "{community}/t/training-educational-videos/4959"
@@ -98,2 +71,29 @@ }
 		type: "MENU_ITEM_EXPANDABLE",
+		text: "Cancel student debt",
+		items: [
+			{
+				type: "LINK",
+				text: "Sign the petition",
+				url: "https://actionnetwork.org/petitions/bidenjubilee100",
+				attrs: {
+					target: "_blank"
+				}
+			},
+			{
+				type: "LINK",
+				text: "Email your reps",
+				url: "https://actionnetwork.org/letters/cancel-all-student-debt-today",
+				attrs: {
+					target: "_blank"
+				}
+			}
+		]
+	},
+	{
+		type: "MENU_ITEM_LINK",
+		text: "Dispute your debt",
+		url: "https://tools.debtcollective.org/"
+	},
+	{
+		type: "MENU_ITEM_EXPANDABLE",
 		text: "About",
@@ -103,3 +103,3 @@ items: [
 				type: "LINK",
-				text: "Our Union",
+				text: "Our union",
 				url: "{homepage}/about-us/"
@@ -117,3 +117,3 @@ },
 				type: "LINK",
-				text: "Our Team",
+				text: "Our team",
 				url: "{homepage}/our-team/"
@@ -123,3 +123,3 @@ },
 				type: "LINK",
-				text: "Our Book",
+				text: "Our book",
 				url: "https://www.haymarketbooks.org/books/1520-can-t-pay-won-t-pay",
@@ -139,3 +139,3 @@ attrs: {
 		type: "MENU_ITEM_EXPANDABLE",
-		text: "Support Us",
+		text: "Support us",
 		items: [
@@ -169,2 +169,8 @@ {
 				type: "LINK_FONT_ICON",
+				text: "Membership",
+				figure: "settings",
+				url: "https://membership.debtcollective.org/membership"
+			},
+			{
+				type: "LINK_FONT_ICON",
 				text: "Profile",
@@ -505,3 +511,3 @@ figure: "face",
         "profile-collapsed": !this.expanded,
-      } }, h("div", { class: "profile-dropdown-section" }, h("p", { class: "text-underlined m-0" }, this.user.username), h("div", { class: "section-links" }, this.config.profile.items.map((item) => (h("dc-link", { class: "link-text-icon", namespace: "profile", to: item.url }, h("span", { "aria-hidden": "true", class: "material-icons mb-1" }, item.figure), item.text))))), h("div", { class: "profile-dropdown-section mb-1" }, h("p", { class: "text-underlined mb-0" }, "Community"), h("div", { class: "section-links" }, h("dc-link", { class: "link-text-icon", namespace: "profile", to: preffixCommunityURL(this.community, `u/${this.user.username}/notifications`) }, h("span", { "aria-hidden": "true", class: `material-icons mb-1 ${this._hasNotifications ? "notification-color" : ""}` }, this._hasNotifications
+      } }, h("div", { class: "profile-dropdown-section" }, h("p", { class: "text-underlined m-0" }, this.user.username), h("div", { class: "section-links" }, this.config.profile.items.map((item) => (h("dc-link", { onClick: () => this.toggleDropdown(), class: "link-text-icon", namespace: "profile", to: item.url }, h("span", { "aria-hidden": "true", class: "material-icons mb-1" }, item.figure), item.text))))), h("div", { class: "profile-dropdown-section mb-1" }, h("p", { class: "text-underlined mb-0" }, "Community"), h("div", { class: "section-links" }, h("dc-link", { class: "link-text-icon", namespace: "profile", to: preffixCommunityURL(this.community, `u/${this.user.username}/notifications`) }, h("span", { "aria-hidden": "true", class: `material-icons mb-1 ${this._hasNotifications ? "notification-color" : ""}` }, this._hasNotifications
       ? "notifications_active"
@@ -508,0 +514,0 @@ : "notifications"), "Notifications"), this.config.community.items.map((item) => (h("dc-link", { class: "link-text-icon", namespace: "profile", to: item.url }, h("span", { "aria-hidden": "true", class: "material-icons mb-1" }, item.figure), item.text))))), h("div", { class: "profile-dropdown-footer" }, this.config.footer.items.map((item) => (h("dc-link", { class: "btn btn-transparent text-sm link-text-icon-horizontal", to: item.url }, h("span", { class: "material-icons mr-1" }, item.figure), item.text))), h("button", { class: "btn btn-transparent text-sm link-text-icon-horizontal", onClick: this.handleLogout.bind(this) }, h("span", { class: "material-icons mr-1" }, "exit_to_app"), "Logout"))), h("div", { class: "connector" })));

dist/header/header.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as l}from"./p-1822b0d8.js";(()=>{const l=import.meta.url,o={};return""!==l&&(o.resourcesUrl=new URL(".",l).href),e(o)})().then((e=>l([["p-0d8ead4d",[[1,"dc-header",{homepage:[1],community:[1],returnurl:[1],logo:[8],logosmall:[8],user:[32],isShrink:[32],scrollTop:[32],isMenuOpen:[32],isProfileMenuOpen:[32]},[[9,"scroll","handleScroll"],[0,"toggleMenu","toggleMenuHandler"],[0,"toggleProfileMenu","toggleProfileMenuHandler"],[0,"closeAll","closeAll"]]],[1,"dc-menu",{open:[4],community:[1],homepage:[1],host:[1],user:[16]},[[4,"keydown","handleEscapeKey"]]],[1,"dc-profile",{shrank:[4],expanded:[4],community:[1],homepage:[1],host:[1],user:[16]},[[4,"keydown","handleEscapeKey"]]],[4,"dc-link",{to:[1],target:[1],namespace:[1]},[[2,"click","handleClick"]]]]]],e)));
+import{p as e,b as l}from"./p-1822b0d8.js";(()=>{const l=import.meta.url,o={};return""!==l&&(o.resourcesUrl=new URL(".",l).href),e(o)})().then((e=>l([["p-0372256c",[[1,"dc-header",{homepage:[1],community:[1],returnurl:[1],logo:[8],logosmall:[8],user:[32],isShrink:[32],scrollTop:[32],isMenuOpen:[32],isProfileMenuOpen:[32]},[[9,"scroll","handleScroll"],[0,"toggleMenu","toggleMenuHandler"],[0,"toggleProfileMenu","toggleProfileMenuHandler"],[0,"closeAll","closeAll"]]],[1,"dc-menu",{open:[4],community:[1],homepage:[1],host:[1],user:[16]},[[4,"keydown","handleEscapeKey"]]],[1,"dc-profile",{shrank:[4],expanded:[4],community:[1],homepage:[1],host:[1],user:[16]},[[4,"keydown","handleEscapeKey"]]],[4,"dc-link",{to:[1],target:[1],namespace:[1]},[[2,"click","handleClick"]]]]]],e)));

package.json

 {
   "name": "@debtcollective/dc-header-component",
-  "version": "3.5.0",
+  "version": "3.5.1",
   "description": "Stencil header component for debtcollective web apps",
@@ -42,3 +42,3 @@ "main": "dist/index.cjs.js",
   "license": "BSD-3-Clause",
-  "gitHead": "a9ac0fd751a8794ddb230313d2e8fcb2fec8837c"
+  "gitHead": "3561fef221cdd2e9b597f94428d3c5a6cfc89321"
 }

No alert changes

Improved metrics

Total package byte prevSize

606591

increased by0.14%

Lines of code

9921

increased by0.12%

No dependency changes