@equinor/fusion-react-hanging-garden 1.6.14 → 1.6.20
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 +1 -1
- package/dist/Garden.js.map +1 -1
- package/dist/HangingGarden.js +2 -2
- package/dist/HangingGarden.js.map +1 -1
- package/dist/components/PopoverContainer/Arrow.js +1 -1
- package/dist/components/PopoverContainer/Arrow.js.map +1 -1
- package/dist/components/PopoverContainer/index.js +1 -1
- package/dist/components/PopoverContainer/index.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/usePopover.js +2 -2
- package/dist/renderHooks/usePopover.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
CHANGED
|
@@ -43,7 +43,7 @@ const Garden = ({ provideController }) => {
|
|
|
43
43
|
height: getCalculatedHeight(headerHeight, itemHeight + padding, maxRowCount),
|
|
44
44
|
},
|
|
45
45
|
});
|
|
46
|
-
return (_jsxs("div",
|
|
46
|
+
return (_jsxs("div", { ref: container, onScroll: handleScroll, className: style.root, children: [_jsx("div", { className: style.wrapper, children: _jsx("canvas", { ref: canvas }, void 0) }, void 0), popover] }, void 0));
|
|
47
47
|
};
|
|
48
48
|
export default Garden;
|
|
49
49
|
//# sourceMappingURL=Garden.js.map
|
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,eAAK,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,CAAC,IAAI,aAChE,cAAK,SAAS,EAAE,KAAK,CAAC,OAAO,YAC3B,iBAAQ,GAAG,EAAE,MAAM,WAAI,WACnB,EACL,OAAO,YACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/dist/HangingGarden.js
CHANGED
|
@@ -53,7 +53,7 @@ const HangingGarden = ({ columns, highlightedColumnKey, highlightedItem, itemKey
|
|
|
53
53
|
textureCaches.clearItemTextureCaches();
|
|
54
54
|
}, [itemHeight, itemWidth]);
|
|
55
55
|
const styles = useStyles();
|
|
56
|
-
return (_jsx("div",
|
|
56
|
+
return (_jsx("div", { className: styles.root, children: columns.length && (_jsx(HangingGardenContext.Provider, { value: {
|
|
57
57
|
container,
|
|
58
58
|
canvas,
|
|
59
59
|
stage,
|
|
@@ -80,7 +80,7 @@ const HangingGarden = ({ columns, highlightedColumnKey, highlightedItem, itemKey
|
|
|
80
80
|
colorMode,
|
|
81
81
|
groupLevels,
|
|
82
82
|
padding,
|
|
83
|
-
}
|
|
83
|
+
}, children: _jsx(Garden, { provideController: provideController }, void 0) }, void 0)) }, void 0));
|
|
84
84
|
};
|
|
85
85
|
export { HangingGarden, PIXI };
|
|
86
86
|
//# sourceMappingURL=HangingGarden.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HangingGarden.js","sourceRoot":"","sources":["../src/HangingGarden.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,IAAI,MAAM,gBAAgB,CAAC;AACvC,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAE9D,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACrE,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,oBAAoB,MAAM,uCAAuC,CAAC;AAEzE,OAAO,YAAY,MAAM,4BAA4B,CAAC;AACtD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAExE;;;;;;;;;;;;;;;;;;GAkBG;AAEH,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAChC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,UAAU;QAChB,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,MAAM;QAChB,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CACH,CAAC;AAEF,MAAM,aAAa,GAAG,CAAqC,EACzD,OAAO,EACP,oBAAoB,EACpB,eAAe,EACf,WAAW,EACX,UAAU,GAAG,mBAAmB,EAChC,SAAS,EACT,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EAClB,WAAW,EACX,YAAY,GAAG,qBAAqB,EACpC,iBAAiB,EACjB,eAAe,GAAG,QAAQ,EAC1B,SAAS,GAAG,SAAS,EACrB,8BAA8B,GAAG,KAAK,EACtC,WAAW,GAAG,CAAC,EACf,OAAO,GAAG,CAAC,GACW,EAAe,EAAE;IACvC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAkB,EAAE,CAAC,CAAC;IAE5E,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,MAAM,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC/C,MAAM,KAAK,GAAG,MAAM,CAAiB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;IAE3D,MAAM,MAAM,GAAG,YAAY,CAAI,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,8BAA8B,CAAC,CAAC;IACxG,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE,eAAe,CAAC,CAAC;IAEnE,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,sBAAsB,EAAE,CAAC;IACzC,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAE5B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"HangingGarden.js","sourceRoot":"","sources":["../src/HangingGarden.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,IAAI,MAAM,gBAAgB,CAAC;AACvC,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAE9D,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACrE,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,oBAAoB,MAAM,uCAAuC,CAAC;AAEzE,OAAO,YAAY,MAAM,4BAA4B,CAAC;AACtD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAExE;;;;;;;;;;;;;;;;;;GAkBG;AAEH,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAChC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,UAAU;QAChB,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,MAAM;QAChB,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CACH,CAAC;AAEF,MAAM,aAAa,GAAG,CAAqC,EACzD,OAAO,EACP,oBAAoB,EACpB,eAAe,EACf,WAAW,EACX,UAAU,GAAG,mBAAmB,EAChC,SAAS,EACT,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EAClB,WAAW,EACX,YAAY,GAAG,qBAAqB,EACpC,iBAAiB,EACjB,eAAe,GAAG,QAAQ,EAC1B,SAAS,GAAG,SAAS,EACrB,8BAA8B,GAAG,KAAK,EACtC,WAAW,GAAG,CAAC,EACf,OAAO,GAAG,CAAC,GACW,EAAe,EAAE;IACvC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAkB,EAAE,CAAC,CAAC;IAE5E,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,MAAM,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC/C,MAAM,KAAK,GAAG,MAAM,CAAiB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;IAE3D,MAAM,MAAM,GAAG,YAAY,CAAI,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,8BAA8B,CAAC,CAAC;IACxG,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE,eAAe,CAAC,CAAC;IAEnE,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,sBAAsB,EAAE,CAAC;IACzC,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAE5B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,CACL,cAAK,SAAS,EAAE,MAAM,CAAC,IAAI,YACxB,OAAO,CAAC,MAAM,IAAI,CACjB,KAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;gBACL,SAAS;gBACT,MAAM;gBACN,KAAK;gBACL,OAAO;gBACP,MAAM;gBACN,WAAW;gBACX,cAAc;gBACd,eAAe;gBACf,kBAAkB;gBAClB,aAAa;gBACb,eAAe;gBACf,OAAO;gBACP,WAAW;gBACX,UAAU;gBACV,SAAS;gBACT,YAAY;gBACZ,eAAe;gBACf,oBAAoB;gBACpB,kBAAkB;gBAClB,WAAW;gBACX,iBAAiB;gBACjB,mBAAmB;gBACnB,OAAO;gBACP,SAAS;gBACT,WAAW;gBACX,OAAO;aACR,YAED,KAAC,MAAM,IAAI,iBAAiB,EAAE,iBAAiB,WAAI,WACrB,CACjC,WACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -12,7 +12,7 @@ const useStyles = makeStyles(() => createStyles({
|
|
|
12
12
|
}));
|
|
13
13
|
const Arrow = () => {
|
|
14
14
|
const styles = useStyles();
|
|
15
|
-
return (_jsxs("svg",
|
|
15
|
+
return (_jsxs("svg", { width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: styles.root, children: [_jsx("path", { d: "M9.79423 7.5L10.7152 7.5L10.2135 6.72765L7.15506 2.0188C6.56361 1.10821 5.23062 1.10821 4.63917 2.0188L1.58069 6.72765L1.07903 7.5L2 7.5L9.79423 7.5Z", fill: "white", stroke: "#E6E6E6" }, void 0), _jsx("path", { d: "M5.29289 3.70711C5.68342 3.31658 6.31658 3.31658 6.70711 3.70711L11 8L1 8L5.29289 3.70711Z", fill: "white" }, void 0)] }, void 0));
|
|
16
16
|
};
|
|
17
17
|
export default Arrow;
|
|
18
18
|
//# sourceMappingURL=Arrow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Arrow.js","sourceRoot":"","sources":["../../../src/components/PopoverContainer/Arrow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAExE,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAChC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,KAAK;QACX,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,kBAAkB;KAC9B;CACF,CAAC,CACH,CAAC;AAEF,MAAM,KAAK,GAAG,GAAgB,EAAE;IAC9B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"Arrow.js","sourceRoot":"","sources":["../../../src/components/PopoverContainer/Arrow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAExE,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAChC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,KAAK;QACX,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,kBAAkB;KAC9B;CACF,CAAC,CACH,CAAC;AAEF,MAAM,KAAK,GAAG,GAAgB,EAAE;IAC9B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,CACL,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,MAAM,CAAC,IAAI,aAEtB,eACE,CAAC,EAAC,uJAAuJ,EACzJ,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,SAAS,WAChB,EACF,eACE,CAAC,EAAC,4FAA4F,EAC9F,IAAI,EAAC,OAAO,WACZ,YACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -16,7 +16,7 @@ const useStyles = makeStyles(() => createStyles({
|
|
|
16
16
|
const PopoverContainer = forwardRef((props, ref) => {
|
|
17
17
|
const { children } = props;
|
|
18
18
|
const styles = useStyles();
|
|
19
|
-
return (_jsxs("div",
|
|
19
|
+
return (_jsxs("div", { ref: ref, className: styles.root, children: [_jsx(Arrow, {}, void 0), _jsx("div", { children: children }, void 0)] }, void 0));
|
|
20
20
|
});
|
|
21
21
|
PopoverContainer.displayName = 'PopoverContainer';
|
|
22
22
|
export default PopoverContainer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PopoverContainer/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,UAAU,EAAa,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAExE,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAChC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,eAAe,EAAE,OAAO;QACxB,YAAY,EAAE,KAAK;QACnB,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,kGAAkG;QAC7G,SAAS,EAAE,kBAAkB;QAC7B,SAAS,EAAE,KAAK;KACjB;CACF,CAAC,CACH,CAAC;AAEF,MAAM,gBAAgB,GAAG,UAAU,CAAC,CAAC,KAA8B,EAAE,GAAiC,EAAE,EAAE;IACxG,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PopoverContainer/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,UAAU,EAAa,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAExE,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAChC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,eAAe,EAAE,OAAO;QACxB,YAAY,EAAE,KAAK;QACnB,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,kGAAkG;QAC7G,SAAS,EAAE,kBAAkB;QAC7B,SAAS,EAAE,KAAK;KACjB;CACF,CAAC,CACH,CAAC;AAEF,MAAM,gBAAgB,GAAG,UAAU,CAAC,CAAC,KAA8B,EAAE,GAAiC,EAAE,EAAE;IACxG,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,CACL,eAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,aACnC,KAAC,KAAK,aAAG,EACT,wBAAM,QAAQ,WAAO,YACjB,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,eAAe,gBAAgB,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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"}
|
|
@@ -35,11 +35,11 @@ const usePopover = (delay) => {
|
|
|
35
35
|
const popover = useMemo(() => {
|
|
36
36
|
if (!selectedPopover)
|
|
37
37
|
return null;
|
|
38
|
-
return (_jsx("div",
|
|
38
|
+
return (_jsx("div", { style: {
|
|
39
39
|
position: 'absolute',
|
|
40
40
|
top: selectedPopover.top,
|
|
41
41
|
left: selectedPopover.left,
|
|
42
|
-
}
|
|
42
|
+
}, children: _jsx(PopoverContainer, { children: selectedPopover.render() }, void 0) }, void 0));
|
|
43
43
|
}, [selectedPopover]);
|
|
44
44
|
return { popover, addPopover };
|
|
45
45
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePopover.js","sourceRoot":"","sources":["../../src/renderHooks/usePopover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,IAAI,MAAM,gBAAgB,CAAC;AACvC,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAa9D;;;;;;GAMG;AACH,MAAM,UAAU,GAAG,CAAC,KAAc,EAAc,EAAE;IAChD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAC;IAE7E,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,YAA4B,EAAE,OAAuB,EAAE,aAAgC,EAAE,EAAE;QAC1F,MAAM,gBAAgB,GAAG,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;QAC9C,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;QACpC,gBAAgB,CAAC,OAAO,GAAG,OAAO,CAAC;QAEnC,IAAI,KAAqB,CAAC;QAC1B,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,GAAG,EAAE;YACpC,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBACtB,kBAAkB,CAAC;oBACjB,GAAG,EAAE,YAAY,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM;oBACpC,IAAI,EAAE,YAAY,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,GAAG,OAAO,CAAC,KAAK,GAAG,CAAC;oBACpD,MAAM,EAAE,aAAa;iBACtB,CAAC,CAAC;YACL,CAAC,EAAE,KAAK,IAAI,GAAG,CAAC,CAAC;QACnB,CAAC,CAAC,CAAC;QAEH,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,EAAE;YACnC,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;QAEH,YAAY,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAC1C,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,IAAI,CAAC,eAAe;YAAE,OAAO,IAAI,CAAC;QAElC,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"usePopover.js","sourceRoot":"","sources":["../../src/renderHooks/usePopover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,IAAI,MAAM,gBAAgB,CAAC;AACvC,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAa9D;;;;;;GAMG;AACH,MAAM,UAAU,GAAG,CAAC,KAAc,EAAc,EAAE;IAChD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAC;IAE7E,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,YAA4B,EAAE,OAAuB,EAAE,aAAgC,EAAE,EAAE;QAC1F,MAAM,gBAAgB,GAAG,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;QAC9C,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;QACpC,gBAAgB,CAAC,OAAO,GAAG,OAAO,CAAC;QAEnC,IAAI,KAAqB,CAAC;QAC1B,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,GAAG,EAAE;YACpC,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBACtB,kBAAkB,CAAC;oBACjB,GAAG,EAAE,YAAY,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM;oBACpC,IAAI,EAAE,YAAY,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,GAAG,OAAO,CAAC,KAAK,GAAG,CAAC;oBACpD,MAAM,EAAE,aAAa;iBACtB,CAAC,CAAC;YACL,CAAC,EAAE,KAAK,IAAI,GAAG,CAAC,CAAC;QACnB,CAAC,CAAC,CAAC;QAEH,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,EAAE;YACnC,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;QAEH,YAAY,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAC1C,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,IAAI,CAAC,eAAe;YAAE,OAAO,IAAI,CAAC;QAElC,OAAO,CACL,cACE,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,eAAe,CAAC,GAAG;gBACxB,IAAI,EAAE,eAAe,CAAC,IAAI;aAC3B,YAED,KAAC,gBAAgB,cAAE,eAAe,CAAC,MAAM,EAAE,WAAoB,WAC3D,CACP,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;AACjC,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -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.20",
|
|
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.
|
|
39
|
+
"@equinor/fusion-react-styles": "^0.5.0",
|
|
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": "^
|
|
47
|
+
"@types/node": "^17.0.7"
|
|
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": "32978c157e3afb99e309c39462417d819d4071aa"
|
|
65
65
|
}
|