cozy-viewer 1.1.0 → 1.1.2

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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,18 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [1.1.2](https://github.com/cozy/cozy-libs/compare/cozy-viewer@1.1.1...cozy-viewer@1.1.2) (2024-09-12)
7
+
8
+ ### Bug Fixes
9
+
10
+ - **Viewer:** Css wasn't publish with hash on classes ([eb050b9](https://github.com/cozy/cozy-libs/commit/eb050b92018631e322b7c76eaceda07a835d31af))
11
+
12
+ ## [1.1.1](https://github.com/cozy/cozy-libs/compare/cozy-viewer@1.1.0...cozy-viewer@1.1.1) (2024-09-12)
13
+
14
+ ### Bug Fixes
15
+
16
+ - **Viewer:** Locales was missing ([0804409](https://github.com/cozy/cozy-libs/commit/0804409f023f32c37e96f20bd32e11415edabd93))
17
+
6
18
  # 1.1.0 (2024-09-11)
7
19
 
8
20
  ### Features
package/babel.config.js CHANGED
@@ -3,6 +3,9 @@ module.exports = {
3
3
  env: {
4
4
  transpilation: {
5
5
  ignore: ['**/*.spec.jsx', '**/*.spec.js', '**/*.spec.tsx', '**/*.spec.ts']
6
+ },
7
+ test: {
8
+ presets: [['cozy-app', { transformRuntime: { helpers: true } }]]
6
9
  }
7
10
  },
8
11
  plugins: [
@@ -17,7 +20,8 @@ module.exports = {
17
20
  ? '[local]'
18
21
  : '[name]__[local]___[hash:base64:5]'
19
22
  }
20
- ]
23
+ ],
24
+ ['inline-json-import', {}]
21
25
  ],
22
26
  ignore: ['examples/**/*', '**/*.md', '**/*.styl', '**/*.json', '**/*.snap']
23
27
  }
@@ -1,18 +1,143 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
3
  Object.defineProperty(exports, "__esModule", {
6
4
  value: true
7
5
  });
8
6
  exports.locales = void 0;
9
-
10
- var _en = _interopRequireDefault(require("./en.json"));
11
-
12
- var _fr = _interopRequireDefault(require("./fr.json"));
13
-
7
+ var en = {
8
+ Viewer: {
9
+ actions: {
10
+ download: "Download",
11
+ forward: "Send"
12
+ },
13
+ alert: {
14
+ preparing: "Preparing your files\u2026"
15
+ },
16
+ close: "close",
17
+ download: "Download",
18
+ complete: "Complete the document",
19
+ noImage: "No image",
20
+ error: {
21
+ downloadFile: {
22
+ offline: "You should be connected to download this file"
23
+ },
24
+ generic: "An error occurred when opening this file, please try again.",
25
+ missing: "This file is missing",
26
+ network: "This file could not be loaded. Do you have a working internet connection right now?"
27
+ },
28
+ goto: "Go to %{url}",
29
+ next: "Next",
30
+ openWith: "Open with...",
31
+ openInOnlyOffice: "Open with Only Office",
32
+ panel: {
33
+ certifications: {
34
+ carbonCopy: {
35
+ title: "Carbon Copy",
36
+ caption: "Indicates whether the document is defined as \"authentic and original\" by Cozy Cloud, the host of your Cozy, as it can claim that it comes directly from a third-party service, without having undergone any modification."
37
+ },
38
+ electronicSafe: {
39
+ title: "Electronic Safe",
40
+ caption: "Indicates whether the original document is secured by your personal digital safe with the certifications that give it probative value and a 50-year retention guarantee beyond its deposit."
41
+ }
42
+ },
43
+ qualification: {
44
+ actions: {
45
+ copy: "Copy",
46
+ copyClipboard: "Copy to clipboard",
47
+ edit: "Edit"
48
+ }
49
+ },
50
+ expiration: {
51
+ dismiss: "I understood"
52
+ },
53
+ title: "Useful information"
54
+ },
55
+ previous: "Previous",
56
+ retry: "Retry",
57
+ scaledown: "Zoom out",
58
+ scaleup: "Zoom in",
59
+ share: {
60
+ title: "Link to my document %{name}",
61
+ text: "Here is a link to my document %{name}: ",
62
+ error: "Problem with link recovery: %{error}",
63
+ success: "Your file has been shared with success"
64
+ },
65
+ snackbar: {
66
+ copiedToClipboard: {
67
+ success: "Copied to clipboard",
68
+ error: "Cannot copy to clipboard"
69
+ }
70
+ }
71
+ }
72
+ };
73
+ var fr = {
74
+ Viewer: {
75
+ actions: {
76
+ download: "T\xE9l\xE9charger",
77
+ forward: "Envoyer"
78
+ },
79
+ alert: {
80
+ preparing: "Preparation de vos fichiers\u2026"
81
+ },
82
+ close: "Fermer",
83
+ download: "T\xE9l\xE9charger",
84
+ complete: "Compl\xE9ter le document",
85
+ noImage: "Aucune image",
86
+ error: {
87
+ downloadFile: {
88
+ offline: "Vous devez \xEAtre connect\xE9 pour t\xE9l\xE9charger ce fichier"
89
+ },
90
+ generic: "Une erreur s'est produite lors de l'ouverture de ce fichier, veuillez r\xE9essayer.",
91
+ missing: "Le fichier est manquant",
92
+ network: "Ce fichier n'a pas pu \xEAtre charg\xE9. Avez-vous une connexion internet qui fonctionne actuellement ?"
93
+ },
94
+ goto: "Ouvrir %{url}",
95
+ next: "Suivante",
96
+ openWith: "Ouvrir avec...",
97
+ openInOnlyOffice: "Ouvrir avec Only Office",
98
+ panel: {
99
+ certifications: {
100
+ carbonCopy: {
101
+ title: "Copie conforme",
102
+ caption: "Le document est d\xE9fini \"authentique et original\" par Cozy Cloud, l'h\xE9bergeur de votre Cozy, car il peut affirmer qu'il provient directement des services de son \xE9metteur sans avoir subi aucune modification."
103
+ },
104
+ electronicSafe: {
105
+ title: "Coffre-fort \xE9lectronique",
106
+ caption: "Indique si le document original est s\xE9curis\xE9 par votre coffre-fort num\xE9rique personnel avec les certifications qui lui conf\xE8rent une valeur probante et une garantie de conservation de 50 ans au-del\xE0 de son d\xE9p\xF4t."
107
+ }
108
+ },
109
+ qualification: {
110
+ actions: {
111
+ copy: "Copier",
112
+ copyClipboard: "Copier dans le presse-papier",
113
+ edit: "Modifier"
114
+ }
115
+ },
116
+ expiration: {
117
+ dismiss: "J'ai compris"
118
+ },
119
+ title: "Informations utiles"
120
+ },
121
+ previous: "Pr\xE9c\xE9dente",
122
+ retry: "R\xE9essayer",
123
+ scaledown: "Zoom arri\xE8re",
124
+ scaleup: "Zoom avant",
125
+ share: {
126
+ title: "Lien vers mon document %{name}",
127
+ text: "Voici un lien vers mon document %{name} : ",
128
+ error: "Probl\xE8me avec la r\xE9cup\xE9ration du lien : %{error}",
129
+ success: "Votre fichier a \xE9t\xE9 partag\xE9 avec succ\xE8s"
130
+ },
131
+ snackbar: {
132
+ copiedToClipboard: {
133
+ success: "Copi\xE9 dans le presse-papier",
134
+ error: "Impossible de copier dans le presse-papier"
135
+ }
136
+ }
137
+ }
138
+ };
14
139
  var locales = {
15
- en: _en.default,
16
- fr: _fr.default
140
+ en: en,
141
+ fr: fr
17
142
  };
18
143
  exports.locales = locales;
@@ -1,12 +1,12 @@
1
1
  /* imported from styles.styl */
2
2
 
3
- .viewer-imageviewer,
4
- .viewer-noviewer,
5
- .viewer-audioviewer,
6
- .viewer-videoviewer,
7
- .viewer-pdfviewer,
8
- .viewer-textviewer,
9
- .viewer-canceled {
3
+ .styles__viewer-imageviewer___2O8pW,
4
+ .styles__viewer-noviewer___3HRGf,
5
+ .styles__viewer-audioviewer___dpxUM,
6
+ .styles__viewer-videoviewer___3yUQ5,
7
+ .styles__viewer-pdfviewer___3MJPk,
8
+ .styles__viewer-textviewer___1fl1c,
9
+ .styles__viewer-canceled___3KRBk {
10
10
  position: relative;
11
11
  display: flex;
12
12
  width: 60%;
@@ -16,111 +16,135 @@
16
16
  flex-direction: column;
17
17
  margin-top: 4rem;
18
18
  }
19
- .viewer-imageviewer h2,
20
- .viewer-noviewer h2,
21
- .viewer-audioviewer h2,
22
- .viewer-videoviewer h2,
23
- .viewer-pdfviewer h2,
24
- .viewer-textviewer h2,
25
- .viewer-canceled h2 {
19
+ .styles__viewer-imageviewer___2O8pW h2,
20
+ .styles__viewer-noviewer___3HRGf h2,
21
+ .styles__viewer-audioviewer___dpxUM h2,
22
+ .styles__viewer-videoviewer___3yUQ5 h2,
23
+ .styles__viewer-pdfviewer___3MJPk h2,
24
+ .styles__viewer-textviewer___1fl1c h2,
25
+ .styles__viewer-canceled___3KRBk h2 {
26
26
  max-width: 90%;
27
27
  }
28
28
  @media (max-width: 63.938rem) {
29
- .viewer-imageviewer,
30
- .viewer-noviewer,
31
- .viewer-audioviewer,
32
- .viewer-videoviewer,
33
- .viewer-pdfviewer,
34
- .viewer-textviewer,
35
- .viewer-canceled {
29
+ .styles__viewer-imageviewer___2O8pW,
30
+ .styles__viewer-noviewer___3HRGf,
31
+ .styles__viewer-audioviewer___dpxUM,
32
+ .styles__viewer-videoviewer___3yUQ5,
33
+ .styles__viewer-pdfviewer___3MJPk,
34
+ .styles__viewer-textviewer___1fl1c,
35
+ .styles__viewer-canceled___3KRBk {
36
36
  margin-left: 0;
37
37
  width: 100%;
38
38
  max-height: calc(100% - 6.5rem);
39
39
  margin-top: -0.5rem;
40
40
  }
41
41
  }
42
- .viewer-videoviewer video {
42
+ .styles__viewer-videoviewer___3yUQ5 video {
43
43
  width: 100%;
44
44
  max-width: 31.25rem;
45
45
  height: auto;
46
46
  }
47
- .viewer-textviewer .viewer-textviewer-content {
47
+ .styles__viewer-textviewer___1fl1c .styles__viewer-textviewer-content___30dhP {
48
48
  white-space: pre-line;
49
49
  width: 100%;
50
50
  max-height: 70%;
51
51
  overflow: auto;
52
52
  }
53
- .viewer-textviewer a {
53
+ .styles__viewer-textviewer___1fl1c a {
54
54
  color: var(--azure);
55
55
  }
56
56
  @media (max-width: 63.938rem) {
57
- .viewer-textviewer {
57
+ .styles__viewer-textviewer___1fl1c {
58
58
  width: 90%;
59
59
  margin-left: 5%;
60
60
  }
61
61
  }
62
- .viewer-filename {
62
+ .styles__viewer-filename___1-DIz {
63
63
  max-width: 90%;
64
64
  text-overflow: ellipsis;
65
65
  overflow: hidden;
66
66
  }
67
- .viewer-pdfviewer-pdf {
67
+ .styles__viewer-pdfviewer-pdf___3R4jL {
68
68
  overflow: auto;
69
69
  width: 100%;
70
70
  }
71
- .viewer-pdfviewer-page > * {
71
+ .styles__viewer-pdfviewer-page___VvOF3 > * {
72
72
  margin: auto;
73
73
  }
74
- .viewer-pdfviewer-toolbar {
74
+ .styles__viewer-pdfviewer-toolbar___2Eat3 {
75
75
  position: absolute;
76
76
  bottom: 2rem;
77
77
  background: var(--charcoalGrey);
78
78
  color: var(--white);
79
79
  border-radius: 0.5rem;
80
80
  }
81
- .viewer-imageviewer {
81
+ .styles__viewer-imageviewer___2O8pW {
82
82
  flex: 1 1 100%;
83
83
  width: auto;
84
84
  max-width: 100%;
85
85
  }
86
- .viewer-imageviewer img {
86
+ .styles__viewer-imageviewer___2O8pW img {
87
87
  display: block;
88
88
  max-width: 100%;
89
89
  max-height: 100%;
90
90
  box-shadow: 0 0.375rem 1.5rem 0 rgba(0,0,0,0.5);
91
91
  }
92
- .viewer-pdfMobile {
92
+ .styles__viewer-pdfMobile___ym7we {
93
93
  width: 100%;
94
94
  height: calc(100% - 6.5rem - var(--flagship-top-height));
95
95
  margin-top: calc(var(--flagship-top-height, 0rem) + -0.5rem);
96
96
  }
97
- .viewer-pdfMobile--image {
97
+ .styles__viewer-pdfMobile--image___3_zsS {
98
98
  width: 100%;
99
99
  }
100
100
  /* imported from styles.styl */
101
101
 
102
- .ActionMenuDesktop-ActionMenu a {
102
+ .styles__ActionMenuDesktop-ActionMenu___xxTwZ a {
103
103
  padding: 0 !important;
104
104
  }
105
- .ActionMenuDesktop-ActionMenu .ActionMenuDesktop-ActionMenu-link-disabled > div {
105
+ .styles__ActionMenuDesktop-ActionMenu___xxTwZ .styles__ActionMenuDesktop-ActionMenu-link-disabled___93DWz > div {
106
106
  cursor: default;
107
107
  }
108
- .ActionMenuDesktop-ActionMenu .ActionMenuDesktop-ActionMenu-link-disabled > div:hover {
108
+ .styles__ActionMenuDesktop-ActionMenu___xxTwZ .styles__ActionMenuDesktop-ActionMenu-link-disabled___93DWz > div:hover {
109
109
  background-color: initial;
110
110
  }
111
- .ActionMenuDesktop-ActionMenu .ActionMenuDesktop-ActionMenu-link-disabled > div > div svg {
111
+ .styles__ActionMenuDesktop-ActionMenu___xxTwZ .styles__ActionMenuDesktop-ActionMenu-link-disabled___93DWz > div > div svg {
112
112
  fill: var(--disabledTextColor);
113
113
  }
114
- .ActionMenuDesktop-ActionMenu .ActionMenuDesktop-ActionMenu-link-disabled > div > div p {
114
+ .styles__ActionMenuDesktop-ActionMenu___xxTwZ .styles__ActionMenuDesktop-ActionMenu-link-disabled___93DWz > div > div p {
115
115
  color: var(--disabledTextColor);
116
116
  }
117
117
  /* imported from styles.styl */
118
118
 
119
+ .styles__viewer-wrapper___OkRf5 {
120
+ position: absolute;
121
+ left: 0;
122
+ right: 0;
123
+ top: 0;
124
+ bottom: 0;
125
+ z-index: var(--zIndex-overlay);
126
+ overflow: hidden;
127
+ background: var(--charcoalGrey);
128
+ color: var(--white);
129
+ display: flex;
130
+ }
131
+ .styles__flagship-app___2EqfW .styles__viewer-wrapper___OkRf5 {
132
+ padding-top: var(--flagship-top-height);
133
+ padding-bottom: var(--flagship-bottom-height);
134
+ }
135
+ @media (max-width: 63.938rem) {
136
+ .styles__viewer-wrapper___OkRf5 {
137
+ color: var(--primaryTextColor);
138
+ background: var(--paperBackgroundColor);
139
+ }
140
+ }
141
+ /* imported from styles.styl */
142
+
119
143
  @media (max-width: 48rem) {
120
144
  }
121
145
  @media (max-width: 63.938rem) {
122
146
  }
123
- .viewer-nav {
147
+ .styles__viewer-nav___3V03k {
124
148
  position: absolute;
125
149
  top: 4rem;
126
150
  bottom: 0;
@@ -135,34 +159,34 @@
135
159
  justify-content: center;
136
160
  flex-direction: column;
137
161
  }
138
- .viewer-nav--visible:hover {
162
+ .styles__viewer-nav--visible___4GLTe:hover {
139
163
  opacity: 1;
140
164
  transition: none;
141
165
  }
142
- .viewer-nav--previous {
166
+ .styles__viewer-nav--previous___2LsMS {
143
167
  left: 0;
144
168
  }
145
- .viewer-nav--previous .viewer-nav-arrow {
169
+ .styles__viewer-nav--previous___2LsMS .styles__viewer-nav-arrow___Z0ykc {
146
170
  align-self: flex-start;
147
171
  margin-left: 2.5rem;
148
172
  transform: rotate(180deg);
149
173
  }
150
- .viewer-nav--next {
174
+ .styles__viewer-nav--next___3mBHi {
151
175
  right: 0;
152
176
  }
153
- .viewer-nav--next .viewer-nav-arrow {
177
+ .styles__viewer-nav--next___3mBHi .styles__viewer-nav-arrow___Z0ykc {
154
178
  align-self: flex-end;
155
179
  margin-right: 2.5rem;
156
180
  }
157
181
  @media (max-width: 63.938rem) {
158
- .viewer-nav {
182
+ .styles__viewer-nav___3V03k {
159
183
  display: none;
160
184
  }
161
185
  }
162
- .viewer-nav-arrow {
186
+ .styles__viewer-nav-arrow___Z0ykc {
163
187
  opacity: 0.7;
164
188
  }
165
- .viewer-controls {
189
+ .styles__viewer-controls___2lf-z {
166
190
  position: relative;
167
191
  display: flex;
168
192
  flex-direction: column;
@@ -171,17 +195,17 @@
171
195
  width: 100%;
172
196
  height: 100%;
173
197
  }
174
- .viewer-controls._--expanded .viewer-nav {
198
+ .styles__viewer-controls___2lf-z.styles__--expanded___1sp4Q .styles__viewer-nav___3V03k {
175
199
  margin-top: 0;
176
200
  width: 40%;
177
201
  }
178
202
  @media (max-width: 63.938rem) {
179
- .viewer-controls--display-content-top {
203
+ .styles__viewer-controls--display-content-top___3wszk {
180
204
  justify-content: flex-start;
181
205
  padding-top: 4.5rem;
182
206
  }
183
207
  }
184
- .viewer-toolbar {
208
+ .styles__viewer-toolbar___1GLOA {
185
209
  position: absolute;
186
210
  top: 0;
187
211
  z-index: var(--zIndex-modal-toolbar);
@@ -195,11 +219,11 @@
195
219
  justify-content: flex-start;
196
220
  align-items: center;
197
221
  }
198
- .viewer-toolbar--hidden {
222
+ .styles__viewer-toolbar--hidden___Zq97m {
199
223
  opacity: 0;
200
224
  }
201
225
  @media (max-width: 63.938rem) {
202
- .viewer-toolbar {
226
+ .styles__viewer-toolbar___1GLOA {
203
227
  height: 3rem;
204
228
  width: 100%;
205
229
  padding: var(--flagship-top-height) 1rem 0 0;
@@ -207,7 +231,7 @@
207
231
  border-bottom: 1px solid var(--dividerColor);
208
232
  }
209
233
  }
210
- .viewer-footer {
234
+ .styles__viewer-footer___iGv8J {
211
235
  position: fixed;
212
236
  bottom: 0;
213
237
  z-index: var(--zIndex-modal-footer);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cozy-viewer",
3
- "version": "1.1.0",
3
+ "version": "1.1.2",
4
4
  "description": "Cozy-Viewer provides a component to show files in a viewer.",
5
5
  "main": "dist/index.js",
6
6
  "license": "MIT",
@@ -15,13 +15,15 @@
15
15
  "scripts": {
16
16
  "build": "rm -rf ./dist && tsc -p tsconfig-build.json && env BABEL_ENV=transpilation babel --extensions .ts,.tsx,.js,.jsx,.md,.styl,.json,.snap ./src -d ./dist --copy-files --no-copy-ignored --verbose",
17
17
  "start": "yarn build --watch",
18
- "test": "env NODE_ENV='test' jest",
18
+ "prepublishOnly": "yarn build",
19
+ "test": "env NODE_ENV=test jest",
19
20
  "lint": "cd .. && yarn eslint --ext js,jsx packages/cozy-viewer"
20
21
  },
21
22
  "devDependencies": {
22
23
  "@testing-library/jest-dom": "^5.14.1",
23
24
  "@testing-library/react": "11.2.7",
24
25
  "@testing-library/react-hooks": "^3.2.1",
26
+ "babel-plugin-inline-json-import": "0.3.2",
25
27
  "babel-preset-cozy-app": "2.1.0",
26
28
  "cozy-client": "48.8.0",
27
29
  "cozy-device-helper": "2.0.0",
@@ -58,5 +60,5 @@
58
60
  "react": ">=16.12.0",
59
61
  "react-dom": ">=16.12.0"
60
62
  },
61
- "gitHead": "dd811f957ba647453ca753bd78bff8fd7661a366"
63
+ "gitHead": "0a9671a836c3831f788d59d3ec7a8307ec0724da"
62
64
  }