@equinor/fusion-react-hanging-garden 1.6.12 → 1.6.18
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/dist/Garden.js.map +1 -1
- package/dist/renderHooks/useGarden.d.ts.map +1 -1
- package/dist/renderHooks/useGarden.js +2 -2
- package/dist/renderHooks/useGarden.js.map +1 -1
- package/dist/renderHooks/useScrolling.d.ts +3 -2
- package/dist/renderHooks/useScrolling.d.ts.map +1 -1
- package/dist/renderHooks/useScrolling.js +22 -10
- package/dist/renderHooks/useScrolling.js.map +1 -1
- package/package.json +5 -5
package/dist/Garden.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Garden.js","sourceRoot":"","sources":["../src/Garden.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoB,SAAS,EAAE,WAAW,EAAW,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AACtF,OAAO,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"Garden.js","sourceRoot":"","sources":["../src/Garden.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoB,SAAS,EAAE,WAAW,EAAW,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AACtF,OAAO,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAQxE,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAChC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,UAAU;KACrB;IACD,OAAO,EAAE,CAAC,EAAE,OAAO,EAAc,EAAE,EAAE,CAAC,CAAC;QACrC,QAAQ,EAAE,MAAM;QAChB,SAAS,EAAE,MAAM;QACjB,GAAG,OAAO;KACX,CAAC;CACH,CAAC,CACH,CAAC;AAMF,MAAM,MAAM,GAAG,CAAqC,EAAE,iBAAiB,EAAe,EAAe,EAAE;IACrG,MAAM,EACJ,OAAO,EACP,SAAS,EACT,MAAM,EACN,WAAW,EACX,eAAe,EACf,OAAO,EACP,UAAU,EACV,SAAS,EACT,YAAY,EACZ,aAAa,EAAE,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,EAC7D,MAAM,EAAE,EAAE,QAAQ,EAAE,EACpB,OAAO,EAAE,EAAE,OAAO,EAAE,EACpB,WAAW,EACX,OAAO,GACR,GAAG,uBAAuB,EAAE,CAAC;IAE9B,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,CAAC;IACrC,eAAe,EAAE,CAAC;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,OAAO;QAC7B,IAAI,iBAAiB,EAAE;YACrB,iBAAiB,CAAC,OAAO,GAAG;gBAC1B,WAAW,EAAE,GAAG,EAAE;oBAChB,kBAAkB,EAAE,CAAC;oBACrB,sBAAsB,EAAE,CAAC;gBAC3B,CAAC;aACF,CAAC;SACH;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAEtB,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAA0B,EAAE,EAAE;QAC7B,QAAQ,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,YAAY,EAAE,QAAQ,CAAC,CACzB,CAAC;IAEF,MAAM,KAAK,GAAG,SAAS,CAAC;QACtB,OAAO,EAAE;YACP,KAAK,EAAE,kBAAkB,CACvB,eAAe,EACd,OAAoC,CAAC,MAAM,EAC5C,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,kBAAkB,CACvD;YACD,MAAM,EAAE,mBAAmB,CAAC,YAAY,EAAE,UAAU,GAAG,OAAO,EAAE,WAAW,CAAC;SAC7E;KACF,CAAC,CAAC;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,CAAC,IAAI,iBAChE,4BAAK,SAAS,EAAE,KAAK,CAAC,OAAO,gBAC3B,iBAAQ,GAAG,EAAE,MAAM,WAAI,YACnB,EACL,OAAO,aACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useGarden.d.ts","sourceRoot":"","sources":["../../src/renderHooks/useGarden.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAuB,MAAM,yBAAyB,CAAC;AAExF;;;;;;;;GAQG;AAEH,aAAK,SAAS,GAAG;IACf,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,QAAA,MAAM,SAAS,4CAA2C,
|
|
1
|
+
{"version":3,"file":"useGarden.d.ts","sourceRoot":"","sources":["../../src/renderHooks/useGarden.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAuB,MAAM,yBAAyB,CAAC;AAExF;;;;;;;;GAQG;AAEH,aAAK,SAAS,GAAG;IACf,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,QAAA,MAAM,SAAS,4CAA2C,SAmFzD,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -10,7 +10,7 @@ const useGarden = () => {
|
|
|
10
10
|
clearTextureCaches();
|
|
11
11
|
setExpandedColumns({});
|
|
12
12
|
setMaxRowCount(getMaxRowCount(columns));
|
|
13
|
-
scrollToHighlightedColumn(columns, highlightedColumnKey, itemWidth);
|
|
13
|
+
scrollToHighlightedColumn(columns, highlightedColumnKey, itemWidth, expandedColumns);
|
|
14
14
|
renderGarden();
|
|
15
15
|
}, [columns]);
|
|
16
16
|
useEffect(() => {
|
|
@@ -18,7 +18,7 @@ const useGarden = () => {
|
|
|
18
18
|
renderGarden();
|
|
19
19
|
}, [expandedColumns]);
|
|
20
20
|
useEffect(() => {
|
|
21
|
-
if (scrollToHighlightedItem(columns, highlightedItem, itemWidth)) {
|
|
21
|
+
if (scrollToHighlightedItem(columns, highlightedItem, itemWidth, expandedColumns)) {
|
|
22
22
|
clearTextureCaches();
|
|
23
23
|
renderGarden();
|
|
24
24
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useGarden.js","sourceRoot":"","sources":["../../src/renderHooks/useGarden.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,IAAI,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AACtE,OAAO,SAAS,MAAM,aAAa,CAAC;AAiBpC,MAAM,SAAS,GAAG,GAAkD,EAAE;IACpE,MAAM,EACJ,OAAO,EACP,KAAK,EACL,SAAS,EACT,OAAO,EACP,eAAe,EACf,SAAS,EACT,kBAAkB,EAClB,cAAc,EACd,oBAAoB,EACpB,eAAe,EACf,MAAM,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,EACrF,aAAa,EAAE,EAAE,kBAAkB,EAAE,EACrC,WAAW,EACX,OAAO,GACR,GAAG,uBAAuB,EAAE,CAAC;IAE9B,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,EAAK,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,kBAAkB,EAAE,CAAC;QACrB,kBAAkB,CAAC,EAAE,CAAC,CAAC;QACvB,cAAc,CAAC,cAAc,CAAC,OAAmC,CAAC,CAAC,CAAC;QACpE,yBAAyB,
|
|
1
|
+
{"version":3,"file":"useGarden.js","sourceRoot":"","sources":["../../src/renderHooks/useGarden.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { MutableRefObject, RefObject, UIEvent } from 'react';
|
|
2
|
+
import { ExpandedColumns } from '../models/ExpandedColumn';
|
|
2
3
|
import { HangingGardenColumn, HangingGardenColumnIndex } from '../models/HangingGarden';
|
|
3
4
|
export declare type Scroll<T extends HangingGardenColumnIndex> = {
|
|
4
5
|
isScrolling: MutableRefObject<boolean>;
|
|
5
6
|
scrollLeft: MutableRefObject<number>;
|
|
6
7
|
scrollTop: MutableRefObject<number>;
|
|
7
8
|
onScroll: (e: UIEvent<HTMLDivElement>, renderGarden: () => void) => void;
|
|
8
|
-
scrollToHighlightedColumn: (columns: HangingGardenColumn<T>[], highlightedColumnKey: string, itemWidth: number) => boolean;
|
|
9
|
-
scrollToHighlightedItem: (columns: HangingGardenColumn<T>[], highlightedItem: T, itemWidth: number) => boolean;
|
|
9
|
+
scrollToHighlightedColumn: (columns: HangingGardenColumn<T>[], highlightedColumnKey: string, itemWidth: number, expandedColumns?: ExpandedColumns) => boolean;
|
|
10
|
+
scrollToHighlightedItem: (columns: HangingGardenColumn<T>[], highlightedItem: T, itemWidth: number, expandedColumns?: ExpandedColumns) => boolean;
|
|
10
11
|
};
|
|
11
12
|
/**
|
|
12
13
|
* Handles scrolling off the garden canvas. Also handles scroll to functionality.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useScrolling.d.ts","sourceRoot":"","sources":["../../src/renderHooks/useScrolling.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAuB,OAAO,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,EAAqB,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAG3G,oBAAY,MAAM,CAAC,CAAC,SAAS,wBAAwB,IAAI;IACvD,WAAW,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC,UAAU,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACrC,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACpC,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE,YAAY,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IACzE,yBAAyB,EAAE,CACzB,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,EACjC,oBAAoB,EAAE,MAAM,EAC5B,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"useScrolling.d.ts","sourceRoot":"","sources":["../../src/renderHooks/useScrolling.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAuB,OAAO,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAqB,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAG3G,oBAAY,MAAM,CAAC,CAAC,SAAS,wBAAwB,IAAI;IACvD,WAAW,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC,UAAU,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACrC,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACpC,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE,YAAY,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IACzE,yBAAyB,EAAE,CACzB,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,EACjC,oBAAoB,EAAE,MAAM,EAC5B,SAAS,EAAE,MAAM,EACjB,eAAe,CAAC,EAAE,eAAe,KAC9B,OAAO,CAAC;IACb,uBAAuB,EAAE,CACvB,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,EACjC,eAAe,EAAE,CAAC,EAClB,SAAS,EAAE,MAAM,EACjB,eAAe,CAAC,EAAE,eAAe,KAC9B,OAAO,CAAC;CACd,CAAC;AACF;;;;;;GAMG;AACH,QAAA,MAAM,YAAY,+CACR,UAAU,iBAAiB,CAAC,GAAG,IAAI,aAChC,UAAU,cAAc,CAAC,GAAG,IAAI,iCAElC,MAAM,oEA2GhB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -23,36 +23,48 @@ const useScrolling = (canvas, container, itemKeyProp, padding, disableScrollToHi
|
|
|
23
23
|
isScrolling.current = false;
|
|
24
24
|
});
|
|
25
25
|
}, [canvas?.current, isScrolling?.current]);
|
|
26
|
-
const scrollTo = useCallback((highlightedColumnIndex, itemWidth) => {
|
|
26
|
+
const scrollTo = useCallback((highlightedColumnIndex, itemWidth, expandedColumns) => {
|
|
27
27
|
if (!container?.current)
|
|
28
28
|
return false;
|
|
29
29
|
if (container.current.scrollWidth <= container.current.offsetWidth) {
|
|
30
30
|
scrollLeft.current = container.current.scrollLeft = 0;
|
|
31
31
|
return false;
|
|
32
32
|
}
|
|
33
|
-
|
|
33
|
+
/**
|
|
34
|
+
* account for expandedColumns and offset their width.
|
|
35
|
+
* Only expanded column to the right off hightlightedColumn index needs to be calcultated.
|
|
36
|
+
*/
|
|
37
|
+
const expandedColumnsOffset = expandedColumns
|
|
38
|
+
? Object.keys(expandedColumns).reduce((offset, columnKey) => {
|
|
39
|
+
const { index, isExpanded, maxWidth } = expandedColumns[columnKey];
|
|
40
|
+
return isExpanded && index < highlightedColumnIndex ? offset + maxWidth + itemWidth + padding : offset;
|
|
41
|
+
}, 0)
|
|
42
|
+
: 0;
|
|
43
|
+
/**
|
|
44
|
+
* Calculate how far from the left to scroll, while ensuring scroll is not below 0.
|
|
45
|
+
*/
|
|
34
46
|
const scrollWindowTo = Math.max(highlightedColumnIndex >= 0
|
|
35
|
-
? (
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
47
|
+
? highlightedColumnIndex * (itemWidth + padding) -
|
|
48
|
+
container.current.offsetWidth / 2 +
|
|
49
|
+
(itemWidth + padding) / 2 +
|
|
50
|
+
expandedColumnsOffset
|
|
39
51
|
: 0, 0);
|
|
40
52
|
scrollLeft.current = container.current.scrollLeft = scrollWindowTo;
|
|
41
53
|
if (canvas?.current)
|
|
42
54
|
canvas.current.style.transform = `translate(${scrollLeft.current}px, ${scrollTop.current}px)`;
|
|
43
55
|
return scrollLeft.current !== 0;
|
|
44
56
|
}, [container?.current]);
|
|
45
|
-
const scrollToHighlightedColumn = useCallback((columns, highlightedColumnKey, itemWidth) => {
|
|
57
|
+
const scrollToHighlightedColumn = useCallback((columns, highlightedColumnKey, itemWidth, expandedColumns) => {
|
|
46
58
|
const highlightedColumnIndex = columns.findIndex((column) => column.key === highlightedColumnKey);
|
|
47
|
-
return scrollTo(highlightedColumnIndex, itemWidth);
|
|
59
|
+
return scrollTo(highlightedColumnIndex, itemWidth, expandedColumns);
|
|
48
60
|
}, [scrollTo]);
|
|
49
|
-
const scrollToHighlightedItem = useCallback((columns, highlightedItem, itemWidth) => {
|
|
61
|
+
const scrollToHighlightedItem = useCallback((columns, highlightedItem, itemWidth, expandedColumns) => {
|
|
50
62
|
if (disableScrollToHighlightedItem || !highlightedItem)
|
|
51
63
|
return false;
|
|
52
64
|
const highlightedIndex = columns.findIndex((column) => flattenColumn(column).filter((c) => c?.type !== 'groupHeader').some((item) => {
|
|
53
65
|
return item[itemKeyProp] === highlightedItem[itemKeyProp];
|
|
54
66
|
}));
|
|
55
|
-
return scrollTo(highlightedIndex, itemWidth);
|
|
67
|
+
return scrollTo(highlightedIndex, itemWidth, expandedColumns);
|
|
56
68
|
}, [scrollTo, itemKeyProp, disableScrollToHighlightedItem]);
|
|
57
69
|
return {
|
|
58
70
|
isScrolling,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useScrolling.js","sourceRoot":"","sources":["../../src/renderHooks/useScrolling.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,MAAM,EAAE,WAAW,EAAW,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"useScrolling.js","sourceRoot":"","sources":["../../src/renderHooks/useScrolling.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@equinor/fusion-react-hanging-garden",
|
|
3
|
-
"version": "1.6.
|
|
3
|
+
"version": "1.6.18",
|
|
4
4
|
"description": "component handling rendering of hanging gardens",
|
|
5
5
|
"author": "",
|
|
6
6
|
"homepage": "https://github.com/equinor/fusion-react-components/tree/master/packages/HangingGarden#readme",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"url": "https://github.com/equinor/fusion-react-components/issues"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@equinor/fusion-react-styles": "^0.3
|
|
39
|
+
"@equinor/fusion-react-styles": "^0.4.3",
|
|
40
40
|
"@types/history": "^4.7.9",
|
|
41
41
|
"date-fns": "^2.23.0",
|
|
42
42
|
"history": "^4.9.0",
|
|
@@ -44,11 +44,11 @@
|
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
46
|
"@equinor/fusion": "^3.3.1",
|
|
47
|
-
"@types/node": "^16.9
|
|
47
|
+
"@types/node": "^16.11.9"
|
|
48
48
|
},
|
|
49
49
|
"peerDependencies": {
|
|
50
50
|
"@equinor/fusion": "^3.3.1",
|
|
51
|
-
"@equinor/fusion-react-styles": "0.
|
|
51
|
+
"@equinor/fusion-react-styles": "0.4.0",
|
|
52
52
|
"@types/history": "4.x",
|
|
53
53
|
"date-fns": "2.x",
|
|
54
54
|
"history": "4.x"
|
|
@@ -61,5 +61,5 @@
|
|
|
61
61
|
"optional": true
|
|
62
62
|
}
|
|
63
63
|
},
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "2dcbcea42c75fe74d7516cb53a188d69b403b11e"
|
|
65
65
|
}
|