@eeacms/volto-eea-design-system 1.0.0-alpha.8 → 1.0.0-alpha.9

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 (3) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/package.json +1 -1
  3. package/src/ui/ContextNavigation/ContextNavigation.stories.jsx +66 -51
package/CHANGELOG.md CHANGED
@@ -4,6 +4,18 @@ All notable changes to this project will be documented in this file. Dates are d
4
4
 
5
5
  Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
6
6
 
7
+ ### [1.0.0-alpha.9](https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.8...1.0.0-alpha.9) - 28 December 2022
8
+
9
+ #### :nail_care: Enhancements
10
+
11
+ - change(contextnav): Default title is text, custom title is link #273 from eea/context-nav-link-title [ichim-david - [`ef7bdb7`](https://github.com/eea/volto-eea-design-system/commit/ef7bdb7c40cd12c3d7e059074aa5797b8cb3378c)]
12
+
13
+ #### :hammer_and_wrench: Others
14
+
15
+ - Release alpha 9 [Alin Voinea - [`8d30ef7`](https://github.com/eea/volto-eea-design-system/commit/8d30ef7a14d1476c88ab5c004247c5f4d90f6cd6)]
16
+ - Show document and folder content-type in Navigation listing [andreiggr - [`8471db3`](https://github.com/eea/volto-eea-design-system/commit/8471db3b3d555e8602f1076d0f96a2ba38a12247)]
17
+ - Context nav title link to # [andreiggr - [`a27a6b7`](https://github.com/eea/volto-eea-design-system/commit/a27a6b78bcda0eb6037f73f1d36b06e00e3ffc52)]
18
+ - Default title is text, custom title is link [andreiggr - [`1ae95b0`](https://github.com/eea/volto-eea-design-system/commit/1ae95b05b67423121566448c6b0cededca4b2b1d)]
7
19
  ### [1.0.0-alpha.8](https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.7...1.0.0-alpha.8) - 23 December 2022
8
20
 
9
21
  #### :rocket: New Features
@@ -45,6 +57,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
45
57
 
46
58
  #### :hammer_and_wrench: Others
47
59
 
60
+ - logo update or docusaurus thematic logo listing #274 from eea/develop [ichim-david - [`dde90be`](https://github.com/eea/volto-eea-design-system/commit/dde90beb68ac129e476ece22e7ced4640786f094)]
48
61
  - bump package version [David Ichim - [`b4628be`](https://github.com/eea/volto-eea-design-system/commit/b4628bed134abc76e38a243d4e98143e19cef989)]
49
62
  - feature(docusaurus, storybook): logos selection for sites plus inverted options #253 from eea/doc-logo-page [ichim-david - [`dbfc90d`](https://github.com/eea/volto-eea-design-system/commit/dbfc90d035dc40e9d4054347f00fde4de486d63d)]
50
63
  - (feat): Add ability to disable the language select from website top menu - refs #158616 [dobri1408 - [`411c8e4`](https://github.com/eea/volto-eea-design-system/commit/411c8e4afaf0b2b9edfdeeecdca22aa4cc41f329)]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eeacms/volto-eea-design-system",
3
- "version": "1.0.0-alpha.8",
3
+ "version": "1.0.0-alpha.9",
4
4
  "description": "@eeacms/volto-eea-design-system: Volto add-on",
5
5
  "main": "src/index.js",
6
6
  "author": "European Environment Agency: IDM2 A-Team",
package/src/ui/ContextNavigation/ContextNavigation.stories.jsx CHANGED
@@ -111,13 +111,23 @@ const sidenavItems = [
111
111
  url: '/#',
112
112
  is_in_path: true,
113
113
  },
114
+ {
115
+ '@id': 'About',
116
+ review_state: null,
117
+ title: 'About',
118
+ items: [],
119
+ url: '/#',
120
+ is_in_path: true,
121
+ },
114
122
  ];
115
123
 
116
124
  function Template({ ...args }) {
117
125
  return (
118
126
  <Container>
119
127
  <nav className="context-navigation">
120
- <div className="context-navigation-header">{args.header}</div>
128
+ <div className="context-navigation-header">
129
+ {args?.header ? <a href="/#">{args?.header}</a> : 'Navigation'}
130
+ </div>
121
131
  <div role="list" className="ui list">
122
132
  {args.sidenavItems &&
123
133
  args.sidenavItems.map((element, index) => {
@@ -133,63 +143,68 @@ function Template({ ...args }) {
133
143
  <div className="content">
134
144
  <a
135
145
  title={element.title}
136
- className="contenttype-folder"
146
+ className={
147
+ element?.items?.length > 0
148
+ ? 'contenttype-folder'
149
+ : 'contenttype-document'
150
+ }
137
151
  href={element.url}
138
152
  >
139
153
  {element.title}
140
154
  </a>
141
- {element.items.length > 0 &&
142
- element.items.map((subelement, index) => {
143
- return (
144
- <div className="list" role="list">
145
- <div
146
- role="listitem"
147
- className={
148
- (subelement.is_current ? 'active ' : '') +
149
- (subelement.is_in_path ? 'in_path ' : '') +
150
- 'item level-2'
151
- }
152
- >
153
- <div className="content">
154
- <a
155
- title={subelement.title}
156
- className="contenttype-document"
157
- href={subelement.url}
158
- >
159
- {subelement.title}
160
- </a>
161
- {subelement.items.length > 0 &&
162
- subelement.items.map(
163
- (subparelement, index) => {
164
- return (
165
- <div className="list" role="list">
166
- <div
167
- role="listitem"
168
- className={
169
- (subparelement.is_current
170
- ? 'active '
171
- : '') + 'item level-3'
172
- }
173
- >
174
- <div className="content">
175
- <a
176
- title={subparelement.title}
177
- className="contenttype-document"
178
- href={subparelement.url}
179
- >
180
- {subparelement.title}
181
- </a>
155
+ {element?.items?.length > 0
156
+ ? element.items.map((subelement, index) => {
157
+ return (
158
+ <div className="list" role="list">
159
+ <div
160
+ role="listitem"
161
+ className={
162
+ (subelement.is_current ? 'active ' : '') +
163
+ (subelement.is_in_path ? 'in_path ' : '') +
164
+ 'item level-2'
165
+ }
166
+ >
167
+ <div className="content">
168
+ <a
169
+ title={subelement.title}
170
+ className="contenttype-document"
171
+ href={subelement.url}
172
+ >
173
+ {subelement.title}
174
+ </a>
175
+ {subelement?.items?.length > 0 &&
176
+ subelement.items.map(
177
+ (subparelement, index) => {
178
+ return (
179
+ <div className="list" role="list">
180
+ <div
181
+ role="listitem"
182
+ className={
183
+ (subparelement.is_current
184
+ ? 'active '
185
+ : '') + 'item level-3'
186
+ }
187
+ >
188
+ <div className="content">
189
+ <a
190
+ title={subparelement.title}
191
+ className="contenttype-document"
192
+ href={subparelement.url}
193
+ >
194
+ {subparelement.title}
195
+ </a>
196
+ </div>
182
197
  </div>
183
198
  </div>
184
- </div>
185
- );
186
- },
187
- )}
199
+ );
200
+ },
201
+ )}
202
+ </div>
188
203
  </div>
189
204
  </div>
190
- </div>
191
- );
192
- })}
205
+ );
206
+ })
207
+ : null}
193
208
  </div>
194
209
  </div>
195
210
  );
@@ -207,6 +222,6 @@ export default {
207
222
 
208
223
  export const Default = Template.bind({});
209
224
  Default.args = {
210
- header: 'Navigation',
225
+ header: '',
211
226
  sidenavItems: sidenavItems,
212
227
  };