design-comuni-plone-theme 11.1.3 → 11.1.4

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 (11) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/RELEASE.md +6 -0
  3. package/package.json +1 -1
  4. package/publiccode.yml +2 -2
  5. package/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx +1 -1
  6. package/src/components/ItaliaTheme/Blocks/Alert/View.jsx +3 -1
  7. package/src/components/ItaliaTheme/Blocks/BandiSearch/Body.jsx +49 -43
  8. package/src/components/ItaliaTheme/Blocks/EventSearch/Body.jsx +49 -43
  9. package/src/components/ItaliaTheme/Blocks/UOSearch/Body.jsx +49 -43
  10. package/src/theme/bootstrap-override/bootstrap-italia/_card.scss +1 -1
  11. package/src/theme/extras/_modals.scss +0 -17
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
 
2
2
 
3
+ ## [11.1.4](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v11.1.3...v11.1.4) (2024-01-05)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * allow submit when pressing enter key in search blocks ([#451](https://github.com/RedTurtle/design-comuni-plone-theme/issues/451)) ([947f983](https://github.com/RedTurtle/design-comuni-plone-theme/commit/947f9837d532017f5dcb3f25826ea56d6bb2e93b))
9
+ * backwards compatibility for background color var of Alert block ([#459](https://github.com/RedTurtle/design-comuni-plone-theme/issues/459)) ([7cf6626](https://github.com/RedTurtle/design-comuni-plone-theme/commit/7cf6626131276a79b765fc6f9a102522d7d9ed56))
10
+ * changed max width of card-body to fit image ([#453](https://github.com/RedTurtle/design-comuni-plone-theme/issues/453)) ([d836021](https://github.com/RedTurtle/design-comuni-plone-theme/commit/d83602136fa6800758184e1b6b403f363062654b))
11
+ * removed style that hides modal close icon ([#455](https://github.com/RedTurtle/design-comuni-plone-theme/issues/455)) ([59dd922](https://github.com/RedTurtle/design-comuni-plone-theme/commit/59dd922b1120a87febaca51a1fb337c85cb4b9c8))
12
+
13
+
14
+ ### Maintenance
15
+
16
+ * preparing relase 11.1.4 ([2edb3c7](https://github.com/RedTurtle/design-comuni-plone-theme/commit/2edb3c7e7c840c63f00c2fadac0781c5e33b35c0))
17
+
3
18
  ## [11.1.3](https://github.com/redturtle/design-comuni-plone-theme/compare/v11.1.1...v11.1.3) (2023-12-27)
4
19
 
5
20
 
package/RELEASE.md CHANGED
@@ -41,6 +41,12 @@
41
41
  - ...
42
42
  -->
43
43
 
44
+ ## Versione 11.1.4 (dd/mm/yyyy)
45
+
46
+ ### Fix
47
+
48
+ - Risolto il problema di layout nelle card che indicano dei luoghi.
49
+
44
50
  ## Versione 11.1.1 (22/12/2023)
45
51
 
46
52
  ### Fix
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "design-comuni-plone-theme",
3
3
  "description": "Volto Theme for Italia design guidelines",
4
4
  "license": "GPL-v3",
5
- "version": "11.1.3",
5
+ "version": "11.1.4",
6
6
  "main": "src/index.js",
7
7
  "keywords": [
8
8
  "volto-addon",
package/publiccode.yml CHANGED
@@ -227,9 +227,9 @@ maintenance:
227
227
  name: io-Comune - Il sito AgID per Comuni ed Enti Pubblici
228
228
  platforms:
229
229
  - web
230
- releaseDate: '2023-12-27'
230
+ releaseDate: '2024-01-05'
231
231
  softwareType: standalone/web
232
- softwareVersion: 11.1.2
232
+ softwareVersion: 11.1.4
233
233
  url: 'https://github.com/italia/design-comuni-plone-theme'
234
234
  usedBy:
235
235
  - ASP Comuni Modenesi Area Nord
package/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx CHANGED
@@ -60,7 +60,7 @@ class Edit extends Component {
60
60
  constructor(props) {
61
61
  super(props);
62
62
  if (!this.props.data.bg_color) {
63
- this.props.data.bg_color = 'warning';
63
+ this.props.data.bg_color = this.props.data.color ?? 'warning'; // backwards compatibility with previous background-color variable name 'color'
64
64
  }
65
65
  this.blockNode = React.createRef();
66
66
  }
package/src/components/ItaliaTheme/Blocks/Alert/View.jsx CHANGED
@@ -27,9 +27,11 @@ const View = ({ data, pathname }) => {
27
27
  )
28
28
  : '';
29
29
 
30
+ const background_color = data.bg_color ?? data.color; // backwards compatibility with previous background-color variable name 'color'
31
+
30
32
  return (
31
33
  <section role="alert" className="block alertblock">
32
- <div className={cx('full-width', 'bg-alert-' + data.bg_color)}>
34
+ <div className={cx('full-width', 'bg-alert-' + background_color)}>
33
35
  <Container className="p-4 pt-5 pb-5">
34
36
  <Row className="align-items-start">
35
37
  {data.image?.data && (
package/src/components/ItaliaTheme/Blocks/BandiSearch/Body.jsx CHANGED
@@ -149,54 +149,60 @@ const Body = ({ data, inEditMode, path, onChangeBlock }) => {
149
149
  'public-ui': inEditMode,
150
150
  })}
151
151
  >
152
- <div className="d-flex justify-content-center">
153
- <div className="d-flex search-container align-items-center justify-content-center flex-wrap">
154
- {filterOne && (
155
- <>
156
- {React.createElement(filterOne.widget.component, {
157
- ...filterOne.widget?.props,
158
- id: 'filterOne',
159
- onChange: (filter, value) => {
152
+ <form
153
+ onSubmit={(event) => {
154
+ event.preventDefault();
155
+ doRequest(1);
156
+ }}
157
+ >
158
+ <div className="d-flex justify-content-center">
159
+ <div className="d-flex search-container align-items-center justify-content-center flex-wrap">
160
+ {filterOne && (
161
+ <>
162
+ {React.createElement(filterOne.widget.component, {
163
+ ...filterOne.widget?.props,
164
+ id: 'filterOne',
165
+ onChange: (filter, value) => {
166
+ dispatchFilter({
167
+ filter: filter,
168
+ value: value,
169
+ });
170
+ },
171
+ })}
172
+ </>
173
+ )}
174
+ {filterTwo &&
175
+ React.createElement(filterTwo.widget?.component, {
176
+ ...filterTwo.widget?.props,
177
+ id: 'filterTwo',
178
+ onChange: (filter, value) =>
160
179
  dispatchFilter({
161
180
  filter: filter,
162
181
  value: value,
163
- });
164
- },
182
+ }),
165
183
  })}
166
- </>
167
- )}
168
- {filterTwo &&
169
- React.createElement(filterTwo.widget?.component, {
170
- ...filterTwo.widget?.props,
171
- id: 'filterTwo',
172
- onChange: (filter, value) =>
173
- dispatchFilter({
174
- filter: filter,
175
- value: value,
176
- }),
177
- })}
178
- {filterThree &&
179
- React.createElement(filterThree.widget?.component, {
180
- ...filterThree.widget?.props,
181
- id: 'filterThree',
182
- onChange: (filter, value) =>
183
- dispatchFilter({
184
- filter: filter,
185
- value: value,
186
- }),
187
- })}
188
-
189
- <Button
190
- color={data.button_color || 'tertiary'}
191
- icon={false}
192
- tag="button"
193
- onClick={() => doRequest(1)}
194
- className="my-2 my-lg-1"
195
- >
196
- {intl.formatMessage(messages.find)}
197
- </Button>
184
+ {filterThree &&
185
+ React.createElement(filterThree.widget?.component, {
186
+ ...filterThree.widget?.props,
187
+ id: 'filterThree',
188
+ onChange: (filter, value) =>
189
+ dispatchFilter({
190
+ filter: filter,
191
+ value: value,
192
+ }),
193
+ })}
194
+
195
+ <Button
196
+ color={data.button_color || 'tertiary'}
197
+ icon={false}
198
+ tag="button"
199
+ className="my-2 my-lg-1"
200
+ >
201
+ {intl.formatMessage(messages.find)}
202
+ </Button>
203
+ </div>
198
204
  </div>
199
- </div>
205
+ </form>
200
206
  </div>
201
207
 
202
208
  {!loading ? (
package/src/components/ItaliaTheme/Blocks/EventSearch/Body.jsx CHANGED
@@ -159,54 +159,60 @@ const Body = ({ data, inEditMode, path, onChangeBlock }) => {
159
159
  'public-ui': inEditMode,
160
160
  })}
161
161
  >
162
- <div className="d-flex justify-content-center">
163
- <div className="d-flex search-container align-items-center justify-content-center flex-wrap">
164
- {filterOne && (
165
- <>
166
- {React.createElement(filterOne.widget.component, {
167
- ...filterOne.widget?.props,
168
- id: 'filterOne',
169
- onChange: (filter, value) => {
162
+ <form
163
+ onSubmit={(event) => {
164
+ event.preventDefault();
165
+ doRequest(1);
166
+ }}
167
+ >
168
+ <div className="d-flex justify-content-center">
169
+ <div className="d-flex search-container align-items-center justify-content-center flex-wrap">
170
+ {filterOne && (
171
+ <>
172
+ {React.createElement(filterOne.widget.component, {
173
+ ...filterOne.widget?.props,
174
+ id: 'filterOne',
175
+ onChange: (filter, value) => {
176
+ dispatchFilter({
177
+ filter: filter,
178
+ value: value,
179
+ });
180
+ },
181
+ })}
182
+ </>
183
+ )}
184
+ {filterTwo &&
185
+ React.createElement(filterTwo.widget?.component, {
186
+ ...filterTwo.widget?.props,
187
+ id: 'filterTwo',
188
+ onChange: (filter, value) =>
170
189
  dispatchFilter({
171
190
  filter: filter,
172
191
  value: value,
173
- });
174
- },
192
+ }),
175
193
  })}
176
- </>
177
- )}
178
- {filterTwo &&
179
- React.createElement(filterTwo.widget?.component, {
180
- ...filterTwo.widget?.props,
181
- id: 'filterTwo',
182
- onChange: (filter, value) =>
183
- dispatchFilter({
184
- filter: filter,
185
- value: value,
186
- }),
187
- })}
188
- {filterThree &&
189
- React.createElement(filterThree.widget?.component, {
190
- ...filterThree.widget?.props,
191
- id: 'filterThree',
192
- onChange: (filter, value) =>
193
- dispatchFilter({
194
- filter: filter,
195
- value: value,
196
- }),
197
- })}
198
-
199
- <Button
200
- color={data.button_color || 'tertiary'}
201
- icon={false}
202
- tag="button"
203
- onClick={() => doRequest(1)}
204
- className="my-2 my-lg-1"
205
- >
206
- {intl.formatMessage(messages.find)}
207
- </Button>
194
+ {filterThree &&
195
+ React.createElement(filterThree.widget?.component, {
196
+ ...filterThree.widget?.props,
197
+ id: 'filterThree',
198
+ onChange: (filter, value) =>
199
+ dispatchFilter({
200
+ filter: filter,
201
+ value: value,
202
+ }),
203
+ })}
204
+
205
+ <Button
206
+ color={data.button_color || 'tertiary'}
207
+ icon={false}
208
+ tag="button"
209
+ className="my-2 my-lg-1"
210
+ >
211
+ {intl.formatMessage(messages.find)}
212
+ </Button>
213
+ </div>
208
214
  </div>
209
- </div>
215
+ </form>
210
216
  </div>
211
217
 
212
218
  {!loading ? (
package/src/components/ItaliaTheme/Blocks/UOSearch/Body.jsx CHANGED
@@ -143,54 +143,60 @@ const Body = ({ data, inEditMode, path, onChangeBlock }) => {
143
143
  'public-ui': inEditMode,
144
144
  })}
145
145
  >
146
- <div className="d-flex justify-content-center">
147
- <div className="d-flex search-container align-items-center justify-content-center flex-wrap">
148
- {filterOne && (
149
- <>
150
- {React.createElement(filterOne.widget.component, {
151
- ...filterOne.widget?.props,
152
- id: 'filterOne',
153
- onChange: (filter, value) => {
146
+ <form
147
+ onSubmit={(event) => {
148
+ event.preventDefault();
149
+ doRequest(1);
150
+ }}
151
+ >
152
+ <div className="d-flex justify-content-center">
153
+ <div className="d-flex search-container align-items-center justify-content-center flex-wrap">
154
+ {filterOne && (
155
+ <>
156
+ {React.createElement(filterOne.widget.component, {
157
+ ...filterOne.widget?.props,
158
+ id: 'filterOne',
159
+ onChange: (filter, value) => {
160
+ dispatchFilter({
161
+ filter: filter,
162
+ value: value,
163
+ });
164
+ },
165
+ })}
166
+ </>
167
+ )}
168
+ {filterTwo &&
169
+ React.createElement(filterTwo.widget?.component, {
170
+ ...filterTwo.widget?.props,
171
+ id: 'filterTwo',
172
+ onChange: (filter, value) =>
154
173
  dispatchFilter({
155
174
  filter: filter,
156
175
  value: value,
157
- });
158
- },
176
+ }),
159
177
  })}
160
- </>
161
- )}
162
- {filterTwo &&
163
- React.createElement(filterTwo.widget?.component, {
164
- ...filterTwo.widget?.props,
165
- id: 'filterTwo',
166
- onChange: (filter, value) =>
167
- dispatchFilter({
168
- filter: filter,
169
- value: value,
170
- }),
171
- })}
172
- {filterThree &&
173
- React.createElement(filterThree.widget?.component, {
174
- ...filterThree.widget?.props,
175
- id: 'filterThree',
176
- onChange: (filter, value) =>
177
- dispatchFilter({
178
- filter: filter,
179
- value: value,
180
- }),
181
- })}
182
-
183
- <Button
184
- color={data.button_color || 'tertiary'}
185
- icon={false}
186
- tag="button"
187
- onClick={() => doRequest(1)}
188
- className="my-2 my-lg-1"
189
- >
190
- {intl.formatMessage(messages.find)}
191
- </Button>
178
+ {filterThree &&
179
+ React.createElement(filterThree.widget?.component, {
180
+ ...filterThree.widget?.props,
181
+ id: 'filterThree',
182
+ onChange: (filter, value) =>
183
+ dispatchFilter({
184
+ filter: filter,
185
+ value: value,
186
+ }),
187
+ })}
188
+
189
+ <Button
190
+ color={data.button_color || 'tertiary'}
191
+ icon={false}
192
+ tag="button"
193
+ className="my-2 my-lg-1"
194
+ >
195
+ {intl.formatMessage(messages.find)}
196
+ </Button>
197
+ </div>
192
198
  </div>
193
- </div>
199
+ </form>
194
200
  </div>
195
201
 
196
202
  {!loading ? (
package/src/theme/bootstrap-override/bootstrap-italia/_card.scss CHANGED
@@ -6,7 +6,7 @@
6
6
  }
7
7
 
8
8
  .icon + .card-body {
9
- max-width: calc(100% - 32px - 1em);
9
+ max-width: calc(100% - 112px - 1em);
10
10
  }
11
11
  }
12
12
  //Landscape
package/src/theme/extras/_modals.scss CHANGED
@@ -35,20 +35,3 @@
35
35
  cursor: pointer;
36
36
  }
37
37
  }
38
-
39
- .modal-dialog {
40
- .modal-header {
41
- align-items: flex-start;
42
-
43
- button.btn-close {
44
- display: flex;
45
- width: fit-content;
46
- align-items: center;
47
- background: none;
48
-
49
- span {
50
- font-size: 50px;
51
- }
52
- }
53
- }
54
- }