@eeacms/volto-eea-website-theme 0.6.10 → 0.6.11

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 (4) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/package.json +1 -1
  3. package/src/icons/content-box.svg +5 -0
  4. package/src/index.js +23 -16
package/CHANGELOG.md CHANGED
@@ -4,8 +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
+ #### [0.6.11](https://github.com/eea/volto-eea-website-theme/compare/0.6.10...0.6.11)
8
+
9
+ - change(website): removed container from styles that implement content-box [`c513000`](https://github.com/eea/volto-eea-website-theme/commit/c513000ce374f3209f57a3d050c29a0fbff0916c)
10
+ - Optimize Content Box SVG [`ba0d417`](https://github.com/eea/volto-eea-website-theme/commit/ba0d417ad30bfb3994855716d0d387463317d24e)
11
+ - Add preview for Content Box preset styles [`cbed054`](https://github.com/eea/volto-eea-website-theme/commit/cbed05403113cb46bc2ed63dd9c47fc6168ac492)
12
+ - Remove pluggableStyles previewText as if creates confusion [`467320d`](https://github.com/eea/volto-eea-website-theme/commit/467320df0142e8058487df20da01af5d496f2f1b)
13
+
7
14
  #### [0.6.10](https://github.com/eea/volto-eea-website-theme/compare/0.6.9...0.6.10)
8
15
 
16
+ > 16 June 2022
17
+
18
+ - fix(header): add homepage logic only on view and edit [`#42`](https://github.com/eea/volto-eea-website-theme/pull/42)
9
19
  - Use window.searchContext.resetSearch for search widget [`#41`](https://github.com/eea/volto-eea-website-theme/pull/41)
10
20
  - change(header): add homepage class also on edit page [`0a10847`](https://github.com/eea/volto-eea-website-theme/commit/0a108477a3a15f9d0e2172286837ddfd94e078fa)
11
21
  - Use window.searchContext.resetSearch [`c3a968b`](https://github.com/eea/volto-eea-website-theme/commit/c3a968b91646102dad461541a1501b93a653e2c9)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eeacms/volto-eea-website-theme",
3
- "version": "0.6.10",
3
+ "version": "0.6.11",
4
4
  "description": "@eeacms/volto-eea-website-theme: Volto add-on",
5
5
  "main": "src/index.js",
6
6
  "author": "European Environment Agency: IDM2 A-Team",
package/src/icons/content-box.svg ADDED
@@ -0,0 +1,5 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <!-- Created with Inkscape (http://www.inkscape.org/) -->
3
+ <svg width="90mm" height="90mm" version="1.1" viewBox="0 0 90 90" xmlns="http://www.w3.org/2000/svg">
4
+ <text x="44.72715" y="38.463978" fill="#000000" font-family="sans-serif" font-size="16.933px" letter-spacing="0px" stroke-width=".26458" text-align="center" text-anchor="middle" word-spacing="0px" style="line-height:1.5" xml:space="preserve"><tspan x="44.72715" y="38.463978" text-align="center">Content</tspan><tspan x="44.72715" y="63.863926" text-align="center">Box</tspan></text>
5
+ </svg>
package/src/index.js CHANGED
@@ -6,6 +6,8 @@ import DraftBackground from '@eeacms/volto-eea-website-theme/components/theme/Dr
6
6
  import { TokenWidget } from '@eeacms/volto-eea-website-theme/components/theme/Widgets/TokenWidget';
7
7
  import HomePageView from '@eeacms/volto-eea-website-theme/components/theme/Homepage/HomePageView';
8
8
  import HomePageInverseView from '@eeacms/volto-eea-website-theme/components/theme/Homepage/HomePageInverseView';
9
+ import { Icon } from '@plone/volto/components';
10
+ import contentBoxSVG from './icons/content-box.svg';
9
11
 
10
12
  const applyConfig = (config) => {
11
13
  // EEA specific settings
@@ -69,56 +71,61 @@ const applyConfig = (config) => {
69
71
  ];
70
72
 
71
73
  // Custom block styles
74
+ config.settings.previewText = '';
72
75
  config.settings.pluggableStyles = [
73
76
  ...(config.settings.pluggableStyles || []),
74
77
  {
75
78
  id: 'content-box-gray',
76
- title: 'Content Box',
79
+ title: 'Default',
80
+ previewComponent: () => (
81
+ <Icon name={contentBoxSVG} size="88px" className="default" />
82
+ ),
77
83
  viewComponent: (props) => {
78
84
  return (
79
85
  <div className="content-box">
80
- <div className="content-box-inner ui container">
81
- {props.children}
82
- </div>
86
+ <div className="content-box-inner">{props.children}</div>
83
87
  </div>
84
88
  );
85
89
  },
86
90
  },
87
91
  {
88
92
  id: 'content-box-primary',
89
- title: 'Content Box (primary)',
93
+ title: 'Primary',
94
+ previewComponent: () => (
95
+ <Icon name={contentBoxSVG} size="88px" className="primary" />
96
+ ),
90
97
  viewComponent: (props) => {
91
98
  return (
92
99
  <div className="content-box primary">
93
- <div className="content-box-inner ui container">
94
- {props.children}
95
- </div>
100
+ <div className="content-box-inner">{props.children}</div>
96
101
  </div>
97
102
  );
98
103
  },
99
104
  },
100
105
  {
101
106
  id: 'content-box-secondary',
102
- title: 'Content Box (secondary)',
107
+ title: 'Secondary',
108
+ previewComponent: () => (
109
+ <Icon name={contentBoxSVG} size="88px" className="secondary" />
110
+ ),
103
111
  viewComponent: (props) => {
104
112
  return (
105
113
  <div className="content-box secondary">
106
- <div className="content-box-inner ui container">
107
- {props.children}
108
- </div>
114
+ <div className="content-box-inner">{props.children}</div>
109
115
  </div>
110
116
  );
111
117
  },
112
118
  },
113
119
  {
114
120
  id: 'content-box-tertiary',
115
- title: 'Content Box (tertiary)',
121
+ title: 'Tertiary',
122
+ previewComponent: () => (
123
+ <Icon name={contentBoxSVG} size="88px" className="tertiary" />
124
+ ),
116
125
  viewComponent: (props) => {
117
126
  return (
118
127
  <div className="content-box tertiary">
119
- <div className="content-box-inner ui container">
120
- {props.children}
121
- </div>
128
+ <div className="content-box-inner">{props.children}</div>
122
129
  </div>
123
130
  );
124
131
  },