@eeacms/volto-tabs-block 5.0.6 → 5.0.8

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 (15) hide show
  1. package/CHANGELOG.md +21 -2
  2. package/DEVELOP.md +56 -0
  3. package/README.md +29 -15
  4. package/docker-compose.yml +28 -0
  5. package/locales/de/LC_MESSAGES/volto.po +14 -0
  6. package/locales/it/LC_MESSAGES/volto.po +14 -0
  7. package/locales/ro/LC_MESSAGES/volto.po +14 -0
  8. package/locales/volto.pot +16 -0
  9. package/package.json +1 -1
  10. package/src/components/templates/carousel/HorizontalView.jsx +2 -2
  11. package/src/components/templates/default/View.jsx +1 -1
  12. package/src/icons/left-key.svg +16 -0
  13. package/src/icons/right-key.svg +16 -0
  14. package/src/less/carousel.less +6 -3
  15. package/.i18n.babel.config.js +0 -1
package/CHANGELOG.md CHANGED
@@ -4,11 +4,30 @@ 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
- ### [5.0.6](https://github.com/eea/volto-tabs-block/compare/5.0.5...5.0.6) - 5 July 2023
7
+ ### [5.0.8](https://github.com/eea/volto-tabs-block/compare/5.0.7...5.0.8) - 18 August 2023
8
+
9
+ #### :house: Internal changes
10
+
11
+ - chore: Improve arrows when template is carousel horizontal -refs#256604 [dana-cfc4 - [`36d590a`](https://github.com/eea/volto-tabs-block/commit/36d590a3de9fd3f6410f7b15d026c1706783fbe0)]
12
+
13
+ #### :house: Documentation changes
14
+
15
+ - docs: Cleanup Makefile, update DEVELOP documentation, i18n - refs #254894 [valentinab25 - [`ecb7608`](https://github.com/eea/volto-tabs-block/commit/ecb7608f898c128e40c8f6de9dcbb85d9be5889c)]
16
+
17
+ #### :hammer_and_wrench: Others
18
+
19
+ - Merge pull request #64 from eea/improve-carousel-horizontal-template [Andrei Grigore - [`aecd802`](https://github.com/eea/volto-tabs-block/commit/aecd802a5ffc016badd32e6e6e15f88bf580262f)]
20
+ ### [5.0.7](https://github.com/eea/volto-tabs-block/compare/5.0.6...5.0.7) - 26 July 2023
8
21
 
9
22
  #### :bug: Bug Fixes
10
23
 
11
- - fix: use SelectWidget instead of ArrayWidget in schema [Miu Razvan - [`4213d19`](https://github.com/eea/volto-tabs-block/commit/4213d1967ef5f171c909a18610e7e8ec2237b563)]
24
+ - fix: console error in DefaultView - refs #253293 [Teodor Voicu - [`361798b`](https://github.com/eea/volto-tabs-block/commit/361798baf8f749eb88f889a9f270a1c3301af80f)]
25
+
26
+ #### :house: Documentation changes
27
+
28
+ - docs: add demo gif - refs #253277 [ana-oprea - [`a54f828`](https://github.com/eea/volto-tabs-block/commit/a54f828e0e3c38b0d44aa31f82819dde7dd3c2bb)]
29
+
30
+ ### [5.0.6](https://github.com/eea/volto-tabs-block/compare/5.0.5...5.0.6) - 5 July 2023
12
31
 
13
32
  ### [5.0.5](https://github.com/eea/volto-tabs-block/compare/5.0.4...5.0.5) - 4 July 2023
14
33
 
package/DEVELOP.md CHANGED
@@ -2,6 +2,28 @@
2
2
 
3
3
  ## Develop
4
4
 
5
+ 1. Make sure you have `docker` and `docker compose` installed and running on your machine:
6
+
7
+ ```Bash
8
+ git clone https://github.com/eea/volto-tabs-block.git
9
+ cd volto-tabs-block
10
+ git checkout -b bugfix-123456 develop
11
+ make
12
+ make start
13
+ ```
14
+
15
+ 1. Wait for `Volto started at 0.0.0.0:3000` meesage
16
+
17
+ 1. Go to http://localhost:3000
18
+
19
+ 1. Happy hacking!
20
+
21
+ ```Bash
22
+ cd src/addons/volto-tabs-block/
23
+ ```
24
+
25
+ ### Or add @eeacms/volto-tabs-block to your Volto project
26
+
5
27
  Before starting make sure your development environment is properly set. See [Volto Developer Documentation](https://docs.voltocms.com/getting-started/install/)
6
28
 
7
29
  1. Make sure you have installed `yo`, `@plone/generator-volto` and `mrs-developer`
@@ -51,3 +73,37 @@ Before starting make sure your development environment is properly set. See [Vol
51
73
  1. Happy hacking!
52
74
 
53
75
  $ cd src/addons/volto-tabs-block/
76
+
77
+ ## Cypress
78
+
79
+ To run cypress locally, first make sure you don't have any Volto/Plone running on ports `8080` and `3000`.
80
+
81
+ You don't have to be in a `clean-volto-project`, you can be in any Volto Frontend
82
+ project where you added `volto-tabs-block` to `mrs.developer.json`
83
+
84
+ Go to:
85
+
86
+ ```BASH
87
+ cd src/addons/volto-tabs-block/
88
+ ```
89
+
90
+ Start:
91
+
92
+ ```Bash
93
+ make
94
+ make start
95
+ ```
96
+
97
+ This will build and start with Docker a clean `Plone backend` and `Volto Frontend` with `volto-tabs-block` block installed.
98
+
99
+ Open Cypress Interface:
100
+
101
+ ```Bash
102
+ make cypress-open
103
+ ```
104
+
105
+ Or run it:
106
+
107
+ ```Bash
108
+ make cypress-run
109
+ ```
package/README.md CHANGED
@@ -14,45 +14,59 @@
14
14
  [![Bugs](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-tabs-block-develop&metric=bugs)](https://sonarqube.eea.europa.eu/dashboard?id=volto-tabs-block-develop)
15
15
  [![Duplicated Lines (%)](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-tabs-block-develop&metric=duplicated_lines_density)](https://sonarqube.eea.europa.eu/dashboard?id=volto-tabs-block-develop)
16
16
 
17
+
17
18
  [Volto](https://github.com/plone/volto) add-on
18
19
 
19
20
  ## Features
20
21
 
21
- #### IMPORTANT! Because this depends on @eeacms/volto-block-style, you should always load this addon as the last addon in Volto project configuration or after @eeacms/volto-block-style.
22
-
23
- ###
24
-
25
22
  Demo GIF
26
23
 
27
24
  ## Getting started
28
25
 
29
- 1. Create new volto project if you don't already have one:
26
+ ### Try volto-tabs-block with Docker
30
27
 
31
- ```
32
- $ npm install -g yo @plone/generator-volto
33
- $ yo @plone/volto my-volto-project --addon @eeacms/volto-tabs-block
28
+ git clone https://github.com/eea/volto-tabs-block.git
29
+ cd volto-tabs-block
30
+ make
31
+ make start
32
+
33
+ Go to http://localhost:3000
34
+
35
+ ### Add volto-tabs-block to your Volto project
34
36
 
35
- $ cd my-volto-project
36
- $ yarn add -W @eeacms/volto-tabs-block // Not yet available
37
+ 1. Make sure you have a [Plone backend](https://plone.org/download) up-and-running at http://localhost:8080/Plone
38
+
39
+ ```Bash
40
+ docker compose up backend
37
41
  ```
38
42
 
39
- 1. If you already have a volto project, just update `package.json`:
43
+ 1. Start Volto frontend
44
+
45
+ * If you already have a volto project, just update `package.json`:
40
46
 
41
47
  ```JSON
42
48
  "addons": [
43
- "@eeacms/volto-tabs-block"
49
+ "@eeacms/volto-tabs-block"
44
50
  ],
45
51
 
46
52
  "dependencies": {
47
- "@eeacms/volto-tabs-block": "^1.2.0"
53
+ "@eeacms/volto-tabs-block": "*"
48
54
  }
49
55
  ```
50
56
 
57
+ * If not, create one:
58
+
59
+ ```
60
+ npm install -g yo @plone/generator-volto
61
+ yo @plone/volto my-volto-project --canary --addon @eeacms/volto-tabs-block
62
+ cd my-volto-project
63
+ ```
64
+
51
65
  1. Install new add-ons and restart Volto:
52
66
 
53
67
  ```
54
- $ yarn
55
- $ yarn start
68
+ yarn
69
+ yarn start
56
70
  ```
57
71
 
58
72
  1. Go to http://localhost:3000
package/docker-compose.yml ADDED
@@ -0,0 +1,28 @@
1
+ version: "3"
2
+ services:
3
+ backend:
4
+ image: plone/plone-backend:${PLONE_VERSION:-6}
5
+ ports:
6
+ - "8080:8080"
7
+ environment:
8
+ SITE: "Plone"
9
+
10
+ frontend:
11
+ build:
12
+ context: ./
13
+ dockerfile: ./Dockerfile
14
+ args:
15
+ ADDON_NAME: "${ADDON_NAME}"
16
+ ADDON_PATH: "${ADDON_PATH}"
17
+ VOLTO_VERSION: ${VOLTO_VERSION:-16}
18
+ ports:
19
+ - "3000:3000"
20
+ - "3001:3001"
21
+ depends_on:
22
+ - backend
23
+ volumes:
24
+ - ./:/app/src/addons/${ADDON_PATH}
25
+ environment:
26
+ RAZZLE_INTERNAL_API_PATH: "http://backend:8080/Plone"
27
+ RAZZLE_DEV_PROXY_API_PATH: "http://backend:8080/Plone"
28
+ HOST: "0.0.0.0"
package/locales/de/LC_MESSAGES/volto.po ADDED
@@ -0,0 +1,14 @@
1
+ msgid ""
2
+ msgstr ""
3
+ "Project-Id-Version: \n"
4
+ "Report-Msgid-Bugs-To: \n"
5
+ "POT-Creation-Date: \n"
6
+ "PO-Revision-Date: \n"
7
+ "Last-Translator: \n"
8
+ "Language: \n"
9
+ "Language-Team: \n"
10
+ "Content-Type: \n"
11
+ "Content-Transfer-Encoding: \n"
12
+ "Plural-Forms: \n"
13
+
14
+
package/locales/it/LC_MESSAGES/volto.po ADDED
@@ -0,0 +1,14 @@
1
+ msgid ""
2
+ msgstr ""
3
+ "Project-Id-Version: \n"
4
+ "Report-Msgid-Bugs-To: \n"
5
+ "POT-Creation-Date: \n"
6
+ "PO-Revision-Date: \n"
7
+ "Last-Translator: \n"
8
+ "Language: \n"
9
+ "Language-Team: \n"
10
+ "Content-Type: \n"
11
+ "Content-Transfer-Encoding: \n"
12
+ "Plural-Forms: \n"
13
+
14
+
package/locales/ro/LC_MESSAGES/volto.po ADDED
@@ -0,0 +1,14 @@
1
+ msgid ""
2
+ msgstr ""
3
+ "Project-Id-Version: \n"
4
+ "Report-Msgid-Bugs-To: \n"
5
+ "POT-Creation-Date: \n"
6
+ "PO-Revision-Date: \n"
7
+ "Last-Translator: \n"
8
+ "Language: \n"
9
+ "Language-Team: \n"
10
+ "Content-Type: \n"
11
+ "Content-Transfer-Encoding: \n"
12
+ "Plural-Forms: \n"
13
+
14
+
package/locales/volto.pot CHANGED
@@ -0,0 +1,16 @@
1
+ msgid ""
2
+ msgstr ""
3
+ "Project-Id-Version: Plone\n"
4
+ "POT-Creation-Date: 2023-06-28T10:48:22.678Z\n"
5
+ "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
6
+ "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
7
+ "MIME-Version: 1.0\n"
8
+ "Content-Type: text/plain; charset=utf-8\n"
9
+ "Content-Transfer-Encoding: 8bit\n"
10
+ "Plural-Forms: nplurals=1; plural=0;\n"
11
+ "Language-Code: en\n"
12
+ "Language-Name: English\n"
13
+ "Preferred-Encodings: utf-8\n"
14
+ "Domain: volto\n"
15
+
16
+
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eeacms/volto-tabs-block",
3
- "version": "5.0.6",
3
+ "version": "5.0.8",
4
4
  "description": "volto-tabs-block: Volto add-on",
5
5
  "main": "src/index.js",
6
6
  "author": "European Environment Agency: IDM2 A-Team",
package/src/components/templates/carousel/HorizontalView.jsx CHANGED
@@ -4,8 +4,8 @@ import loadable from '@loadable/component';
4
4
  import cx from 'classnames';
5
5
  import { Icon, RenderBlocks } from '@plone/volto/components';
6
6
 
7
- import rightArrowSVG from '@eeacms/volto-tabs-block/icons/right-arrow.svg';
8
- import leftArrowSVG from '@eeacms/volto-tabs-block/icons/left-arrow.svg';
7
+ import rightArrowSVG from '@eeacms/volto-tabs-block/icons/right-key.svg';
8
+ import leftArrowSVG from '@eeacms/volto-tabs-block/icons/left-key.svg';
9
9
 
10
10
  import 'slick-carousel/slick/slick.css';
11
11
  import 'slick-carousel/slick/slick-theme.css';
package/src/components/templates/default/View.jsx CHANGED
@@ -132,7 +132,7 @@ const View = (props) => {
132
132
  />
133
133
  ),
134
134
  pane: (
135
- <Tab.Pane as={isContainer ? Container : undefined}>
135
+ <Tab.Pane key={tab} as={isContainer ? Container : undefined}>
136
136
  <div
137
137
  id={tabs[tab]?.title || `Tab ${tabsList.indexOf(tab) + 1}`}
138
138
  className="tab-name"
package/src/icons/left-key.svg ADDED
@@ -0,0 +1,16 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"
3
+ xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
4
+ <!-- Generator: Sketch Beta 3.3.2 (12041) - http://www.bohemiancoding.com/sketch -->
5
+ <title>arrow-left-circle</title>
6
+ <desc>Created with Sketch Beta.</desc>
7
+ <defs></defs>
8
+ <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
9
+ <g id="Icon-Set-Filled" sketch:type="MSLayerGroup" transform="translate(-258.000000, -1089.000000)"
10
+ fill="#ffffff">
11
+ <path
12
+ d="M281,1106 L270.414,1106 L274.536,1110.12 C274.926,1110.51 274.926,1111.15 274.536,1111.54 C274.145,1111.93 273.512,1111.93 273.121,1111.54 L267.464,1105.88 C267.225,1105.64 267.15,1105.31 267.205,1105 C267.15,1104.69 267.225,1104.36 267.464,1104.12 L273.121,1098.46 C273.512,1098.07 274.145,1098.07 274.536,1098.46 C274.926,1098.86 274.926,1099.49 274.536,1099.88 L270.414,1104 L281,1104 C281.552,1104 282,1104.45 282,1105 C282,1105.55 281.552,1106 281,1106 L281,1106 Z M274,1089 C265.164,1089 258,1096.16 258,1105 C258,1113.84 265.164,1121 274,1121 C282.836,1121 290,1113.84 290,1105 C290,1096.16 282.836,1089 274,1089 L274,1089 Z"
13
+ id="arrow-left-circle" sketch:type="MSShapeGroup"></path>
14
+ </g>
15
+ </g>
16
+ </svg>
package/src/icons/right-key.svg ADDED
@@ -0,0 +1,16 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"
3
+ xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
4
+ <!-- Generator: Sketch Beta 3.3.2 (12041) - http://www.bohemiancoding.com/sketch -->
5
+ <title>arrow-right-circle</title>
6
+ <desc>Created with Sketch Beta.</desc>
7
+ <defs></defs>
8
+ <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
9
+ <g id="Icon-Set-Filled" sketch:type="MSLayerGroup" transform="translate(-310.000000, -1089.000000)"
10
+ fill="#ffffff">
11
+ <path
12
+ d="M332.535,1105.88 L326.879,1111.54 C326.488,1111.93 325.855,1111.93 325.465,1111.54 C325.074,1111.15 325.074,1110.51 325.465,1110.12 L329.586,1106 L319,1106 C318.447,1106 318,1105.55 318,1105 C318,1104.45 318.447,1104 319,1104 L329.586,1104 L325.465,1099.88 C325.074,1099.49 325.074,1098.86 325.465,1098.46 C325.855,1098.07 326.488,1098.07 326.879,1098.46 L332.535,1104.12 C332.775,1104.36 332.85,1104.69 332.795,1105 C332.85,1105.31 332.775,1105.64 332.535,1105.88 L332.535,1105.88 Z M326,1089 C317.163,1089 310,1096.16 310,1105 C310,1113.84 317.163,1121 326,1121 C334.837,1121 342,1113.84 342,1105 C342,1096.16 334.837,1089 326,1089 L326,1089 Z"
13
+ id="arrow-right-circle" sketch:type="MSShapeGroup"></path>
14
+ </g>
15
+ </g>
16
+ </svg>
package/src/less/carousel.less CHANGED
@@ -200,7 +200,8 @@
200
200
  &.light {
201
201
  .slick-prev,
202
202
  .slick-next {
203
- svg {
203
+ svg,
204
+ path {
204
205
  fill: @lightColor !important;
205
206
  }
206
207
  }
@@ -231,7 +232,8 @@
231
232
  &.dark {
232
233
  .slick-prev,
233
234
  .slick-next {
234
- svg {
235
+ svg,
236
+ path {
235
237
  fill: @darkColor !important;
236
238
  }
237
239
  }
@@ -262,7 +264,8 @@
262
264
  &.grey {
263
265
  .slick-prev,
264
266
  .slick-next {
265
- svg {
267
+ svg,
268
+ path {
266
269
  fill: @greyColor !important;
267
270
  }
268
271
  }
package/.i18n.babel.config.js DELETED
@@ -1 +0,0 @@
1
- module.exports = require('@plone/volto/babel');