cozy-ui 123.2.1 → 124.1.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 +36 -0
- package/assets/icons/ui/cloud2.svg +1 -0
- package/assets/icons/ui/discuss.svg +1 -0
- package/assets/icons/ui/email-open.svg +1 -0
- package/assets/icons/ui/key2.svg +1 -0
- package/assets/icons/ui/peoples.svg +1 -0
- package/assets/icons/ui/security.svg +1 -0
- package/package.json +11 -6
- package/react/Filename/Readme.md +10 -8
- package/react/Filename/index.jsx +56 -10
- package/react/Filename/styles.styl +3 -0
- package/react/Icon/Readme.md +13 -1
- package/react/Icons/Cloud2.jsx +29 -0
- package/react/Icons/Discuss.jsx +16 -0
- package/react/Icons/EmailOpen.jsx +55 -0
- package/react/Icons/Key2.jsx +23 -0
- package/react/Icons/Peoples.jsx +12 -0
- package/react/Icons/Security.jsx +12 -0
- package/react/MuiCozyTheme/overrides/makeLightNormalOverrides.js +60 -0
- package/react/Table/Readme.md +80 -0
- package/react/Table/Virtualized/Cell.jsx +41 -0
- package/react/Table/Virtualized/Dnd/CustomDrag/CustomDragLayer.jsx +45 -0
- package/react/Table/Virtualized/Dnd/CustomDrag/DragPreview.jsx +43 -0
- package/react/Table/Virtualized/Dnd/CustomDrag/DragPreviewWrapper.jsx +52 -0
- package/react/Table/Virtualized/Dnd/DnDConfigWrapper.jsx +48 -0
- package/react/Table/Virtualized/Dnd/TableRow.jsx +86 -0
- package/react/Table/Virtualized/FixedHeaderContent.jsx +58 -0
- package/react/Table/Virtualized/HeadCell.jsx +45 -0
- package/react/Table/Virtualized/RowContent.jsx +35 -0
- package/react/Table/Virtualized/helpers.js +41 -0
- package/react/Table/Virtualized/helpers.spec.js +108 -0
- package/react/Table/Virtualized/index.jsx +104 -0
- package/react/Table/Virtualized/virtuosoComponents.jsx +61 -0
- package/react/TableRow/index.js +16 -1
- package/transpiled/react/Filename/index.d.ts +2 -1
- package/transpiled/react/Filename/index.js +49 -16
- package/transpiled/react/Icon/icons-sprite.d.ts +1 -1
- package/transpiled/react/Icon/icons-sprite.js +1 -1
- package/transpiled/react/Icons/Cloud2.d.ts +2 -0
- package/transpiled/react/Icons/Cloud2.js +26 -0
- package/transpiled/react/Icons/Discuss.d.ts +2 -0
- package/transpiled/react/Icons/Discuss.js +15 -0
- package/transpiled/react/Icons/EmailOpen.d.ts +2 -0
- package/transpiled/react/Icons/EmailOpen.js +53 -0
- package/transpiled/react/Icons/Key2.d.ts +2 -0
- package/transpiled/react/Icons/Key2.js +21 -0
- package/transpiled/react/Icons/Peoples.d.ts +2 -0
- package/transpiled/react/Icons/Peoples.js +13 -0
- package/transpiled/react/Icons/Security.d.ts +2 -0
- package/transpiled/react/Icons/Security.js +13 -0
- package/transpiled/react/MuiCozyTheme/overrides/makeDarkInvertedOverrides.d.ts +56 -0
- package/transpiled/react/MuiCozyTheme/overrides/makeDarkNormalOverrides.d.ts +56 -0
- package/transpiled/react/MuiCozyTheme/overrides/makeLightInvertedOverrides.d.ts +56 -0
- package/transpiled/react/MuiCozyTheme/overrides/makeLightNormalOverrides.d.ts +56 -0
- package/transpiled/react/MuiCozyTheme/overrides/makeLightNormalOverrides.js +59 -0
- package/transpiled/react/Table/Virtualized/Cell.d.ts +8 -0
- package/transpiled/react/Table/Virtualized/Cell.js +46 -0
- package/transpiled/react/Table/Virtualized/Dnd/CustomDrag/CustomDragLayer.d.ts +4 -0
- package/transpiled/react/Table/Virtualized/Dnd/CustomDrag/CustomDragLayer.js +47 -0
- package/transpiled/react/Table/Virtualized/Dnd/CustomDrag/DragPreview.d.ts +6 -0
- package/transpiled/react/Table/Virtualized/Dnd/CustomDrag/DragPreview.js +34 -0
- package/transpiled/react/Table/Virtualized/Dnd/CustomDrag/DragPreviewWrapper.d.ts +8 -0
- package/transpiled/react/Table/Virtualized/Dnd/CustomDrag/DragPreviewWrapper.js +63 -0
- package/transpiled/react/Table/Virtualized/Dnd/DnDConfigWrapper.d.ts +2 -0
- package/transpiled/react/Table/Virtualized/Dnd/DnDConfigWrapper.js +55 -0
- package/transpiled/react/Table/Virtualized/Dnd/TableRow.d.ts +8 -0
- package/transpiled/react/Table/Virtualized/Dnd/TableRow.js +130 -0
- package/transpiled/react/Table/Virtualized/FixedHeaderContent.d.ts +10 -0
- package/transpiled/react/Table/Virtualized/FixedHeaderContent.js +54 -0
- package/transpiled/react/Table/Virtualized/HeadCell.d.ts +8 -0
- package/transpiled/react/Table/Virtualized/HeadCell.js +44 -0
- package/transpiled/react/Table/Virtualized/RowContent.d.ts +10 -0
- package/transpiled/react/Table/Virtualized/RowContent.js +34 -0
- package/transpiled/react/Table/Virtualized/helpers.d.ts +2 -0
- package/transpiled/react/Table/Virtualized/helpers.js +64 -0
- package/transpiled/react/Table/Virtualized/helpers.spec.d.ts +1 -0
- package/transpiled/react/Table/Virtualized/index.d.ts +2 -0
- package/transpiled/react/Table/Virtualized/index.js +115 -0
- package/transpiled/react/Table/Virtualized/virtuosoComponents.d.ts +10 -0
- package/transpiled/react/Table/Virtualized/virtuosoComponents.js +100 -0
- package/transpiled/react/TableRow/index.d.ts +2 -1
- package/transpiled/react/TableRow/index.js +20 -1
- package/transpiled/react/stylesheet.css +1 -1
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/cloud2.svg` to regenerate;
|
|
3
|
+
import React from 'react';
|
|
4
|
+
|
|
5
|
+
function SvgCloud2(props) {
|
|
6
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
7
|
+
viewBox: "0 0 16 16"
|
|
8
|
+
}, props), /*#__PURE__*/React.createElement("g", {
|
|
9
|
+
clipPath: "url(#cloud2_svg__clip0_1426_12806)"
|
|
10
|
+
}, /*#__PURE__*/React.createElement("mask", {
|
|
11
|
+
id: "cloud2_svg__a"
|
|
12
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
13
|
+
fillRule: "evenodd",
|
|
14
|
+
clipRule: "evenodd",
|
|
15
|
+
d: "M10.4 13.2a5.6 5.6 0 10-5.152-7.8A3.961 3.961 0 004 5.2a3.954 3.954 0 00-1.161.172 3.968 3.968 0 00-1.525.864 4.01 4.01 0 00-1.27 2.377 3.99 3.99 0 00.63 2.81 3.955 3.955 0 00.943.99 4.029 4.029 0 001.411.668A3.92 3.92 0 004 13.2h6.4z"
|
|
16
|
+
})), /*#__PURE__*/React.createElement("path", {
|
|
17
|
+
d: "M10.4 13.2v-1.3H9.1v1.3h1.3zM5.248 5.4l-.405 1.235 1.132.372.469-1.096L5.248 5.4zm-.087-.028l-.377 1.244.377-1.244zm-.189-.052l-.317 1.26.002.001.315-1.26zm-.191-.043l.254-1.275h-.001l-.253 1.275zm-.194-.034l.191-1.285-.19 1.285zm-.195-.024l.128-1.293-.127 1.293zm-.196-.014l-.064 1.298h.001l.063-1.298zm-.392 0l.063 1.298h.001l-.064-1.298zm-.196.014l-.127-1.293.127 1.293zm-.195.024l-.19-1.286.19 1.286zm-.193.034l-.254-1.275.254 1.275zm-.192.043l.316 1.261-.316-1.26zm-.189.052l.377 1.245-.377-1.245zm-.186.062L2.215 4.21l.438 1.224zm-.184.07l-.497-1.2.497 1.2zm-.18.08l.556 1.176-.555-1.176zm-.175.089l.613 1.146h.001l-.614-1.146zm-.17.096l.668 1.115-.668-1.115zm-.166.105L2.5 6.955l-.722-1.08zm-.16.113L.842 4.943l.774 1.044zm-.156.121L.638 5.103l.824 1.005zm-.148.128L.44 5.273l.873.963zm-.142.136l-.92-.92.92.92zm-.136.142L2 7.388v-.001l-.963-.873zm-.128.149l1.005.824-1.005-.824zm-.12.154l1.043.775-1.044-.775zm-.114.161l1.081.722-1.08-.722zm-.105.166l1.115.668L.57 7.144zm-.097.17l-1.146-.612 1.146.613zm-.088.176L-.79 6.934l1.175.556zm-.08.18l1.201.497-1.2-.497zm-.07.183L-.99 7.415l1.224.438zm-.114.375l-1.261-.315 1.26.315zm-.043.192l1.275.254L.077 8.42zm-.034.193l1.286.191-1.286-.19zm-.024.195l1.294.128-1.294-.128zm-.014.196l-1.299-.064 1.299.064zm0 .393l1.298-.064-1.298.064zm.014.195l-1.293.128 1.293-.128zm.024.195l-1.286.191 1.286-.19zm.034.194l-1.275.253 1.275-.253zm.043.191l-1.261.316 1.26-.316zm.052.19l1.244-.378-1.244.377zm.062.186l1.224-.438-1.224.438zm.07.183l-1.2.498 1.2-.498zm.08.18l1.175-.556-1.175.556zm.088.175l-1.146.613 1.146-.613zm.097.17l1.115-.668-1.115.669zm.105.167l1.081-.722-1.08.722zm.113.16l1.044-.774-1.044.774zm.25.304l-.964.873.963-.873zm.135.142l.92-.92H2.09l-.918.92zm.142.135l-.874.963h.001l.873-.963zm.148.129l-.824 1.004.824-1.005zm.155.12l-.774 1.044.774-1.044zm.16.113l-.722 1.08v.001l.723-1.08zm.167.105l.668-1.115-.668 1.115zm.346.185l-.556 1.176.556-1.176zm.18.08l-.499 1.2.001.001.497-1.201zm.183.07l.438-1.223-.438 1.224zm.186.062l-.378 1.244h.001l.377-1.244zm.19.053l.315-1.261-.316 1.26zm.19.043l.254-1.275-.253 1.275zm.194.033l.191-1.286-.19 1.286zm.195.024l.128-1.293h-.001l-.127 1.293zm6.792.02v1.3h1.3v-1.3h-1.3zm0 1.3a6.9 6.9 0 006.9-6.9h-2.6a4.3 4.3 0 01-4.3 4.3v2.6zm6.9-6.9A6.9 6.9 0 0010.4.7v2.6a4.3 4.3 0 014.3 4.3h2.6zM10.4.7a6.902 6.902 0 00-6.347 4.189l2.39 1.022A4.302 4.302 0 0110.4 3.3V.7zM5.654 4.165a5.232 5.232 0 00-.116-.037l-.753 2.489.058.018.81-2.47zm-.115-.036a5.246 5.246 0 00-.251-.07l-.631 2.522.127.035.755-2.487zm-.25-.07a5.279 5.279 0 00-.254-.057l-.509 2.55c.045.009.088.018.13.029l.633-2.522zm-.255-.057a5.323 5.323 0 00-.256-.044l-.382 2.571c.044.007.088.014.131.023l.507-2.55zm-.257-.045a5.355 5.355 0 00-.257-.031l-.256 2.587c.044.004.089.01.133.016l.38-2.572zm-.258-.031a5.329 5.329 0 00-.26-.02l-.126 2.597.133.01.253-2.587zm-.258-.02A5.27 5.27 0 004 3.9v2.6l.131.003.129-2.596zM4 3.9a5.27 5.27 0 00-.262.007l.13 2.596a2.83 2.83 0 01.131-.003V3.9zm-.26.007c-.088.004-.174.01-.26.019l.254 2.587.132-.01-.126-2.596zm-.26.019a5.347 5.347 0 00-.258.031l.38 2.573c.045-.007.089-.013.133-.017L3.48 3.926zm-.259.032c-.085.012-.17.027-.256.044l.507 2.55.131-.023-.382-2.571zm-.257.044a5.291 5.291 0 00-.254.057l.634 2.522.13-.03-.51-2.549zm-.252.057a5.247 5.247 0 00-.252.07l.756 2.487.127-.035-.631-2.522zm-.25.07a5.275 5.275 0 00-.248.081l.876 2.448c.041-.015.083-.029.125-.041l-.754-2.489zm-.248.081c-.083.03-.163.06-.243.093l.994 2.403c.042-.017.083-.033.125-.048L2.215 4.21zm-.244.094a5.32 5.32 0 00-.237.105l1.112 2.35.121-.053-.996-2.402zm-.236.105a5.185 5.185 0 00-.234.117L2.728 6.82l.117-.06-1.11-2.35zm-.233.117a5.29 5.29 0 00-.227.128l1.337 2.23.115-.065-1.225-2.293zm-.227.128a5.26 5.26 0 00-.22.14L2.5 6.954l.111-.07-1.337-2.23zm-.22.14a5.289 5.289 0 00-.212.15l1.549 2.088a2.69 2.69 0 01.108-.077L1.056 4.793zm-.212.15a5.3 5.3 0 00-.205.16l1.65 2.01a2.71 2.71 0 01.104-.082L.842 4.943zm-.205.16a5.328 5.328 0 00-.197.169L2.187 7.2c.033-.03.066-.06.1-.087l-1.65-2.01zm-.197.17a5.316 5.316 0 00-.188.178l1.838 1.84a2.72 2.72 0 01.096-.092L.44 5.273zm-.189.179a5.313 5.313 0 00-.18.188L2 7.387c.03-.033.06-.065.091-.096L.252 5.453zm-.179.188c-.058.064-.115.13-.17.197l2.01 1.649.086-.1L.073 5.642zm-.17.197a5.299 5.299 0 00-.16.205L1.83 7.592l.082-.105-2.01-1.65zm-.16.205c-.051.07-.101.14-.15.213L1.755 7.7c.024-.036.05-.072.076-.108L-.257 6.043zm-.15.213a5.308 5.308 0 00-.139.22l2.23 1.336a2.71 2.71 0 01.071-.112L-.407 6.256zm-.139.22c-.044.074-.087.15-.128.226l2.293 1.225c.02-.038.042-.077.065-.115l-2.23-1.336zm-.128.226c-.04.076-.08.154-.117.232l2.35 1.112c.019-.04.039-.08.06-.119L-.674 6.702zm-.117.232a5.294 5.294 0 00-.106.238l2.403.995c.016-.04.034-.081.053-.121L-.79 6.934zm-.105.238a5.3 5.3 0 00-.094.243l2.448.876c.015-.042.03-.083.047-.124l-2.401-.995zm-.094.243c-.03.082-.057.164-.082.247l2.488.755c.013-.043.027-.085.042-.127L-.99 7.415zm-.082.247a5.29 5.29 0 00-.07.25l2.523.632c.01-.043.022-.085.035-.127l-2.488-.755zm-.07.25a5.3 5.3 0 00-.056.254l2.55.507a2.68 2.68 0 01.029-.129l-2.522-.631zm-.056.254a5.3 5.3 0 00-.045.257l2.572.381a2.71 2.71 0 01.023-.13l-2.55-.508zm-.045.257a5.281 5.281 0 00-.031.258l2.587.255a2.69 2.69 0 01.016-.132l-2.572-.381zm-.031.258a5.296 5.296 0 00-.02.26l2.597.127c.002-.044.006-.088.01-.132l-2.587-.255zm-.02.26a5.305 5.305 0 00-.006.26h2.6c0-.045.001-.089.003-.133l-2.597-.128zm-.006.26c0 .086.002.173.006.26l2.597-.128A2.7 2.7 0 011.3 9.2h-2.6zm.006.26c.005.086.011.173.02.259l2.587-.255a2.709 2.709 0 01-.01-.132l-2.597.127zm.02.259c.008.086.019.172.031.258l2.572-.381a2.716 2.716 0 01-.016-.132l-2.587.255zm.031.258c.013.086.028.171.045.256l2.55-.507a2.7 2.7 0 01-.023-.13l-2.572.381zm.045.256c.017.085.036.17.057.254l2.522-.631a2.712 2.712 0 01-.03-.13l-2.55.507zm.057.254c.02.084.044.168.07.25l2.487-.754a2.716 2.716 0 01-.035-.128l-2.522.632zm.07.25c.024.084.052.166.08.248l2.449-.876a2.656 2.656 0 01-.042-.126l-2.488.755zm.08.248c.03.082.061.162.094.242l2.403-.994a2.752 2.752 0 01-.048-.124l-2.448.876zm.095.243c.033.08.068.159.105.237l2.35-1.111a2.716 2.716 0 01-.054-.122l-2.401.996zm.105.237c.037.079.076.156.117.233l2.293-1.226c-.021-.039-.04-.078-.06-.118l-2.35 1.111zm.117.233c.04.076.083.152.128.227l2.23-1.338a2.65 2.65 0 01-.065-.115l-2.293 1.226zm.128.226c.044.074.091.148.14.22l2.16-1.445a2.655 2.655 0 01-.07-.111l-2.23 1.336zm.14.22c.047.072.097.143.15.213l2.087-1.55a2.694 2.694 0 01-.076-.107l-2.162 1.444zm.149.213c.052.07.105.138.16.205l2.01-1.65a2.686 2.686 0 01-.082-.104l-2.088 1.549zm.16.205c.055.067.112.132.17.197L2 11.014a2.704 2.704 0 01-.087-.1l-2.01 1.649zm.17.197c.058.064.118.127.18.188L2.09 11.11a2.673 2.673 0 01-.09-.095L.073 12.76zm.18.188c.06.061.124.121.187.18L2.187 11.2a2.764 2.764 0 01-.096-.091L.252 12.948zm.188.18c.064.058.13.114.197.17l1.65-2.01a2.65 2.65 0 01-.101-.087L.44 13.128zm.197.17c.067.054.135.108.205.16l1.549-2.089a2.657 2.657 0 01-.105-.082l-1.65 2.01zm.205.16c.07.051.14.101.212.149L2.5 11.446a2.78 2.78 0 01-.11-.077L.844 13.457zm.213.15c.072.047.145.094.22.139l1.335-2.231a2.645 2.645 0 01-.111-.07l-1.444 2.161zm.22.138c.073.045.149.088.226.129l1.225-2.293a2.69 2.69 0 01-.115-.066l-1.337 2.23zm.226.129c.076.04.154.08.232.117l1.112-2.35a2.632 2.632 0 01-.119-.06l-1.225 2.293zm.232.117c.079.037.158.072.237.105l.996-2.402a2.722 2.722 0 01-.121-.054l-1.112 2.35zm.238.105c.08.033.161.065.243.094l.876-2.448a2.729 2.729 0 01-.125-.048l-.994 2.402zm.243.094c.081.029.164.056.246.081l.756-2.488a2.787 2.787 0 01-.127-.041l-.875 2.448zm.247.081c.082.025.166.048.25.07l.632-2.523a2.776 2.776 0 01-.128-.035l-.754 2.488zm.25.07c.084.02.169.04.254.057l.507-2.55a2.782 2.782 0 01-.13-.03l-.63 2.523zm.254.057c.085.017.17.031.257.044l.38-2.572a2.779 2.779 0 01-.13-.022l-.507 2.55zm.256.044c.086.013.172.024.26.032l.253-2.588a2.587 2.587 0 01-.13-.016l-.383 2.572zm.258.032a5.2 5.2 0 00.26.02l.127-2.598a2.569 2.569 0 01-.131-.01l-.256 2.588zm.26.02c.086.003.173.006.26.006v-2.6c-.043 0-.088-.002-.133-.004l-.126 2.597zM4 14.5h6.4v-2.6H4v2.6zm7.7-1.3H9.1h2.6z",
|
|
18
|
+
mask: "url(#cloud2_svg__a)"
|
|
19
|
+
})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
20
|
+
id: "cloud2_svg__clip0_1426_12806"
|
|
21
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
22
|
+
d: "M0 0h16v16H0z"
|
|
23
|
+
}))));
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
export default SvgCloud2;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/discuss.svg` to regenerate;
|
|
3
|
+
import React from 'react';
|
|
4
|
+
|
|
5
|
+
function SvgDiscuss(props) {
|
|
6
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
7
|
+
viewBox: "0 0 16 16"
|
|
8
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
9
|
+
fillRule: "evenodd",
|
|
10
|
+
clipRule: "evenodd",
|
|
11
|
+
d: "M2.688 12.323c.246-.538.41-1.004.493-1.399-1.068-1.004-1.72-2.344-1.72-3.816C1.462 3.99 4.39 1.462 8 1.462c3.611 0 6.538 2.528 6.538 5.646 0 3.119-2.927 5.647-6.538 5.647-.74 0-1.452-.106-2.116-.302-.518.404-1.237.762-2.156 1.075a12.364 12.364 0 01-.657.205l-.008.003a17.328 17.328 0 01-.628.169.299.299 0 01-.334-.436l.112-.202a15.704 15.704 0 00.475-.944zm-1.757.242a11.8 11.8 0 00.605-1.264C.584 10.143 0 8.698 0 7.108 0 2.988 3.79 0 8 0s8 2.989 8 7.108c0 4.12-3.79 7.109-8 7.109-.63 0-1.245-.065-1.837-.188-.908.546-2.057.963-3.373 1.293a1.76 1.76 0 01-1.968-2.56l.109-.197z"
|
|
12
|
+
}));
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export default SvgDiscuss;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/email-open.svg` to regenerate;
|
|
3
|
+
import React from 'react';
|
|
4
|
+
|
|
5
|
+
function SvgEmailOpen(props) {
|
|
6
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
7
|
+
viewBox: "0 0 16 16"
|
|
8
|
+
}, props), /*#__PURE__*/React.createElement("g", {
|
|
9
|
+
filter: "url(#email-open_svg__filter0_d_1426_12797)",
|
|
10
|
+
clipPath: "url(#email-open_svg__clip0_1426_12797)"
|
|
11
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
12
|
+
fillRule: "evenodd",
|
|
13
|
+
clipRule: "evenodd",
|
|
14
|
+
d: "M6.572 10.531L1.405 6.913l.746-1.065 5.167 3.619c.41.287.955.287 1.364 0l5.167-3.62.746 1.066-5.167 3.618a2.49 2.49 0 01-2.856 0zM1.3 6.647v6.562c0 .805.653 1.458 1.459 1.458H13.24c.806 0 1.459-.653 1.459-1.458V6.647a.999.999 0 00-.393-.795l-5.7-4.347a.999.999 0 00-1.212 0l-5.7 4.347a.999.999 0 00-.394.795zm-1.3 0c0-.717.335-1.394.905-1.828L6.605.47a2.299 2.299 0 012.79 0l5.7 4.348c.57.434.905 1.11.905 1.828v6.562a2.759 2.759 0 01-2.759 2.758H2.76A2.759 2.759 0 010 13.21V6.647z"
|
|
15
|
+
})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
16
|
+
id: "email-open_svg__clip0_1426_12797"
|
|
17
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
d: "M0 0h16v16H0z"
|
|
19
|
+
})), /*#__PURE__*/React.createElement("filter", {
|
|
20
|
+
id: "email-open_svg__filter0_d_1426_12797",
|
|
21
|
+
x: -1.231,
|
|
22
|
+
y: -0.985,
|
|
23
|
+
width: 18.462,
|
|
24
|
+
height: 18.429,
|
|
25
|
+
filterUnits: "userSpaceOnUse",
|
|
26
|
+
colorInterpolationFilters: "sRGB"
|
|
27
|
+
}, /*#__PURE__*/React.createElement("feFlood", {
|
|
28
|
+
floodOpacity: 0,
|
|
29
|
+
result: "BackgroundImageFix"
|
|
30
|
+
}), /*#__PURE__*/React.createElement("feColorMatrix", {
|
|
31
|
+
in: "SourceAlpha",
|
|
32
|
+
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
|
|
33
|
+
result: "hardAlpha"
|
|
34
|
+
}), /*#__PURE__*/React.createElement("feOffset", {
|
|
35
|
+
dy: 0.246
|
|
36
|
+
}), /*#__PURE__*/React.createElement("feGaussianBlur", {
|
|
37
|
+
stdDeviation: 0.615
|
|
38
|
+
}), /*#__PURE__*/React.createElement("feComposite", {
|
|
39
|
+
in2: "hardAlpha",
|
|
40
|
+
operator: "out"
|
|
41
|
+
}), /*#__PURE__*/React.createElement("feColorMatrix", {
|
|
42
|
+
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
|
|
43
|
+
}), /*#__PURE__*/React.createElement("feBlend", {
|
|
44
|
+
in2: "BackgroundImageFix",
|
|
45
|
+
result: "effect1_dropShadow_1426_12797"
|
|
46
|
+
}), /*#__PURE__*/React.createElement("feBlend", {
|
|
47
|
+
in: "SourceGraphic",
|
|
48
|
+
in2: "effect1_dropShadow_1426_12797",
|
|
49
|
+
result: "shape"
|
|
50
|
+
}))));
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
export default SvgEmailOpen;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/key2.svg` to regenerate;
|
|
3
|
+
import React from 'react';
|
|
4
|
+
|
|
5
|
+
function SvgKey2(props) {
|
|
6
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
7
|
+
viewBox: "0 0 16 16"
|
|
8
|
+
}, props), /*#__PURE__*/React.createElement("g", {
|
|
9
|
+
clipPath: "url(#key2_svg__clip0_1426_12815)"
|
|
10
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
11
|
+
fillRule: "evenodd",
|
|
12
|
+
clipRule: "evenodd",
|
|
13
|
+
d: "M9.873 0C8.366 0 7.06.545 5.987 1.618c-.866.866-1.39 1.885-1.548 3.048-.135.991-.032 1.936.314 2.823L.025 12.218 0 14.157a1.16 1.16 0 001.152 1.174l3.495.021a1.16 1.16 0 001.167-1.159V13.04l.001-.001.002-.001h1.156c.64 0 1.16-.52 1.16-1.16v-1.16a5.32 5.32 0 002.663.21 5.382 5.382 0 002.963-1.537c1.074-1.073 1.619-2.38 1.619-3.886 0-1.508-.545-2.814-1.619-3.887C12.686.545 11.381 0 9.873 0zM6.804 2.435c.859-.859 1.872-1.28 3.07-1.28 1.197 0 2.21.421 3.068 1.28.86.86 1.28 1.872 1.28 3.07 0 1.197-.42 2.21-1.28 3.069a4.228 4.228 0 01-2.34 1.215 4.184 4.184 0 01-2.592-.37l-.37-.18-.663.663v1.978l-.001.001-.002.001H5.817c-.64 0-1.16.52-1.16 1.16v1.153l-.002.002h-.001l-3.496-.022h-.002l-.001-.003.018-1.47L6.137 7.74l-.177-.37c-.373-.78-.502-1.625-.376-2.548.122-.895.52-1.687 1.22-2.387zm3.94 3.63a1.454 1.454 0 100-2.909 1.454 1.454 0 000 2.908z"
|
|
14
|
+
})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
15
|
+
id: "key2_svg__clip0_1426_12815"
|
|
16
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
17
|
+
d: "M0 0h16v16H0z"
|
|
18
|
+
}))));
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
export default SvgKey2;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/peoples.svg` to regenerate;
|
|
3
|
+
import React from 'react';
|
|
4
|
+
|
|
5
|
+
function SvgPeoples(props) {
|
|
6
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
7
|
+
viewBox: "0 0 16 16"
|
|
8
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
9
|
+
d: "M6 9.167c-1.56 0-4.667.78-4.667 2.333v1.167h9.334V11.5c0-1.553-3.107-2.333-4.667-2.333zm-3.107 2.167c.56-.387 1.914-.834 3.107-.834 1.193 0 2.547.447 3.107.834H2.893zM6 8a2.336 2.336 0 002.333-2.333A2.336 2.336 0 006 3.334a2.336 2.336 0 00-2.333 2.333A2.336 2.336 0 006 8zm0-3.333a1 1 0 110 2 1 1 0 110-2zm4.693 4.54C11.467 9.767 12 10.513 12 11.5v1.167h2.667V11.5c0-1.347-2.334-2.113-3.974-2.293zM10 8a2.336 2.336 0 002.333-2.333A2.336 2.336 0 0010 3.334c-.36 0-.693.086-1 .233.42.593.667 1.32.667 2.1S9.42 7.173 9 7.767c.307.146.64.233 1 .233z"
|
|
10
|
+
}));
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export default SvgPeoples;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/security.svg` to regenerate;
|
|
3
|
+
import React from 'react';
|
|
4
|
+
|
|
5
|
+
function SvgSecurity(props) {
|
|
6
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
7
|
+
viewBox: "0 0 16 16"
|
|
8
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
9
|
+
d: "M8 .667L2 3.333v4c0 3.7 2.56 7.16 6 8 3.44-.84 6-4.3 6-8v-4L8 .667zm0 7.326h4.667c-.354 2.747-2.187 5.194-4.667 5.96V8H3.333V4.2L8 2.126v5.867z"
|
|
10
|
+
}));
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export default SvgSecurity;
|
|
@@ -580,6 +580,62 @@ export function makeDarkInvertedOverrides(theme: any): {
|
|
|
580
580
|
paddingRight: number;
|
|
581
581
|
};
|
|
582
582
|
};
|
|
583
|
+
MuiTableHead: {
|
|
584
|
+
root: {
|
|
585
|
+
backgroundColor: any;
|
|
586
|
+
};
|
|
587
|
+
};
|
|
588
|
+
MuiTableRow: {
|
|
589
|
+
root: {
|
|
590
|
+
'&.disabled': {
|
|
591
|
+
cursor: string;
|
|
592
|
+
pointerEvents: string;
|
|
593
|
+
opacity: number;
|
|
594
|
+
};
|
|
595
|
+
};
|
|
596
|
+
};
|
|
597
|
+
MuiTableCell: {
|
|
598
|
+
root: {
|
|
599
|
+
padding: string;
|
|
600
|
+
};
|
|
601
|
+
head: any;
|
|
602
|
+
body: {
|
|
603
|
+
color: any;
|
|
604
|
+
'&.sortable': {
|
|
605
|
+
'&$paddingNone': {
|
|
606
|
+
'&$alignLeft': {
|
|
607
|
+
paddingLeft: string;
|
|
608
|
+
};
|
|
609
|
+
'&$alignRight': {
|
|
610
|
+
paddingRight: string;
|
|
611
|
+
};
|
|
612
|
+
};
|
|
613
|
+
'&$alignLeft': {
|
|
614
|
+
paddingLeft: string;
|
|
615
|
+
};
|
|
616
|
+
'&$alignRight': {
|
|
617
|
+
paddingRight: string;
|
|
618
|
+
};
|
|
619
|
+
};
|
|
620
|
+
};
|
|
621
|
+
stickyHeader: {
|
|
622
|
+
backgroundColor: any;
|
|
623
|
+
};
|
|
624
|
+
};
|
|
625
|
+
MuiTableSortLabel: {
|
|
626
|
+
root: {
|
|
627
|
+
padding: string;
|
|
628
|
+
color: any;
|
|
629
|
+
'&:hover': {
|
|
630
|
+
color: any;
|
|
631
|
+
borderRadius: number;
|
|
632
|
+
backgroundColor: any;
|
|
633
|
+
};
|
|
634
|
+
};
|
|
635
|
+
icon: {
|
|
636
|
+
fontSize: number;
|
|
637
|
+
};
|
|
638
|
+
};
|
|
583
639
|
MuiFormLabel: {
|
|
584
640
|
root: {
|
|
585
641
|
color: any;
|
|
@@ -580,6 +580,62 @@ export function makeDarkNormalOverrides(theme: any): {
|
|
|
580
580
|
paddingRight: number;
|
|
581
581
|
};
|
|
582
582
|
};
|
|
583
|
+
MuiTableHead: {
|
|
584
|
+
root: {
|
|
585
|
+
backgroundColor: any;
|
|
586
|
+
};
|
|
587
|
+
};
|
|
588
|
+
MuiTableRow: {
|
|
589
|
+
root: {
|
|
590
|
+
'&.disabled': {
|
|
591
|
+
cursor: string;
|
|
592
|
+
pointerEvents: string;
|
|
593
|
+
opacity: number;
|
|
594
|
+
};
|
|
595
|
+
};
|
|
596
|
+
};
|
|
597
|
+
MuiTableCell: {
|
|
598
|
+
root: {
|
|
599
|
+
padding: string;
|
|
600
|
+
};
|
|
601
|
+
head: any;
|
|
602
|
+
body: {
|
|
603
|
+
color: any;
|
|
604
|
+
'&.sortable': {
|
|
605
|
+
'&$paddingNone': {
|
|
606
|
+
'&$alignLeft': {
|
|
607
|
+
paddingLeft: string;
|
|
608
|
+
};
|
|
609
|
+
'&$alignRight': {
|
|
610
|
+
paddingRight: string;
|
|
611
|
+
};
|
|
612
|
+
};
|
|
613
|
+
'&$alignLeft': {
|
|
614
|
+
paddingLeft: string;
|
|
615
|
+
};
|
|
616
|
+
'&$alignRight': {
|
|
617
|
+
paddingRight: string;
|
|
618
|
+
};
|
|
619
|
+
};
|
|
620
|
+
};
|
|
621
|
+
stickyHeader: {
|
|
622
|
+
backgroundColor: any;
|
|
623
|
+
};
|
|
624
|
+
};
|
|
625
|
+
MuiTableSortLabel: {
|
|
626
|
+
root: {
|
|
627
|
+
padding: string;
|
|
628
|
+
color: any;
|
|
629
|
+
'&:hover': {
|
|
630
|
+
color: any;
|
|
631
|
+
borderRadius: number;
|
|
632
|
+
backgroundColor: any;
|
|
633
|
+
};
|
|
634
|
+
};
|
|
635
|
+
icon: {
|
|
636
|
+
fontSize: number;
|
|
637
|
+
};
|
|
638
|
+
};
|
|
583
639
|
MuiFormLabel: {
|
|
584
640
|
root: {
|
|
585
641
|
color: any;
|
|
@@ -580,6 +580,62 @@ export function makeLightInvertedOverrides(theme: any): {
|
|
|
580
580
|
paddingRight: number;
|
|
581
581
|
};
|
|
582
582
|
};
|
|
583
|
+
MuiTableHead: {
|
|
584
|
+
root: {
|
|
585
|
+
backgroundColor: any;
|
|
586
|
+
};
|
|
587
|
+
};
|
|
588
|
+
MuiTableRow: {
|
|
589
|
+
root: {
|
|
590
|
+
'&.disabled': {
|
|
591
|
+
cursor: string;
|
|
592
|
+
pointerEvents: string;
|
|
593
|
+
opacity: number;
|
|
594
|
+
};
|
|
595
|
+
};
|
|
596
|
+
};
|
|
597
|
+
MuiTableCell: {
|
|
598
|
+
root: {
|
|
599
|
+
padding: string;
|
|
600
|
+
};
|
|
601
|
+
head: any;
|
|
602
|
+
body: {
|
|
603
|
+
color: any;
|
|
604
|
+
'&.sortable': {
|
|
605
|
+
'&$paddingNone': {
|
|
606
|
+
'&$alignLeft': {
|
|
607
|
+
paddingLeft: string;
|
|
608
|
+
};
|
|
609
|
+
'&$alignRight': {
|
|
610
|
+
paddingRight: string;
|
|
611
|
+
};
|
|
612
|
+
};
|
|
613
|
+
'&$alignLeft': {
|
|
614
|
+
paddingLeft: string;
|
|
615
|
+
};
|
|
616
|
+
'&$alignRight': {
|
|
617
|
+
paddingRight: string;
|
|
618
|
+
};
|
|
619
|
+
};
|
|
620
|
+
};
|
|
621
|
+
stickyHeader: {
|
|
622
|
+
backgroundColor: any;
|
|
623
|
+
};
|
|
624
|
+
};
|
|
625
|
+
MuiTableSortLabel: {
|
|
626
|
+
root: {
|
|
627
|
+
padding: string;
|
|
628
|
+
color: any;
|
|
629
|
+
'&:hover': {
|
|
630
|
+
color: any;
|
|
631
|
+
borderRadius: number;
|
|
632
|
+
backgroundColor: any;
|
|
633
|
+
};
|
|
634
|
+
};
|
|
635
|
+
icon: {
|
|
636
|
+
fontSize: number;
|
|
637
|
+
};
|
|
638
|
+
};
|
|
583
639
|
MuiFormLabel: {
|
|
584
640
|
root: {
|
|
585
641
|
color: any;
|
|
@@ -580,6 +580,62 @@ export function makeLightNormalOverrides(theme: any): {
|
|
|
580
580
|
paddingRight: number;
|
|
581
581
|
};
|
|
582
582
|
};
|
|
583
|
+
MuiTableHead: {
|
|
584
|
+
root: {
|
|
585
|
+
backgroundColor: any;
|
|
586
|
+
};
|
|
587
|
+
};
|
|
588
|
+
MuiTableRow: {
|
|
589
|
+
root: {
|
|
590
|
+
'&.disabled': {
|
|
591
|
+
cursor: string;
|
|
592
|
+
pointerEvents: string;
|
|
593
|
+
opacity: number;
|
|
594
|
+
};
|
|
595
|
+
};
|
|
596
|
+
};
|
|
597
|
+
MuiTableCell: {
|
|
598
|
+
root: {
|
|
599
|
+
padding: string;
|
|
600
|
+
};
|
|
601
|
+
head: any;
|
|
602
|
+
body: {
|
|
603
|
+
color: any;
|
|
604
|
+
'&.sortable': {
|
|
605
|
+
'&$paddingNone': {
|
|
606
|
+
'&$alignLeft': {
|
|
607
|
+
paddingLeft: string;
|
|
608
|
+
};
|
|
609
|
+
'&$alignRight': {
|
|
610
|
+
paddingRight: string;
|
|
611
|
+
};
|
|
612
|
+
};
|
|
613
|
+
'&$alignLeft': {
|
|
614
|
+
paddingLeft: string;
|
|
615
|
+
};
|
|
616
|
+
'&$alignRight': {
|
|
617
|
+
paddingRight: string;
|
|
618
|
+
};
|
|
619
|
+
};
|
|
620
|
+
};
|
|
621
|
+
stickyHeader: {
|
|
622
|
+
backgroundColor: any;
|
|
623
|
+
};
|
|
624
|
+
};
|
|
625
|
+
MuiTableSortLabel: {
|
|
626
|
+
root: {
|
|
627
|
+
padding: string;
|
|
628
|
+
color: any;
|
|
629
|
+
'&:hover': {
|
|
630
|
+
color: any;
|
|
631
|
+
borderRadius: number;
|
|
632
|
+
backgroundColor: any;
|
|
633
|
+
};
|
|
634
|
+
};
|
|
635
|
+
icon: {
|
|
636
|
+
fontSize: number;
|
|
637
|
+
};
|
|
638
|
+
};
|
|
583
639
|
MuiFormLabel: {
|
|
584
640
|
root: {
|
|
585
641
|
color: any;
|
|
@@ -482,6 +482,65 @@ export var makeLightNormalOverrides = function makeLightNormalOverrides(theme) {
|
|
|
482
482
|
paddingRight: 16
|
|
483
483
|
}
|
|
484
484
|
},
|
|
485
|
+
MuiTableHead: {
|
|
486
|
+
root: {
|
|
487
|
+
backgroundColor: theme.palette.background.paper
|
|
488
|
+
}
|
|
489
|
+
},
|
|
490
|
+
MuiTableRow: {
|
|
491
|
+
root: {
|
|
492
|
+
'&.disabled': {
|
|
493
|
+
cursor: 'pointer',
|
|
494
|
+
pointerEvents: 'none',
|
|
495
|
+
opacity: 0.5
|
|
496
|
+
}
|
|
497
|
+
}
|
|
498
|
+
},
|
|
499
|
+
MuiTableCell: {
|
|
500
|
+
root: {
|
|
501
|
+
padding: '8px 4px'
|
|
502
|
+
},
|
|
503
|
+
head: _objectSpread(_objectSpread({}, theme.typography.subtitle2), {}, {
|
|
504
|
+
color: theme.palette.text.secondary,
|
|
505
|
+
lineHeight: 1.292
|
|
506
|
+
}),
|
|
507
|
+
body: {
|
|
508
|
+
color: theme.palette.text.secondary,
|
|
509
|
+
'&.sortable': {
|
|
510
|
+
'&$paddingNone': {
|
|
511
|
+
'&$alignLeft': {
|
|
512
|
+
paddingLeft: '12px'
|
|
513
|
+
},
|
|
514
|
+
'&$alignRight': {
|
|
515
|
+
paddingRight: '12px'
|
|
516
|
+
}
|
|
517
|
+
},
|
|
518
|
+
'&$alignLeft': {
|
|
519
|
+
paddingLeft: '16px'
|
|
520
|
+
},
|
|
521
|
+
'&$alignRight': {
|
|
522
|
+
paddingRight: '16px'
|
|
523
|
+
}
|
|
524
|
+
}
|
|
525
|
+
},
|
|
526
|
+
stickyHeader: {
|
|
527
|
+
backgroundColor: theme.palette.background.paper
|
|
528
|
+
}
|
|
529
|
+
},
|
|
530
|
+
MuiTableSortLabel: {
|
|
531
|
+
root: {
|
|
532
|
+
padding: '8px 12px',
|
|
533
|
+
color: theme.palette.text.secondary,
|
|
534
|
+
'&:hover': {
|
|
535
|
+
color: theme.palette.text.primary,
|
|
536
|
+
borderRadius: 999,
|
|
537
|
+
backgroundColor: theme.palette.action.hover
|
|
538
|
+
}
|
|
539
|
+
},
|
|
540
|
+
icon: {
|
|
541
|
+
fontSize: 14
|
|
542
|
+
}
|
|
543
|
+
},
|
|
485
544
|
MuiFormLabel: {
|
|
486
545
|
root: {
|
|
487
546
|
color: theme.palette.text.secondary,
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import cx from 'classnames';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import TableCell from "cozy-ui/transpiled/react/TableCell";
|
|
4
|
+
import { makeStyles } from "cozy-ui/transpiled/react/styles";
|
|
5
|
+
var useStyles = makeStyles({
|
|
6
|
+
root: {
|
|
7
|
+
width: function width(_ref) {
|
|
8
|
+
var column = _ref.column;
|
|
9
|
+
return column.width;
|
|
10
|
+
},
|
|
11
|
+
maxWidth: function maxWidth(_ref2) {
|
|
12
|
+
var column = _ref2.column;
|
|
13
|
+
return column.maxWidth;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
var Cell = function Cell(_ref3) {
|
|
19
|
+
var _column$textAlign;
|
|
20
|
+
|
|
21
|
+
var row = _ref3.row,
|
|
22
|
+
columns = _ref3.columns,
|
|
23
|
+
column = _ref3.column,
|
|
24
|
+
children = _ref3.children;
|
|
25
|
+
var classes = useStyles({
|
|
26
|
+
column: column
|
|
27
|
+
});
|
|
28
|
+
return /*#__PURE__*/React.createElement(TableCell, {
|
|
29
|
+
key: column.id,
|
|
30
|
+
classes: classes,
|
|
31
|
+
className: cx({
|
|
32
|
+
sortable: column.sortable !== false
|
|
33
|
+
}),
|
|
34
|
+
align: (_column$textAlign = column.textAlign) !== null && _column$textAlign !== void 0 ? _column$textAlign : 'left',
|
|
35
|
+
padding: column.disablePadding ? 'none' : 'normal'
|
|
36
|
+
}, children ? React.Children.map(children, function (child) {
|
|
37
|
+
return /*#__PURE__*/React.isValidElement(child) ? /*#__PURE__*/React.cloneElement(child, {
|
|
38
|
+
row: row,
|
|
39
|
+
columns: columns,
|
|
40
|
+
column: column,
|
|
41
|
+
cell: row[column.id]
|
|
42
|
+
}) : null;
|
|
43
|
+
}) : row[column.id]);
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
export default /*#__PURE__*/React.memo(Cell);
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useDragLayer } from 'react-dnd';
|
|
3
|
+
import DragPreviewWrapper from "cozy-ui/transpiled/react/Table/Virtualized/Dnd/CustomDrag/DragPreviewWrapper";
|
|
4
|
+
var layerStyles = {
|
|
5
|
+
position: 'fixed',
|
|
6
|
+
pointerEvents: 'none',
|
|
7
|
+
zIndex: 100,
|
|
8
|
+
left: 0,
|
|
9
|
+
top: 0,
|
|
10
|
+
width: '100%',
|
|
11
|
+
height: '100%'
|
|
12
|
+
}; // Example find in the official documentation
|
|
13
|
+
// https://react-dnd.github.io/react-dnd/examples/drag-around/custom-drag-layer
|
|
14
|
+
|
|
15
|
+
export var CustomDragLayer = function CustomDragLayer(_ref) {
|
|
16
|
+
var dragId = _ref.dragId;
|
|
17
|
+
|
|
18
|
+
var _useDragLayer = useDragLayer(function (monitor) {
|
|
19
|
+
return {
|
|
20
|
+
item: monitor.getItem(),
|
|
21
|
+
itemType: monitor.getItemType(),
|
|
22
|
+
initialOffset: monitor.getInitialSourceClientOffset(),
|
|
23
|
+
currentOffset: monitor.getSourceClientOffset(),
|
|
24
|
+
isDragging: monitor.isDragging()
|
|
25
|
+
};
|
|
26
|
+
}),
|
|
27
|
+
itemType = _useDragLayer.itemType,
|
|
28
|
+
isDragging = _useDragLayer.isDragging,
|
|
29
|
+
item = _useDragLayer.item,
|
|
30
|
+
initialOffset = _useDragLayer.initialOffset,
|
|
31
|
+
currentOffset = _useDragLayer.currentOffset;
|
|
32
|
+
|
|
33
|
+
if (!isDragging) {
|
|
34
|
+
return null;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
38
|
+
style: layerStyles
|
|
39
|
+
}, /*#__PURE__*/React.createElement(DragPreviewWrapper, {
|
|
40
|
+
item: item,
|
|
41
|
+
itemType: itemType,
|
|
42
|
+
dragId: dragId,
|
|
43
|
+
initialOffset: initialOffset,
|
|
44
|
+
currentOffset: currentOffset
|
|
45
|
+
}));
|
|
46
|
+
};
|
|
47
|
+
export default CustomDragLayer;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Badge from "cozy-ui/transpiled/react/Badge";
|
|
3
|
+
import Paper from "cozy-ui/transpiled/react/Paper";
|
|
4
|
+
import Typography from "cozy-ui/transpiled/react/Typography";
|
|
5
|
+
import { makeStyles } from "cozy-ui/transpiled/react/styles";
|
|
6
|
+
var useStyles = makeStyles({
|
|
7
|
+
root: {
|
|
8
|
+
width: 'fit-content'
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
|
|
12
|
+
var DragPreview = function DragPreview(_ref) {
|
|
13
|
+
var fileName = _ref.fileName,
|
|
14
|
+
selectedCount = _ref.selectedCount;
|
|
15
|
+
var classes = useStyles();
|
|
16
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, selectedCount > 1 ? /*#__PURE__*/React.createElement(Badge, {
|
|
17
|
+
badgeContent: selectedCount,
|
|
18
|
+
size: "large",
|
|
19
|
+
color: "primary",
|
|
20
|
+
anchorOrigin: {
|
|
21
|
+
vertical: 'top',
|
|
22
|
+
horizontal: 'right'
|
|
23
|
+
},
|
|
24
|
+
overlap: "rectangular"
|
|
25
|
+
}, /*#__PURE__*/React.createElement(Paper, {
|
|
26
|
+
classes: classes,
|
|
27
|
+
className: "u-p-half u-maw-5"
|
|
28
|
+
}, /*#__PURE__*/React.createElement(Typography, null, fileName))) : /*#__PURE__*/React.createElement(Paper, {
|
|
29
|
+
classes: classes,
|
|
30
|
+
className: "u-p-half u-maw-5"
|
|
31
|
+
}, /*#__PURE__*/React.createElement(Typography, null, fileName)));
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
export default /*#__PURE__*/React.memo(DragPreview);
|