@toptal/picasso 22.2.2 → 22.3.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/Badge/Badge.js +1 -6
- package/Badge/Badge.js.map +1 -1
- package/Drawer/Drawer.js +1 -1
- package/Drawer/Drawer.js.map +1 -1
- package/Pagination/utils/has-ellipsises/has-ellipsises.js +1 -1
- package/Pagination/utils/has-ellipsises/has-ellipsises.js.map +1 -1
- package/TreeView/TreeViewContainer.js +2 -3
- package/TreeView/TreeViewContainer.js.map +1 -1
- package/TreeView/useTree.js +4 -8
- package/TreeView/useTree.js.map +1 -1
- package/TreeView/useZoom.js +8 -8
- package/TreeView/useZoom.js.map +1 -1
- package/package.json +8 -9
package/Badge/Badge.js
CHANGED
|
@@ -9,15 +9,10 @@ const thresholds = {
|
|
|
9
9
|
medium: 99,
|
|
10
10
|
large: 99
|
|
11
11
|
};
|
|
12
|
-
const formatNumber = (content, size, max) => {
|
|
13
|
-
const trimThreshold = max !== null && max !== void 0 ? max : thresholds[size];
|
|
14
|
-
return content > trimThreshold ? `${trimThreshold}+` : String(content);
|
|
15
|
-
};
|
|
16
12
|
export const Badge = forwardRef(function Badge({ children, style, variant = 'white', size = 'large', content, max, 'data-testid': testId }, ref) {
|
|
17
13
|
const classes = useStyles();
|
|
18
14
|
const hasChildren = Children.count(children) > 0;
|
|
19
|
-
|
|
20
|
-
return (React.createElement(MuiBadge, { ref: ref, style: style, "data-testid": testId, badgeContent: badgeContent, classes: {
|
|
15
|
+
return (React.createElement(MuiBadge, { ref: ref, style: style, "data-testid": testId, badgeContent: content, max: max || thresholds[size], classes: {
|
|
21
16
|
badge: cx(classes.root, classes[variant], classes[size], {
|
|
22
17
|
[classes.static]: !hasChildren
|
|
23
18
|
})
|
package/Badge/Badge.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAa,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAGrD,OAAO,MAAM,MAAM,UAAU,CAAA;AAsB7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAA;AAErE,MAAM,UAAU,GAA6B;IAC3C,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACV,CAAA;AAED,MAAM,
|
|
1
|
+
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAa,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAGrD,OAAO,MAAM,MAAM,UAAU,CAAA;AAsB7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAA;AAErE,MAAM,UAAU,GAA6B;IAC3C,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACV,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAwB,SAAS,KAAK,CACnE,EACE,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,OAAO,EACd,OAAO,EACP,GAAG,EACH,aAAa,EAAE,MAAM,EACtB,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;IAEhD,OAAO,CACL,oBAAC,QAAQ,IACP,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,iBACC,MAAM,EACnB,YAAY,EAAE,OAAO,EACrB,GAAG,EAAE,GAAG,IAAI,UAAU,CAAC,IAAI,CAAC,EAC5B,OAAO,EAAE;YACP,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE;gBACvD,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,WAAW;aAC/B,CAAC;SACH,IAEA,QAAQ,CACA,CACZ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,KAAK,CAAC,YAAY,GAAG;IACnB,OAAO,EAAE,OAAO;IAChB,IAAI,EAAE,OAAO;CACd,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,eAAe,KAAK,CAAA"}
|
package/Drawer/Drawer.js
CHANGED
|
@@ -43,7 +43,7 @@ export const Drawer = (props) => {
|
|
|
43
43
|
React.createElement(Container, { flex: true, direction: 'column', className: cx(classes.container, classes[width]) },
|
|
44
44
|
React.createElement(DrawerTitle, { title: title }),
|
|
45
45
|
React.createElement(Container, { flex: true, className: classes.content }, children),
|
|
46
|
-
React.createElement(Button.Circular, { variant: 'flat', icon: React.createElement(CloseMinor16, null), onClick: handleOnClose, className: classes.closeButton }))));
|
|
46
|
+
React.createElement(Button.Circular, { variant: 'flat', icon: React.createElement(CloseMinor16, null), onClick: handleOnClose, className: classes.closeButton, "aria-label": 'Close drawer' }))));
|
|
47
47
|
};
|
|
48
48
|
Drawer.displayName = 'Drawer';
|
|
49
49
|
Drawer.defaultProps = {
|
package/Drawer/Drawer.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,SAAS,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,UAAU,EAAS,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACtE,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACpE,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AAuBpD,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAA;AAEtE,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAY,EAAE,EAAE;IACrC,MAAM,EACJ,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,OAAO,EACP,KAAK,EACL,KAAK,GAAG,SAAS,KAEf,KAAK,EADJ,IAAI,UACL,KAAK,EARH,kEAQL,CAAQ,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,CAAA;IACpC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,SAAS,GAAG,cAAc,EAAE,CAAA;IAElC,yBAAyB,CAAC,GAAG,EAAE;QAC7B,YAAY,CAAC,IAAI,CAAC,CAAA;QAElB,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC,CAAA;QAED,OAAO,OAAO,CAAA;IAChB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAA;IAExB,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,OAAO,EAAE;YACX,OAAO,EAAE,CAAA;SACV;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,aAAa,EACtB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE;QAEtD,oBAAC,SAAS,IACR,IAAI,QACJ,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;YAEhD,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,GAAI;YAC7B,oBAAC,SAAS,IAAC,IAAI,QAAC,SAAS,EAAE,OAAO,CAAC,OAAO,IACvC,QAAQ,CACC;YACZ,oBAAC,MAAM,CAAC,QAAQ,IACd,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,oBAAC,YAAY,OAAG,EACtB,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,OAAO,CAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,SAAS,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,UAAU,EAAS,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACtE,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACpE,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AAuBpD,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAA;AAEtE,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAY,EAAE,EAAE;IACrC,MAAM,EACJ,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,OAAO,EACP,KAAK,EACL,KAAK,GAAG,SAAS,KAEf,KAAK,EADJ,IAAI,UACL,KAAK,EARH,kEAQL,CAAQ,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,CAAA;IACpC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,SAAS,GAAG,cAAc,EAAE,CAAA;IAElC,yBAAyB,CAAC,GAAG,EAAE;QAC7B,YAAY,CAAC,IAAI,CAAC,CAAA;QAElB,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC,CAAA;QAED,OAAO,OAAO,CAAA;IAChB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAA;IAExB,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,OAAO,EAAE;YACX,OAAO,EAAE,CAAA;SACV;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,aAAa,EACtB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE;QAEtD,oBAAC,SAAS,IACR,IAAI,QACJ,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;YAEhD,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,GAAI;YAC7B,oBAAC,SAAS,IAAC,IAAI,QAAC,SAAS,EAAE,OAAO,CAAC,OAAO,IACvC,QAAQ,CACC;YACZ,oBAAC,MAAM,CAAC,QAAQ,IACd,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,oBAAC,YAAY,OAAG,EACtB,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,OAAO,CAAC,WAAW,gBACnB,cAAc,GACzB,CACQ,CACF,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,MAAM,CAAC,YAAY,GAAG;IACpB,MAAM,EAAE,OAAO;IACf,aAAa,EAAE,KAAK;IACpB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;IACjB,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
const hasEllipses = ({ activePage, totalPages, siblingCount }) => {
|
|
2
2
|
const rightmostSibling = activePage + siblingCount;
|
|
3
3
|
const leftmostSibling = activePage - siblingCount;
|
|
4
|
-
return [leftmostSibling >
|
|
4
|
+
return [leftmostSibling > 2, rightmostSibling < totalPages - 1];
|
|
5
5
|
};
|
|
6
6
|
export default hasEllipses;
|
|
7
7
|
//# sourceMappingURL=has-ellipsises.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"has-ellipsises.js","sourceRoot":"","sources":["../../../../src/Pagination/utils/has-ellipsises/has-ellipsises.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,GAAG,CAAC,EACnB,UAAU,EACV,UAAU,EACV,YAAY,EACP,EAAsB,EAAE;IAC7B,MAAM,gBAAgB,GAAG,UAAU,GAAG,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"has-ellipsises.js","sourceRoot":"","sources":["../../../../src/Pagination/utils/has-ellipsises/has-ellipsises.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,GAAG,CAAC,EACnB,UAAU,EACV,UAAU,EACV,YAAY,EACP,EAAsB,EAAE;IAC7B,MAAM,gBAAgB,GAAG,UAAU,GAAG,YAAY,CAAA;IAElD,MAAM,eAAe,GAAG,UAAU,GAAG,YAAY,CAAA;IAEjD,OAAO,CAAC,eAAe,GAAG,CAAC,EAAE,gBAAgB,GAAG,UAAU,GAAG,CAAC,CAAC,CAAA;AACjE,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
|
-
import
|
|
3
|
-
import { zoomTransform } from 'd3'; // eslint-disable-line import/no-duplicates
|
|
2
|
+
import { zoomTransform, select } from 'd3';
|
|
4
3
|
const treeContextValue = {
|
|
5
4
|
state: {},
|
|
6
5
|
updateState: () => { }
|
|
@@ -15,7 +14,7 @@ export const TreeViewContainer = ({ children }) => {
|
|
|
15
14
|
if (!state.ref || !state.zoom) {
|
|
16
15
|
return;
|
|
17
16
|
}
|
|
18
|
-
|
|
17
|
+
select(state.ref)
|
|
19
18
|
.transition()
|
|
20
19
|
.call(state.zoom.scaleTo, function (datum, index, groups) {
|
|
21
20
|
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeViewContainer.js","sourceRoot":"","sources":["../../src/TreeView/TreeViewContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAA;AAClD,OAAO,
|
|
1
|
+
{"version":3,"file":"TreeViewContainer.js","sourceRoot":"","sources":["../../src/TreeView/TreeViewContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,IAAI,CAAA;AAS1C,MAAM,gBAAgB,GAAyB;IAC7C,KAAK,EAAE,EAAE;IACT,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;CACtB,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAC1B,KAAK,CAAC,aAAa,CAAuB,gBAAgB,CAAC,CAAA;AAE7D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACzE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAuB,EAAE,CAAC,CAAA;IAE5D,MAAM,WAAW,GAAG,CAAC,QAAuC,EAAE,EAAE;QAC9D,QAAQ,iCACH,KAAK,GACL,QAAQ,EACX,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,EAAE;QACnC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YAC7B,OAAM;SACP;QAED,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;aACd,UAAU,EAAE;aACZ,IAAI,CACH,KAAK,CAAC,IAAI,CAAC,OAAO,EAClB,UAEE,KAAc,EACd,KAAa,EACb,MAAW;YAEX,oEAAoE;YACpE,MAAM,aAAa,GAAG,KAAK,CAAC,IAAK,CAAC,MAAM,EAAE,CAAA;YAC1C,MAAM,EAAE,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;YAChC,aAAa;YACb,MAAM,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;YAChE,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YAC1B,yDAAyD;YACzD,MAAM,EAAE,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;YAEtC,OAAO,CAAC,KAAK,GAAG,EAAE,GAAG,KAAK,GAAG,EAAE,CAAC,GAAG,KAAK,CAAA;QAC1C,CAAC,CACF,CAAA;IACL,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,eAAe,CAAC,QAAQ,IACvB,KAAK,EAAE;YACL,KAAK,kCACA,KAAK,KACR,WAAW,GACZ;YACD,WAAW;SACZ,IAEA,QAAQ,CACgB,CAC5B,CAAA;AACH,CAAC,CAAA"}
|
package/TreeView/useTree.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useMemo } from 'react';
|
|
2
|
-
import
|
|
2
|
+
import { hierarchy, tree } from 'd3';
|
|
3
3
|
import { useNodes } from './useNodes';
|
|
4
4
|
const getPositionLeavesAndNoChildren = (options) => {
|
|
5
5
|
const { leaves, node, nodeSizeAttr } = options;
|
|
@@ -120,9 +120,7 @@ export const useTree = ({ data, nodeWidth, nodeHeight, direction, verticalMargin
|
|
|
120
120
|
}
|
|
121
121
|
return acc;
|
|
122
122
|
}, []), [nodes]);
|
|
123
|
-
const selectedNode = useMemo(() => nodes.find(node => node.data.selected), [
|
|
124
|
-
nodes
|
|
125
|
-
]);
|
|
123
|
+
const selectedNode = useMemo(() => nodes.find(node => node.data.selected), [nodes]);
|
|
126
124
|
return {
|
|
127
125
|
nodes,
|
|
128
126
|
links,
|
|
@@ -130,12 +128,10 @@ export const useTree = ({ data, nodeWidth, nodeHeight, direction, verticalMargin
|
|
|
130
128
|
};
|
|
131
129
|
};
|
|
132
130
|
const positionTreeNodes = ({ data, direction, nodeHeight, nodeWidth, horizontalMargin, verticalMargin, variant }) => {
|
|
133
|
-
const root =
|
|
131
|
+
const root = hierarchy(data);
|
|
134
132
|
const fullNodeWidth = nodeWidth + 2 * horizontalMargin;
|
|
135
133
|
const fullNodeHeight = nodeHeight + 2 * verticalMargin;
|
|
136
|
-
const rootNode =
|
|
137
|
-
.tree()
|
|
138
|
-
.nodeSize([nodeWidth, nodeHeight])(root);
|
|
134
|
+
const rootNode = tree().nodeSize([nodeWidth, nodeHeight])(root);
|
|
139
135
|
const leaves = rootNode.leaves();
|
|
140
136
|
if (direction === 'vertical') {
|
|
141
137
|
return calculateNodeXPosition({
|
package/TreeView/useTree.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTree.js","sourceRoot":"","sources":["../../src/TreeView/useTree.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,
|
|
1
|
+
{"version":3,"file":"useTree.js","sourceRoot":"","sources":["../../src/TreeView/useTree.ts"],"names":[],"mappings":"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"}
|
package/TreeView/useZoom.js
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
import { useEffect, useMemo, useState } from 'react';
|
|
2
|
-
import
|
|
2
|
+
import { zoom as d3zoom, select, zoomIdentity } from 'd3';
|
|
3
3
|
export const useZoom = ({ rootRef, scaleExtent, center, initialScale = 1, transitionDuration }) => {
|
|
4
4
|
const [initialized, setInitialized] = useState(false);
|
|
5
|
-
const zoom = useMemo(() =>
|
|
5
|
+
const zoom = useMemo(() => d3zoom().scaleExtent(scaleExtent), [scaleExtent]);
|
|
6
6
|
const handleZoom = (step) => {
|
|
7
7
|
if (!rootRef.current) {
|
|
8
8
|
return;
|
|
9
9
|
}
|
|
10
|
-
|
|
10
|
+
select(rootRef.current).transition().call(zoom.scaleBy, step);
|
|
11
11
|
};
|
|
12
12
|
useEffect(() => {
|
|
13
13
|
if (!rootRef.current) {
|
|
14
14
|
return;
|
|
15
15
|
}
|
|
16
|
-
const transformContainer =
|
|
16
|
+
const transformContainer = select(rootRef.current.firstElementChild);
|
|
17
17
|
zoom.on('zoom', (event) => {
|
|
18
18
|
transformContainer.attr('transform', event.transform);
|
|
19
19
|
});
|
|
20
20
|
if (!initialized) {
|
|
21
|
-
|
|
21
|
+
select(rootRef.current)
|
|
22
22
|
.call(zoom)
|
|
23
|
-
.call(zoom.transform,
|
|
23
|
+
.call(zoom.transform, zoomIdentity.scale(initialScale));
|
|
24
24
|
if (center) {
|
|
25
|
-
|
|
25
|
+
select(rootRef.current).call(zoom.translateTo, center.x, center.y);
|
|
26
26
|
}
|
|
27
27
|
setInitialized(true);
|
|
28
28
|
}
|
|
29
29
|
else if (center) {
|
|
30
|
-
|
|
30
|
+
select(rootRef.current)
|
|
31
31
|
.transition()
|
|
32
32
|
.duration(transitionDuration)
|
|
33
33
|
.call(zoom.translateTo, center.x, center.y);
|
package/TreeView/useZoom.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useZoom.js","sourceRoot":"","sources":["../../src/TreeView/useZoom.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC/D,OAAO,
|
|
1
|
+
{"version":3,"file":"useZoom.js","sourceRoot":"","sources":["../../src/TreeView/useZoom.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC/D,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,IAAI,CAAA;AAiBzD,MAAM,CAAC,MAAM,OAAO,GAAG,CAA+C,EACpE,OAAO,EACP,WAAW,EACX,MAAM,EACN,YAAY,GAAG,CAAC,EAChB,kBAAkB,EACe,EAAmC,EAAE;IACtE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrD,MAAM,IAAI,GAAG,OAAO,CAClB,GAAG,EAAE,CAAC,MAAM,EAA2B,CAAC,WAAW,CAAC,WAAW,CAAC,EAChE,CAAC,WAAW,CAAC,CACd,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE;QAClC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YACpB,OAAM;SACP;QAED,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;IAC/D,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YACpB,OAAM;SACP;QAED,MAAM,kBAAkB,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAA;QAEpE,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAU,EAAE,EAAE;YAC7B,kBAAkB,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;QACvD,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,WAAW,EAAE;YAChB,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;iBACpB,IAAI,CAAC,IAAI,CAAC;iBACV,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAA;YAEzD,IAAI,MAAM,EAAE;gBACV,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAA;aACnE;YAED,cAAc,CAAC,IAAI,CAAC,CAAA;SACrB;aAAM,IAAI,MAAM,EAAE;YACjB,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;iBACpB,UAAU,EAAE;iBACZ,QAAQ,CAAC,kBAAkB,CAAC;iBAC5B,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAA;SAC9C;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAE1E,OAAO;QACL,IAAI;QACJ,UAAU;KACX,CAAA;AACH,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso",
|
|
3
|
-
"version": "22.
|
|
3
|
+
"version": "22.3.1",
|
|
4
4
|
"description": "Toptal UI components library",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public",
|
|
@@ -25,27 +25,27 @@
|
|
|
25
25
|
"peerDependencies": {
|
|
26
26
|
"@material-ui/core": "4.11.0",
|
|
27
27
|
"notistack": "1.0.5",
|
|
28
|
-
"typescript": "4.6.x",
|
|
29
28
|
"react": ">=16.12.0 && < 19.0.0",
|
|
30
29
|
"react-dom": ">=16.12.0 && < 19.0.0",
|
|
31
|
-
"react-helmet": "6.1.0"
|
|
30
|
+
"react-helmet": "6.1.0",
|
|
31
|
+
"typescript": "4.6.x"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@toptal/picasso-provider": "^1.1.0",
|
|
35
35
|
"@toptal/picasso-shared": "^8.1.0",
|
|
36
36
|
"ap-style-title-case": "^1.1.2",
|
|
37
37
|
"classnames": "^2.3.1",
|
|
38
|
-
"d3": "^6.
|
|
38
|
+
"d3": "^6.7.0",
|
|
39
39
|
"d3-hierarchy": "^2",
|
|
40
40
|
"d3-zoom": "^2",
|
|
41
41
|
"date-fns": "^2.9.0",
|
|
42
42
|
"date-fns-tz": "^1.1.3",
|
|
43
43
|
"debounce": "^1.2.1",
|
|
44
44
|
"detect-browser": "^5.3.0",
|
|
45
|
-
"hast-util-from-dom": "^3.0.0",
|
|
46
45
|
"hast-to-hyperscript": "^9.0.1",
|
|
47
|
-
"hast-util-
|
|
46
|
+
"hast-util-from-dom": "^3.0.0",
|
|
48
47
|
"hast-util-sanitize": "^3.0.2",
|
|
48
|
+
"hast-util-to-html": "^7.1.3",
|
|
49
49
|
"quill": "^1.3.7",
|
|
50
50
|
"quill-delta": "^4.2.0",
|
|
51
51
|
"quill-paste-smart": "^1.4.9",
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
"@testing-library/react": "^13.0.0",
|
|
63
63
|
"@testing-library/react-hooks": "^7.0.2",
|
|
64
64
|
"@types/classnames": "^2.3.1",
|
|
65
|
-
"@types/d3": "^6.
|
|
65
|
+
"@types/d3": "^6.7.4",
|
|
66
66
|
"@types/quill": "^2.0.9",
|
|
67
67
|
"@types/react-helmet": "^5.0.15",
|
|
68
68
|
"@types/react-input-mask": "^3.0.0",
|
|
@@ -75,8 +75,7 @@
|
|
|
75
75
|
"resolutions": {
|
|
76
76
|
"js-yaml": "^3.13.1",
|
|
77
77
|
"lodash": "^4.17.12",
|
|
78
|
-
"**/marksy/marked": "^0.6.0"
|
|
79
|
-
"d3-array": "^2.12.1"
|
|
78
|
+
"**/marksy/marked": "^0.6.0"
|
|
80
79
|
},
|
|
81
80
|
"sideEffects": [
|
|
82
81
|
"**/styles.ts",
|