@reltio/components 1.4.1555 → 1.4.1557

package/cjs/HOCs/withContext/withContext.d.ts

@@ -1,4 +1,4 @@
 import React, { Context as ContextType, ComponentType } from 'react';
 type AnyObject = Record<string, unknown>;
-export declare const withContext: <C extends unknown, P extends AnyObject, SP extends AnyObject>(Context: React.Context<C>, contextSelector: (state: C, props?: P) => SP, Component: React.ComponentType<P>) => React.ComponentType<P> | ((props: any) => JSX.Element);
+export declare const withContext: <C extends unknown, P extends AnyObject, SP extends AnyObject>(Context: React.Context<C>, contextSelector: (state: C, props?: P) => SP, Component: React.ComponentType<P>) => React.ComponentType<P>;
 export {};

package/cjs/components/BasicTableView/BasicTable/CellRenderer/CellRenderer.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { CollapseContext, ColumnData, TableRowsData } from '../../types';
+type Props = {
+    columnId: string;
+    rowIndex: number;
+    collapseContextValue: CollapseContext;
+    getRowHeight: (rowIndex: number) => number;
+    getHeightForSubRow: (rowIndex: number, columnIndex: number, subRowIndex: number) => number;
+    tableRowsData: TableRowsData;
+    columnsData: ColumnData[];
+};
+export declare const CellRenderer: ({ columnId, rowIndex, collapseContextValue, getRowHeight, tableRowsData, columnsData, getHeightForSubRow, ...otherProps }: Props) => JSX.Element;
+export {};

package/cjs/components/BasicTableView/BasicTable/CellRenderer/CellRenderer.js

@@ -0,0 +1,45 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CellRenderer = void 0;
+var ramda_1 = require("ramda");
+var react_1 = __importDefault(require("react"));
+var RowCollapseContext_1 = require("../contexts/RowCollapseContext");
+var tableUtils_1 = require("react-components/dist/Table/tableUtils");
+var CellRenderer = function (_a) {
+    var columnId = _a.columnId, rowIndex = _a.rowIndex, collapseContextValue = _a.collapseContextValue, getRowHeight = _a.getRowHeight, tableRowsData = _a.tableRowsData, columnsData = _a.columnsData, getHeightForSubRow = _a.getHeightForSubRow, otherProps = __rest(_a, ["columnId", "rowIndex", "collapseContextValue", "getRowHeight", "tableRowsData", "columnsData", "getHeightForSubRow"]);
+    return (react_1.default.createElement(RowCollapseContext_1.RowCollapseContext.Provider, { value: collapseContextValue },
+        react_1.default.createElement("div", __assign({}, otherProps, { style: { height: getRowHeight(rowIndex) } }), tableRowsData.length > 0 &&
+            (0, tableUtils_1.getCellContentFromRowsData)({
+                columnIndex: columnsData.findIndex((0, ramda_1.propEq)('id', columnId)),
+                headData: columnsData,
+                rowsData: tableRowsData,
+                rowIndex: rowIndex,
+                getHeightForSubRow: getHeightForSubRow
+            }))));
+};
+exports.CellRenderer = CellRenderer;

package/cjs/components/BasicTableView/BasicTable/HOCs/withTableContext.d.ts

@@ -1,4 +1,4 @@
 export default withTableContext;
 declare function withTableContext(contextSelector: any): (CellRenderer: any) => import("react").ComponentType<{
     [x: string]: unknown;
-}> | ((props: any) => JSX.Element);
+}>;

package/cjs/components/BasicTableView/BasicTable/helpers/defaultGetRowCellHeight.js

@@ -13,6 +13,8 @@ var defaultGetRowCellHeight = function (_a) {
             return BLOB_HEIGHT * valuesCount;
         case mdm_sdk_1.DataTypes.TYPE_IMAGE:
             return (PADDING + IMAGE_HEIGHT) * valuesCount + PADDING;
+        case mdm_sdk_1.DataTypes.TYPE_REFERENCE:
+            return 48 * Math.max(valuesCount, 1);
         default:
             return 33 * Math.max(valuesCount, 1) + PADDING;
     }

package/cjs/components/BasicTableView/BasicTable/hooks/useBasicTableCellRenderer.d.ts

@@ -1,5 +1,4 @@
-export default useBasicTableCellRenderer;
-declare function useBasicTableCellRenderer({ rowsData, columnsData, renderRowCell, getRowCellHeight, defaultRowHeight, maxRowValuesCount }: {
+declare const useBasicTableCellRenderer: ({ rowsData, columnsData, renderRowCell, getRowCellHeight, defaultRowHeight, maxRowValuesCount }: {
     rowsData: any;
     columnsData: any;
     renderRowCell?: ({ cell, CellValueRenderer, ...otherProps }: {
@@ -13,18 +12,15 @@ declare function useBasicTableCellRenderer({ rowsData, columnsData, renderRowCel
     }) => number;
     defaultRowHeight?: number;
     maxRowValuesCount?: number;
-}): {
-    getRowHeight: (rowIndex: any) => any;
-    CellRenderer: {
-        ({ columnId, rowIndex, ...otherProps }: {
-            [x: string]: any;
-            columnId: any;
-            rowIndex: any;
-        }): JSX.Element;
-        propTypes: {
-            columnId: PropTypes.Requireable<string>;
-            rowIndex: PropTypes.Requireable<number>;
-        };
+}) => {
+    getRowHeight: (rowIndex: number) => number;
+    collapseContextValue: {
+        maxRowValuesCount: number;
+        toggleRowCollapse: (rowIndex: number) => void;
+        getIsRowCollapsible: (rowValue: Record<string, unknown>) => boolean;
+        getIsRowCollapsed: (rowIndex: number) => boolean;
     };
+    getHeightForSubRow: (rowIndex: any, columnIndex: any, subRowIndex: any) => any;
+    tableRowsData: import("../..").TableRowsData;
 };
-import PropTypes from 'prop-types';
+export default useBasicTableCellRenderer;

package/cjs/components/BasicTableView/BasicTable/hooks/useBasicTableCellRenderer.js

@@ -1,61 +1,14 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = require("react");
 var tableUtils_1 = require("react-components/dist/Table/tableUtils");
 var defaultRenderRowCell_1 = __importDefault(require("../helpers/defaultRenderRowCell"));
 var defaultGetRowCellHeight_1 = __importDefault(require("../helpers/defaultGetRowCellHeight"));
 var ramda_1 = require("ramda");
 var useCollapsibleTableRows_1 = __importDefault(require("./useCollapsibleTableRows"));
-var RowCollapseContext_1 = require("../contexts/RowCollapseContext");
 var useBasicTableCellRenderer = function (_a) {
     var rowsData = _a.rowsData, columnsData = _a.columnsData, _b = _a.renderRowCell, renderRowCell = _b === void 0 ? defaultRenderRowCell_1.default : _b, _c = _a.getRowCellHeight, getRowCellHeight = _c === void 0 ? defaultGetRowCellHeight_1.default : _c, _d = _a.defaultRowHeight, defaultRowHeight = _d === void 0 ? 48 : _d, _e = _a.maxRowValuesCount, maxRowValuesCount = _e === void 0 ? Infinity : _e;
     var _f = (0, useCollapsibleTableRows_1.default)({
@@ -76,23 +29,7 @@ var useBasicTableCellRenderer = function (_a) {
             return (0, ramda_1.pathOr)(0, heightPath, rowHeightCache);
         };
         var getRowHeight = function (rowIndex) { return (0, ramda_1.pathOr)(0, [rowIndex, 'height'], rowHeightCache); };
-        var CellRenderer = function (_a) {
-            var columnId = _a.columnId, rowIndex = _a.rowIndex, otherProps = __rest(_a, ["columnId", "rowIndex"]);
-            return (react_1.default.createElement(RowCollapseContext_1.RowCollapseContext.Provider, { value: collapseContextValue },
-                react_1.default.createElement("div", __assign({}, otherProps, { style: { height: getRowHeight(rowIndex) } }), tableRowsData.length > 0 &&
-                    (0, tableUtils_1.getCellContentFromRowsData)({
-                        columnIndex: columnsData.findIndex((0, ramda_1.propEq)('id', columnId)),
-                        headData: columnsData,
-                        rowsData: tableRowsData,
-                        rowIndex: rowIndex,
-                        getHeightForSubRow: getHeightForSubRow
-                    }))));
-        };
-        CellRenderer.propTypes = {
-            columnId: prop_types_1.default.string,
-            rowIndex: prop_types_1.default.number
-        };
-        return { getRowHeight: getRowHeight, CellRenderer: CellRenderer };
-    }, [tableRowsData, defaultRowHeight, collapseContextValue, columnsData]);
+        return { getRowHeight: getRowHeight, collapseContextValue: collapseContextValue, getHeightForSubRow: getHeightForSubRow, tableRowsData: tableRowsData };
+    }, [tableRowsData, defaultRowHeight, collapseContextValue]);
 };
 exports.default = useBasicTableCellRenderer;

package/cjs/components/BasicTableView/BasicTable/hooks/useCollapsibleTableRows.d.ts

@@ -1,15 +1,18 @@
-export default useCollapsibleTableRows;
-declare function useCollapsibleTableRows({ rowsData, columnsData, renderRowCell, getRowCellHeight, maxRowValuesCount }: {
-    rowsData: any;
-    columnsData: any;
-    renderRowCell: any;
-    getRowCellHeight: any;
-    maxRowValuesCount: any;
-}): {
-    tableRowsData: any;
+import { ColumnData, ElementsRowsData, GetRowCellHeight, RenderRowCell, TableRowsData } from '../../types';
+type Props = {
+    rowsData: ElementsRowsData;
+    columnsData: ColumnData[];
+    renderRowCell: RenderRowCell;
+    getRowCellHeight: GetRowCellHeight;
+    maxRowValuesCount: number;
+};
+declare const useCollapsibleTableRows: ({ rowsData, columnsData, renderRowCell, getRowCellHeight, maxRowValuesCount }: Props) => {
+    tableRowsData: TableRowsData;
     collapseContextValue: {
-        toggleRowCollapse: (rowIndex: any) => void;
-        getIsRowCollapsible: (rowValue: any) => boolean;
-        getIsRowCollapsed: (rowIndex: any) => boolean;
+        maxRowValuesCount: number;
+        toggleRowCollapse: (rowIndex: number) => void;
+        getIsRowCollapsible: (rowValue: Record<string, unknown>) => boolean;
+        getIsRowCollapsed: (rowIndex: number) => boolean;
     };
 };
+export default useCollapsibleTableRows;

package/cjs/components/BasicTableView/BasicTable/hooks/useCollapsibleTableRows.js

@@ -24,16 +24,18 @@ var useCollapsibleTableRows = function (_a) {
         return !expandedIndexes.includes(rowIndex);
     }, [expandedIndexes]);
     var collapseContextValue = (0, react_1.useMemo)(function () { return ({
+        maxRowValuesCount: maxRowValuesCount,
         toggleRowCollapse: toggleRowCollapse,
         getIsRowCollapsible: getIsRowCollapsible,
         getIsRowCollapsed: getIsRowCollapsed
-    }); }, [toggleRowCollapse, getIsRowCollapsible, getIsRowCollapsed]);
+    }); }, [maxRowValuesCount, toggleRowCollapse, getIsRowCollapsible, getIsRowCollapsed]);
     var prevRowsData = (0, hooks_1.usePrevious)(rowsData);
     (0, hooks_1.useDidUpdateEffect)(function () {
         if (expandedIndexes.length > 0) {
             setExpandedIndexes((0, ramda_1.filter)(function (index) {
-                var rowValue = rowsData[index] || {};
-                var prevRowValue = prevRowsData[index] || {};
+                var _a, _b;
+                var rowValue = (_a = rowsData[index]) !== null && _a !== void 0 ? _a : {};
+                var prevRowValue = (_b = prevRowsData[index]) !== null && _b !== void 0 ? _b : {};
                 return rowValue.rawValue === prevRowValue.rawValue && getIsRowCollapsible(rowValue);
             }));
         }

package/cjs/components/BasicTableView/BasicTable/hooks/useDynamicRowCellHeight.js

@@ -25,7 +25,10 @@ var useDynamicRowCellHeight = function () {
         rowCellHeightsMapCache.current[key] = value;
     };
     var flushHeightUpdates = (0, react_1.useCallback)((0, mdm_sdk_1.debounce)(function () {
-        setRowCellHeightsMap(__assign({}, rowCellHeightsMapCache.current));
+        setRowCellHeightsMap(function (prev) {
+            var next = __assign({}, rowCellHeightsMapCache.current);
+            return (0, ramda_1.equals)(prev, next) ? prev : next;
+        });
     }), []);
     var clearHeightsCache = (0, react_1.useCallback)(function () {
         rowCellHeightsMapCache.current = {};

package/cjs/components/BasicTableView/ColumnFilter/helpers.d.ts

@@ -3,7 +3,7 @@ declare const columnFilterToMdmFilter: (columnData: ColumnData, columnFilter?: C
     fieldName: string;
     filter: string;
     values: unknown[];
-    type: string;
+    type: import("@reltio/mdm-sdk/src/types/data-types").default;
 };
 declare const mdmFilterToColumnFilter: ({ filter, values }: {
     filter: any;

package/cjs/components/BasicTableView/RowCellAutoSizer/RowCellAutoSizer.d.ts

@@ -1,13 +1,13 @@
+import { ReactNode } from 'react';
+import { ColumnData, RenderRowCellProps } from '../types';
+type OnChangeHeightProps = {
+    rowIndex: number;
+    cellIndex: number;
+    columnData: ColumnData;
+};
+type Props = {
+    onChangeHeight: (props: OnChangeHeightProps) => (size: number) => void;
+    children: ReactNode;
+} & RenderRowCellProps;
+declare const RowCellAutoSizer: ({ onChangeHeight, children: cell, ...cellProps }: Props) => JSX.Element;
 export default RowCellAutoSizer;
-declare function RowCellAutoSizer({ onChangeHeight, children: cell, ...cellProps }: {
-    [x: string]: any;
-    onChangeHeight: any;
-    children: any;
-}): JSX.Element;
-declare namespace RowCellAutoSizer {
-    namespace propTypes {
-        const onChangeHeight: PropTypes.Requireable<(...args: any[]) => any>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    }
-}
-import PropTypes from 'prop-types';

package/cjs/components/BasicTableView/RowCellAutoSizer/RowCellAutoSizer.js

@@ -38,23 +38,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var react_resize_detector_1 = __importDefault(require("react-resize-detector"));
-var RootRef_1 = __importDefault(require("@material-ui/core/RootRef"));
 var hooks_1 = require("../../../hooks");
 var RowCellAutoSizer = function (_a) {
     var onChangeHeight = _a.onChangeHeight, cell = _a.children, cellProps = __rest(_a, ["onChangeHeight", "children"]);
-    var cellRef = (0, react_1.useRef)(null);
+    var cellRef = (0, react_1.useRef)();
     var rowValue = cellProps.rowValue, rowIndex = cellProps.rowIndex, columnData = cellProps.columnData, cellIndex = cellProps.cellIndex;
     var changeCellHeight = onChangeHeight({ rowIndex: rowIndex, cellIndex: cellIndex, columnData: columnData });
     var adjustCellHeight = function () { return cellRef.current && changeCellHeight(cellRef.current.clientHeight); };
     (0, hooks_1.useDidUpdateEffect)(adjustCellHeight, [rowValue.rawValue]);
-    return (react_1.default.createElement("div", null,
+    return (react_1.default.createElement("div", { ref: cellRef },
         react_1.default.createElement(react_resize_detector_1.default, { handleHeight: true, onResize: adjustCellHeight }),
-        react_1.default.createElement(RootRef_1.default, { rootRef: cellRef }, cell)));
-};
-RowCellAutoSizer.propTypes = {
-    onChangeHeight: prop_types_1.default.func,
-    children: prop_types_1.default.node
+        cell));
 };
 exports.default = RowCellAutoSizer;

package/cjs/components/BasicTableView/index.d.ts

@@ -1,6 +1,8 @@
 export { default as BasicTable } from "./BasicTable/BasicTable";
+export { CellRenderer as BasicTableCellRenderer } from "./BasicTable/CellRenderer/CellRenderer";
 export { default as withTableContext } from "./BasicTable/HOCs/withTableContext";
 export { TableContext as BasicTableContext } from "./BasicTable/contexts/TableContext";
+export { RowCollapseContext as BasicTableRowCollapseContext } from "./BasicTable/contexts/RowCollapseContext";
 export { default as withFilterAtBottom } from "./BasicTable/HOCs/withFilterAtBottom";
 export { default as ColumnsSettings } from "./BasicTableHeader/ColumnsSettings/ColumnsSettings";
 export { default as FilterButton } from "./BasicTableHeader/FilterButton/FilterButton";

package/cjs/components/BasicTableView/index.js

@@ -17,13 +17,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CollapseRowButton = exports.RowCellAutoSizer = exports.basicTableViewState = exports.columnFilterToMdmFilter = exports.buildColumnsFilter = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.BasicTablePagination = exports.ColumnsSettingsPopup = exports.FilterButton = exports.ColumnsSettings = exports.withFilterAtBottom = exports.BasicTableContext = exports.withTableContext = exports.BasicTable = void 0;
+exports.CollapseRowButton = exports.RowCellAutoSizer = exports.basicTableViewState = exports.columnFilterToMdmFilter = exports.buildColumnsFilter = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.BasicTablePagination = exports.ColumnsSettingsPopup = exports.FilterButton = exports.ColumnsSettings = exports.withFilterAtBottom = exports.BasicTableRowCollapseContext = exports.BasicTableContext = exports.withTableContext = exports.BasicTableCellRenderer = exports.BasicTable = void 0;
 var BasicTable_1 = require("./BasicTable/BasicTable");
 Object.defineProperty(exports, "BasicTable", { enumerable: true, get: function () { return __importDefault(BasicTable_1).default; } });
+var CellRenderer_1 = require("./BasicTable/CellRenderer/CellRenderer");
+Object.defineProperty(exports, "BasicTableCellRenderer", { enumerable: true, get: function () { return CellRenderer_1.CellRenderer; } });
 var withTableContext_1 = require("./BasicTable/HOCs/withTableContext");
 Object.defineProperty(exports, "withTableContext", { enumerable: true, get: function () { return __importDefault(withTableContext_1).default; } });
 var TableContext_1 = require("./BasicTable/contexts/TableContext");
 Object.defineProperty(exports, "BasicTableContext", { enumerable: true, get: function () { return TableContext_1.TableContext; } });
+var RowCollapseContext_1 = require("./BasicTable/contexts/RowCollapseContext");
+Object.defineProperty(exports, "BasicTableRowCollapseContext", { enumerable: true, get: function () { return RowCollapseContext_1.RowCollapseContext; } });
 var withFilterAtBottom_1 = require("./BasicTable/HOCs/withFilterAtBottom");
 Object.defineProperty(exports, "withFilterAtBottom", { enumerable: true, get: function () { return __importDefault(withFilterAtBottom_1).default; } });
 var ColumnsSettings_1 = require("./BasicTableHeader/ColumnsSettings/ColumnsSettings");

package/cjs/components/BasicTableView/types/index.d.ts

@@ -1,3 +1,6 @@
+import React, { ReactNode } from 'react';
+import { DataTypeDefinition } from '@reltio/mdm-sdk';
+import useCollapsibleTableRows from '../BasicTable/hooks/useCollapsibleTableRows';
 export type Sorting = {
     field: string;
     order: 'asc' | 'desc';
@@ -9,13 +12,62 @@ export type ColumnFilter = {
 export type ColumnData = {
     id: string;
     label: string;
-    dataTypeDefinition?: {
-        type: string;
-        [key: string]: unknown;
-    };
+    description?: string;
+    dataTypeDefinition?: DataTypeDefinition;
     hideable?: boolean;
     autoResize?: boolean;
     initialWidth?: number;
+    minWidth?: number;
     sortable?: boolean;
     filterable?: boolean;
+    resizable?: boolean;
+    nestedPath?: string;
+    headCellRenderer?: React.ElementType;
+    rowCellValueRenderer?: React.ElementType;
+    draggable?: boolean;
+    filterOptions?: Array<{
+        value: string;
+        label: string;
+        dataTypeDefinition: DataTypeDefinition;
+    }>;
+    [key: string]: unknown;
+};
+export type CollapseContext = ReturnType<typeof useCollapsibleTableRows>['collapseContextValue'];
+export type RowValue = {
+    rawValue: unknown;
+    [key: string]: unknown;
+};
+export type ElementsRowsData = Array<RowValue>;
+export type TableRowsData = Array<{
+    data: Record<string, {
+        height: number;
+        indexPath?: Array<number>;
+        nestedKey?: string;
+        rowSpan?: number;
+        values: React.ReactNode;
+    }[]>;
+}>;
+type GetRowCellHeightArg = {
+    columnIndex: number;
+    columnData: ColumnData;
+    rowIndex: number;
+    rowValue: RowValue;
+    cellIndex: number;
+    cell: {
+        values: unknown[];
+        rowSpan: number;
+        height: number;
+    };
+};
+export type GetRowCellHeight = ({ columnIndex, columnData, rowIndex, rowValue, cellIndex, cell }: GetRowCellHeightArg) => number;
+export type RenderRowCellProps = {
+    columnIndex: number;
+    columnData: ColumnData;
+    rowIndex: number;
+    rowValue: RowValue;
+    cellIndex: number;
+    cell: ReactNode;
+    CellValueRenderer: (props: unknown) => JSX.Element;
 };
+export type RenderRowCell = ({ columnIndex, columnData, rowIndex, rowValue, cellIndex, cell, CellValueRenderer }: RenderRowCellProps) => JSX.Element;
+export {};

package/cjs/components/RelationEditor/RelationEditor.d.ts

@@ -1,5 +1,5 @@
 declare const _default: React.ComponentType<{
     [x: string]: unknown;
-}> | ((props: any) => JSX.Element);
+}>;
 export default _default;
 import React from 'react';

package/cjs/components/RelationEditor/index.d.ts

@@ -1,6 +1,6 @@
 export { RelationEditor };
 declare const _default: import("react-redux").ConnectedComponent<import("react").ComponentType<{
     [x: string]: unknown;
-}> | ((props: any) => JSX.Element), any>;
+}>, any>;
 export default _default;
 import RelationEditor from './RelationEditor';

package/cjs/components/attributes/editMode/AttributesList/AttributesList.d.ts

@@ -1,5 +1,5 @@
 declare const _default: React.ComponentType<{
     [x: string]: unknown;
-}> | ((props: any) => JSX.Element);
+}>;
 export default _default;
 import React from 'react';

package/cjs/components/attributes/editMode/AttributesPager/AttributesPager.d.ts

@@ -36,5 +36,5 @@ declare const _default: React.ComponentType<{
         highlightAttribute?: (element: unknown) => void;
         scrollIntoRef: (ref: React.MutableRefObject<HTMLDivElement>) => void;
     };
-}> | ((props: any) => JSX.Element);
+}>;
 export default _default;

package/cjs/components/attributes/editMode/AttributesPager/SpecialRenderer.d.ts

@@ -15,5 +15,5 @@ type Props = {
     highlightedAttribute?: React.ContextType<typeof ScrollToElementContext>;
 };
 export declare const SpecialRenderer: ({ values, attributeType, parentUri, mode, errorMessage, onDeleteAttribute, onChangeAttribute, showEmptyEditors, hasDeletions: hasDeletionsProp, setHasDeletions, highlightedAttribute, ...otherProps }: Props) => JSX.Element;
-declare const _default: React.ComponentType<Props> | ((props: any) => JSX.Element);
+declare const _default: React.ComponentType<Props>;
 export default _default;

package/cjs/components/attributes/editMode/AttributesPager/index.d.ts

@@ -33,5 +33,7 @@ type OwnProps = {
 };
 export type AttributePagerProps = StateProps & DispatchProps & OwnProps;
 export { AttributesPager, CardinalityMessage };
-declare const _default: import("react-redux").ConnectedComponent<import("react").ComponentType<StateProps & DispatchProps & OwnProps> | ((props: any) => JSX.Element), import("react-redux").Omit<any, "max" | "errors" | "errorMessage" | "requestNextPageOfAttributeValues" | "onDeactivateError"> & OwnProps>;
+declare const _default: import("react-redux").ConnectedComponent<import("react").ComponentType<StateProps & DispatchProps & OwnProps>, (import("react-redux").Omit<import("react").ClassAttributes<import("react").Component<StateProps & DispatchProps & OwnProps, any, any>> & StateProps & DispatchProps & OwnProps, "max" | "errors" | "errorMessage" | "requestNextPageOfAttributeValues" | "onDeactivateError"> | import("react-redux").Omit<StateProps & DispatchProps & OwnProps & {
+    children?: import("react").ReactNode;
+}, "max" | "errors" | "errorMessage" | "requestNextPageOfAttributeValues" | "onDeactivateError">) & OwnProps>;
 export default _default;

package/cjs/components/attributes/editMode/ComplexAttribute/ComplexAttribute.d.ts

@@ -1,5 +1,5 @@
 declare const _default: React.ComponentType<{
     [x: string]: unknown;
-}> | ((props: any) => JSX.Element);
+}>;
 export default _default;
 import React from 'react';

package/cjs/components/attributes/editMode/ReferenceAttribute/ReferenceAttribute.d.ts

@@ -1,3 +1,3 @@
-declare const _default: React.ComponentType<any> | ((props: any) => JSX.Element);
+declare const _default: React.ComponentType<any>;
 export default _default;
 import React from 'react';

package/cjs/components/attributes/editMode/ReferenceAttribute/index.d.ts

@@ -1,4 +1,4 @@
 export { ReferenceAttribute };
-declare const _default: import("react-redux").ConnectedComponent<import("react").ComponentType<any> | ((props: any) => JSX.Element), any>;
+declare const _default: import("react-redux").ConnectedComponent<import("react").ComponentType<any>, any>;
 export default _default;
 import ReferenceAttribute from './ReferenceAttribute';

package/cjs/components/charts/TableWithBars/cell-renderers/AttributeCellRenderer.d.ts

@@ -6,5 +6,5 @@ type Props = {
 export declare const AttributeCellRenderer: ({ value, onClick }: Props) => JSX.Element;
 declare const _default: React.ComponentType<{
     [x: string]: unknown;
-}> | ((props: any) => JSX.Element);
+}>;
 export default _default;

package/cjs/components/crosswalks/AttributesTable/AddAttributesButton/AddAttributesButton.d.ts

@@ -11,5 +11,5 @@ type Props = {
 export declare const AddAttributesButton: ({ parentTypeUri, parentUri, selectedAttributeTypes, onSelectAttributeTypes, onAdd }: Props) => JSX.Element;
 declare const _default: React.ComponentType<{
     [x: string]: unknown;
-}> | ((props: any) => JSX.Element);
+}>;
 export default _default;

package/cjs/components/crosswalks/AttributesTable/cell-renderers/AttributeValuesRenderer.d.ts

@@ -18,5 +18,5 @@ type Props = {
 export declare const AttributeValuesRenderer: ({ value, onDelete, onEdit, onPin, onIgnore, onAdd, parentUri, readOnly }: Props) => JSX.Element;
 declare const _default: import("react").ComponentType<{
     [x: string]: unknown;
-}> | ((props: any) => JSX.Element);
+}>;
 export default _default;

package/cjs/components/crosswalks/AttributesTable/cell-renderers/AttributesHeadCellRenderer.d.ts

@@ -8,5 +8,5 @@ type Props = {
 export declare const AttributesHeadCellRenderer: ({ readOnly, ...props }: Props) => JSX.Element;
 declare const _default: React.ComponentType<{
     [x: string]: unknown;
-}> | ((props: any) => JSX.Element);
+}>;
 export default _default;

package/cjs/hooks/usePrevious.d.ts

@@ -1 +1 @@
-export function usePrevious(value: any): undefined;
+export declare const usePrevious: <T>(value: T) => T;

package/esm/HOCs/withContext/withContext.d.ts

@@ -1,4 +1,4 @@
 import React, { Context as ContextType, ComponentType } from 'react';
 type AnyObject = Record<string, unknown>;
-export declare const withContext: <C extends unknown, P extends AnyObject, SP extends AnyObject>(Context: React.Context<C>, contextSelector: (state: C, props?: P) => SP, Component: React.ComponentType<P>) => React.ComponentType<P> | ((props: any) => JSX.Element);
+export declare const withContext: <C extends unknown, P extends AnyObject, SP extends AnyObject>(Context: React.Context<C>, contextSelector: (state: C, props?: P) => SP, Component: React.ComponentType<P>) => React.ComponentType<P>;
 export {};

package/esm/components/BasicTableView/BasicTable/CellRenderer/CellRenderer.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { CollapseContext, ColumnData, TableRowsData } from '../../types';
+type Props = {
+    columnId: string;
+    rowIndex: number;
+    collapseContextValue: CollapseContext;
+    getRowHeight: (rowIndex: number) => number;
+    getHeightForSubRow: (rowIndex: number, columnIndex: number, subRowIndex: number) => number;
+    tableRowsData: TableRowsData;
+    columnsData: ColumnData[];
+};
+export declare const CellRenderer: ({ columnId, rowIndex, collapseContextValue, getRowHeight, tableRowsData, columnsData, getHeightForSubRow, ...otherProps }: Props) => JSX.Element;
+export {};

package/esm/components/BasicTableView/BasicTable/CellRenderer/CellRenderer.js

@@ -0,0 +1,38 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { propEq } from 'ramda';
+import React from 'react';
+import { RowCollapseContext } from '../contexts/RowCollapseContext';
+import { getCellContentFromRowsData } from 'react-components/dist/Table/tableUtils';
+export var CellRenderer = function (_a) {
+    var columnId = _a.columnId, rowIndex = _a.rowIndex, collapseContextValue = _a.collapseContextValue, getRowHeight = _a.getRowHeight, tableRowsData = _a.tableRowsData, columnsData = _a.columnsData, getHeightForSubRow = _a.getHeightForSubRow, otherProps = __rest(_a, ["columnId", "rowIndex", "collapseContextValue", "getRowHeight", "tableRowsData", "columnsData", "getHeightForSubRow"]);
+    return (React.createElement(RowCollapseContext.Provider, { value: collapseContextValue },
+        React.createElement("div", __assign({}, otherProps, { style: { height: getRowHeight(rowIndex) } }), tableRowsData.length > 0 &&
+            getCellContentFromRowsData({
+                columnIndex: columnsData.findIndex(propEq('id', columnId)),
+                headData: columnsData,
+                rowsData: tableRowsData,
+                rowIndex: rowIndex,
+                getHeightForSubRow: getHeightForSubRow
+            }))));
+};

package/esm/components/BasicTableView/BasicTable/HOCs/withTableContext.d.ts

@@ -1,4 +1,4 @@
 export default withTableContext;
 declare function withTableContext(contextSelector: any): (CellRenderer: any) => import("react").ComponentType<{
     [x: string]: unknown;
-}> | ((props: any) => JSX.Element);
+}>;

package/esm/components/BasicTableView/BasicTable/helpers/defaultGetRowCellHeight.js

@@ -11,6 +11,8 @@ var defaultGetRowCellHeight = function (_a) {
             return BLOB_HEIGHT * valuesCount;
         case DataTypes.TYPE_IMAGE:
             return (PADDING + IMAGE_HEIGHT) * valuesCount + PADDING;
+        case DataTypes.TYPE_REFERENCE:
+            return 48 * Math.max(valuesCount, 1);
         default:
             return 33 * Math.max(valuesCount, 1) + PADDING;
     }

package/esm/components/BasicTableView/BasicTable/hooks/useBasicTableCellRenderer.d.ts

@@ -1,5 +1,4 @@
-export default useBasicTableCellRenderer;
-declare function useBasicTableCellRenderer({ rowsData, columnsData, renderRowCell, getRowCellHeight, defaultRowHeight, maxRowValuesCount }: {
+declare const useBasicTableCellRenderer: ({ rowsData, columnsData, renderRowCell, getRowCellHeight, defaultRowHeight, maxRowValuesCount }: {
     rowsData: any;
     columnsData: any;
     renderRowCell?: ({ cell, CellValueRenderer, ...otherProps }: {
@@ -13,18 +12,15 @@ declare function useBasicTableCellRenderer({ rowsData, columnsData, renderRowCel
     }) => number;
     defaultRowHeight?: number;
     maxRowValuesCount?: number;
-}): {
-    getRowHeight: (rowIndex: any) => any;
-    CellRenderer: {
-        ({ columnId, rowIndex, ...otherProps }: {
-            [x: string]: any;
-            columnId: any;
-            rowIndex: any;
-        }): JSX.Element;
-        propTypes: {
-            columnId: PropTypes.Requireable<string>;
-            rowIndex: PropTypes.Requireable<number>;
-        };
+}) => {
+    getRowHeight: (rowIndex: number) => number;
+    collapseContextValue: {
+        maxRowValuesCount: number;
+        toggleRowCollapse: (rowIndex: number) => void;
+        getIsRowCollapsible: (rowValue: Record<string, unknown>) => boolean;
+        getIsRowCollapsed: (rowIndex: number) => boolean;
     };
+    getHeightForSubRow: (rowIndex: any, columnIndex: any, subRowIndex: any) => any;
+    tableRowsData: import("../..").TableRowsData;
 };
-import PropTypes from 'prop-types';
+export default useBasicTableCellRenderer;

package/esm/components/BasicTableView/BasicTable/hooks/useBasicTableCellRenderer.js

@@ -1,33 +1,9 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { useMemo } from 'react';
-import PropTypes from 'prop-types';
-import { calculateRowHeight, getCellContentFromRowsData } from 'react-components/dist/Table/tableUtils';
+import { useMemo } from 'react';
+import { calculateRowHeight } from 'react-components/dist/Table/tableUtils';
 import defaultRenderRowCell from '../helpers/defaultRenderRowCell';
 import defaultGetRowCellHeight from '../helpers/defaultGetRowCellHeight';
-import { pathOr, propEq } from 'ramda';
+import { pathOr } from 'ramda';
 import useCollapsibleTableRows from './useCollapsibleTableRows';
-import { RowCollapseContext } from '../contexts/RowCollapseContext';
 var useBasicTableCellRenderer = function (_a) {
     var rowsData = _a.rowsData, columnsData = _a.columnsData, _b = _a.renderRowCell, renderRowCell = _b === void 0 ? defaultRenderRowCell : _b, _c = _a.getRowCellHeight, getRowCellHeight = _c === void 0 ? defaultGetRowCellHeight : _c, _d = _a.defaultRowHeight, defaultRowHeight = _d === void 0 ? 48 : _d, _e = _a.maxRowValuesCount, maxRowValuesCount = _e === void 0 ? Infinity : _e;
     var _f = useCollapsibleTableRows({
@@ -48,23 +24,7 @@ var useBasicTableCellRenderer = function (_a) {
             return pathOr(0, heightPath, rowHeightCache);
         };
         var getRowHeight = function (rowIndex) { return pathOr(0, [rowIndex, 'height'], rowHeightCache); };
-        var CellRenderer = function (_a) {
-            var columnId = _a.columnId, rowIndex = _a.rowIndex, otherProps = __rest(_a, ["columnId", "rowIndex"]);
-            return (React.createElement(RowCollapseContext.Provider, { value: collapseContextValue },
-                React.createElement("div", __assign({}, otherProps, { style: { height: getRowHeight(rowIndex) } }), tableRowsData.length > 0 &&
-                    getCellContentFromRowsData({
-                        columnIndex: columnsData.findIndex(propEq('id', columnId)),
-                        headData: columnsData,
-                        rowsData: tableRowsData,
-                        rowIndex: rowIndex,
-                        getHeightForSubRow: getHeightForSubRow
-                    }))));
-        };
-        CellRenderer.propTypes = {
-            columnId: PropTypes.string,
-            rowIndex: PropTypes.number
-        };
-        return { getRowHeight: getRowHeight, CellRenderer: CellRenderer };
-    }, [tableRowsData, defaultRowHeight, collapseContextValue, columnsData]);
+        return { getRowHeight: getRowHeight, collapseContextValue: collapseContextValue, getHeightForSubRow: getHeightForSubRow, tableRowsData: tableRowsData };
+    }, [tableRowsData, defaultRowHeight, collapseContextValue]);
 };
 export default useBasicTableCellRenderer;

package/esm/components/BasicTableView/BasicTable/hooks/useCollapsibleTableRows.d.ts

@@ -1,15 +1,18 @@
-export default useCollapsibleTableRows;
-declare function useCollapsibleTableRows({ rowsData, columnsData, renderRowCell, getRowCellHeight, maxRowValuesCount }: {
-    rowsData: any;
-    columnsData: any;
-    renderRowCell: any;
-    getRowCellHeight: any;
-    maxRowValuesCount: any;
-}): {
-    tableRowsData: any;
+import { ColumnData, ElementsRowsData, GetRowCellHeight, RenderRowCell, TableRowsData } from '../../types';
+type Props = {
+    rowsData: ElementsRowsData;
+    columnsData: ColumnData[];
+    renderRowCell: RenderRowCell;
+    getRowCellHeight: GetRowCellHeight;
+    maxRowValuesCount: number;
+};
+declare const useCollapsibleTableRows: ({ rowsData, columnsData, renderRowCell, getRowCellHeight, maxRowValuesCount }: Props) => {
+    tableRowsData: TableRowsData;
     collapseContextValue: {
-        toggleRowCollapse: (rowIndex: any) => void;
-        getIsRowCollapsible: (rowValue: any) => boolean;
-        getIsRowCollapsed: (rowIndex: any) => boolean;
+        maxRowValuesCount: number;
+        toggleRowCollapse: (rowIndex: number) => void;
+        getIsRowCollapsible: (rowValue: Record<string, unknown>) => boolean;
+        getIsRowCollapsed: (rowIndex: number) => boolean;
     };
 };
+export default useCollapsibleTableRows;

package/esm/components/BasicTableView/BasicTable/hooks/useCollapsibleTableRows.js

@@ -22,16 +22,18 @@ var useCollapsibleTableRows = function (_a) {
         return !expandedIndexes.includes(rowIndex);
     }, [expandedIndexes]);
     var collapseContextValue = useMemo(function () { return ({
+        maxRowValuesCount: maxRowValuesCount,
         toggleRowCollapse: toggleRowCollapse,
         getIsRowCollapsible: getIsRowCollapsible,
         getIsRowCollapsed: getIsRowCollapsed
-    }); }, [toggleRowCollapse, getIsRowCollapsible, getIsRowCollapsed]);
+    }); }, [maxRowValuesCount, toggleRowCollapse, getIsRowCollapsible, getIsRowCollapsed]);
     var prevRowsData = usePrevious(rowsData);
     useDidUpdateEffect(function () {
         if (expandedIndexes.length > 0) {
             setExpandedIndexes(filter(function (index) {
-                var rowValue = rowsData[index] || {};
-                var prevRowValue = prevRowsData[index] || {};
+                var _a, _b;
+                var rowValue = (_a = rowsData[index]) !== null && _a !== void 0 ? _a : {};
+                var prevRowValue = (_b = prevRowsData[index]) !== null && _b !== void 0 ? _b : {};
                 return rowValue.rawValue === prevRowValue.rawValue && getIsRowCollapsible(rowValue);
             }));
         }

package/esm/components/BasicTableView/BasicTable/hooks/useDynamicRowCellHeight.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { useCallback, useRef, useState } from 'react';
-import { __, curry, identity, pipe, prop, useWith } from 'ramda';
+import { __, curry, identity, pipe, prop, useWith, equals } from 'ramda';
 import { debounce } from '@reltio/mdm-sdk';
 var getRowCellKey = function (_a) {
     var rowIndex = _a.rowIndex, id = _a.columnData.id, cellIndex = _a.cellIndex;
@@ -23,7 +23,10 @@ var useDynamicRowCellHeight = function () {
         rowCellHeightsMapCache.current[key] = value;
     };
     var flushHeightUpdates = useCallback(debounce(function () {
-        setRowCellHeightsMap(__assign({}, rowCellHeightsMapCache.current));
+        setRowCellHeightsMap(function (prev) {
+            var next = __assign({}, rowCellHeightsMapCache.current);
+            return equals(prev, next) ? prev : next;
+        });
     }), []);
     var clearHeightsCache = useCallback(function () {
         rowCellHeightsMapCache.current = {};

package/esm/components/BasicTableView/ColumnFilter/helpers.d.ts

@@ -3,7 +3,7 @@ declare const columnFilterToMdmFilter: (columnData: ColumnData, columnFilter?: C
     fieldName: string;
     filter: string;
     values: unknown[];
-    type: string;
+    type: import("@reltio/mdm-sdk/src/types/data-types").default;
 };
 declare const mdmFilterToColumnFilter: ({ filter, values }: {
     filter: any;

package/esm/components/BasicTableView/RowCellAutoSizer/RowCellAutoSizer.d.ts

@@ -1,13 +1,13 @@
+import { ReactNode } from 'react';
+import { ColumnData, RenderRowCellProps } from '../types';
+type OnChangeHeightProps = {
+    rowIndex: number;
+    cellIndex: number;
+    columnData: ColumnData;
+};
+type Props = {
+    onChangeHeight: (props: OnChangeHeightProps) => (size: number) => void;
+    children: ReactNode;
+} & RenderRowCellProps;
+declare const RowCellAutoSizer: ({ onChangeHeight, children: cell, ...cellProps }: Props) => JSX.Element;
 export default RowCellAutoSizer;
-declare function RowCellAutoSizer({ onChangeHeight, children: cell, ...cellProps }: {
-    [x: string]: any;
-    onChangeHeight: any;
-    children: any;
-}): JSX.Element;
-declare namespace RowCellAutoSizer {
-    namespace propTypes {
-        const onChangeHeight: PropTypes.Requireable<(...args: any[]) => any>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    }
-}
-import PropTypes from 'prop-types';

package/esm/components/BasicTableView/RowCellAutoSizer/RowCellAutoSizer.js

@@ -10,23 +10,17 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { useRef } from 'react';
-import PropTypes from 'prop-types';
 import ReactResizeDetector from 'react-resize-detector';
-import RootRef from '@material-ui/core/RootRef';
 import { useDidUpdateEffect } from '../../../hooks';
 var RowCellAutoSizer = function (_a) {
     var onChangeHeight = _a.onChangeHeight, cell = _a.children, cellProps = __rest(_a, ["onChangeHeight", "children"]);
-    var cellRef = useRef(null);
+    var cellRef = useRef();
     var rowValue = cellProps.rowValue, rowIndex = cellProps.rowIndex, columnData = cellProps.columnData, cellIndex = cellProps.cellIndex;
     var changeCellHeight = onChangeHeight({ rowIndex: rowIndex, cellIndex: cellIndex, columnData: columnData });
     var adjustCellHeight = function () { return cellRef.current && changeCellHeight(cellRef.current.clientHeight); };
     useDidUpdateEffect(adjustCellHeight, [rowValue.rawValue]);
-    return (React.createElement("div", null,
+    return (React.createElement("div", { ref: cellRef },
         React.createElement(ReactResizeDetector, { handleHeight: true, onResize: adjustCellHeight }),
-        React.createElement(RootRef, { rootRef: cellRef }, cell)));
-};
-RowCellAutoSizer.propTypes = {
-    onChangeHeight: PropTypes.func,
-    children: PropTypes.node
+        cell));
 };
 export default RowCellAutoSizer;

package/esm/components/BasicTableView/index.d.ts

@@ -1,6 +1,8 @@
 export { default as BasicTable } from "./BasicTable/BasicTable";
+export { CellRenderer as BasicTableCellRenderer } from "./BasicTable/CellRenderer/CellRenderer";
 export { default as withTableContext } from "./BasicTable/HOCs/withTableContext";
 export { TableContext as BasicTableContext } from "./BasicTable/contexts/TableContext";
+export { RowCollapseContext as BasicTableRowCollapseContext } from "./BasicTable/contexts/RowCollapseContext";
 export { default as withFilterAtBottom } from "./BasicTable/HOCs/withFilterAtBottom";
 export { default as ColumnsSettings } from "./BasicTableHeader/ColumnsSettings/ColumnsSettings";
 export { default as FilterButton } from "./BasicTableHeader/FilterButton/FilterButton";

package/esm/components/BasicTableView/index.js

@@ -1,6 +1,8 @@
 export { default as BasicTable } from './BasicTable/BasicTable';
+export { CellRenderer as BasicTableCellRenderer } from './BasicTable/CellRenderer/CellRenderer';
 export { default as withTableContext } from './BasicTable/HOCs/withTableContext';
 export { TableContext as BasicTableContext } from './BasicTable/contexts/TableContext';
+export { RowCollapseContext as BasicTableRowCollapseContext } from './BasicTable/contexts/RowCollapseContext';
 export { default as withFilterAtBottom } from './BasicTable/HOCs/withFilterAtBottom';
 export { default as ColumnsSettings } from './BasicTableHeader/ColumnsSettings/ColumnsSettings';
 export { default as FilterButton } from './BasicTableHeader/FilterButton/FilterButton';

package/esm/components/BasicTableView/types/index.d.ts

@@ -1,3 +1,6 @@
+import React, { ReactNode } from 'react';
+import { DataTypeDefinition } from '@reltio/mdm-sdk';
+import useCollapsibleTableRows from '../BasicTable/hooks/useCollapsibleTableRows';
 export type Sorting = {
     field: string;
     order: 'asc' | 'desc';
@@ -9,13 +12,62 @@ export type ColumnFilter = {
 export type ColumnData = {
     id: string;
     label: string;
-    dataTypeDefinition?: {
-        type: string;
-        [key: string]: unknown;
-    };
+    description?: string;
+    dataTypeDefinition?: DataTypeDefinition;
     hideable?: boolean;
     autoResize?: boolean;
     initialWidth?: number;
+    minWidth?: number;
     sortable?: boolean;
     filterable?: boolean;
+    resizable?: boolean;
+    nestedPath?: string;
+    headCellRenderer?: React.ElementType;
+    rowCellValueRenderer?: React.ElementType;
+    draggable?: boolean;
+    filterOptions?: Array<{
+        value: string;
+        label: string;
+        dataTypeDefinition: DataTypeDefinition;
+    }>;
+    [key: string]: unknown;
+};
+export type CollapseContext = ReturnType<typeof useCollapsibleTableRows>['collapseContextValue'];
+export type RowValue = {
+    rawValue: unknown;
+    [key: string]: unknown;
+};
+export type ElementsRowsData = Array<RowValue>;
+export type TableRowsData = Array<{
+    data: Record<string, {
+        height: number;
+        indexPath?: Array<number>;
+        nestedKey?: string;
+        rowSpan?: number;
+        values: React.ReactNode;
+    }[]>;
+}>;
+type GetRowCellHeightArg = {
+    columnIndex: number;
+    columnData: ColumnData;
+    rowIndex: number;
+    rowValue: RowValue;
+    cellIndex: number;
+    cell: {
+        values: unknown[];
+        rowSpan: number;
+        height: number;
+    };
+};
+export type GetRowCellHeight = ({ columnIndex, columnData, rowIndex, rowValue, cellIndex, cell }: GetRowCellHeightArg) => number;
+export type RenderRowCellProps = {
+    columnIndex: number;
+    columnData: ColumnData;
+    rowIndex: number;
+    rowValue: RowValue;
+    cellIndex: number;
+    cell: ReactNode;
+    CellValueRenderer: (props: unknown) => JSX.Element;
 };
+export type RenderRowCell = ({ columnIndex, columnData, rowIndex, rowValue, cellIndex, cell, CellValueRenderer }: RenderRowCellProps) => JSX.Element;
+export {};

package/esm/components/RelationEditor/RelationEditor.d.ts

@@ -1,5 +1,5 @@
 declare const _default: React.ComponentType<{
     [x: string]: unknown;
-}> | ((props: any) => JSX.Element);
+}>;
 export default _default;
 import React from 'react';

package/esm/components/RelationEditor/index.d.ts

@@ -1,6 +1,6 @@
 export { RelationEditor };
 declare const _default: import("react-redux").ConnectedComponent<import("react").ComponentType<{
     [x: string]: unknown;
-}> | ((props: any) => JSX.Element), any>;
+}>, any>;
 export default _default;
 import RelationEditor from './RelationEditor';

package/esm/components/attributes/editMode/AttributesList/AttributesList.d.ts

@@ -1,5 +1,5 @@
 declare const _default: React.ComponentType<{
     [x: string]: unknown;
-}> | ((props: any) => JSX.Element);
+}>;
 export default _default;
 import React from 'react';

package/esm/components/attributes/editMode/AttributesPager/AttributesPager.d.ts

@@ -36,5 +36,5 @@ declare const _default: React.ComponentType<{
         highlightAttribute?: (element: unknown) => void;
         scrollIntoRef: (ref: React.MutableRefObject<HTMLDivElement>) => void;
     };
-}> | ((props: any) => JSX.Element);
+}>;
 export default _default;

package/esm/components/attributes/editMode/AttributesPager/SpecialRenderer.d.ts

@@ -15,5 +15,5 @@ type Props = {
     highlightedAttribute?: React.ContextType<typeof ScrollToElementContext>;
 };
 export declare const SpecialRenderer: ({ values, attributeType, parentUri, mode, errorMessage, onDeleteAttribute, onChangeAttribute, showEmptyEditors, hasDeletions: hasDeletionsProp, setHasDeletions, highlightedAttribute, ...otherProps }: Props) => JSX.Element;
-declare const _default: React.ComponentType<Props> | ((props: any) => JSX.Element);
+declare const _default: React.ComponentType<Props>;
 export default _default;

package/esm/components/attributes/editMode/AttributesPager/index.d.ts

@@ -33,5 +33,7 @@ type OwnProps = {
 };
 export type AttributePagerProps = StateProps & DispatchProps & OwnProps;
 export { AttributesPager, CardinalityMessage };
-declare const _default: import("react-redux").ConnectedComponent<import("react").ComponentType<StateProps & DispatchProps & OwnProps> | ((props: any) => JSX.Element), import("react-redux").Omit<any, "max" | "errors" | "errorMessage" | "requestNextPageOfAttributeValues" | "onDeactivateError"> & OwnProps>;
+declare const _default: import("react-redux").ConnectedComponent<import("react").ComponentType<StateProps & DispatchProps & OwnProps>, (import("react-redux").Omit<import("react").ClassAttributes<import("react").Component<StateProps & DispatchProps & OwnProps, any, any>> & StateProps & DispatchProps & OwnProps, "max" | "errors" | "errorMessage" | "requestNextPageOfAttributeValues" | "onDeactivateError"> | import("react-redux").Omit<StateProps & DispatchProps & OwnProps & {
+    children?: import("react").ReactNode;
+}, "max" | "errors" | "errorMessage" | "requestNextPageOfAttributeValues" | "onDeactivateError">) & OwnProps>;
 export default _default;

package/esm/components/attributes/editMode/ComplexAttribute/ComplexAttribute.d.ts

@@ -1,5 +1,5 @@
 declare const _default: React.ComponentType<{
     [x: string]: unknown;
-}> | ((props: any) => JSX.Element);
+}>;
 export default _default;
 import React from 'react';

package/esm/components/attributes/editMode/ReferenceAttribute/ReferenceAttribute.d.ts

@@ -1,3 +1,3 @@
-declare const _default: React.ComponentType<any> | ((props: any) => JSX.Element);
+declare const _default: React.ComponentType<any>;
 export default _default;
 import React from 'react';

package/esm/components/attributes/editMode/ReferenceAttribute/index.d.ts

@@ -1,4 +1,4 @@
 export { ReferenceAttribute };
-declare const _default: import("react-redux").ConnectedComponent<import("react").ComponentType<any> | ((props: any) => JSX.Element), any>;
+declare const _default: import("react-redux").ConnectedComponent<import("react").ComponentType<any>, any>;
 export default _default;
 import ReferenceAttribute from './ReferenceAttribute';

package/esm/components/charts/TableWithBars/cell-renderers/AttributeCellRenderer.d.ts

@@ -6,5 +6,5 @@ type Props = {
 export declare const AttributeCellRenderer: ({ value, onClick }: Props) => JSX.Element;
 declare const _default: React.ComponentType<{
     [x: string]: unknown;
-}> | ((props: any) => JSX.Element);
+}>;
 export default _default;

package/esm/components/crosswalks/AttributesTable/AddAttributesButton/AddAttributesButton.d.ts

@@ -11,5 +11,5 @@ type Props = {
 export declare const AddAttributesButton: ({ parentTypeUri, parentUri, selectedAttributeTypes, onSelectAttributeTypes, onAdd }: Props) => JSX.Element;
 declare const _default: React.ComponentType<{
     [x: string]: unknown;
-}> | ((props: any) => JSX.Element);
+}>;
 export default _default;

package/esm/components/crosswalks/AttributesTable/cell-renderers/AttributeValuesRenderer.d.ts

@@ -18,5 +18,5 @@ type Props = {
 export declare const AttributeValuesRenderer: ({ value, onDelete, onEdit, onPin, onIgnore, onAdd, parentUri, readOnly }: Props) => JSX.Element;
 declare const _default: import("react").ComponentType<{
     [x: string]: unknown;
-}> | ((props: any) => JSX.Element);
+}>;
 export default _default;

package/esm/components/crosswalks/AttributesTable/cell-renderers/AttributesHeadCellRenderer.d.ts

@@ -8,5 +8,5 @@ type Props = {
 export declare const AttributesHeadCellRenderer: ({ readOnly, ...props }: Props) => JSX.Element;
 declare const _default: React.ComponentType<{
     [x: string]: unknown;
-}> | ((props: any) => JSX.Element);
+}>;
 export default _default;

package/esm/hooks/usePrevious.d.ts

@@ -1 +1 @@
-export function usePrevious(value: any): undefined;
+export declare const usePrevious: <T>(value: T) => T;

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1555",
+  "version": "1.4.1557",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-module": "^1.4.1555",
-    "@reltio/mdm-sdk": "^1.4.1555",
+    "@reltio/mdm-module": "^1.4.1557",
+    "@reltio/mdm-sdk": "^1.4.1557",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",