cozy-ui 123.1.1 → 123.2.1
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 +14 -0
- package/assets/icons/illus/cloud-broken.svg +3 -1
- package/assets/icons/illus/cozy-authentification.svg +3 -1
- package/package.json +1 -1
- package/react/ActionsMenu/ActionsMenuWrapper.jsx +21 -15
- package/react/Icons/CloudBroken.jsx +2 -13
- package/react/Icons/CozyAuthentification.jsx +2 -11
- package/transpiled/react/ActionsMenu/ActionsMenuWrapper.js +14 -10
- package/transpiled/react/Icon/icons-sprite.d.ts +1 -1
- package/transpiled/react/Icon/icons-sprite.js +1 -1
- package/transpiled/react/Icons/CloudBroken.js +4 -13
- package/transpiled/react/Icons/CozyAuthentification.js +2 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
## [123.2.1](https://github.com/cozy/cozy-ui/compare/v123.2.0...v123.2.1) (2025-05-20)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* Don't register Flagship UI on ActionsMenu until opened ([87def0d](https://github.com/cozy/cozy-ui/commit/87def0d))
|
|
7
|
+
|
|
8
|
+
# [123.2.0](https://github.com/cozy/cozy-ui/compare/v123.1.1...v123.2.0) (2025-05-15)
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### Features
|
|
12
|
+
|
|
13
|
+
* update new UI illustration ([420fd31](https://github.com/cozy/cozy-ui/commit/420fd31))
|
|
14
|
+
|
|
1
15
|
## [123.1.1](https://github.com/cozy/cozy-ui/compare/v123.1.0...v123.1.1) (2025-05-14)
|
|
2
16
|
|
|
3
17
|
|
|
@@ -1 +1,3 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg"
|
|
1
|
+
<svg viewBox="0 0 64 46" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M51.8292 16.2856C50.9533 7.15915 43.3548 -0.00146484 34.0001 -0.00146484C26.7616 -0.00146484 20.5633 4.29472 17.707 10.4592C16.8469 10.1871 15.9508 9.99918 15.0007 9.99918C10.0304 9.99918 6.00025 14.0313 6.00025 18.9997C6.00025 19.9877 6.19827 20.9219 6.49227 21.8079C2.62613 24.0622 0 28.2024 0 32.9987C0 40.1792 5.82036 45.9996 13.0009 45.9996V46.0016H49.001V45.9996C57.2876 45.9996 64 39.2851 64 30.9986C64 23.6841 58.7596 17.6097 51.8292 16.2856ZM41.2227 35.2187C40.9987 35.4436 40.7325 35.622 40.4394 35.7438C40.1463 35.8655 39.832 35.9282 39.5146 35.9282C39.1972 35.9282 38.8829 35.8655 38.5898 35.7438C38.2967 35.622 38.0305 35.4436 37.8065 35.2187L32.9561 30.3703L28.1679 35.1605C27.716 35.6119 27.1035 35.8654 26.4648 35.8654C25.8261 35.8654 25.2136 35.6119 24.7617 35.1605C24.3104 34.7087 24.0568 34.0961 24.0568 33.4575C24.0568 32.8188 24.3104 32.2063 24.7617 31.7544L29.55 26.9662L24.7016 22.1178C23.7576 21.1718 23.7576 19.6436 24.7016 18.6996C24.9256 18.4747 25.1917 18.2963 25.4849 18.1746C25.778 18.0528 26.0923 17.9901 26.4097 17.9901C26.7271 17.9901 27.0413 18.0528 27.3344 18.1746C27.6276 18.2963 27.8938 18.4747 28.1177 18.6996L32.9661 23.55L37.8183 18.6978C38.0418 18.4739 38.3073 18.2962 38.5995 18.175C38.8917 18.0538 39.205 17.9914 39.5214 17.9914C39.8378 17.9914 40.1511 18.0538 40.4433 18.175C40.7355 18.2962 41.001 18.4739 41.2245 18.6978C42.1664 19.6398 42.1664 21.164 41.2245 22.1039L36.3723 26.9564L41.2227 31.8048C42.1687 32.7467 42.1687 34.2788 41.2227 35.2187Z"/>
|
|
3
|
+
</svg>
|
|
@@ -1 +1,3 @@
|
|
|
1
|
-
<svg width="
|
|
1
|
+
<svg width="36" height="48" viewBox="0 0 36 48" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M35 18H32V14C32 6.28031 25.7197 0 18 0C10.2802 0 4.00003 6.28031 4.00003 14V18H1.00003C0.868681 17.9999 0.738602 18.0257 0.617234 18.0759C0.495865 18.1262 0.385589 18.1998 0.29271 18.2927C0.199831 18.3856 0.126173 18.4959 0.0759475 18.6172C0.0257218 18.7386 -8.60652e-05 18.8687 2.15627e-07 19V44.0001C2.15627e-07 46.2061 1.79391 48 4.00003 48H32.0001C34.2061 48 36 46.2061 36 44V19C36.0001 18.8687 35.9743 18.7386 35.9241 18.6172C35.8738 18.4959 35.8002 18.3856 35.7073 18.2927C35.6144 18.1998 35.5041 18.1262 35.3828 18.0759C35.2614 18.0257 35.1313 17.9999 35 18ZM20.9942 38.8897C21.0097 39.0294 20.9955 39.1709 20.9526 39.3049C20.9097 39.4388 20.839 39.5622 20.7452 39.667C20.6514 39.7717 20.5366 39.8556 20.4082 39.913C20.2798 39.9703 20.1407 40 20.0001 40H16C15.8594 40 15.7203 39.9703 15.5919 39.913C15.4635 39.8556 15.3487 39.7717 15.2549 39.667C15.1611 39.5622 15.0904 39.4388 15.0475 39.3049C15.0046 39.1709 14.9904 39.0294 15.0059 38.8897L15.6368 33.2168C14.6123 32.4717 14.0001 31.293 14.0001 30C14.0001 27.794 15.794 26 18.0001 26C20.2062 26 22.0001 27.7939 22.0001 30C22.0001 31.293 21.3878 32.4717 20.3634 33.2168L20.9942 38.8897ZM26 18H10V14C10 9.58884 13.5889 6 18 6C22.4111 6 26 9.58884 26 14V18Z"/>
|
|
3
|
+
</svg>
|
package/package.json
CHANGED
|
@@ -8,6 +8,12 @@ import { useActionMenuEffects } from '../deprecated/ActionMenu/ActionMenuEffects
|
|
|
8
8
|
import isTesting from '../helpers/isTesting'
|
|
9
9
|
import useBreakpoints from '../providers/Breakpoints'
|
|
10
10
|
|
|
11
|
+
const ActionsMenuFlagshipUI = ({ children }) => {
|
|
12
|
+
useActionMenuEffects()
|
|
13
|
+
|
|
14
|
+
return children
|
|
15
|
+
}
|
|
16
|
+
|
|
11
17
|
const ActionsMenuWrapper = ({
|
|
12
18
|
children,
|
|
13
19
|
autoClose,
|
|
@@ -17,8 +23,6 @@ const ActionsMenuWrapper = ({
|
|
|
17
23
|
}) => {
|
|
18
24
|
const { isMobile } = useBreakpoints()
|
|
19
25
|
|
|
20
|
-
useActionMenuEffects()
|
|
21
|
-
|
|
22
26
|
const overrideClick = props => ev => {
|
|
23
27
|
props.onClick?.(ev) // this is ActionsItems onClick prop
|
|
24
28
|
autoClose && onClose?.()
|
|
@@ -26,19 +30,21 @@ const ActionsMenuWrapper = ({
|
|
|
26
30
|
|
|
27
31
|
if (isMobile && open) {
|
|
28
32
|
return (
|
|
29
|
-
<
|
|
30
|
-
<
|
|
31
|
-
|
|
32
|
-
React.
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
33
|
+
<ActionsMenuFlagshipUI>
|
|
34
|
+
<BottomSheet skipAnimation={isTesting()} backdrop onClose={onClose}>
|
|
35
|
+
<Paper square>
|
|
36
|
+
{React.Children.map(children, child =>
|
|
37
|
+
React.isValidElement(child)
|
|
38
|
+
? React.cloneElement(child, {
|
|
39
|
+
isListItem: true,
|
|
40
|
+
size: 'small',
|
|
41
|
+
onClick: overrideClick(child.props)
|
|
42
|
+
})
|
|
43
|
+
: null
|
|
44
|
+
)}
|
|
45
|
+
</Paper>
|
|
46
|
+
</BottomSheet>
|
|
47
|
+
</ActionsMenuFlagshipUI>
|
|
42
48
|
)
|
|
43
49
|
}
|
|
44
50
|
|
|
@@ -3,19 +3,8 @@ import React from 'react'
|
|
|
3
3
|
|
|
4
4
|
function SvgCloudBroken(props) {
|
|
5
5
|
return (
|
|
6
|
-
<svg viewBox="0 0
|
|
7
|
-
<
|
|
8
|
-
<path
|
|
9
|
-
fill="#93BEF8"
|
|
10
|
-
d="M61.763 130.593l-3.174 7.933h59.045-.003c23.356 0 42.369-19.126 42.369-42.634 0-22.218-16.977-40.52-38.56-42.467a42.494 42.494 0 00-12.426-25.27 42.873 42.873 0 00-4.68-3.992l-3.156 7.892c7.203 6.153 11.888 15.26 12.12 25.41.055 2.478 2.056 4.446 4.499 4.446h.34c18.71 0 33.93 15.405 33.93 34.338 0 18.936-15.22 34.34-33.93 34.34h-.324l-.01.004h-56.04zm39.415-106.538l3.157-7.892C97.128 10.86 88.462 8 79.387 8 68.245 8 57.724 12.311 49.76 20.158c-6.974 6.868-11.308 15.77-12.438 25.4-9.568 1.135-18.411 5.5-25.239 12.514C4.29 66.086 0 76.677 0 87.89c0 23.511 19 42.637 42.366 42.637H58.59l3.174-7.933H42.537c-.097-.007-.194-.007-.292-.007l-.107.007h-.275c-18.71 0-33.93-15.405-33.93-34.341 0-18.507 14.863-33.905 33.132-34.331 2.406-.056 4.343-2.017 4.398-4.45.419-18.494 15.638-33.538 33.92-33.538 8.248 0 15.873 3.062 21.795 8.122z"
|
|
11
|
-
/>
|
|
12
|
-
<path
|
|
13
|
-
stroke="#297EF1"
|
|
14
|
-
strokeLinecap="round"
|
|
15
|
-
strokeWidth={8}
|
|
16
|
-
d="M50 156L110 4"
|
|
17
|
-
/>
|
|
18
|
-
</g>
|
|
6
|
+
<svg viewBox="0 0 64 46" {...props}>
|
|
7
|
+
<path d="M51.83 16.286C50.952 7.159 43.354-.001 34-.001c-7.238 0-13.437 4.296-16.293 10.46-.86-.272-1.756-.46-2.706-.46-4.97 0-9 4.032-9 9 0 .989.197 1.923.491 2.809C2.626 24.062 0 28.202 0 32.998 0 40.18 5.82 46 13 46v.002h36.001V46C57.288 46 64 39.285 64 30.999c0-7.315-5.24-13.39-12.17-14.713zM41.222 35.219a2.412 2.412 0 01-3.416 0l-4.85-4.849-4.79 4.79a2.41 2.41 0 01-3.405-3.406l4.788-4.788-4.848-4.848a2.417 2.417 0 013.416-3.418l4.848 4.85 4.852-4.852a2.407 2.407 0 013.407 0 2.406 2.406 0 010 3.406l-4.853 4.852 4.85 4.849a2.408 2.408 0 010 3.414z" />
|
|
19
8
|
</svg>
|
|
20
9
|
)
|
|
21
10
|
}
|
|
@@ -3,17 +3,8 @@ import React from 'react'
|
|
|
3
3
|
|
|
4
4
|
function SvgCozyAuthentification(props) {
|
|
5
5
|
return (
|
|
6
|
-
<svg viewBox="0 0
|
|
7
|
-
<path
|
|
8
|
-
d="M0 35.333c0 9.819 7.96 17.778 17.778 17.778h28.444c9.819 0 17.778-7.96 17.778-17.778 0-8.705-6.258-15.95-14.52-17.48C47.95 9.591 40.706 3.333 32 3.333c-8.706 0-15.95 6.258-17.48 14.52C6.257 19.383 0 26.628 0 35.333z"
|
|
9
|
-
fill="#B3D3FF"
|
|
10
|
-
/>
|
|
11
|
-
<path
|
|
12
|
-
fillRule="evenodd"
|
|
13
|
-
clipRule="evenodd"
|
|
14
|
-
d="M34.667 35.445A6.668 6.668 0 0032 22.667a6.667 6.667 0 00-2.667 12.778v5.888a2.667 2.667 0 105.334 0v-5.888z"
|
|
15
|
-
fill="#297EF2"
|
|
16
|
-
/>
|
|
6
|
+
<svg viewBox="0 0 36 48" {...props}>
|
|
7
|
+
<path d="M35 18h-3v-4c0-7.72-6.28-14-14-14S4 6.28 4 14v4H1a1 1 0 00-1 1v25c0 2.206 1.794 4 4 4h28c2.206 0 4-1.794 4-4V19a1 1 0 00-1-1zM20.994 38.89A1 1 0 0120 40h-4a1.002 1.002 0 01-.994-1.11l.63-5.673A3.956 3.956 0 0114 30c0-2.206 1.794-4 4-4s4 1.794 4 4a3.956 3.956 0 01-1.637 3.217l.631 5.673zM26 18H10v-4c0-4.411 3.589-8 8-8s8 3.589 8 8v4z" />
|
|
17
8
|
</svg>
|
|
18
9
|
)
|
|
19
10
|
}
|
|
@@ -10,18 +10,22 @@ import { useActionMenuEffects } from "cozy-ui/transpiled/react/deprecated/Action
|
|
|
10
10
|
import isTesting from "cozy-ui/transpiled/react/helpers/isTesting";
|
|
11
11
|
import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
|
|
12
12
|
|
|
13
|
-
var
|
|
14
|
-
var children = _ref.children
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
13
|
+
var ActionsMenuFlagshipUI = function ActionsMenuFlagshipUI(_ref) {
|
|
14
|
+
var children = _ref.children;
|
|
15
|
+
useActionMenuEffects();
|
|
16
|
+
return children;
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
var ActionsMenuWrapper = function ActionsMenuWrapper(_ref2) {
|
|
20
|
+
var children = _ref2.children,
|
|
21
|
+
autoClose = _ref2.autoClose,
|
|
22
|
+
open = _ref2.open,
|
|
23
|
+
onClose = _ref2.onClose,
|
|
24
|
+
props = _objectWithoutProperties(_ref2, _excluded);
|
|
19
25
|
|
|
20
26
|
var _useBreakpoints = useBreakpoints(),
|
|
21
27
|
isMobile = _useBreakpoints.isMobile;
|
|
22
28
|
|
|
23
|
-
useActionMenuEffects();
|
|
24
|
-
|
|
25
29
|
var overrideClick = function overrideClick(props) {
|
|
26
30
|
return function (ev) {
|
|
27
31
|
var _props$onClick;
|
|
@@ -33,7 +37,7 @@ var ActionsMenuWrapper = function ActionsMenuWrapper(_ref) {
|
|
|
33
37
|
};
|
|
34
38
|
|
|
35
39
|
if (isMobile && open) {
|
|
36
|
-
return /*#__PURE__*/React.createElement(BottomSheet, {
|
|
40
|
+
return /*#__PURE__*/React.createElement(ActionsMenuFlagshipUI, null, /*#__PURE__*/React.createElement(BottomSheet, {
|
|
37
41
|
skipAnimation: isTesting(),
|
|
38
42
|
backdrop: true,
|
|
39
43
|
onClose: onClose
|
|
@@ -45,7 +49,7 @@ var ActionsMenuWrapper = function ActionsMenuWrapper(_ref) {
|
|
|
45
49
|
size: 'small',
|
|
46
50
|
onClick: overrideClick(child.props)
|
|
47
51
|
}) : null;
|
|
48
|
-
})));
|
|
52
|
+
}))));
|
|
49
53
|
}
|
|
50
54
|
|
|
51
55
|
return /*#__PURE__*/React.createElement(Menu, _extends({}, props, {
|