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

Comparing version 2.5.0 to 3.0.0

CHANGELOG.md

@@ -6,2 +6,60 @@ # Change Log
 
+# [3.0.0](https://github.com/debtcollective/packages/compare/@debtcollective/dc-header-component@2.5.0...@debtcollective/dc-header-component@3.0.0) (2021-05-25)
+
+
+### Bug Fixes
+
+* **header:** allow custom link to work properly out of the box ([41d6edc](https://github.com/debtcollective/packages/commit/41d6edc))
+* **header:** improve boxing model for nav items ([dff413b](https://github.com/debtcollective/packages/commit/dff413b))
+* **header:** properly align close/open buttons ([a16267c](https://github.com/debtcollective/packages/commit/a16267c))
+* **header:** round up the space needed for footer not hide nav items ([0357ca6](https://github.com/debtcollective/packages/commit/0357ca6))
+* **header:** update custom link to work properly with text-icon ([245775a](https://github.com/debtcollective/packages/commit/245775a))
+* **header:** user dropdown to render properly on 320px resolutions ([23758a0](https://github.com/debtcollective/packages/commit/23758a0))
+
+
+### Features
+
+* **header:** add accessible social icon links ([f70adce](https://github.com/debtcollective/packages/commit/f70adce))
+* **header:** add base to render mobile menu nav ([71ce167](https://github.com/debtcollective/packages/commit/71ce167))
+* **header:** add more weights to the showcase of the menu ([ebd20c9](https://github.com/debtcollective/packages/commit/ebd20c9))
+* **header:** add notification icon color when available ([f83f581](https://github.com/debtcollective/packages/commit/f83f581))
+* **header:** add proper links to login/union anchors ([ea15365](https://github.com/debtcollective/packages/commit/ea15365))
+* **header:** add section links to profile menu ([d5b856c](https://github.com/debtcollective/packages/commit/d5b856c))
+* **header:** add styles for menu footer and clean menu component ([01caa32](https://github.com/debtcollective/packages/commit/01caa32))
+* **header:** add support for mobile bottom header ([03189dc](https://github.com/debtcollective/packages/commit/03189dc))
+* **header:** add target blank to all links outside debtcollective space ([ff9eaa1](https://github.com/debtcollective/packages/commit/ff9eaa1))
+* **header:** add transition effects for "pushing" header ([181b1b0](https://github.com/debtcollective/packages/commit/181b1b0))
+* **header:** allow header bottom to move with menu header appear ([f865b3b](https://github.com/debtcollective/packages/commit/f865b3b))
+* **header:** allow header mobile render properly ([da02c6b](https://github.com/debtcollective/packages/commit/da02c6b))
+* **header:** allow height to be defined by the tallest children ([d76ddf1](https://github.com/debtcollective/packages/commit/d76ddf1))
+* **header:** allow menu to be closed with ESC ([05f91ad](https://github.com/debtcollective/packages/commit/05f91ad))
+* **header:** allow mnav to be scrollable whenever expand items ([c646ae1](https://github.com/debtcollective/packages/commit/c646ae1))
+* **header:** allow to properly toggle profile dropdown ([4f8e514](https://github.com/debtcollective/packages/commit/4f8e514))
+* **header:** complete remake for header component ([ae9c1ec](https://github.com/debtcollective/packages/commit/ae9c1ec))
+* **header:** complete responsive support for guest users ([ec63fdd](https://github.com/debtcollective/packages/commit/ec63fdd))
+* **header:** create connector to profile dropdown ([fea5dde](https://github.com/debtcollective/packages/commit/fea5dde))
+* **header:** create link component to capture link clicks ([fb73b67](https://github.com/debtcollective/packages/commit/fb73b67))
+* **header:** deprecate old user-dropdown to create up-to-date base ([73b38c7](https://github.com/debtcollective/packages/commit/73b38c7))
+* **header:** header ([eb78b4e](https://github.com/debtcollective/packages/commit/eb78b4e))
+* **header:** integrate user notifications styles ([666bbbe](https://github.com/debtcollective/packages/commit/666bbbe))
+* **header:** map menu links to actual URLs ([852162c](https://github.com/debtcollective/packages/commit/852162c))
+* **header:** map some profile links to actual sources ([f8a2386](https://github.com/debtcollective/packages/commit/f8a2386))
+* **header:** menu footer to be on top of nav ([7326b7c](https://github.com/debtcollective/packages/commit/7326b7c))
+* **header:** remove bottom header when user is present ([31be850](https://github.com/debtcollective/packages/commit/31be850))
+
+
+### Reverts
+
+* **header:** remove active styles that resize profile size ([0f51a88](https://github.com/debtcollective/packages/commit/0f51a88))
+
+
+### BREAKING CHANGES
+
+* **header:** this new version of the header drops all previous usage and
+instead aims for being self contained
+
+
+
+
+
 # [2.5.0](https://github.com/debtcollective/packages/compare/@debtcollective/dc-header-component@2.4.0...@debtcollective/dc-header-component@2.5.0) (2021-04-28)
@@ -8,0 +66,0 @@

dist/cjs/header.cjs.js

 'use strict';
 
-const index = require('./index-b6960d59.js');
+const index = require('./index-c4701d1b.js');
 
 /*
- Stencil Client Patch Browser v2.1.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.5.2 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('header.cjs.js', document.baseURI).href));
-    const opts =  {};
-    if ( importMeta !== '') {
+    const opts = {};
+    if (importMeta !== '') {
         opts.resourcesUrl = new URL('.', importMeta).href;
@@ -18,3 +18,3 @@ }
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["dc-collapser_6.cjs",[[4,"dc-header",{"links":[1],"donateurl":[1],"community":[1],"host":[1],"logo":[1],"logosmall":[1],"user":[32],"isMenuOpen":[32]},[[0,"toggleMenu","toggleMenuHandler"],[4,"keydown","handleArrowKey"]]],[0,"dc-user-items",{"community":[1],"user":[16]}],[0,"dc-collapser",{"label":[1],"items":[1],"open":[32]}],[1,"dc-dropdown",{"label":[1],"items":[1],"open":[32],"itemsRefs":[32]},[[4,"click","handleClickOutside"],[4,"keydown","handleEscapeKey"]]],[4,"dc-menu",{"open":[4],"logo":[1]}],[0,"dc-user-dropdown",{"community":[1],"user":[16],"open":[32],"itemsRefs":[32]},[[4,"click","handleClickOutside"],[4,"keydown","handleEscapeKey"]]]]]], options);
+  return index.bootstrapLazy([["dc-header_4.cjs",[[0,"dc-header",{"donateurl":[1],"homepage":[1],"union":[1],"community":[1],"host":[1],"user":[32],"isMenuOpen":[32],"isProfileMenuOpen":[32]},[[0,"toggleMenu","toggleMenuHandler"],[0,"toggleProfileMenu","toggleProfileMenuHandler"],[0,"closeAll","closeAll"]]],[0,"dc-menu",{"open":[4]},[[4,"keydown","handleEscapeKey"]]],[0,"dc-profile",{"expanded":[4],"community":[1],"user":[16]},[[4,"keydown","handleEscapeKey"]]],[4,"dc-link",{"to":[1],"target":[1],"namespace":[1]},[[2,"click","handleClick"]]]]]], options);
 });

dist/cjs/loader.cjs.js

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-b6960d59.js');
+const index = require('./index-c4701d1b.js');
 
 /*
- Stencil Client Patch Esm v2.1.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.5.2 | MIT Licensed | https://stenciljs.com
  */
@@ -18,3 +18,3 @@ const patchEsm = () => {
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["dc-collapser_6.cjs",[[4,"dc-header",{"links":[1],"donateurl":[1],"community":[1],"host":[1],"logo":[1],"logosmall":[1],"user":[32],"isMenuOpen":[32]},[[0,"toggleMenu","toggleMenuHandler"],[4,"keydown","handleArrowKey"]]],[0,"dc-user-items",{"community":[1],"user":[16]}],[0,"dc-collapser",{"label":[1],"items":[1],"open":[32]}],[1,"dc-dropdown",{"label":[1],"items":[1],"open":[32],"itemsRefs":[32]},[[4,"click","handleClickOutside"],[4,"keydown","handleEscapeKey"]]],[4,"dc-menu",{"open":[4],"logo":[1]}],[0,"dc-user-dropdown",{"community":[1],"user":[16],"open":[32],"itemsRefs":[32]},[[4,"click","handleClickOutside"],[4,"keydown","handleEscapeKey"]]]]]], options);
+  return index.bootstrapLazy([["dc-header_4.cjs",[[0,"dc-header",{"donateurl":[1],"homepage":[1],"union":[1],"community":[1],"host":[1],"user":[32],"isMenuOpen":[32],"isProfileMenuOpen":[32]},[[0,"toggleMenu","toggleMenuHandler"],[0,"toggleProfileMenu","toggleProfileMenuHandler"],[0,"closeAll","closeAll"]]],[0,"dc-menu",{"open":[4]},[[4,"keydown","handleEscapeKey"]]],[0,"dc-profile",{"expanded":[4],"community":[1],"user":[16]},[[4,"keydown","handleEscapeKey"]]],[4,"dc-link",{"to":[1],"target":[1],"namespace":[1]},[[2,"click","handleClick"]]]]]], options);
   });
@@ -21,0 +21,0 @@ };

dist/collection/collection-manifest.json

 {
   "entries": [
-    "./components/dc-header/dc-collapser.js",
-    "./components/dc-header/dc-menu.js",
-    "./components/dc-header/dc-user-dropdown.js",
-    "./components/dc-header/dc-user-items.js",
-    "./components/dc-header/dc-header.js"
+    "./components/dc-header/link.js",
+    "./components/dc-header/menu.js",
+    "./components/dc-header/profile.js",
+    "./components/dc-header/header.js"
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.1.0",
-    "typescriptVersion": "4.0.3"
+    "version": "2.5.2",
+    "typescriptVersion": "4.2.3"
   },
-  "collections": [
-    {
-      "name": "@debtcollective/dc-dropdown-component",
-      "tags": [
-        "dc-dropdown"
-      ]
-    }
-  ],
+  "collections": [],
   "bundles": []
 }

dist/collection/utils/community.js

@@ -1,2 +0,2 @@
-const redirectParam = host => `return_url=${host}`;
+const redirectParam = (host) => `return_url=${host}`;
 /**
@@ -6,3 +6,3 @@ * Fixed link for login to allow user navigate to the community and be redirected
  */
-export const loginURL = ({ host, community }) => `${community}/session/sso_cookies?${redirectParam(host)}`;
+export const getLoginURL = ({ host, community }) => `${community}/session/sso_cookies?${redirectParam(host)}`;
 /**
@@ -12,3 +12,3 @@ * Fixed link for signup to allow user navigate to the community and be redirected
  */
-export const signupURL = ({ host, community }) => `${community}/session/sso_cookies/signup?${redirectParam(host)}`;
+export const getSignupURL = ({ host, community }) => `${community}/session/sso_cookies/signup?${redirectParam(host)}`;
 /**
@@ -15,0 +15,0 @@ * preffix a given string with the base community URL.

dist/esm/header.js

@@ -1,10 +0,10 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-6a040450.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-e8148e61.js';
 
 /*
- Stencil Client Patch Browser v2.1.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.5.2 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = import.meta.url;
-    const opts =  {};
-    if ( importMeta !== '') {
+    const opts = {};
+    if (importMeta !== '') {
         opts.resourcesUrl = new URL('.', importMeta).href;
@@ -16,3 +16,3 @@ }
 patchBrowser().then(options => {
-  return bootstrapLazy([["dc-collapser_6",[[4,"dc-header",{"links":[1],"donateurl":[1],"community":[1],"host":[1],"logo":[1],"logosmall":[1],"user":[32],"isMenuOpen":[32]},[[0,"toggleMenu","toggleMenuHandler"],[4,"keydown","handleArrowKey"]]],[0,"dc-user-items",{"community":[1],"user":[16]}],[0,"dc-collapser",{"label":[1],"items":[1],"open":[32]}],[1,"dc-dropdown",{"label":[1],"items":[1],"open":[32],"itemsRefs":[32]},[[4,"click","handleClickOutside"],[4,"keydown","handleEscapeKey"]]],[4,"dc-menu",{"open":[4],"logo":[1]}],[0,"dc-user-dropdown",{"community":[1],"user":[16],"open":[32],"itemsRefs":[32]},[[4,"click","handleClickOutside"],[4,"keydown","handleEscapeKey"]]]]]], options);
+  return bootstrapLazy([["dc-header_4",[[0,"dc-header",{"donateurl":[1],"homepage":[1],"union":[1],"community":[1],"host":[1],"user":[32],"isMenuOpen":[32],"isProfileMenuOpen":[32]},[[0,"toggleMenu","toggleMenuHandler"],[0,"toggleProfileMenu","toggleProfileMenuHandler"],[0,"closeAll","closeAll"]]],[0,"dc-menu",{"open":[4]},[[4,"keydown","handleEscapeKey"]]],[0,"dc-profile",{"expanded":[4],"community":[1],"user":[16]},[[4,"keydown","handleEscapeKey"]]],[4,"dc-link",{"to":[1],"target":[1],"namespace":[1]},[[2,"click","handleClick"]]]]]], options);
 });

dist/esm/loader.js

@@ -1,5 +0,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-6a040450.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-e8148e61.js';
 
 /*
- Stencil Client Patch Esm v2.1.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.5.2 | MIT Licensed | https://stenciljs.com
  */
@@ -13,3 +13,3 @@ const patchEsm = () => {
   return patchEsm().then(() => {
-  return bootstrapLazy([["dc-collapser_6",[[4,"dc-header",{"links":[1],"donateurl":[1],"community":[1],"host":[1],"logo":[1],"logosmall":[1],"user":[32],"isMenuOpen":[32]},[[0,"toggleMenu","toggleMenuHandler"],[4,"keydown","handleArrowKey"]]],[0,"dc-user-items",{"community":[1],"user":[16]}],[0,"dc-collapser",{"label":[1],"items":[1],"open":[32]}],[1,"dc-dropdown",{"label":[1],"items":[1],"open":[32],"itemsRefs":[32]},[[4,"click","handleClickOutside"],[4,"keydown","handleEscapeKey"]]],[4,"dc-menu",{"open":[4],"logo":[1]}],[0,"dc-user-dropdown",{"community":[1],"user":[16],"open":[32],"itemsRefs":[32]},[[4,"click","handleClickOutside"],[4,"keydown","handleEscapeKey"]]]]]], options);
+  return bootstrapLazy([["dc-header_4",[[0,"dc-header",{"donateurl":[1],"homepage":[1],"union":[1],"community":[1],"host":[1],"user":[32],"isMenuOpen":[32],"isProfileMenuOpen":[32]},[[0,"toggleMenu","toggleMenuHandler"],[0,"toggleProfileMenu","toggleProfileMenuHandler"],[0,"closeAll","closeAll"]]],[0,"dc-menu",{"open":[4]},[[4,"keydown","handleEscapeKey"]]],[0,"dc-profile",{"expanded":[4],"community":[1],"user":[16]},[[4,"keydown","handleEscapeKey"]]],[4,"dc-link",{"to":[1],"target":[1],"namespace":[1]},[[2,"click","handleClick"]]]]]], options);
   });
@@ -16,0 +16,0 @@ };

dist/esm/polyfills/index.js

@@ -11,3 +11,3 @@ export function applyPolyfills() {
 
-    function checkIfURLIsSupported() {
+    var checkIfURLIsSupported = function() {
       try {
@@ -20,3 +20,3 @@ var u = new URL('b', 'http://a');
       }
-    }
+    };
 
@@ -23,0 +23,0 @@ if (

dist/header/header.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as o}from"./p-3b6e3048.js";(()=>{const o=import.meta.url,n={};return""!==o&&(n.resourcesUrl=new URL(".",o).href),e(n)})().then((e=>o([["p-0a5b133b",[[4,"dc-header",{links:[1],donateurl:[1],community:[1],host:[1],logo:[1],logosmall:[1],user:[32],isMenuOpen:[32]},[[0,"toggleMenu","toggleMenuHandler"],[4,"keydown","handleArrowKey"]]],[0,"dc-user-items",{community:[1],user:[16]}],[0,"dc-collapser",{label:[1],items:[1],open:[32]}],[1,"dc-dropdown",{label:[1],items:[1],open:[32],itemsRefs:[32]},[[4,"click","handleClickOutside"],[4,"keydown","handleEscapeKey"]]],[4,"dc-menu",{open:[4],logo:[1]}],[0,"dc-user-dropdown",{community:[1],user:[16],open:[32],itemsRefs:[32]},[[4,"click","handleClickOutside"],[4,"keydown","handleEscapeKey"]]]]]],e)));
+import{p as e,b as n}from"./p-a00e32cb.js";(()=>{const n=import.meta.url,o={};return""!==n&&(o.resourcesUrl=new URL(".",n).href),e(o)})().then((e=>n([["p-166a8c12",[[0,"dc-header",{donateurl:[1],homepage:[1],union:[1],community:[1],host:[1],user:[32],isMenuOpen:[32],isProfileMenuOpen:[32]},[[0,"toggleMenu","toggleMenuHandler"],[0,"toggleProfileMenu","toggleProfileMenuHandler"],[0,"closeAll","closeAll"]]],[0,"dc-menu",{open:[4]},[[4,"keydown","handleEscapeKey"]]],[0,"dc-profile",{expanded:[4],community:[1],user:[16]},[[4,"keydown","handleEscapeKey"]]],[4,"dc-link",{to:[1],target:[1],namespace:[1]},[[2,"click","handleClick"]]]]]],e)));

dist/types/components.d.ts

@@ -9,12 +9,2 @@ /* eslint-disable */
 export namespace Components {
-    interface DcCollapser {
-        /**
-          * Items to be displayed in the collapser
-         */
-        "items": string;
-        /**
-          * label for the collapser nav item
-         */
-        "label": string;
-    }
     interface DcHeader {
@@ -30,2 +20,6 @@ /**
         /**
+          * URL to the homepage without the latest "/"
+         */
+        "homepage": string;
+        /**
           * URL to the component host without the latest "/"
@@ -35,29 +29,17 @@ */
         /**
-          * The links you need to display within the header this string needs to be JSON (able to JSON.parse)
+          * URL to the homepage without the latest "/"
          */
-        "links": string;
-        /**
-          * Logo src to use a custom image for the header
-         */
-        "logo": string;
-        /**
-          * Logo small src to use a custom image for the header in mobile
-         */
-        "logosmall": string;
+        "union": string;
     }
+    interface DcLink {
+        "namespace": string;
+        "target": "_blank" | "_self";
+        "to": string;
+    }
     interface DcMenu {
-        /**
-          * Logo src to use a custom image for the header
-         */
-        "logo": string;
-        /**
-          * Wether or not the mobile menu is displayed
-         */
         "open": boolean;
     }
-    interface DcUserDropdown {
-        /**
-          * URL to the community
-         */
+    interface DcProfile {
         "community": string;
+        "expanded": boolean;
         /**
@@ -75,27 +57,4 @@ * An object with the user data. Follows Discourse structure as https://docs.discourse.org/#tag/Users/paths/~1users~1{username}.json/get
     }
-    interface DcUserItems {
-        /**
-          * URL to the community
-         */
-        "community": string;
-        /**
-          * An object with the user data. Follows Discourse structure as https://docs.discourse.org/#tag/Users/paths/~1users~1{username}.json/get
-         */
-        "user": {
-    id: number;
-    admin: boolean;
-    avatar_template: string;
-    username: string;
-    unread_notifications: number;
-    unread_high_priority_notifications: number;
-  };
-    }
 }
 declare global {
-    interface HTMLDcCollapserElement extends Components.DcCollapser, HTMLStencilElement {
-    }
-    var HTMLDcCollapserElement: {
-        prototype: HTMLDcCollapserElement;
-        new (): HTMLDcCollapserElement;
-    };
     interface HTMLDcHeaderElement extends Components.DcHeader, HTMLStencilElement {
@@ -107,2 +66,8 @@ }
     };
+    interface HTMLDcLinkElement extends Components.DcLink, HTMLStencilElement {
+    }
+    var HTMLDcLinkElement: {
+        prototype: HTMLDcLinkElement;
+        new (): HTMLDcLinkElement;
+    };
     interface HTMLDcMenuElement extends Components.DcMenu, HTMLStencilElement {
@@ -114,33 +79,16 @@ }
     };
-    interface HTMLDcUserDropdownElement extends Components.DcUserDropdown, HTMLStencilElement {
+    interface HTMLDcProfileElement extends Components.DcProfile, HTMLStencilElement {
     }
-    var HTMLDcUserDropdownElement: {
-        prototype: HTMLDcUserDropdownElement;
-        new (): HTMLDcUserDropdownElement;
+    var HTMLDcProfileElement: {
+        prototype: HTMLDcProfileElement;
+        new (): HTMLDcProfileElement;
     };
-    interface HTMLDcUserItemsElement extends Components.DcUserItems, HTMLStencilElement {
-    }
-    var HTMLDcUserItemsElement: {
-        prototype: HTMLDcUserItemsElement;
-        new (): HTMLDcUserItemsElement;
-    };
     interface HTMLElementTagNameMap {
-        "dc-collapser": HTMLDcCollapserElement;
         "dc-header": HTMLDcHeaderElement;
+        "dc-link": HTMLDcLinkElement;
         "dc-menu": HTMLDcMenuElement;
-        "dc-user-dropdown": HTMLDcUserDropdownElement;
-        "dc-user-items": HTMLDcUserItemsElement;
+        "dc-profile": HTMLDcProfileElement;
     }
 }
 declare namespace LocalJSX {
-    interface DcCollapser {
-        /**
-          * Items to be displayed in the collapser
-         */
-        "items"?: string;
-        /**
-          * label for the collapser nav item
-         */
-        "label"?: string;
-    }
     interface DcHeader {
@@ -156,2 +104,6 @@ /**
         /**
+          * URL to the homepage without the latest "/"
+         */
+        "homepage"?: string;
+        /**
           * URL to the component host without the latest "/"
@@ -161,34 +113,28 @@ */
         /**
-          * The links you need to display within the header this string needs to be JSON (able to JSON.parse)
+          * Emit event to exposed fetched user on host application
          */
-        "links"?: string;
+        "onUserSynced"?: (event: CustomEvent<User>) => void;
         /**
-          * Logo src to use a custom image for the header
+          * URL to the homepage without the latest "/"
          */
-        "logo"?: string;
-        /**
-          * Logo small src to use a custom image for the header in mobile
-         */
-        "logosmall"?: string;
-        /**
-          * Emit event to exposed fetched user on host application TODO: Cannot find name User on EventEmitter<User>
-         */
-        "onUserSynced"?: (event: CustomEvent<any>) => void;
+        "union"?: string;
     }
+    interface DcLink {
+        "namespace"?: string;
+        "onLinkClicked"?: (event: CustomEvent<{
+    event: object;
+    to: string;
+    namespace: string;
+  }>) => void;
+        "target"?: "_blank" | "_self";
+        "to"?: string;
+    }
     interface DcMenu {
-        /**
-          * Logo src to use a custom image for the header
-         */
-        "logo"?: string;
         "onToggleMenu"?: (event: CustomEvent<void>) => void;
-        /**
-          * Wether or not the mobile menu is displayed
-         */
         "open"?: boolean;
     }
-    interface DcUserDropdown {
-        /**
-          * URL to the community
-         */
+    interface DcProfile {
         "community"?: string;
+        "expanded"?: boolean;
+        "onToggleProfileMenu"?: (event: CustomEvent<void>) => void;
         /**
@@ -206,25 +152,7 @@ * An object with the user data. Follows Discourse structure as https://docs.discourse.org/#tag/Users/paths/~1users~1{username}.json/get
     }
-    interface DcUserItems {
-        /**
-          * URL to the community
-         */
-        "community"?: string;
-        /**
-          * An object with the user data. Follows Discourse structure as https://docs.discourse.org/#tag/Users/paths/~1users~1{username}.json/get
-         */
-        "user"?: {
-    id: number;
-    admin: boolean;
-    avatar_template: string;
-    username: string;
-    unread_notifications: number;
-    unread_high_priority_notifications: number;
-  };
-    }
     interface IntrinsicElements {
-        "dc-collapser": DcCollapser;
         "dc-header": DcHeader;
+        "dc-link": DcLink;
         "dc-menu": DcMenu;
-        "dc-user-dropdown": DcUserDropdown;
-        "dc-user-items": DcUserItems;
+        "dc-profile": DcProfile;
     }
@@ -236,9 +164,8 @@ }
         interface IntrinsicElements {
-            "dc-collapser": LocalJSX.DcCollapser & JSXBase.HTMLAttributes<HTMLDcCollapserElement>;
             "dc-header": LocalJSX.DcHeader & JSXBase.HTMLAttributes<HTMLDcHeaderElement>;
+            "dc-link": LocalJSX.DcLink & JSXBase.HTMLAttributes<HTMLDcLinkElement>;
             "dc-menu": LocalJSX.DcMenu & JSXBase.HTMLAttributes<HTMLDcMenuElement>;
-            "dc-user-dropdown": LocalJSX.DcUserDropdown & JSXBase.HTMLAttributes<HTMLDcUserDropdownElement>;
-            "dc-user-items": LocalJSX.DcUserItems & JSXBase.HTMLAttributes<HTMLDcUserItemsElement>;
+            "dc-profile": LocalJSX.DcProfile & JSXBase.HTMLAttributes<HTMLDcProfileElement>;
         }
     }
 }

dist/types/stencil-public-runtime.d.ts

@@ -155,2 +155,8 @@ declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
 /**
+ * The `Env` object provides access to the "env" object declared in the project's `stencil.config.ts`.
+ */
+export declare const Env: {
+    [prop: string]: string | undefined;
+};
+/**
  * The `@Component()` decorator is used to provide metadata about the component class.
@@ -1437,6 +1443,6 @@ * https://stenciljs.com/docs/component
         onFocusCapture?: (event: FocusEvent) => void;
-        onFocusIn?: (event: FocusEvent) => void;
-        onFocusInCapture?: (event: FocusEvent) => void;
-        onFocusOut?: (event: FocusEvent) => void;
-        onFocusOutCapture?: (event: FocusEvent) => void;
+        onFocusin?: (event: FocusEvent) => void;
+        onFocusinCapture?: (event: FocusEvent) => void;
+        onFocusout?: (event: FocusEvent) => void;
+        onFocusoutCapture?: (event: FocusEvent) => void;
         onBlur?: (event: FocusEvent) => void;
@@ -1443,0 +1449,0 @@ onBlurCapture?: (event: FocusEvent) => void;

dist/types/utils/community.d.ts

@@ -5,3 +5,3 @@ /**
  */
-export declare const loginURL: ({ host, community }: {
+export declare const getLoginURL: ({ host, community }: {
   host: any;
@@ -14,3 +14,3 @@ community: any;
  */
-export declare const signupURL: ({ host, community }: {
+export declare const getSignupURL: ({ host, community }: {
   host: any;
@@ -17,0 +17,0 @@ community: any;

package.json

 {
   "name": "@debtcollective/dc-header-component",
-  "version": "2.5.0",
+  "version": "3.0.0",
   "description": "Stencil header component for debtcollective web apps",
@@ -33,3 +33,4 @@ "main": "dist/index.cjs.js",
   "devDependencies": {
-    "@stencil/core": "2.1.0",
+    "@stencil/core": "^2.5.2",
+    "@stencil/postcss": "^2.0.0",
     "@types/jest": "25.2.3",
@@ -46,3 +47,3 @@ "@types/node": "13.13.36",
   "license": "BSD-3-Clause",
-  "gitHead": "cf7730c1fe9dc73fe76539e3970588b273c10252"
+  "gitHead": "8b79de0dc86654aaec074fe13e69b90b97446bec"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

15

decreased by-11.76%

Worsened metrics

Total package byte prevSize

516347

decreased by-11.4%

Dev dependency count

6

increased by20%

Number of package files

57

decreased by-5%

Lines of code

7572

decreased by-29.23%

No dependency changes