cozy-sharing 25.5.0 → 25.6.0

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,14 @@
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
+ # [25.6.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@25.5.0...cozy-sharing@25.6.0) (2025-06-18)
7
+
8
+ ### Features
9
+
10
+ - Remove shared drive description in modal ([c5d430d](https://github.com/cozy/cozy-libs/commit/c5d430dbf2c9ce777dfba2e9afa8d88d3540347b))
11
+ - Remove shared drive illustration in modal ([e7bd6cd](https://github.com/cozy/cozy-libs/commit/e7bd6cdf48b70dd40d12995f36f0b68d21bc04e7))
12
+ - Update shared drive modal style and wording ([75231f0](https://github.com/cozy/cozy-libs/commit/75231f0689053cc6653082f534148f01ae147567))
13
+
6
14
  # [25.5.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@25.4.0...cozy-sharing@25.5.0) (2025-06-18)
7
15
 
8
16
  ### Features
@@ -2,145 +2,19 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
2
2
  import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
3
3
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
4
4
  import _regeneratorRuntime from "@babel/runtime/regenerator";
5
- import cx from 'classnames';
6
5
  import PropTypes from 'prop-types';
7
6
  import React, { useState } from 'react';
8
7
  import { useClient } from 'cozy-client';
9
8
  import Button from 'cozy-ui/transpiled/react/Buttons';
10
- import { FixedActionsDialog } from 'cozy-ui/transpiled/react/CozyDialogs';
9
+ import { FixedDialog } from 'cozy-ui/transpiled/react/CozyDialogs';
11
10
  import TextField from 'cozy-ui/transpiled/react/TextField';
12
11
  import Typography from 'cozy-ui/transpiled/react/Typography';
13
12
  import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert';
14
13
  import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
15
14
  import { mergeAndDeduplicateRecipients, formatRecipients } from './helpers';
16
-
17
- var IllustrationSharedDrives = function IllustrationSharedDrives(props) {
18
- return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
19
- d: "M161 14.592c-1.888.222-7.568-.664-15.182-5.982-9.518-6.647-13.847-8.724-22.434-4.183C115 8.86 115.227 23.012 115 27",
20
- stroke: "#CEBEF7",
21
- strokeWidth: "4",
22
- strokeLinecap: "round"
23
- }), /*#__PURE__*/React.createElement("path", {
24
- d: "M165.844 92c5.431-3.51 16.097-12.335 15.315-19.555-.977-9.025-12.708-11.281-22.81-10.78-10.101.502-17.596 4.513-28.349 1.504",
25
- stroke: "#B9F6F7",
26
- strokeWidth: "4",
27
- strokeLinecap: "round"
28
- }), /*#__PURE__*/React.createElement("path", {
29
- d: "M23.495 72c-.329 4.729-2.425 21.765 5.479 27.308 9.88 6.928 23.668-1.244 30.831-5.203C66.97 90.146 79.072 83.217 85 85.527",
30
- stroke: "#FFD799",
31
- strokeWidth: "4",
32
- strokeLinecap: "round"
33
- }), /*#__PURE__*/React.createElement("circle", {
34
- cx: "100",
35
- cy: "64",
36
- fill: "#297EF2",
37
- r: "48"
38
- }), /*#__PURE__*/React.createElement("circle", {
39
- cx: "148",
40
- cy: "104",
41
- r: "24",
42
- fill: "#B9F6F7"
43
- }), /*#__PURE__*/React.createElement("path", {
44
- fillRule: "evenodd",
45
- clipRule: "evenodd",
46
- d: "M148 106c-4.418 0-8-4.029-8-9 0-4.97 3.582-9 8-9s8 4.03 8 9c0 4.971-3.582 9-8 9zm-16 10c0-2 4-8 8-8s2 2 8 2 4-2 8-2 8 6 8 8 0 4-2 4h-28c-2 0-2-2-2-4z",
47
- fill: "#38D1D3"
48
- }), /*#__PURE__*/React.createElement("circle", {
49
- cx: "148",
50
- cy: "104",
51
- r: "20",
52
- stroke: "#B9F6F7",
53
- strokeWidth: "8"
54
- }), /*#__PURE__*/React.createElement("circle", {
55
- cx: "24",
56
- cy: "65",
57
- r: "24",
58
- fill: "#FFD799"
59
- }), /*#__PURE__*/React.createElement("path", {
60
- fillRule: "evenodd",
61
- clipRule: "evenodd",
62
- d: "M24 67c-4.418 0-8-4.03-8-9s3.582-9 8-9 8 4.03 8 9-3.582 9-8 9zM8 77c0-2 4-8 8-8s2 2 8 2 4-2 8-2 8 6 8 8 0 4-2 4H10c-2 0-2-2-2-4z",
63
- fill: "#FF9300"
64
- }), /*#__PURE__*/React.createElement("circle", {
65
- cx: "24",
66
- cy: "65",
67
- r: "20",
68
- stroke: "#FFD799",
69
- strokeWidth: "8"
70
- }), /*#__PURE__*/React.createElement("circle", {
71
- cx: "172",
72
- cy: "28",
73
- r: "24",
74
- fill: "#CEBEF7"
75
- }), /*#__PURE__*/React.createElement("path", {
76
- fillRule: "evenodd",
77
- clipRule: "evenodd",
78
- d: "M172 30c-4.418 0-8-4.03-8-9s3.582-9 8-9 8 4.03 8 9-3.582 9-8 9zm-16 10c0-2 4-8 8-8s2 2 8 2 4-2 8-2 8 6 8 8 0 4-2 4h-28c-2 0-2-2-2-4z",
79
- fill: "#855CEA"
80
- }), /*#__PURE__*/React.createElement("circle", {
81
- cx: "172",
82
- cy: "28",
83
- r: "20",
84
- stroke: "#CEBEF7",
85
- strokeWidth: "8"
86
- }), /*#__PURE__*/React.createElement("path", {
87
- d: "M66.418 133.29a81.818 81.818 0 0 0 16.142 2.244c16.166.948 38.758.424 48.325-1.346 9.567-1.771 10.083-4.465-14.448-5.812-20.925-1.147-45.26.474-50.362 2.894-1.52.648-1.447 1.371.343 2.02z",
88
- fill: "#BBD9FD"
89
- }), /*#__PURE__*/React.createElement("path", {
90
- d: "M80.198 64.752a6 6 0 0 1 4.686-2.252h30.232c1.823 0 3.547.828 4.685 2.252l3.213 4.015c.638.798.986 1.79.986 2.812V76H76v-4.421a4.5 4.5 0 0 1 .986-2.812l3.212-4.015zm0-21a6 6 0 0 1 4.686-2.252h30.232c1.823 0 3.547.828 4.685 2.252l3.213 4.015c.638.798.986 1.79.986 2.811V55H76v-4.422a4.5 4.5 0 0 1 .986-2.81l3.212-4.016z",
91
- fill: "#fff"
92
- }), /*#__PURE__*/React.createElement("path", {
93
- d: "M76 71.5a3 3 0 0 1 3-3h42a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H79a3 3 0 0 1-3-3v-12zm0-21a3 3 0 0 1 3-3h42a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H79a3 3 0 0 1-3-3v-12z",
94
- fill: "#B2D3FF"
95
- }), /*#__PURE__*/React.createElement("path", {
96
- d: "M88 77.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0zm0-21a3 3 0 1 1-6 0 3 3 0 0 1 6 0z",
97
- fill: "#fff"
98
- }), /*#__PURE__*/React.createElement("path", {
99
- d: "M194.751 99.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.211.06 0 .182.06.364.06.607.061 1.757 2.785 1.757 2.664 0 0-.182 0-.364-.061-.546.303-.121.666-.121.969-.242zM48.112 111.445c1.212-.045 1.17-1.968-.043-1.968-.216 0-.433 0-.65.134v-.627c-.043-.537-.389-.984-.952-.984-.476 0-.995.447-.952.984v.537H45.3c-.13-.044-.217 0-.347 0-.649 0-.952.671-.952 1.164 0 .492.26.715.65.85.259.134.562.044.865.044 0 .135.043.269.043.448.044 1.297 1.992 1.297 1.905 0 0-.134 0-.269-.043-.403.216-.089.476-.089.692-.179zM176.04 97.024c.121.424.424.788.666.97.666.424 1.695.303 2.179-.425.484-.666.545-1.757-.484-2.363-.908-.546-1.998.06-2.301 1.03-.121.242-.121.485-.06.788z",
100
- fill: "#BBD9FD"
101
- }), /*#__PURE__*/React.createElement("path", {
102
- d: "M185.045 86.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.545-2.363-.908-.546-1.998.06-2.301 1.03-.06.242-.06.545 0 .788zM28.09 29.576c1.695-.06 1.634-2.667-.061-2.667-.303 0-.605 0-.908.182v-.848c-.06-.788-.545-1.394-1.332-1.394-.666 0-1.392.606-1.332 1.333v.727h-.303c-.181-.06-.302 0-.484 0-.908 0-1.332.91-1.332 1.576 0 .667.364.97.908 1.152.364.181.787.06 1.211.06 0 .182.06.364.06.606.061 1.758 2.785 1.758 2.664 0 0-.182 0-.364-.06-.545.303 0 .666-.06.968-.182zM78.751 8.667C80.446 8.607 80.386 6 78.691 6c-.303 0-.606 0-.909.182v-.849C77.722 4.606 77.239 4 76.451 4c-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.21.06 0 .182.061.364.061.607.06 1.757 2.785 1.757 2.664 0 0-.182 0-.364-.06-.546.302-.121.665-.121.968-.242z",
103
- fill: "#3281EE"
104
- }), /*#__PURE__*/React.createElement("path", {
105
- d: "M107.751 10.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.211.06 0 .182.06.364.06.606.061 1.758 2.785 1.758 2.664 0 0-.181 0-.363-.061-.545.303-.06.666-.121.969-.242zM21.612 7.879h-1.634v-1.03c0-2.304-3.633-2.304-3.572 0 0 .424 0 .848.06 1.272-.181 0-.847-.06-.968-.121-2.18-.727-3.148 2.727-.969 3.454.545.182 1.574.182 2.119.182v.788c0 2.303 3.632 2.303 3.572 0v-.97c.484 0 .968-.06 1.513-.06 2.18.06 2.18-3.515-.12-3.515zM8.9 32.485c.12.424.423.788.665.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.485-2.363-.908-.546-1.998.06-2.3 1.03-.121.242-.121.546-.06.788zm35.14 8.539c.12.424.424.788.666.97.666.424 1.695.303 2.179-.425.484-.666.545-1.757-.484-2.363-.908-.546-1.998.06-2.3 1.03-.122.242-.122.546-.061.788zm14.026-25c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.485-2.363-.908-.546-1.998.06-2.3 1.03a.87.87 0 0 0-.061.788z",
106
- fill: "#BBD9FD"
107
- }), /*#__PURE__*/React.createElement("path", {
108
- d: "M43.89 7.576c.12.424.423.788.666.97.666.424 1.695.302 2.179-.425.484-.667.545-1.757-.545-2.363-.908-.546-1.998.06-2.3 1.03-.06.242-.06.545 0 .788zM84.026 28.97c.12.424.424.787.666.969.666.424 1.695.303 2.18-.424.483-.667.544-1.758-.546-2.364-.908-.545-1.997.06-2.3 1.03a1.73 1.73 0 0 0 0 .788z",
109
- fill: "#3281EE"
110
- }), /*#__PURE__*/React.createElement("path", {
111
- d: "M20.04 107.024c.12.424.424.788.666.97.666.424 1.695.303 2.179-.425.484-.666.545-1.757-.484-2.363-.908-.546-1.998.06-2.3 1.03-.122.242-.122.546-.061.788zm-15-19c.12.424.424.788.666.97.666.424 1.695.303 2.179-.425.484-.666.545-1.757-.484-2.363-.908-.546-1.998.06-2.3 1.03-.122.242-.122.545-.061.788z",
112
- fill: "#BBD9FD"
113
- }), /*#__PURE__*/React.createElement("path", {
114
- d: "M191.311 54.758h-1.634v-1.03c0-2.304-3.632-2.304-3.572 0 0 .423 0 .848.061 1.272-.182 0-.848-.06-.969-.121-2.179-.727-3.148 2.727-.969 3.454.545.182 1.574.182 2.119.182v.788c0 2.303 3.633 2.303 3.572 0v-.97c.484 0 .969-.06 1.513-.06 2.24.06 2.24-3.515-.121-3.515z",
115
- fill: "#3281EE"
116
- }), /*#__PURE__*/React.createElement("path", {
117
- d: "M136.045 21.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.545-2.363-.908-.546-1.998.06-2.301 1.03-.06.242-.06.485 0 .788z",
118
- fill: "#BBD9FD"
119
- }), /*#__PURE__*/React.createElement("path", {
120
- d: "M129.045 10.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.545-1.757-.545-2.363-.908-.546-1.998.06-2.301 1.03-.06.242-.06.546 0 .788zm-82.975 16c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.546-2.363-.908-.546-1.997.06-2.3 1.03-.06.242-.121.546 0 .788zM11.751 99.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.21.06 0 .182.061.364.061.607.06 1.757 2.785 1.757 2.664 0 0-.182 0-.364-.06-.546.363-.06.665-.121.968-.242zm153-25c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.211.06 0 .182.06.364.06.606.061 1.758 2.785 1.758 2.664 0 0-.181 0-.363-.061-.545.364-.06.666-.121.969-.242zm-11.706-18.643c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.545-1.757-.545-2.363-.908-.546-1.998.06-2.301 1.03-.06.242-.06.546 0 .788z",
121
- fill: "#3281EE"
122
- }), /*#__PURE__*/React.createElement("path", {
123
- d: "M193.07 73.024c.121.424.424.788.666.97.666.424 1.695.303 2.179-.425.484-.666.545-1.757-.545-2.363-.908-.546-1.997.06-2.3 1.03-.061.242-.121.545 0 .788zm1.681-65.357c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.211.06 0 .182.06.364.06.607.061 1.757 2.785 1.757 2.664 0 0-.182 0-.364-.061-.546.303-.121.666-.182.969-.242z",
124
- fill: "#BBD9FD"
125
- }), /*#__PURE__*/React.createElement("path", {
126
- d: "M49.751 89.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.21.06 0 .182.061.364.061.606.06 1.758 2.785 1.758 2.664 0 0-.181 0-.363-.06-.545.302-.121.665-.182.968-.242zm9.294 15.357c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.545-2.363-.908-.546-1.998.06-2.3 1.03a1.72 1.72 0 0 0 0 .788z",
127
- fill: "#3281EE"
128
- }));
129
- };
130
-
131
- IllustrationSharedDrives.defaultProps = {
132
- width: "200",
133
- height: "136",
134
- viewBox: "0 0 200 136",
135
- fill: "none",
136
- xmlns: "http://www.w3.org/2000/svg"
137
- };
138
15
  import withLocales from '../../hoc/withLocales';
139
16
  import { useSharingContext } from '../../hooks/useSharingContext';
140
17
  import { Contact } from '../../models';
141
- var styles = {
142
- "shared-drive-who-has-access-wrapper": "shareddrive__shared-drive-who-has-access-wrapper___K1kbr"
143
- };
144
18
  import { default as DumbShareByEmail } from '../ShareByEmail';
145
19
  import WhoHasAccess from '../WhoHasAccess';
146
20
  export var SharedDriveModal = withLocales(function (_ref) {
@@ -169,11 +43,6 @@ export var SharedDriveModal = withLocales(function (_ref) {
169
43
  sharedDriveName = _useState4[0],
170
44
  setSharedDriveName = _useState4[1];
171
45
 
172
- var _useState5 = useState(''),
173
- _useState6 = _slicedToArray(_useState5, 2),
174
- sharedDriveDescription = _useState6[0],
175
- setSharedDriveDescription = _useState6[1];
176
-
177
46
  var onShare = function onShare(params) {
178
47
  setSharedDriveRecipients({
179
48
  recipients: mergeAndDeduplicateRecipients([sharedDriveRecipients.recipients, params.recipients]),
@@ -185,10 +54,6 @@ export var SharedDriveModal = withLocales(function (_ref) {
185
54
  setSharedDriveName(event.target.value);
186
55
  };
187
56
 
188
- var handleSharedDriveDescriptionChange = function handleSharedDriveDescriptionChange(event) {
189
- setSharedDriveDescription(event.target.value);
190
- };
191
-
192
57
  var onCreate = /*#__PURE__*/function () {
193
58
  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
194
59
  var _yield$client$create2, sharedDriveFolder;
@@ -212,7 +77,6 @@ export var SharedDriveModal = withLocales(function (_ref) {
212
77
  document: sharedDriveFolder,
213
78
  recipients: sharedDriveRecipients.recipients,
214
79
  readOnlyRecipients: sharedDriveRecipients.readOnlyRecipients,
215
- description: sharedDriveDescription,
216
80
  sharedDrive: true
217
81
  });
218
82
 
@@ -292,34 +156,25 @@ export var SharedDriveModal = withLocales(function (_ref) {
292
156
  };
293
157
 
294
158
  var recipients = formatRecipients(sharedDriveRecipients);
295
- return /*#__PURE__*/React.createElement(FixedActionsDialog, {
159
+ return /*#__PURE__*/React.createElement(FixedDialog, {
296
160
  open: true,
161
+ disableGutters: true,
297
162
  onClose: onClose,
298
163
  title: t('SharedDrive.sharedDriveModal.title'),
299
- content: /*#__PURE__*/React.createElement("div", {
300
- className: "u-flex u-flex-column u-flex-items-center"
301
- }, /*#__PURE__*/React.createElement(IllustrationSharedDrives, null), /*#__PURE__*/React.createElement(TextField, {
164
+ content: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
165
+ className: "u-ph-2"
166
+ }, /*#__PURE__*/React.createElement(TextField, {
302
167
  required: true,
303
168
  label: t('SharedDrive.sharedDriveModal.nameLabel'),
304
169
  variant: "outlined",
305
170
  size: "small",
306
- className: "u-w-100 u-mt-1",
171
+ className: "u-w-100 u-mt-1-half",
307
172
  value: sharedDriveName,
308
173
  onChange: handleSharedDriveNameChange
309
- }), /*#__PURE__*/React.createElement(TextField, {
310
- required: true,
311
- label: t('SharedDrive.sharedDriveModal.descriptionLabel'),
312
- variant: "outlined",
313
- size: "large",
314
- className: "u-w-100 u-mt-1",
315
- value: sharedDriveDescription,
316
- onChange: handleSharedDriveDescriptionChange
317
- }), /*#__PURE__*/React.createElement("div", {
318
- className: cx('u-mt-1', styles['shared-drive-who-has-access-wrapper'])
319
- }, /*#__PURE__*/React.createElement(Typography, {
174
+ }), /*#__PURE__*/React.createElement(Typography, {
320
175
  variant: "h6",
321
- className: "u-mb-1-half"
322
- }, t('Share.contacts.whoHasAccess')), /*#__PURE__*/React.createElement(DumbShareByEmail, {
176
+ className: "u-mt-1-half u-mb-half"
177
+ }, t('SharedDrive.sharedDriveModal.addPeople')), /*#__PURE__*/React.createElement(DumbShareByEmail, {
323
178
  createContact: function createContact(contact) {
324
179
  return client.create(Contact.doctype, contact);
325
180
  },
@@ -329,7 +184,7 @@ export var SharedDriveModal = withLocales(function (_ref) {
329
184
  onShare: onShare,
330
185
  submitLabel: t('SharedDrive.sharedDriveModal.add'),
331
186
  showNotifications: false
332
- }), /*#__PURE__*/React.createElement(WhoHasAccess, {
187
+ })), /*#__PURE__*/React.createElement(WhoHasAccess, {
333
188
  isOwner: true,
334
189
  recipients: recipients,
335
190
  document: document,
@@ -337,8 +192,12 @@ export var SharedDriveModal = withLocales(function (_ref) {
337
192
  className: "u-w-100",
338
193
  onRevoke: onRevoke,
339
194
  onSetType: onSetType
340
- }))),
195
+ })),
341
196
  actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
197
+ variant: "secondary",
198
+ label: t('SharedDrive.sharedDriveModal.cancel'),
199
+ onClick: onClose
200
+ }), /*#__PURE__*/React.createElement(Button, {
342
201
  variant: "primary",
343
202
  label: t('SharedDrive.sharedDriveModal.create'),
344
203
  onClick: onCreate
@@ -504,19 +504,6 @@ input[type=text] {
504
504
  .badge__shared-badge___2jGsy.badge__--with-me___3jW7R {
505
505
  background-color: #9169f2;
506
506
  }
507
- /* imported from shareddrive.styl */
508
-
509
- @media (max-width: 48rem) {
510
- }
511
- @media (max-width: 48rem) {
512
- }
513
- .shareddrive__shared-drive-who-has-access-wrapper___K1kbr {
514
- border: 1px solid var(--borderMainColor);
515
- border-radius: 0.5rem;
516
- width: 100%;
517
- padding: 1rem;
518
- box-sizing: border-box;
519
- }
520
507
  /* imported from status.styl */
521
508
 
522
509
  .status__shared-status___2HpyL {
package/locales/en.json CHANGED
@@ -458,9 +458,10 @@
458
458
  "sharedDriveModal": {
459
459
  "title": "New shared drive",
460
460
  "nameLabel": "Drive name",
461
- "descriptionLabel": "Description",
462
461
  "add": "Add",
462
+ "cancel": "Cancel",
463
463
  "create": "Create",
464
+ "addPeople": "Add people to the shared drive :",
464
465
  "successNotification": "Shared drive has been added",
465
466
  "errorNotification": "Error during shared drive creation"
466
467
  }
package/locales/fr.json CHANGED
@@ -456,9 +456,10 @@
456
456
  "sharedDriveModal": {
457
457
  "title": "Nouveau drive partagé",
458
458
  "nameLabel": "Nom du drive partagé",
459
- "descriptionLabel": "Description",
460
459
  "add": "Ajouter",
460
+ "cancel": "Annuler",
461
461
  "create": "Créer",
462
+ "addPeople": "Ajouter des utilisateurs au drive partagé :",
462
463
  "successNotification": "Le drive partagé a été ajouté",
463
464
  "errorNotification": "Erreur lors de la création du drive partagé"
464
465
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cozy-sharing",
3
- "version": "25.5.0",
3
+ "version": "25.6.0",
4
4
  "description": "Provides sharing login for React applications.",
5
5
  "main": "dist/index.js",
6
6
  "author": "Cozy",
@@ -79,5 +79,5 @@
79
79
  "sideEffects": [
80
80
  "*.css"
81
81
  ],
82
- "gitHead": "11a9383d0995f744a38fe99cddfd9649bd8c9252"
82
+ "gitHead": "2ee02dee7ed242ceef9f66b5620079fd4b57c425"
83
83
  }
@@ -1,21 +1,18 @@
1
- import cx from 'classnames'
2
1
  import PropTypes from 'prop-types'
3
2
  import React, { useState } from 'react'
4
3
 
5
4
  import { useClient } from 'cozy-client'
6
5
  import Button from 'cozy-ui/transpiled/react/Buttons'
7
- import { FixedActionsDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
6
+ import { FixedDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
8
7
  import TextField from 'cozy-ui/transpiled/react/TextField'
9
8
  import Typography from 'cozy-ui/transpiled/react/Typography'
10
9
  import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
11
10
  import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
12
11
 
13
12
  import { mergeAndDeduplicateRecipients, formatRecipients } from './helpers'
14
- import IllustrationSharedDrives from '../../assets/illustrations/illustration-shared-drives.svg'
15
13
  import withLocales from '../../hoc/withLocales'
16
14
  import { useSharingContext } from '../../hooks/useSharingContext'
17
15
  import { Contact } from '../../models'
18
- import styles from '../../styles/shareddrive.styl'
19
16
  import { default as DumbShareByEmail } from '../ShareByEmail'
20
17
  import WhoHasAccess from '../WhoHasAccess'
21
18
 
@@ -30,7 +27,6 @@ export const SharedDriveModal = withLocales(({ onClose }) => {
30
27
  readOnlyRecipients: []
31
28
  })
32
29
  const [sharedDriveName, setSharedDriveName] = useState('')
33
- const [sharedDriveDescription, setSharedDriveDescription] = useState('')
34
30
 
35
31
  const onShare = params => {
36
32
  setSharedDriveRecipients({
@@ -49,10 +45,6 @@ export const SharedDriveModal = withLocales(({ onClose }) => {
49
45
  setSharedDriveName(event.target.value)
50
46
  }
51
47
 
52
- const handleSharedDriveDescriptionChange = event => {
53
- setSharedDriveDescription(event.target.value)
54
- }
55
-
56
48
  const onCreate = async () => {
57
49
  try {
58
50
  const { data: sharedDriveFolder } = await client.create('io.cozy.files', {
@@ -65,7 +57,6 @@ export const SharedDriveModal = withLocales(({ onClose }) => {
65
57
  document: sharedDriveFolder,
66
58
  recipients: sharedDriveRecipients.recipients,
67
59
  readOnlyRecipients: sharedDriveRecipients.readOnlyRecipients,
68
- description: sharedDriveDescription,
69
60
  sharedDrive: true
70
61
  })
71
62
 
@@ -123,39 +114,25 @@ export const SharedDriveModal = withLocales(({ onClose }) => {
123
114
  const recipients = formatRecipients(sharedDriveRecipients)
124
115
 
125
116
  return (
126
- <FixedActionsDialog
117
+ <FixedDialog
127
118
  open
119
+ disableGutters
128
120
  onClose={onClose}
129
121
  title={t('SharedDrive.sharedDriveModal.title')}
130
122
  content={
131
- <div className="u-flex u-flex-column u-flex-items-center">
132
- <IllustrationSharedDrives></IllustrationSharedDrives>
133
- <TextField
134
- required
135
- label={t('SharedDrive.sharedDriveModal.nameLabel')}
136
- variant="outlined"
137
- size="small"
138
- className="u-w-100 u-mt-1"
139
- value={sharedDriveName}
140
- onChange={handleSharedDriveNameChange}
141
- />
142
- <TextField
143
- required
144
- label={t('SharedDrive.sharedDriveModal.descriptionLabel')}
145
- variant="outlined"
146
- size="large"
147
- className="u-w-100 u-mt-1"
148
- value={sharedDriveDescription}
149
- onChange={handleSharedDriveDescriptionChange}
150
- />
151
- <div
152
- className={cx(
153
- 'u-mt-1',
154
- styles['shared-drive-who-has-access-wrapper']
155
- )}
156
- >
157
- <Typography variant="h6" className="u-mb-1-half">
158
- {t('Share.contacts.whoHasAccess')}
123
+ <div>
124
+ <div className="u-ph-2">
125
+ <TextField
126
+ required
127
+ label={t('SharedDrive.sharedDriveModal.nameLabel')}
128
+ variant="outlined"
129
+ size="small"
130
+ className="u-w-100 u-mt-1-half"
131
+ value={sharedDriveName}
132
+ onChange={handleSharedDriveNameChange}
133
+ />
134
+ <Typography variant="h6" className="u-mt-1-half u-mb-half">
135
+ {t('SharedDrive.sharedDriveModal.addPeople')}
159
136
  </Typography>
160
137
  <DumbShareByEmail
161
138
  createContact={contact => client.create(Contact.doctype, contact)}
@@ -166,20 +143,25 @@ export const SharedDriveModal = withLocales(({ onClose }) => {
166
143
  submitLabel={t('SharedDrive.sharedDriveModal.add')}
167
144
  showNotifications={false}
168
145
  />
169
- <WhoHasAccess
170
- isOwner
171
- recipients={recipients}
172
- document={document}
173
- documentType="Files"
174
- className="u-w-100"
175
- onRevoke={onRevoke}
176
- onSetType={onSetType}
177
- />
178
146
  </div>
147
+ <WhoHasAccess
148
+ isOwner
149
+ recipients={recipients}
150
+ document={document}
151
+ documentType="Files"
152
+ className="u-w-100"
153
+ onRevoke={onRevoke}
154
+ onSetType={onSetType}
155
+ />
179
156
  </div>
180
157
  }
181
158
  actions={
182
159
  <>
160
+ <Button
161
+ variant="secondary"
162
+ label={t('SharedDrive.sharedDriveModal.cancel')}
163
+ onClick={onClose}
164
+ />
183
165
  <Button
184
166
  variant="primary"
185
167
  label={t('SharedDrive.sharedDriveModal.create')}
@@ -1 +0,0 @@
1
- <svg width="200" height="136" viewBox="0 0 200 136" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M161 14.592c-1.888.222-7.568-.664-15.182-5.982-9.518-6.647-13.847-8.724-22.434-4.183C115 8.86 115.227 23.012 115 27" stroke="#CEBEF7" stroke-width="4" stroke-linecap="round"/><path d="M165.844 92c5.431-3.51 16.097-12.335 15.315-19.555-.977-9.025-12.708-11.281-22.81-10.78-10.101.502-17.596 4.513-28.349 1.504" stroke="#B9F6F7" stroke-width="4" stroke-linecap="round"/><path d="M23.495 72c-.329 4.729-2.425 21.765 5.479 27.308 9.88 6.928 23.668-1.244 30.831-5.203C66.97 90.146 79.072 83.217 85 85.527" stroke="#FFD799" stroke-width="4" stroke-linecap="round"/><circle cx="100" cy="64" fill="#297EF2" r="48"/><circle cx="148" cy="104" r="24" fill="#B9F6F7"/><path fill-rule="evenodd" clip-rule="evenodd" d="M148 106c-4.418 0-8-4.029-8-9 0-4.97 3.582-9 8-9s8 4.03 8 9c0 4.971-3.582 9-8 9Zm-16 10c0-2 4-8 8-8s2 2 8 2 4-2 8-2 8 6 8 8 0 4-2 4h-28c-2 0-2-2-2-4Z" fill="#38D1D3"/><circle cx="148" cy="104" r="20" stroke="#B9F6F7" stroke-width="8"/><circle cx="24" cy="65" r="24" fill="#FFD799"/><path fill-rule="evenodd" clip-rule="evenodd" d="M24 67c-4.418 0-8-4.03-8-9s3.582-9 8-9 8 4.03 8 9-3.582 9-8 9ZM8 77c0-2 4-8 8-8s2 2 8 2 4-2 8-2 8 6 8 8 0 4-2 4H10c-2 0-2-2-2-4Z" fill="#FF9300"/><circle cx="24" cy="65" r="20" stroke="#FFD799" stroke-width="8"/><circle cx="172" cy="28" r="24" fill="#CEBEF7"/><path fill-rule="evenodd" clip-rule="evenodd" d="M172 30c-4.418 0-8-4.03-8-9s3.582-9 8-9 8 4.03 8 9-3.582 9-8 9Zm-16 10c0-2 4-8 8-8s2 2 8 2 4-2 8-2 8 6 8 8 0 4-2 4h-28c-2 0-2-2-2-4Z" fill="#855CEA"/><circle cx="172" cy="28" r="20" stroke="#CEBEF7" stroke-width="8"/><path d="M66.418 133.29a81.818 81.818 0 0 0 16.142 2.244c16.166.948 38.758.424 48.325-1.346 9.567-1.771 10.083-4.465-14.448-5.812-20.925-1.147-45.26.474-50.362 2.894-1.52.648-1.447 1.371.343 2.02Z" fill="#BBD9FD"/><path d="M80.198 64.752a6 6 0 0 1 4.686-2.252h30.232c1.823 0 3.547.828 4.685 2.252l3.213 4.015c.638.798.986 1.79.986 2.812V76H76v-4.421a4.5 4.5 0 0 1 .986-2.812l3.212-4.015ZM80.198 43.752a6 6 0 0 1 4.686-2.252h30.232c1.823 0 3.547.828 4.685 2.252l3.213 4.015c.638.798.986 1.79.986 2.811V55H76v-4.422a4.5 4.5 0 0 1 .986-2.81l3.212-4.016Z" fill="#fff"/><path d="M76 71.5a3 3 0 0 1 3-3h42a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H79a3 3 0 0 1-3-3v-12ZM76 50.5a3 3 0 0 1 3-3h42a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H79a3 3 0 0 1-3-3v-12Z" fill="#B2D3FF"/><path d="M88 77.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM88 56.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" fill="#fff"/><path d="M194.751 99.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.211.06 0 .182.06.364.06.607.061 1.757 2.785 1.757 2.664 0 0-.182 0-.364-.061-.546.303-.121.666-.121.969-.242ZM48.112 111.445c1.212-.045 1.17-1.968-.043-1.968-.216 0-.433 0-.65.134v-.627c-.043-.537-.389-.984-.952-.984-.476 0-.995.447-.952.984v.537H45.3c-.13-.044-.217 0-.347 0-.649 0-.952.671-.952 1.164 0 .492.26.715.65.85.259.134.562.044.865.044 0 .135.043.269.043.448.044 1.297 1.992 1.297 1.905 0 0-.134 0-.269-.043-.403.216-.089.476-.089.692-.179ZM176.04 97.024c.121.424.424.788.666.97.666.424 1.695.303 2.179-.425.484-.666.545-1.757-.484-2.363-.908-.546-1.998.06-2.301 1.03-.121.242-.121.485-.06.788Z" fill="#BBD9FD"/><path d="M185.045 86.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.545-2.363-.908-.546-1.998.06-2.301 1.03-.06.242-.06.545 0 .788ZM28.09 29.576c1.695-.06 1.634-2.667-.061-2.667-.303 0-.605 0-.908.182V26.243c-.06-.788-.545-1.394-1.332-1.394-.666 0-1.392.606-1.332 1.333v.727h-.303c-.181-.06-.302 0-.484 0-.908 0-1.332.91-1.332 1.576 0 .667.364.97.908 1.152.364.181.787.06 1.211.06 0 .182.06.364.06.606.061 1.758 2.785 1.758 2.664 0 0-.182 0-.364-.06-.545.303 0 .666-.06.968-.182ZM78.751 8.667C80.446 8.607 80.386 6 78.691 6c-.303 0-.606 0-.909.182v-.849C77.722 4.606 77.239 4 76.451 4c-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.21.06 0 .182.061.364.061.607.06 1.757 2.785 1.757 2.664 0 0-.182 0-.364-.06-.546.302-.121.665-.121.968-.242Z" fill="#3281EE"/><path d="M107.751 10.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.211.06 0 .182.06.364.06.606.061 1.758 2.785 1.758 2.664 0 0-.181 0-.363-.061-.545.303-.06.666-.121.969-.242ZM21.612 7.879h-1.634v-1.03c0-2.304-3.633-2.304-3.572 0 0 .424 0 .848.06 1.272-.181 0-.847-.06-.968-.121-2.18-.727-3.148 2.727-.969 3.454.545.182 1.574.182 2.119.182v.788c0 2.303 3.632 2.303 3.572 0v-.97c.484 0 .968-.06 1.513-.06 2.18.06 2.18-3.515-.12-3.515ZM8.9 32.485c.12.424.423.788.665.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.485-2.363-.908-.546-1.998.06-2.3 1.03-.121.242-.121.546-.06.788ZM44.04 41.024c.12.424.424.788.666.97.666.424 1.695.303 2.179-.425.484-.666.545-1.757-.484-2.363-.908-.546-1.998.06-2.3 1.03-.122.242-.122.546-.061.788ZM58.066 16.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.485-2.363-.908-.546-1.998.06-2.3 1.03a.87.87 0 0 0-.061.788Z" fill="#BBD9FD"/><path d="M43.89 7.576c.12.424.423.788.666.97.666.424 1.695.302 2.179-.425.484-.667.545-1.757-.545-2.363-.908-.546-1.998.06-2.3 1.03-.06.242-.06.545 0 .788ZM84.026 28.97c.12.424.424.787.666.969.666.424 1.695.303 2.18-.424.483-.667.544-1.758-.546-2.364-.908-.545-1.997.06-2.3 1.03a1.73 1.73 0 0 0 0 .788Z" fill="#3281EE"/><path d="M20.04 107.024c.12.424.424.788.666.97.666.424 1.695.303 2.179-.425.484-.666.545-1.757-.484-2.363-.908-.546-1.998.06-2.3 1.03-.122.242-.122.546-.061.788ZM5.04 88.024c.12.424.424.788.666.97.666.424 1.695.303 2.179-.425.484-.666.545-1.757-.484-2.363-.908-.546-1.998.06-2.3 1.03-.122.242-.122.545-.061.788Z" fill="#BBD9FD"/><path d="M191.311 54.758h-1.634v-1.03c0-2.304-3.632-2.304-3.572 0 0 .423 0 .848.061 1.272-.182 0-.848-.06-.969-.121-2.179-.727-3.148 2.727-.969 3.454.545.182 1.574.182 2.119.182v.788c0 2.303 3.633 2.303 3.572 0v-.97c.484 0 .969-.06 1.513-.06 2.24.06 2.24-3.515-.121-3.515Z" fill="#3281EE"/><path d="M136.045 21.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.545-2.363-.908-.546-1.998.06-2.301 1.03-.06.242-.06.485 0 .788Z" fill="#BBD9FD"/><path d="M129.045 10.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.545-1.757-.545-2.363-.908-.546-1.998.06-2.301 1.03-.06.242-.06.546 0 .788ZM46.07 26.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.546-2.363-.908-.546-1.997.06-2.3 1.03-.06.242-.121.546 0 .788ZM11.751 99.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.21.06 0 .182.061.364.061.607.06 1.757 2.785 1.757 2.664 0 0-.182 0-.364-.06-.546.363-.06.665-.121.968-.242ZM164.751 74.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.211.06 0 .182.06.364.06.606.061 1.758 2.785 1.758 2.664 0 0-.181 0-.363-.061-.545.364-.06.666-.121.969-.242ZM153.045 56.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.545-1.757-.545-2.363-.908-.546-1.998.06-2.301 1.03-.06.242-.06.546 0 .788Z" fill="#3281EE"/><path d="M193.07 73.024c.121.424.424.788.666.97.666.424 1.695.303 2.179-.425.484-.666.545-1.757-.545-2.363-.908-.546-1.997.06-2.3 1.03-.061.242-.121.545 0 .788ZM194.751 7.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.211.06 0 .182.06.364.06.607.061 1.757 2.785 1.757 2.664 0 0-.182 0-.364-.061-.546.303-.121.666-.182.969-.242Z" fill="#BBD9FD"/><path d="M49.751 89.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.21.06 0 .182.061.364.061.606.06 1.758 2.785 1.758 2.664 0 0-.181 0-.363-.06-.545.302-.121.665-.182.968-.242ZM59.045 105.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.545-2.363-.908-.546-1.998.06-2.3 1.03-.061.243-.061.546 0 .788Z" fill="#3281EE"/></svg>
@@ -1,8 +0,0 @@
1
- @require 'components/forms.styl'
2
-
3
- .shared-drive-who-has-access-wrapper
4
- border: 1px solid var(--borderMainColor)
5
- border-radius: 0.5rem
6
- width: 100%
7
- padding: 1rem
8
- box-sizing: border-box
@@ -1 +0,0 @@
1
- <svg width="200" height="136" viewBox="0 0 200 136" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M161 14.592c-1.888.222-7.568-.664-15.182-5.982-9.518-6.647-13.847-8.724-22.434-4.183C115 8.86 115.227 23.012 115 27" stroke="#CEBEF7" stroke-width="4" stroke-linecap="round"/><path d="M165.844 92c5.431-3.51 16.097-12.335 15.315-19.555-.977-9.025-12.708-11.281-22.81-10.78-10.101.502-17.596 4.513-28.349 1.504" stroke="#B9F6F7" stroke-width="4" stroke-linecap="round"/><path d="M23.495 72c-.329 4.729-2.425 21.765 5.479 27.308 9.88 6.928 23.668-1.244 30.831-5.203C66.97 90.146 79.072 83.217 85 85.527" stroke="#FFD799" stroke-width="4" stroke-linecap="round"/><circle cx="100" cy="64" fill="#297EF2" r="48"/><circle cx="148" cy="104" r="24" fill="#B9F6F7"/><path fill-rule="evenodd" clip-rule="evenodd" d="M148 106c-4.418 0-8-4.029-8-9 0-4.97 3.582-9 8-9s8 4.03 8 9c0 4.971-3.582 9-8 9Zm-16 10c0-2 4-8 8-8s2 2 8 2 4-2 8-2 8 6 8 8 0 4-2 4h-28c-2 0-2-2-2-4Z" fill="#38D1D3"/><circle cx="148" cy="104" r="20" stroke="#B9F6F7" stroke-width="8"/><circle cx="24" cy="65" r="24" fill="#FFD799"/><path fill-rule="evenodd" clip-rule="evenodd" d="M24 67c-4.418 0-8-4.03-8-9s3.582-9 8-9 8 4.03 8 9-3.582 9-8 9ZM8 77c0-2 4-8 8-8s2 2 8 2 4-2 8-2 8 6 8 8 0 4-2 4H10c-2 0-2-2-2-4Z" fill="#FF9300"/><circle cx="24" cy="65" r="20" stroke="#FFD799" stroke-width="8"/><circle cx="172" cy="28" r="24" fill="#CEBEF7"/><path fill-rule="evenodd" clip-rule="evenodd" d="M172 30c-4.418 0-8-4.03-8-9s3.582-9 8-9 8 4.03 8 9-3.582 9-8 9Zm-16 10c0-2 4-8 8-8s2 2 8 2 4-2 8-2 8 6 8 8 0 4-2 4h-28c-2 0-2-2-2-4Z" fill="#855CEA"/><circle cx="172" cy="28" r="20" stroke="#CEBEF7" stroke-width="8"/><path d="M66.418 133.29a81.818 81.818 0 0 0 16.142 2.244c16.166.948 38.758.424 48.325-1.346 9.567-1.771 10.083-4.465-14.448-5.812-20.925-1.147-45.26.474-50.362 2.894-1.52.648-1.447 1.371.343 2.02Z" fill="#BBD9FD"/><path d="M80.198 64.752a6 6 0 0 1 4.686-2.252h30.232c1.823 0 3.547.828 4.685 2.252l3.213 4.015c.638.798.986 1.79.986 2.812V76H76v-4.421a4.5 4.5 0 0 1 .986-2.812l3.212-4.015ZM80.198 43.752a6 6 0 0 1 4.686-2.252h30.232c1.823 0 3.547.828 4.685 2.252l3.213 4.015c.638.798.986 1.79.986 2.811V55H76v-4.422a4.5 4.5 0 0 1 .986-2.81l3.212-4.016Z" fill="#fff"/><path d="M76 71.5a3 3 0 0 1 3-3h42a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H79a3 3 0 0 1-3-3v-12ZM76 50.5a3 3 0 0 1 3-3h42a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H79a3 3 0 0 1-3-3v-12Z" fill="#B2D3FF"/><path d="M88 77.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM88 56.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" fill="#fff"/><path d="M194.751 99.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.211.06 0 .182.06.364.06.607.061 1.757 2.785 1.757 2.664 0 0-.182 0-.364-.061-.546.303-.121.666-.121.969-.242ZM48.112 111.445c1.212-.045 1.17-1.968-.043-1.968-.216 0-.433 0-.65.134v-.627c-.043-.537-.389-.984-.952-.984-.476 0-.995.447-.952.984v.537H45.3c-.13-.044-.217 0-.347 0-.649 0-.952.671-.952 1.164 0 .492.26.715.65.85.259.134.562.044.865.044 0 .135.043.269.043.448.044 1.297 1.992 1.297 1.905 0 0-.134 0-.269-.043-.403.216-.089.476-.089.692-.179ZM176.04 97.024c.121.424.424.788.666.97.666.424 1.695.303 2.179-.425.484-.666.545-1.757-.484-2.363-.908-.546-1.998.06-2.301 1.03-.121.242-.121.485-.06.788Z" fill="#BBD9FD"/><path d="M185.045 86.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.545-2.363-.908-.546-1.998.06-2.301 1.03-.06.242-.06.545 0 .788ZM28.09 29.576c1.695-.06 1.634-2.667-.061-2.667-.303 0-.605 0-.908.182V26.243c-.06-.788-.545-1.394-1.332-1.394-.666 0-1.392.606-1.332 1.333v.727h-.303c-.181-.06-.302 0-.484 0-.908 0-1.332.91-1.332 1.576 0 .667.364.97.908 1.152.364.181.787.06 1.211.06 0 .182.06.364.06.606.061 1.758 2.785 1.758 2.664 0 0-.182 0-.364-.06-.545.303 0 .666-.06.968-.182ZM78.751 8.667C80.446 8.607 80.386 6 78.691 6c-.303 0-.606 0-.909.182v-.849C77.722 4.606 77.239 4 76.451 4c-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.21.06 0 .182.061.364.061.607.06 1.757 2.785 1.757 2.664 0 0-.182 0-.364-.06-.546.302-.121.665-.121.968-.242Z" fill="#3281EE"/><path d="M107.751 10.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.211.06 0 .182.06.364.06.606.061 1.758 2.785 1.758 2.664 0 0-.181 0-.363-.061-.545.303-.06.666-.121.969-.242ZM21.612 7.879h-1.634v-1.03c0-2.304-3.633-2.304-3.572 0 0 .424 0 .848.06 1.272-.181 0-.847-.06-.968-.121-2.18-.727-3.148 2.727-.969 3.454.545.182 1.574.182 2.119.182v.788c0 2.303 3.632 2.303 3.572 0v-.97c.484 0 .968-.06 1.513-.06 2.18.06 2.18-3.515-.12-3.515ZM8.9 32.485c.12.424.423.788.665.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.485-2.363-.908-.546-1.998.06-2.3 1.03-.121.242-.121.546-.06.788ZM44.04 41.024c.12.424.424.788.666.97.666.424 1.695.303 2.179-.425.484-.666.545-1.757-.484-2.363-.908-.546-1.998.06-2.3 1.03-.122.242-.122.546-.061.788ZM58.066 16.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.485-2.363-.908-.546-1.998.06-2.3 1.03a.87.87 0 0 0-.061.788Z" fill="#BBD9FD"/><path d="M43.89 7.576c.12.424.423.788.666.97.666.424 1.695.302 2.179-.425.484-.667.545-1.757-.545-2.363-.908-.546-1.998.06-2.3 1.03-.06.242-.06.545 0 .788ZM84.026 28.97c.12.424.424.787.666.969.666.424 1.695.303 2.18-.424.483-.667.544-1.758-.546-2.364-.908-.545-1.997.06-2.3 1.03a1.73 1.73 0 0 0 0 .788Z" fill="#3281EE"/><path d="M20.04 107.024c.12.424.424.788.666.97.666.424 1.695.303 2.179-.425.484-.666.545-1.757-.484-2.363-.908-.546-1.998.06-2.3 1.03-.122.242-.122.546-.061.788ZM5.04 88.024c.12.424.424.788.666.97.666.424 1.695.303 2.179-.425.484-.666.545-1.757-.484-2.363-.908-.546-1.998.06-2.3 1.03-.122.242-.122.545-.061.788Z" fill="#BBD9FD"/><path d="M191.311 54.758h-1.634v-1.03c0-2.304-3.632-2.304-3.572 0 0 .423 0 .848.061 1.272-.182 0-.848-.06-.969-.121-2.179-.727-3.148 2.727-.969 3.454.545.182 1.574.182 2.119.182v.788c0 2.303 3.633 2.303 3.572 0v-.97c.484 0 .969-.06 1.513-.06 2.24.06 2.24-3.515-.121-3.515Z" fill="#3281EE"/><path d="M136.045 21.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.545-2.363-.908-.546-1.998.06-2.301 1.03-.06.242-.06.485 0 .788Z" fill="#BBD9FD"/><path d="M129.045 10.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.545-1.757-.545-2.363-.908-.546-1.998.06-2.301 1.03-.06.242-.06.546 0 .788ZM46.07 26.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.546-2.363-.908-.546-1.997.06-2.3 1.03-.06.242-.121.546 0 .788ZM11.751 99.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.21.06 0 .182.061.364.061.607.06 1.757 2.785 1.757 2.664 0 0-.182 0-.364-.06-.546.363-.06.665-.121.968-.242ZM164.751 74.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.211.06 0 .182.06.364.06.606.061 1.758 2.785 1.758 2.664 0 0-.181 0-.363-.061-.545.364-.06.666-.121.969-.242ZM153.045 56.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.545-1.757-.545-2.363-.908-.546-1.998.06-2.301 1.03-.06.242-.06.546 0 .788Z" fill="#3281EE"/><path d="M193.07 73.024c.121.424.424.788.666.97.666.424 1.695.303 2.179-.425.484-.666.545-1.757-.545-2.363-.908-.546-1.997.06-2.3 1.03-.061.242-.121.545 0 .788ZM194.751 7.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.211.06 0 .182.06.364.06.607.061 1.757 2.785 1.757 2.664 0 0-.182 0-.364-.061-.546.303-.121.666-.182.969-.242Z" fill="#BBD9FD"/><path d="M49.751 89.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.21.06 0 .182.061.364.061.606.06 1.758 2.785 1.758 2.664 0 0-.181 0-.363-.06-.545.302-.121.665-.182.968-.242ZM59.045 105.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.545-2.363-.908-.546-1.998.06-2.3 1.03-.061.243-.061.546 0 .788Z" fill="#3281EE"/></svg>
@@ -1,8 +0,0 @@
1
- @require 'components/forms.styl'
2
-
3
- .shared-drive-who-has-access-wrapper
4
- border: 1px solid var(--borderMainColor)
5
- border-radius: 0.5rem
6
- width: 100%
7
- padding: 1rem
8
- box-sizing: border-box