@reltio/components 1.4.1926 → 1.4.1927

package/cjs/AutoSizeList/AutoSizeList.test.js

@@ -54,17 +54,6 @@ var react_1 = __importDefault(require("react"));
 var AutoSizeList_1 = __importDefault(require("./AutoSizeList"));
 var test_utils_1 = require("../test-utils");
 var react_2 = require("@testing-library/react");
-jest.mock('resize-observer-polyfill', function () { return ({
-    __esModule: true,
-    default: jest.fn().mockImplementation(function (onResize) {
-        onResize([{ contentRect: { width: 100, height: 50 } }]);
-        return {
-            observe: jest.fn(),
-            unobserve: jest.fn(),
-            disconnect: jest.fn()
-        };
-    })
-}); });
 describe('AutoSizeList tests', function () {
     var defaultProps = {
         width: 100,
@@ -80,6 +69,16 @@ describe('AutoSizeList tests', function () {
         if (props === void 0) { props = defaultProps; }
         return (0, react_2.render)(react_1.default.createElement(AutoSizeList_1.default, __assign({}, props)));
     };
+    beforeAll(function () {
+        window.ResizeObserver = jest.fn().mockImplementation(function (onResize) {
+            onResize([{ contentRect: { width: 100, height: 50 } }]);
+            return {
+                observe: jest.fn(),
+                unobserve: jest.fn(),
+                disconnect: jest.fn()
+            };
+        });
+    });
     it('should render correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {

package/cjs/BasicViewContent/BasicViewContent.d.ts

@@ -1,4 +1,2 @@
 import React from 'react';
-type Props = React.ComponentPropsWithoutRef<'div'>;
-export declare const BasicViewContent: ({ children, className, ...otherProps }: Props) => JSX.Element;
-export {};
+export declare const BasicViewContent: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & React.RefAttributes<HTMLDivElement>>;

package/cjs/BasicViewContent/BasicViewContent.js

@@ -10,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -26,12 +49,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BasicViewContent = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var styles_1 = require("./styles");
-var BasicViewContent = function (_a) {
+exports.BasicViewContent = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, otherProps = __rest(_a, ["children", "className"]);
     var styles = (0, styles_1.useStyles)();
-    return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)(styles['basic-view-content'], className) }, otherProps), children));
-};
-exports.BasicViewContent = BasicViewContent;
+    return (react_1.default.createElement("div", __assign({ ref: ref, className: (0, classnames_1.default)(styles['basic-view-content'], className) }, otherProps), children));
+});
+exports.BasicViewContent.displayName = 'BasicViewContent';

package/cjs/DependentLookupEditor/DependentLookupEditor.test.js

@@ -90,7 +90,7 @@ describe('DependentLookupEditor', function () {
         };
     });
     afterEach(function () {
-        jest.resetAllMocks();
+        jest.clearAllMocks();
     });
     it('should render ReactSelect with correct properties in single mode', function () {
         var value = { lookupCode: 'RU', value: 'Russia' };
@@ -330,7 +330,16 @@ describe('DependentLookupEditor', function () {
                     }));
                     value = { lookupCode: 'US', value: 'USA' };
                     wrapper = (0, enzyme_1.mount)(react_1.default.createElement(DependentLookupEditor_1.DependentLookupEditor, __assign({}, props, { value: value, getLookups: getLookups, max: 2 })));
-                    return [4 /*yield*/, (0, test_utils_2.delayPromise)(1)];
+                    return [4 /*yield*/, (0, test_utils_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, (0, test_utils_2.delayPromise)(1)];
+                                    case 1:
+                                        _a.sent();
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); })];
                 case 1:
                     _a.sent();
                     wrapper.update();
@@ -380,7 +389,16 @@ describe('DependentLookupEditor', function () {
                     }));
                     value = { lookupCode: 'US', value: 'USA' };
                     wrapper = (0, enzyme_1.mount)(react_1.default.createElement(DependentLookupEditor_1.DependentLookupEditor, __assign({}, props, { value: value, getLookups: getLookups, max: 2 })));
-                    return [4 /*yield*/, (0, test_utils_2.delayPromise)(1)];
+                    return [4 /*yield*/, (0, test_utils_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, (0, test_utils_2.delayPromise)(1)];
+                                    case 1:
+                                        _a.sent();
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); })];
                 case 1:
                     _a.sent();
                     wrapper.update();

package/cjs/HideOnShrink/HideOnShrink.js

@@ -1,17 +1,41 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HideOnShrink = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var react_resize_detector_1 = __importDefault(require("react-resize-detector"));
 var EmptyStub = function () { return react_1.default.createElement("div", { style: { display: 'none' } }); };
 var HideOnShrink = function (_a) {
     var widthToHide = _a.widthToHide, children = _a.children;
-    return (react_1.default.createElement(react_resize_detector_1.default, { handleWidth: true, render: function (_a) {
-            var width = _a.width;
-            return (width > widthToHide ? react_1.default.createElement(react_1.default.Fragment, null, children) : react_1.default.createElement(EmptyStub, null));
-        } }));
+    var _b = (0, react_1.useState)(widthToHide), width = _b[0], setWidth = _b[1];
+    var handleResize = (0, react_1.useCallback)(function (width) { return setWidth(width); }, []);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_resize_detector_1.default, { handleHeight: false, onResize: handleResize }),
+        width > widthToHide ? children : react_1.default.createElement(EmptyStub, null)));
 };
 exports.HideOnShrink = HideOnShrink;

package/cjs/VirtualGroupedList/VirtualGroupedList.js

@@ -207,7 +207,7 @@ var VirtualGroupedList = function (_a) {
     }, [getItemSize, items, renderGroupTitle]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { ref: titlesRef, className: styles.stickyTitlesWrapper }, fixedTitle && renderTitles()),
-        onInnerContainerResize && itemsRef.current && (react_1.default.createElement(react_resize_detector_1.default, { handleHeight: true, onResize: onInnerContainerResize, targetDomEl: itemsRef.current })),
+        onInnerContainerResize && itemsRef.current && (react_1.default.createElement(react_resize_detector_1.default, { handleHeight: true, onResize: onInnerContainerResize, targetRef: itemsRef })),
         react_1.default.createElement(react_window_1.VariableSizeList, { ref: listRef, itemCount: items.length, itemSize: _getItemSize, width: width, height: height, itemKey: itemKey, innerRef: itemsRef, onScroll: onScroll, style: disableHorizontalScrollbar ? { overflowX: 'hidden' } : undefined, overscanCount: OVERSCAN_COUNT, onItemsRendered: handleOnItemsRendered }, render)));
 };
 exports.VirtualGroupedList = VirtualGroupedList;

package/esm/AutoSizeList/AutoSizeList.test.js

@@ -49,17 +49,6 @@ import React from 'react';
 import AutoSizeList from './AutoSizeList';
 import { delayPromise } from '../test-utils';
 import { render, screen } from '@testing-library/react';
-jest.mock('resize-observer-polyfill', function () { return ({
-    __esModule: true,
-    default: jest.fn().mockImplementation(function (onResize) {
-        onResize([{ contentRect: { width: 100, height: 50 } }]);
-        return {
-            observe: jest.fn(),
-            unobserve: jest.fn(),
-            disconnect: jest.fn()
-        };
-    })
-}); });
 describe('AutoSizeList tests', function () {
     var defaultProps = {
         width: 100,
@@ -75,6 +64,16 @@ describe('AutoSizeList tests', function () {
         if (props === void 0) { props = defaultProps; }
         return render(React.createElement(AutoSizeList, __assign({}, props)));
     };
+    beforeAll(function () {
+        window.ResizeObserver = jest.fn().mockImplementation(function (onResize) {
+            onResize([{ contentRect: { width: 100, height: 50 } }]);
+            return {
+                observe: jest.fn(),
+                unobserve: jest.fn(),
+                disconnect: jest.fn()
+            };
+        });
+    });
     it('should render correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {

package/esm/BasicViewContent/BasicViewContent.d.ts

@@ -1,4 +1,2 @@
 import React from 'react';
-type Props = React.ComponentPropsWithoutRef<'div'>;
-export declare const BasicViewContent: ({ children, className, ...otherProps }: Props) => JSX.Element;
-export {};
+export declare const BasicViewContent: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & React.RefAttributes<HTMLDivElement>>;

package/esm/BasicViewContent/BasicViewContent.js

@@ -20,11 +20,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import React, { forwardRef } from 'react';
 import classnames from 'classnames';
 import { useStyles } from './styles';
-export var BasicViewContent = function (_a) {
+export var BasicViewContent = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, otherProps = __rest(_a, ["children", "className"]);
     var styles = useStyles();
-    return (React.createElement("div", __assign({ className: classnames(styles['basic-view-content'], className) }, otherProps), children));
-};
+    return (React.createElement("div", __assign({ ref: ref, className: classnames(styles['basic-view-content'], className) }, otherProps), children));
+});
+BasicViewContent.displayName = 'BasicViewContent';

package/esm/DependentLookupEditor/DependentLookupEditor.test.js

@@ -85,7 +85,7 @@ describe('DependentLookupEditor', function () {
         };
     });
     afterEach(function () {
-        jest.resetAllMocks();
+        jest.clearAllMocks();
     });
     it('should render ReactSelect with correct properties in single mode', function () {
         var value = { lookupCode: 'RU', value: 'Russia' };
@@ -325,7 +325,16 @@ describe('DependentLookupEditor', function () {
                     }));
                     value = { lookupCode: 'US', value: 'USA' };
                     wrapper = mount(React.createElement(DependentLookupEditor, __assign({}, props, { value: value, getLookups: getLookups, max: 2 })));
-                    return [4 /*yield*/, delayPromise(1)];
+                    return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, delayPromise(1)];
+                                    case 1:
+                                        _a.sent();
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); })];
                 case 1:
                     _a.sent();
                     wrapper.update();
@@ -375,7 +384,16 @@ describe('DependentLookupEditor', function () {
                     }));
                     value = { lookupCode: 'US', value: 'USA' };
                     wrapper = mount(React.createElement(DependentLookupEditor, __assign({}, props, { value: value, getLookups: getLookups, max: 2 })));
-                    return [4 /*yield*/, delayPromise(1)];
+                    return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, delayPromise(1)];
+                                    case 1:
+                                        _a.sent();
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); })];
                 case 1:
                     _a.sent();
                     wrapper.update();

package/esm/HideOnShrink/HideOnShrink.js

@@ -1,10 +1,11 @@
-import React from 'react';
+import React, { useState, useCallback } from 'react';
 import ReactResizeDetector from 'react-resize-detector';
 var EmptyStub = function () { return React.createElement("div", { style: { display: 'none' } }); };
 export var HideOnShrink = function (_a) {
     var widthToHide = _a.widthToHide, children = _a.children;
-    return (React.createElement(ReactResizeDetector, { handleWidth: true, render: function (_a) {
-            var width = _a.width;
-            return (width > widthToHide ? React.createElement(React.Fragment, null, children) : React.createElement(EmptyStub, null));
-        } }));
+    var _b = useState(widthToHide), width = _b[0], setWidth = _b[1];
+    var handleResize = useCallback(function (width) { return setWidth(width); }, []);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ReactResizeDetector, { handleHeight: false, onResize: handleResize }),
+        width > widthToHide ? children : React.createElement(EmptyStub, null)));
 };

package/esm/VirtualGroupedList/VirtualGroupedList.js

@@ -178,7 +178,7 @@ export var VirtualGroupedList = function (_a) {
     }, [getItemSize, items, renderGroupTitle]);
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { ref: titlesRef, className: styles.stickyTitlesWrapper }, fixedTitle && renderTitles()),
-        onInnerContainerResize && itemsRef.current && (React.createElement(ReactResizeDetector, { handleHeight: true, onResize: onInnerContainerResize, targetDomEl: itemsRef.current })),
+        onInnerContainerResize && itemsRef.current && (React.createElement(ReactResizeDetector, { handleHeight: true, onResize: onInnerContainerResize, targetRef: itemsRef })),
         React.createElement(List, { ref: listRef, itemCount: items.length, itemSize: _getItemSize, width: width, height: height, itemKey: itemKey, innerRef: itemsRef, onScroll: onScroll, style: disableHorizontalScrollbar ? { overflowX: 'hidden' } : undefined, overscanCount: OVERSCAN_COUNT, onItemsRendered: handleOnItemsRendered }, render)));
 };
 VirtualGroupedList.propTypes = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1926",
+  "version": "1.4.1927",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
@@ -22,6 +22,7 @@
     "nanoid": "^3.3.4",
     "prop-types": "^15.6.2",
     "ramda": "^0.28.0",
+    "rc-tree": "^5.8.8",
     "react-autosuggest": "^9.4.3",
     "react-components": "bitbucket:reltio-ondemand/react-components#v3.27.1",
     "react-dnd": "^9.4.0",
@@ -32,7 +33,7 @@
     "react-mentions": "4.3.0",
     "react-number-format": "^4.9.2",
     "react-resizable-panels": "^2.0.20",
-    "react-resize-detector": "^4.2.0",
+    "react-resize-detector": "^9.1.1",
     "react-router-dom": "^6.2.1",
     "react-select": "^3.0.4",
     "react-simple-maps": "^3.0.0",