@openeuropa/bcl-data-header 1.10.4 → 1.10.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/data--ec.js +1 -2
  2. package/data--navbar.js +122 -39
  3. package/data--neutral.js +1 -0
  4. package/data--no-form.js +5 -3
  5. package/data--simple.js +1 -0
  6. package/data--ucpkn.js +1 -34
  7. package/data.js +1 -0
  8. package/package.json +4 -4
package/data--ec.js CHANGED
@@ -8,6 +8,7 @@ const modals = require("@openeuropa/bcl-data-header/data--modals");
8
8
 
9
9
  module.exports = {
10
10
  variant: "ec",
11
+ navbar_id: "header-navbar",
11
12
  site_name: "Project name",
12
13
  project_logo: {
13
14
  path: "https://inno-ecl.s3.amazonaws.com/media/examples/placeholder.svg",
@@ -19,8 +20,6 @@ module.exports = {
19
20
  attributes: new drupalAttribute()
20
21
  .addClass(["w-100", "shadow-sm", "bcl-header__top-navbar"])
21
22
  .setAttribute("aria-label", "Top Navigation"),
22
- disable_collapse: false,
23
- collapse_id: "topNavbarDropdown",
24
23
  brand: {
25
24
  link: "/example.html",
26
25
  logos: [
package/data--navbar.js CHANGED
@@ -1,49 +1,135 @@
1
1
  const drupalAttribute = require("drupal-attribute");
2
2
 
3
3
  module.exports = {
4
+ navbar_id: "header-navbar",
4
5
  color_set: "dark",
5
6
  collapse_id: "navbarNavDropdown",
6
7
  attributes: new drupalAttribute()
7
- .addClass("bcl-header__navbar")
8
- .setAttribute("aria-label", "Main Navigation"),
9
- form: {
10
- attributes: new drupalAttribute().addClass(["d-flex", "mt-3", "mt-lg-0"]),
11
- submit: {
12
- variant: "light",
13
- assistive_text: "search",
14
- icon: {
15
- name: "search",
16
- size: "xs",
17
- path: "/icons.svg",
18
- },
19
- attributes: new drupalAttribute().addClass([
20
- "border-start-0",
21
- "rounded-0",
22
- "rounded-end",
23
- ]),
24
- },
25
- items: [
26
- [
27
- {
28
- type: "text",
29
- required: true,
30
- label: "Search",
31
- hidden_label: true,
32
- placeholder: "Search",
33
- id: "inlineFormInputGroupSearch",
34
- attributes: new drupalAttribute().addClass([
35
- "border-start-0",
36
- "rounded-0",
37
- "rounded-start",
38
- ]),
39
- },
40
- ],
41
- ],
42
- },
8
+ .setAttribute("aria-label", "Main Navigation")
9
+ .addClass("bcl-header__navbar"),
43
10
  navigation: {
44
11
  navbar: true,
45
12
  attributes: new drupalAttribute().addClass("me-auto"),
46
13
  items: [
14
+ {
15
+ mega_menu: true,
16
+ icon_path: "/icons.svg",
17
+ id: "dropdown-megamenu",
18
+ trigger: {
19
+ label: "A link with dropdown",
20
+ },
21
+ content_link: {
22
+ label: "Discover more",
23
+ path: "/example.html",
24
+ icon: {
25
+ name: "arrow-right",
26
+ },
27
+ },
28
+ content_block:
29
+ "<h4>About the European Commission</h4><p>Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>",
30
+ items: [
31
+ {
32
+ id: "dropdown-megamenu-inner",
33
+ trigger: {
34
+ id: "custom-trigger-mm-1",
35
+ label: "Base Category Item",
36
+ attributes: new drupalAttribute().addClass("active"),
37
+ },
38
+ see_all: {
39
+ label: "See all",
40
+ path: "/example.html",
41
+ },
42
+ items: [
43
+ {
44
+ label: "Base Sub Category Item",
45
+ path: "/example.html",
46
+ attributes: new drupalAttribute().addClass("active"),
47
+ },
48
+ {
49
+ label: "Base Sub Category Item",
50
+ path: "/example.html",
51
+ },
52
+ {
53
+ label: "Base Sub Category Item",
54
+ path: "/example.html",
55
+ },
56
+ {
57
+ label: "Base Sub Category Item",
58
+ path: "/example.html",
59
+ },
60
+ ],
61
+ },
62
+ {
63
+ label: "Base Category Item",
64
+ },
65
+ {
66
+ id: "dropdown-megamenu-inner-2",
67
+ trigger: {
68
+ label: "Base Category Item",
69
+ path: "/example.html",
70
+ id: "custom-trigger-mm-2",
71
+ },
72
+ items: [
73
+ {
74
+ label: "Base Sub Category Item",
75
+ path: "/example.html",
76
+ },
77
+ {
78
+ label: "Base Sub Category Item",
79
+ path: "/example.html",
80
+ },
81
+ {
82
+ label: "Base Sub Category Item",
83
+ path: "/example.html",
84
+ },
85
+ {
86
+ label: "Base Sub Category Item",
87
+ path: "/example.html",
88
+ },
89
+ {
90
+ label: "Base Sub Category Item",
91
+ path: "/example.html",
92
+ },
93
+ {
94
+ label: "Base Sub Category Item",
95
+ path: "/example.html",
96
+ },
97
+ {
98
+ label: "Base Sub Category Item",
99
+ path: "/example.html",
100
+ },
101
+ {
102
+ label: "Base Sub Category Item",
103
+ path: "/example.html",
104
+ },
105
+ ],
106
+ },
107
+ {
108
+ label: "Base Category Item",
109
+ path: "/example.html",
110
+ },
111
+ {
112
+ label: "Base Category Item",
113
+ path: "/example.html",
114
+ },
115
+ {
116
+ label: "Base Category Item",
117
+ path: "/example.html",
118
+ },
119
+ {
120
+ label: "Base Category Item",
121
+ path: "/example.html",
122
+ },
123
+ {
124
+ label: "Base Category Item",
125
+ path: "/example.html",
126
+ },
127
+ {
128
+ label: "Base Category Item",
129
+ path: "/example.html",
130
+ },
131
+ ],
132
+ },
47
133
  {
48
134
  label: "Home",
49
135
  path: "/example.html",
@@ -60,12 +146,9 @@ module.exports = {
60
146
  },
61
147
  {
62
148
  id: "navbarDropdownMenuLink",
63
- link: true,
64
149
  dropdown: true,
65
150
  trigger: {
66
151
  label: "Dropdown link",
67
- path: "#",
68
- attributes: new drupalAttribute().addClass("nav-link"),
69
152
  },
70
153
  items: [
71
154
  {
package/data--neutral.js CHANGED
@@ -7,6 +7,7 @@ const navbar = require("@openeuropa/bcl-data-header/data--navbar");
7
7
  const modals = require("@openeuropa/bcl-data-header/data--modals");
8
8
 
9
9
  module.exports = {
10
+ navbar_id: "header-navbar",
10
11
  site_name: "Project name",
11
12
  site_name_classes: "h5 d-inline-block d-lg-none",
12
13
  head: {
package/data--no-form.js CHANGED
@@ -5,6 +5,7 @@ const languageList = require("@openeuropa/bcl-language-list/data/data-modal");
5
5
 
6
6
  module.exports = {
7
7
  variant: "eu",
8
+ navbar_id: "header-navbar",
8
9
  head: {
9
10
  attributes: new drupalAttribute().addClass([
10
11
  "w-100",
@@ -68,9 +69,10 @@ module.exports = {
68
69
  navbar: {
69
70
  color_set: "dark",
70
71
  collapse_id: "navbarNavDropdown",
71
- attributes: new drupalAttribute()
72
- .addClass("bcl-header__navbar")
73
- .setAttribute("aria-label", "Main Navigation"),
72
+ attributes: new drupalAttribute().setAttribute(
73
+ "aria-label",
74
+ "Main Navigation",
75
+ ),
74
76
  navigation: {
75
77
  navbar: true,
76
78
  attributes: new drupalAttribute().addClass("me-auto"),
package/data--simple.js CHANGED
@@ -7,6 +7,7 @@ const modals = require("@openeuropa/bcl-data-header/data--modals");
7
7
 
8
8
  module.exports = {
9
9
  variant: "eu",
10
+ navbar_id: "header-navbar",
10
11
  head: {
11
12
  attributes: new drupalAttribute()
12
13
  .addClass(["w-100", "shadow-sm", "bcl-header__top-navbar"])
package/data--ucpkn.js CHANGED
@@ -1,6 +1,7 @@
1
1
  const drupalAttribute = require("drupal-attribute");
2
2
 
3
3
  module.exports = {
4
+ navbar_id: "header-navbar",
4
5
  variant: "ucpkn",
5
6
  site_name: "UCP Knowledge Network: Applied knowledge for action",
6
7
  light: true,
@@ -13,40 +14,6 @@ module.exports = {
13
14
  color_set: "dark",
14
15
  collapse_id: "navbarNavDropdown",
15
16
  attributes: new drupalAttribute().addClass("bcl-header__navbar"),
16
- form: {
17
- attributes: new drupalAttribute().addClass(["d-flex", "mt-3", "mt-lg-0"]),
18
- submit: {
19
- variant: "light",
20
- assistive_text: "search",
21
- icon: {
22
- name: "search",
23
- size: "xs",
24
- path: "/icons.svg",
25
- },
26
- attributes: new drupalAttribute().addClass([
27
- "border-start-0",
28
- "rounded-0",
29
- "rounded-end",
30
- ]),
31
- },
32
- items: [
33
- [
34
- {
35
- type: "text",
36
- required: true,
37
- label: "Search",
38
- hidden_label: true,
39
- placeholder: "Search",
40
- id: "inlineFormInputGroupSearch",
41
- attributes: new drupalAttribute().addClass([
42
- "border-start-0",
43
- "rounded-0",
44
- "rounded-start",
45
- ]),
46
- },
47
- ],
48
- ],
49
- },
50
17
  navigation: {
51
18
  navbar: true,
52
19
  attributes: new drupalAttribute().addClass("me-auto"),
package/data.js CHANGED
@@ -7,6 +7,7 @@ const navbar = require("@openeuropa/bcl-data-header/data--navbar");
7
7
  const modals = require("@openeuropa/bcl-data-header/data--modals");
8
8
 
9
9
  module.exports = {
10
+ navbar_id: "header-navbar",
10
11
  variant: "eu",
11
12
  site_name: "Project name",
12
13
  project_logo: {
package/package.json CHANGED
@@ -2,14 +2,14 @@
2
2
  "name": "@openeuropa/bcl-data-header",
3
3
  "author": "European Commission",
4
4
  "license": "EUPL-1.2",
5
- "version": "1.10.4",
5
+ "version": "1.10.6",
6
6
  "description": "OE header data",
7
7
  "publishConfig": {
8
8
  "access": "public"
9
9
  },
10
10
  "dependencies": {
11
- "@openeuropa/bcl-data-breadcrumb": "^1.10.4",
12
- "@openeuropa/bcl-language-list": "^1.10.4"
11
+ "@openeuropa/bcl-data-breadcrumb": "^1.10.6",
12
+ "@openeuropa/bcl-language-list": "^1.10.6"
13
13
  },
14
14
  "repository": {
15
15
  "type": "git",
@@ -24,5 +24,5 @@
24
24
  "component-library",
25
25
  "design-system"
26
26
  ],
27
- "gitHead": "52247384e1ce1f63ac2fba5ac0965af9924130fa"
27
+ "gitHead": "f2c1911b328b12531079c209ecada73a505713c2"
28
28
  }