@reltio/components 1.4.2270 → 1.4.2272

package/cjs/ProfilesList/ProfilesList.d.ts

@@ -7,7 +7,7 @@ type Props = {
     onEntityClick?: (entityUri: string) => void;
     onEntityHover?: (entityUri: string) => void;
     entitiesImportStatus?: Record<string, string>;
-    entityButtonsRenderer?: (entity: Entity) => void;
+    entityButtonsRenderer?: (entity: Entity) => React.ReactNode;
 };
 export declare const ProfilesList: ({ entities, entityToHighlight, selectedEntityUri, onEntityClick, onEntityHover, entitiesImportStatus, entityButtonsRenderer }: Props) => React.JSX.Element;
 export {};

package/cjs/RCTree/RCTree.d.ts

@@ -1,6 +1,5 @@
-import { TreeNodeProps } from 'rc-tree';
 import React from 'react';
-import { InternalRCNode, RCTreeNode } from './types';
+import { RCTreeNode, RCTreeSwitcherNodeProps } from './types';
 type Props<Node extends RCTreeNode> = {
     treeData: Node[];
     renderNode?: (node: Node) => React.ReactElement;
@@ -16,12 +15,12 @@ type Props<Node extends RCTreeNode> = {
     onLoadChildren?: (treeNode: Node) => Promise<void>;
     defaultExpandAll?: boolean;
     SwitchRenderer?: (props: {
-        node: InternalRCNode<Node>;
+        node: RCTreeSwitcherNodeProps<Node>;
     }) => React.ReactElement;
     LevelLinesRenderer?: (props: any) => React.ReactElement;
     className?: string;
     minItemHeight?: number;
-    isLeaf?: (node: TreeNodeProps & Record<string, unknown>) => boolean;
+    isLeaf?: (node: Node) => boolean;
     scrollToNode?: Node;
     onChange?: (node: Node[]) => void;
     height?: number;

package/cjs/RCTree/RCTree.js

@@ -44,15 +44,17 @@ var rc_tree_1 = __importDefault(require("rc-tree"));
 var react_1 = __importStar(require("react"));
 var DragIndicator_1 = __importDefault(require("@mui/icons-material/DragIndicator"));
 var react_resize_detector_1 = __importDefault(require("react-resize-detector"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var RCTreeSwitchRenderer_1 = require("./RCTreeSwitchRenderer");
 var RCTreeLevelLines_1 = require("./RCTreeLevelLines");
 var helper_1 = require("./helper");
 var useDnd_1 = require("./useDnd");
 var styles_1 = require("./styles");
 var MIN_ROW_HEIGHT = 28;
+var returnFalse = function () { return false; };
 var RCTree = function (_a) {
     var _b;
-    var treeData = _a.treeData, _c = _a.isVirtualized, isVirtualized = _c === void 0 ? true : _c, _d = _a.canDrag, canDragProp = _d === void 0 ? function () { return false; } : _d, _e = _a.canDrop, canDrop = _e === void 0 ? function () { return false; } : _e, _f = _a.onDrop, onDrop = _f === void 0 ? function () { } : _f, onLoadChildren = _a.onLoadChildren, _g = _a.defaultExpandAll, defaultExpandAll = _g === void 0 ? false : _g, _h = _a.SwitchRenderer, SwitchRenderer = _h === void 0 ? RCTreeSwitchRenderer_1.RCTreeSwitchRenderer : _h, _j = _a.LevelLinesRenderer, LevelLinesRenderer = _j === void 0 ? RCTreeLevelLines_1.RCTreeLevelLines : _j, className = _a.className, renderNode = _a.renderNode, _k = _a.minItemHeight, minItemHeight = _k === void 0 ? MIN_ROW_HEIGHT : _k, _l = _a.isLeaf, isLeaf = _l === void 0 ? helper_1.defaultIsLeaf : _l, scrollToNode = _a.scrollToNode, _m = _a.onChange, onChange = _m === void 0 ? ramda_1.identity : _m, height = _a.height;
+    var treeData = _a.treeData, _c = _a.isVirtualized, isVirtualized = _c === void 0 ? true : _c, _d = _a.canDrag, canDragProp = _d === void 0 ? returnFalse : _d, _e = _a.canDrop, canDrop = _e === void 0 ? returnFalse : _e, _f = _a.onDrop, onDrop = _f === void 0 ? mdm_sdk_1.noop : _f, onLoadChildren = _a.onLoadChildren, _g = _a.defaultExpandAll, defaultExpandAll = _g === void 0 ? false : _g, _h = _a.SwitchRenderer, SwitchRenderer = _h === void 0 ? RCTreeSwitchRenderer_1.RCTreeSwitchRenderer : _h, _j = _a.LevelLinesRenderer, LevelLinesRenderer = _j === void 0 ? RCTreeLevelLines_1.RCTreeLevelLines : _j, className = _a.className, renderNode = _a.renderNode, _k = _a.minItemHeight, minItemHeight = _k === void 0 ? MIN_ROW_HEIGHT : _k, _l = _a.isLeaf, isLeaf = _l === void 0 ? helper_1.defaultIsLeaf : _l, scrollToNode = _a.scrollToNode, _m = _a.onChange, onChange = _m === void 0 ? ramda_1.identity : _m, height = _a.height;
     var styles = (0, styles_1.useStyles)();
     var treeRef = (0, react_1.useRef)(null);
     var containerRef = (0, react_1.useRef)(null);
@@ -99,7 +101,7 @@ var RCTree = function (_a) {
             expandNode(data.node.pos, data.expanded);
         }
     }, [onChange, expandNode, dragNode]);
-    var renderSwitcherIcon = (0, react_1.useCallback)(function (node) { return react_1.default.createElement(SwitchRenderer, { node: node }); }, []);
+    var renderSwitcherIcon = (0, react_1.useCallback)(function (node) { return react_1.default.createElement(SwitchRenderer, { node: node }); }, [SwitchRenderer]);
     var handleEnableDragging = (0, react_1.useCallback)(function () {
         setIsDraggingEnabled(true);
         window.removeEventListener('mouseup', handleEnableDragging);
@@ -110,6 +112,12 @@ var RCTree = function (_a) {
         window.addEventListener('mouseup', handleEnableDragging);
         window.addEventListener('dragend', handleEnableDragging);
     }, [handleEnableDragging]);
+    (0, react_1.useEffect)(function () {
+        return function () {
+            window.removeEventListener('mouseup', handleEnableDragging);
+            window.removeEventListener('dragend', handleEnableDragging);
+        };
+    }, [handleEnableDragging]);
     var titleRender = function (node) {
         var _a;
         var _b, _c;

package/cjs/RCTree/RCTreeSwitchRenderer.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { InternalRCNode } from './types';
-type Props = {
-    node: InternalRCNode;
+import { RCTreeNode, RCTreeSwitcherNodeProps } from './types';
+type Props<Node extends RCTreeNode = RCTreeNode> = {
+    node: RCTreeSwitcherNodeProps<Node>;
 };
-export declare const RCTreeSwitchRenderer: ({ node }: Props) => React.JSX.Element;
+export declare const RCTreeSwitchRenderer: <Node extends RCTreeNode = RCTreeNode>({ node }: Props<Node>) => React.JSX.Element;
 export {};

package/cjs/RCTree/index.d.ts

@@ -1,3 +1,4 @@
 export { RCTree } from './RCTree';
 export { RCTreeLevelLines } from './RCTreeLevelLines';
 export { RCTreeSwitchRenderer } from './RCTreeSwitchRenderer';
+export type { RCTreeSwitcherNodeProps, RCTreeNode, InternalRCNode } from './types';

package/cjs/RCTree/types.d.ts

@@ -1,3 +1,4 @@
+import type { TreeNodeProps } from 'rc-tree';
 import { FieldDataNode } from 'rc-tree';
 export type RCTreeNode = {
     nodeId: number;
@@ -14,6 +15,7 @@ export type InternalRCNode<Node extends RCTreeNode = RCTreeNode> = {
     key: string;
     title?: string;
 }>;
+export type RCTreeSwitcherNodeProps<Node extends RCTreeNode = RCTreeNode> = TreeNodeProps<InternalRCNode<Node>> & InternalRCNode<Node>;
 export type DropPositionInfo = {
     pos: string;
     dropPosition: number;

package/cjs/RCTree/useDelayedDragEventCall.d.ts

@@ -3,4 +3,7 @@ import { InternalRCNode } from './types';
 export declare const useDelayedDragEventCall: (callback: (params: {
     event: DragEvent<HTMLDivElement>;
     node: InternalRCNode;
-}) => void, delay?: number) => ({ event, node }: any) => void;
+}) => void, delay?: number) => ({ event, node }: {
+    event: any;
+    node: any;
+}) => void;

package/cjs/RCTree/useDnd.js

@@ -13,18 +13,29 @@ var useDnd = function (_a) {
     var _c = (0, react_1.useState)(null), dropNode = _c[0], setDropNode = _c[1];
     var _d = (0, react_1.useState)(null), dropPositionInfo = _d[0], setDropPositionInfo = _d[1];
     var _e = (0, useScrollOnDrag_1.useScrollOnDrag)(containerRef), onStartDragging = _e.onStartDragging, onEndDragging = _e.onEndDragging, getIsScrolling = _e.getIsScrolling;
-    var handleDropOutsideTree = function () {
-        setDragNode(null);
-        setDropNode(null);
-        onEndDragging();
-        window.removeEventListener('mousemove', handleDropOutsideTree);
-    };
+    var dropOutsideHandlerRef = (0, react_1.useRef)(null);
+    var removeDropOutsideHandler = (0, react_1.useCallback)(function () {
+        if (dropOutsideHandlerRef.current) {
+            window.removeEventListener('mousemove', dropOutsideHandlerRef.current);
+            dropOutsideHandlerRef.current = null;
+        }
+    }, []);
     var onDragStart = function (_a) {
         var node = _a.node;
         setDragNode(node);
         onStartDragging();
-        window.addEventListener('mousemove', handleDropOutsideTree);
+        var handler = function () {
+            setDragNode(null);
+            setDropNode(null);
+            onEndDragging();
+            removeDropOutsideHandler();
+        };
+        dropOutsideHandlerRef.current = handler;
+        window.addEventListener('mousemove', handler);
     };
+    (0, react_1.useEffect)(function () {
+        return removeDropOutsideHandler;
+    }, [removeDropOutsideHandler]);
     var expandedKeys = (0, react_1.useMemo)(function () {
         return (0, helper_1.getExpandedKeys)(treeData);
     }, [treeData]);
@@ -94,7 +105,7 @@ var useDnd = function (_a) {
         setDragNode(null);
         setDropNode(null);
         onEndDragging();
-        window.removeEventListener('mousemove', handleDropOutsideTree);
+        removeDropOutsideHandler();
     };
     var nodeDraggable = (0, react_1.useCallback)(function (node) {
         return canDrag({ node: node.value });

package/cjs/ReactSelect/ReactSelect.d.ts

@@ -1,8 +1,4 @@
 export declare const ReactSelect: {
-    (props: Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>, "onChange" | "value" | "onMenuClose" | "onMenuOpen" | "menuIsOpen" | "inputValue" | "onInputChange"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("..").ReactSelectMuiSkinProps): import("react").JSX.Element;
+    ({ components: componentsProp, classes: classesProp, error, TextFieldProps, innerRef, ...selectProps }: Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>, "onChange" | "value" | "onMenuClose" | "onMenuOpen" | "menuIsOpen" | "inputValue" | "onInputChange"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("..").ReactSelectMuiSkinProps): import("react").JSX.Element;
     displayName: string;
-    defaultProps: {
-        components: {};
-        classes: {};
-    };
 };

package/cjs/ReactSortableTree/ReactSortableTree.js

@@ -59,7 +59,6 @@ var react_virtualized_1 = require("react-virtualized");
 var ramda_1 = require("ramda");
 var frontend_collective_react_dnd_scrollzone_1 = __importStar(require("frontend-collective-react-dnd-scrollzone"));
 var react_dnd_1 = require("react-dnd");
-var react_lifecycles_compat_1 = require("react-lifecycles-compat");
 var withStyles_1 = __importDefault(require("@mui/styles/withStyles"));
 var TreeNode_1 = require("./components/TreeNode");
 var NodeRendererDefault_1 = require("./components/NodeRendererDefault");
@@ -800,7 +799,6 @@ ReactSortableTree.defaultProps = {
     onLazyLoadChildren: function () { },
     ignoreTreeChanges: false
 };
-(0, react_lifecycles_compat_1.polyfill)(ReactSortableTree);
 var StyledReactSortableTree = (0, withStyles_1.default)(styles_1.styles)(ReactSortableTree);
 var SortableTree = function (props) { return (react_1.default.createElement(react_dnd_1.DndContext.Consumer, null, function (_a) {
     var dragDropManager = _a.dragDropManager;

package/cjs/ReactSortableTree/components/NodeRendererDefault/NodeRendererDefault.d.ts

@@ -1,82 +1,54 @@
 export function NodeRendererDefault({ scaffoldBlockPxWidth, toggleChildrenVisibility, connectDragPreview, connectDragSource, isDragging, canDrop, canDrag, node, title, subtitle, draggedNode, path, treeIndex, isSearchMatch, isSearchFocus, buttons, className, style, didDrop, treeId, isOver, parentNode, rowDirection, ...otherProps }: {
     [x: string]: any;
     scaffoldBlockPxWidth: any;
-    toggleChildrenVisibility: any;
+    toggleChildrenVisibility?: any;
     connectDragPreview: any;
     connectDragSource: any;
     isDragging: any;
-    canDrop: any;
-    canDrag: any;
+    canDrop?: boolean;
+    canDrag?: boolean;
     node: any;
-    title: any;
-    subtitle: any;
-    draggedNode: any;
+    title?: any;
+    subtitle?: any;
+    draggedNode?: any;
     path: any;
     treeIndex: any;
-    isSearchMatch: any;
-    isSearchFocus: any;
-    buttons: any;
-    className: any;
-    style: any;
+    isSearchMatch?: boolean;
+    isSearchFocus?: boolean;
+    buttons?: any[];
+    className?: string;
+    style?: {};
     didDrop: any;
     treeId: any;
     isOver: any;
-    parentNode: any;
-    rowDirection: any;
+    parentNode?: any;
+    rowDirection?: string;
 }): React.JSX.Element;
 export namespace NodeRendererDefault {
-    namespace defaultProps {
-        let isSearchMatch: boolean;
-        let isSearchFocus: boolean;
-        let canDrag: boolean;
-        let toggleChildrenVisibility: any;
-        let buttons: any[];
-        let className: string;
-        let style: {};
-        let parentNode: any;
-        let draggedNode: any;
-        let canDrop: boolean;
-        let title: any;
-        let subtitle: any;
-        let rowDirection: string;
-    }
     namespace propTypes {
-        export let node: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-        let title_1: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
-        export { title_1 as title };
-        let subtitle_1: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
-        export { subtitle_1 as subtitle };
-        export let path: PropTypes.Validator<NonNullable<string | number>[]>;
-        export let treeIndex: PropTypes.Validator<number>;
-        export let treeId: PropTypes.Validator<string>;
-        let isSearchMatch_1: PropTypes.Requireable<boolean>;
-        export { isSearchMatch_1 as isSearchMatch };
-        let isSearchFocus_1: PropTypes.Requireable<boolean>;
-        export { isSearchFocus_1 as isSearchFocus };
-        let canDrag_1: PropTypes.Requireable<boolean>;
-        export { canDrag_1 as canDrag };
-        export let scaffoldBlockPxWidth: PropTypes.Validator<number>;
-        let toggleChildrenVisibility_1: PropTypes.Requireable<(...args: any[]) => any>;
-        export { toggleChildrenVisibility_1 as toggleChildrenVisibility };
-        let buttons_1: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
-        export { buttons_1 as buttons };
-        let className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        let style_1: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-        export { style_1 as style };
-        export let connectDragPreview: PropTypes.Validator<(...args: any[]) => any>;
-        export let connectDragSource: PropTypes.Validator<(...args: any[]) => any>;
-        let parentNode_1: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-        export { parentNode_1 as parentNode };
-        export let isDragging: PropTypes.Validator<boolean>;
-        export let didDrop: PropTypes.Validator<boolean>;
-        let draggedNode_1: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-        export { draggedNode_1 as draggedNode };
-        export let isOver: PropTypes.Validator<boolean>;
-        let canDrop_1: PropTypes.Requireable<boolean>;
-        export { canDrop_1 as canDrop };
-        let rowDirection_1: PropTypes.Requireable<string>;
-        export { rowDirection_1 as rowDirection };
+        let node: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
+        let title: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
+        let subtitle: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
+        let path: PropTypes.Validator<NonNullable<string | number>[]>;
+        let treeIndex: PropTypes.Validator<number>;
+        let treeId: PropTypes.Validator<string>;
+        let isSearchMatch: PropTypes.Requireable<boolean>;
+        let isSearchFocus: PropTypes.Requireable<boolean>;
+        let canDrag: PropTypes.Requireable<boolean>;
+        let scaffoldBlockPxWidth: PropTypes.Validator<number>;
+        let toggleChildrenVisibility: PropTypes.Requireable<(...args: any[]) => any>;
+        let buttons: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
+        let className: PropTypes.Requireable<string>;
+        let style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        let connectDragPreview: PropTypes.Validator<(...args: any[]) => any>;
+        let connectDragSource: PropTypes.Validator<(...args: any[]) => any>;
+        let parentNode: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        let isDragging: PropTypes.Validator<boolean>;
+        let didDrop: PropTypes.Validator<boolean>;
+        let draggedNode: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        let isOver: PropTypes.Validator<boolean>;
+        let canDrop: PropTypes.Requireable<boolean>;
+        let rowDirection: PropTypes.Requireable<string>;
     }
 }
 import React from 'react';

package/cjs/ReactSortableTree/components/NodeRendererDefault/NodeRendererDefault.js

@@ -40,13 +40,18 @@ var classnames_1 = __importDefault(require("classnames"));
 var prop_types_1 = __importDefault(require("prop-types"));
 var tree_1 = require("../../helpers/tree");
 //import {useStyles} from './nodeRendererDefaultStyle';
+var EMPTY_ARRAY = [];
+var EMPTY_OBJECT = {};
 var NodeRendererDefault = function (_a) {
-    var scaffoldBlockPxWidth = _a.scaffoldBlockPxWidth, toggleChildrenVisibility = _a.toggleChildrenVisibility, connectDragPreview = _a.connectDragPreview, connectDragSource = _a.connectDragSource, isDragging = _a.isDragging, canDrop = _a.canDrop, canDrag = _a.canDrag, node = _a.node, title = _a.title, subtitle = _a.subtitle, draggedNode = _a.draggedNode, path = _a.path, treeIndex = _a.treeIndex, isSearchMatch = _a.isSearchMatch, isSearchFocus = _a.isSearchFocus, buttons = _a.buttons, className = _a.className, style = _a.style, didDrop = _a.didDrop, 
+    var scaffoldBlockPxWidth = _a.scaffoldBlockPxWidth, _b = _a.toggleChildrenVisibility, toggleChildrenVisibility = _b === void 0 ? null : _b, connectDragPreview = _a.connectDragPreview, connectDragSource = _a.connectDragSource, isDragging = _a.isDragging, _c = _a.canDrop, canDrop = _c === void 0 ? false : _c, _d = _a.canDrag, canDrag = _d === void 0 ? false : _d, node = _a.node, _e = _a.title, title = _e === void 0 ? null : _e, _f = _a.subtitle, subtitle = _f === void 0 ? null : _f, _g = _a.draggedNode, draggedNode = _g === void 0 ? null : _g, path = _a.path, treeIndex = _a.treeIndex, _h = _a.isSearchMatch, isSearchMatch = _h === void 0 ? false : _h, _j = _a.isSearchFocus, isSearchFocus = _j === void 0 ? false : _j, _k = _a.buttons, buttons = _k === void 0 ? EMPTY_ARRAY : _k, _l = _a.className, className = _l === void 0 ? '' : _l, _m = _a.style, style = _m === void 0 ? EMPTY_OBJECT : _m, didDrop = _a.didDrop, 
     /* eslint-disable */
     treeId = _a.treeId, isOver = _a.isOver, // Not needed, but preserved for other renderers
-    parentNode = _a.parentNode, // Needed for dndManager
+    _o = _a.parentNode, // Not needed, but preserved for other renderers
+    parentNode = _o === void 0 ? null : _o, // Needed for dndManager
     /* eslint-enable */
-    rowDirection = _a.rowDirection, otherProps = __rest(_a, ["scaffoldBlockPxWidth", "toggleChildrenVisibility", "connectDragPreview", "connectDragSource", "isDragging", "canDrop", "canDrag", "node", "title", "subtitle", "draggedNode", "path", "treeIndex", "isSearchMatch", "isSearchFocus", "buttons", "className", "style", "didDrop", "treeId", "isOver", "parentNode", "rowDirection"]);
+    _p = _a.rowDirection, // Needed for dndManager
+    /* eslint-enable */
+    rowDirection = _p === void 0 ? 'ltr' : _p, otherProps = __rest(_a, ["scaffoldBlockPxWidth", "toggleChildrenVisibility", "connectDragPreview", "connectDragSource", "isDragging", "canDrop", "canDrag", "node", "title", "subtitle", "draggedNode", "path", "treeIndex", "isSearchMatch", "isSearchFocus", "buttons", "className", "style", "didDrop", "treeId", "isOver", "parentNode", "rowDirection"]);
     //useStyles();
     var nodeTitle = title || node.title;
     var nodeSubtitle = subtitle || node.subtitle;
@@ -105,21 +110,6 @@ var NodeRendererDefault = function (_a) {
                 react_1.default.createElement("div", { className: "rst__rowToolbar" }, buttons.map(function (btn, index) { return (react_1.default.createElement("div", { key: index, className: "rst__toolbarButton" }, btn)); }))))))));
 };
 exports.NodeRendererDefault = NodeRendererDefault;
-exports.NodeRendererDefault.defaultProps = {
-    isSearchMatch: false,
-    isSearchFocus: false,
-    canDrag: false,
-    toggleChildrenVisibility: null,
-    buttons: [],
-    className: '',
-    style: {},
-    parentNode: null,
-    draggedNode: null,
-    canDrop: false,
-    title: null,
-    subtitle: null,
-    rowDirection: 'ltr'
-};
 exports.NodeRendererDefault.propTypes = {
     node: prop_types_1.default.shape({}).isRequired,
     title: prop_types_1.default.oneOfType([prop_types_1.default.func, prop_types_1.default.node]),

package/cjs/ReactSortableTree/components/PlaceholderRendererDefault/PlaceholderRendererDefault.d.ts

@@ -1,17 +1,11 @@
 export function PlaceholderRendererDefault({ isOver, canDrop }: {
-    isOver: any;
-    canDrop: any;
+    isOver?: boolean;
+    canDrop?: boolean;
 }): React.JSX.Element;
 export namespace PlaceholderRendererDefault {
-    namespace defaultProps {
-        let isOver: boolean;
-        let canDrop: boolean;
-    }
     namespace propTypes {
-        let isOver_1: PropTypes.Requireable<boolean>;
-        export { isOver_1 as isOver };
-        let canDrop_1: PropTypes.Requireable<boolean>;
-        export { canDrop_1 as canDrop };
+        let isOver: PropTypes.Requireable<boolean>;
+        let canDrop: PropTypes.Requireable<boolean>;
     }
 }
 import React from 'react';

package/cjs/ReactSortableTree/components/PlaceholderRendererDefault/PlaceholderRendererDefault.js

@@ -9,15 +9,11 @@ var classnames_1 = __importDefault(require("classnames"));
 var prop_types_1 = __importDefault(require("prop-types"));
 var styles_1 = require("./styles");
 var PlaceholderRendererDefault = function (_a) {
-    var isOver = _a.isOver, canDrop = _a.canDrop;
+    var _b = _a.isOver, isOver = _b === void 0 ? false : _b, _c = _a.canDrop, canDrop = _c === void 0 ? false : _c;
     (0, styles_1.useStyles)();
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)('rst__placeholder', canDrop && 'rst__placeholderLandingPad', canDrop && !isOver && 'rst__placeholderCancelPad') }));
 };
 exports.PlaceholderRendererDefault = PlaceholderRendererDefault;
-exports.PlaceholderRendererDefault.defaultProps = {
-    isOver: false,
-    canDrop: false
-};
 exports.PlaceholderRendererDefault.propTypes = {
     isOver: prop_types_1.default.bool,
     canDrop: prop_types_1.default.bool

package/cjs/ReactSortableTree/components/TreeNode/TreeNode.d.ts

@@ -2,55 +2,41 @@ export function TreeNode({ children, listIndex, swapFrom, swapLength, swapDepth,
     [x: string]: any;
     children: any;
     listIndex: any;
-    swapFrom: any;
-    swapLength: any;
-    swapDepth: any;
+    swapFrom?: any;
+    swapLength?: any;
+    swapDepth?: any;
     scaffoldBlockPxWidth: any;
     lowerSiblingCounts: any;
     connectDropTarget: any;
     isOver: any;
-    draggedNode: any;
-    canDrop: any;
+    draggedNode?: any;
+    canDrop?: boolean;
     treeIndex: any;
     treeId: any;
     getPrevRow: any;
     node: any;
     path: any;
-    rowDirection: any;
+    rowDirection?: string;
 }): any;
 export namespace TreeNode {
-    namespace defaultProps {
-        let swapFrom: any;
-        let swapDepth: any;
-        let swapLength: any;
-        let canDrop: boolean;
-        let draggedNode: any;
-        let rowDirection: string;
-    }
     namespace propTypes {
-        export let treeIndex: PropTypes.Validator<number>;
-        export let treeId: PropTypes.Validator<string>;
-        let swapFrom_1: PropTypes.Requireable<number>;
-        export { swapFrom_1 as swapFrom };
-        let swapDepth_1: PropTypes.Requireable<number>;
-        export { swapDepth_1 as swapDepth };
-        let swapLength_1: PropTypes.Requireable<number>;
-        export { swapLength_1 as swapLength };
-        export let scaffoldBlockPxWidth: PropTypes.Validator<number>;
-        export let lowerSiblingCounts: PropTypes.Validator<number[]>;
-        export let listIndex: PropTypes.Validator<number>;
-        export let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        export let connectDropTarget: PropTypes.Validator<(...args: any[]) => any>;
-        export let isOver: PropTypes.Validator<boolean>;
-        let canDrop_1: PropTypes.Requireable<boolean>;
-        export { canDrop_1 as canDrop };
-        let draggedNode_1: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-        export { draggedNode_1 as draggedNode };
-        export let getPrevRow: PropTypes.Validator<(...args: any[]) => any>;
-        export let node: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-        export let path: PropTypes.Validator<NonNullable<string | number>[]>;
-        let rowDirection_1: PropTypes.Requireable<string>;
-        export { rowDirection_1 as rowDirection };
+        let treeIndex: PropTypes.Validator<number>;
+        let treeId: PropTypes.Validator<string>;
+        let swapFrom: PropTypes.Requireable<number>;
+        let swapDepth: PropTypes.Requireable<number>;
+        let swapLength: PropTypes.Requireable<number>;
+        let scaffoldBlockPxWidth: PropTypes.Validator<number>;
+        let lowerSiblingCounts: PropTypes.Validator<number[]>;
+        let listIndex: PropTypes.Validator<number>;
+        let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        let connectDropTarget: PropTypes.Validator<(...args: any[]) => any>;
+        let isOver: PropTypes.Validator<boolean>;
+        let canDrop: PropTypes.Requireable<boolean>;
+        let draggedNode: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        let getPrevRow: PropTypes.Validator<(...args: any[]) => any>;
+        let node: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
+        let path: PropTypes.Validator<NonNullable<string | number>[]>;
+        let rowDirection: PropTypes.Requireable<string>;
     }
 }
 import PropTypes from 'prop-types';

package/cjs/ReactSortableTree/components/TreeNode/TreeNode.js

@@ -54,14 +54,16 @@ var classnames_1 = __importDefault(require("classnames"));
 var prop_types_1 = __importDefault(require("prop-types"));
 var styles_1 = require("./styles");
 var TreeNode = function (_a) {
-    var children = _a.children, listIndex = _a.listIndex, swapFrom = _a.swapFrom, swapLength = _a.swapLength, swapDepth = _a.swapDepth, scaffoldBlockPxWidth = _a.scaffoldBlockPxWidth, lowerSiblingCounts = _a.lowerSiblingCounts, connectDropTarget = _a.connectDropTarget, isOver = _a.isOver, draggedNode = _a.draggedNode, canDrop = _a.canDrop, treeIndex = _a.treeIndex, 
+    var children = _a.children, listIndex = _a.listIndex, _b = _a.swapFrom, swapFrom = _b === void 0 ? null : _b, _c = _a.swapLength, swapLength = _c === void 0 ? null : _c, _d = _a.swapDepth, swapDepth = _d === void 0 ? null : _d, scaffoldBlockPxWidth = _a.scaffoldBlockPxWidth, lowerSiblingCounts = _a.lowerSiblingCounts, connectDropTarget = _a.connectDropTarget, isOver = _a.isOver, _e = _a.draggedNode, draggedNode = _e === void 0 ? null : _e, _f = _a.canDrop, canDrop = _f === void 0 ? false : _f, treeIndex = _a.treeIndex, 
     /* eslint-disable */
     treeId = _a.treeId, // Delete from otherProps
     getPrevRow = _a.getPrevRow, // Delete from otherProps
     node = _a.node, // Delete from otherProps
     path = _a.path, // Delete from otherProps
     /* eslint-enable */
-    rowDirection = _a.rowDirection, otherProps = __rest(_a, ["children", "listIndex", "swapFrom", "swapLength", "swapDepth", "scaffoldBlockPxWidth", "lowerSiblingCounts", "connectDropTarget", "isOver", "draggedNode", "canDrop", "treeIndex", "treeId", "getPrevRow", "node", "path", "rowDirection"]);
+    _g = _a.rowDirection, // Delete from otherProps
+    /* eslint-enable */
+    rowDirection = _g === void 0 ? 'ltr' : _g, otherProps = __rest(_a, ["children", "listIndex", "swapFrom", "swapLength", "swapDepth", "scaffoldBlockPxWidth", "lowerSiblingCounts", "connectDropTarget", "isOver", "draggedNode", "canDrop", "treeIndex", "treeId", "getPrevRow", "node", "path", "rowDirection"]);
     (0, styles_1.useStyles)();
     var rowDirectionClass = rowDirection === 'rtl' ? 'rst__rtl' : null;
     // Construct the scaffold representing the structure of the tree
@@ -171,14 +173,6 @@ var TreeNode = function (_a) {
         }))));
 };
 exports.TreeNode = TreeNode;
-exports.TreeNode.defaultProps = {
-    swapFrom: null,
-    swapDepth: null,
-    swapLength: null,
-    canDrop: false,
-    draggedNode: null,
-    rowDirection: 'ltr'
-};
 exports.TreeNode.propTypes = {
     treeIndex: prop_types_1.default.number.isRequired,
     treeId: prop_types_1.default.string.isRequired,

package/cjs/ReltioGridLayout/ReltioGridLayout.js

@@ -48,7 +48,7 @@ var styles_1 = require("./styles");
 var ReltioGridLayout = function (_a) {
     var _b;
     var views = _a.views, layout = _a.layout, _c = _a.layoutOptions, layoutOptions = _c === void 0 ? constants_1.DEFAULT_LAYOUT_OPTIONS : _c, _d = _a.onLayoutChanged, onLayoutChanged = _d === void 0 ? ramda_1.identity : _d, draggableHandle = _a.draggableHandle, LayoutItem = _a.LayoutItem, onRemove = _a.onRemove, onDrop = _a.onDrop, droppingItem = _a.droppingItem, isDroppable = _a.isDroppable, onDropDragOver = _a.onDropDragOver, isStatic = _a.isStatic, classes = _a.classes, _e = _a.onResize, onResize = _e === void 0 ? ramda_1.identity : _e;
-    var ref = (0, react_1.useRef)();
+    var ref = (0, react_1.useRef)(null);
     var shouldCompareLayout = (0, react_1.useRef)(false);
     var heightsMap = (0, react_1.useRef)({});
     var styles = (0, styles_1.useStyles)();

package/cjs/ReltioGridLayout/ReltioGridLayout.test.js

@@ -107,17 +107,17 @@ Object.defineProperty(HTMLElement.prototype, 'offsetParent', {
 describe('ReactGridLayout tests', function () {
     var resizeObserver = (0, jsdom_testing_mocks_1.mockResizeObserver)();
     var DefaultLayoutItem = (0, react_1.forwardRef)(function (_a, ref) {
-        var _b;
+        var _b, _c;
         var children = _a.children, layoutItemConfig = _a.layoutItemConfig, views = _a.views, className = _a.className, AutosizeComponent = _a.AutosizeComponent, onRemove = _a.onRemove, isFullscreen = _a.isFullscreen, onToggleFullscreen = _a.onToggleFullscreen, props = __rest(_a, ["children", "layoutItemConfig", "views", "className", "AutosizeComponent", "onRemove", "isFullscreen", "onToggleFullscreen"]);
         var itemId = layoutItemConfig.i;
         return (react_1.default.createElement("div", __assign({}, props, { ref: ref, "data-reltio-id": "layout-item-".concat(itemId), className: (0, classnames_1.default)(className, { isFullscreen: isFullscreen }) }),
             AutosizeComponent,
             react_1.default.createElement("button", { onClick: function () { return onToggleFullscreen(itemId); }, "data-reltio-id": "fullscreen-button" }),
             react_1.default.createElement("button", { onClick: function () { return onRemove(itemId); }, "data-reltio-id": "remove-button" }),
-            react_1.default.createElement("span", null, (_b = views.find(function (_a) {
+            react_1.default.createElement("span", null, String((_c = (_b = views.find(function (_a) {
                 var id = _a.id;
                 return id === itemId;
-            })) === null || _b === void 0 ? void 0 : _b.title),
+            })) === null || _b === void 0 ? void 0 : _b.title) !== null && _c !== void 0 ? _c : '')),
             children));
     });
     DefaultLayoutItem.displayName = 'DefaultLayoutItem';

package/cjs/ResizablePanes/ResizablePanes.js

@@ -53,7 +53,7 @@ var ResizablePanes = function (_a) {
     var className = _a.className, children = _a.children, _c = _a.orientation, orientation = _c === void 0 ? 'vertical' : _c, _d = _a.primary, primary = _d === void 0 ? 'first' : _d, size = _a.size, minSize = _a.minSize, maxSize = _a.maxSize, allowResize = _a.allowResize, _e = _a.debounceInterval, debounceInterval = _e === void 0 ? HANDLE_CHANGE_DEBOUNCE_INTERVAL : _e, onChange = _a.onChange;
     var styles = (0, styles_2.useStyles)();
     var theme = (0, styles_1.useTheme)();
-    var panelRef = (0, react_1.useRef)();
+    var panelRef = (0, react_1.useRef)(null);
     var _f = (0, react_1.useState)(null), containerEl = _f[0], setContainerEl = _f[1];
     var _g = (0, react_1.useState)(0), percentageMinSize = _g[0], setPercentageMinSize = _g[1];
     var _h = (0, react_1.useState)(0), percentageMaxSize = _h[0], setPercentageMaxSize = _h[1];

package/cjs/RowCellAutoSizer/RowCellAutoSizer.js

@@ -43,7 +43,7 @@ var react_resize_detector_1 = __importDefault(require("react-resize-detector"));
 var useDidUpdateEffect_1 = require("../hooks/useDidUpdateEffect");
 var RowCellAutoSizer = function (_a) {
     var onChangeHeight = _a.onChangeHeight, cell = _a.children, cellProps = __rest(_a, ["onChangeHeight", "children"]);
-    var cellRef = (0, react_1.useRef)();
+    var cellRef = (0, react_1.useRef)(null);
     var rowValue = cellProps.rowValue, rowIndex = cellProps.rowIndex, columnData = cellProps.columnData, cellIndex = cellProps.cellIndex;
     var changeCellHeight = onChangeHeight({ rowIndex: rowIndex, cellIndex: cellIndex, columnData: columnData, rowValue: rowValue });
     var adjustCellHeight = function () { return cellRef.current && changeCellHeight(cellRef.current.clientHeight); };

package/cjs/SegmentIdLink/SegmentIdLink.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
-export declare const SegmentIdLink: React.ForwardRefExoticComponent<Omit<Omit<React.HTMLProps<HTMLAnchorElement>, "onClick" | "href" | "target"> & {
+type Props = Omit<React.HTMLProps<HTMLAnchorElement>, 'href' | 'onClick' | 'target'> & {
     segmentId: string;
     shouldOpenInNewTab?: boolean;
     parentId?: string;
-}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+};
+export declare const SegmentIdLink: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export {};

package/cjs/SidePanelEmptyState/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"text" | "root" | "logo" | "textBox" | "secondaryText">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"textBox" | "text" | "root" | "logo" | "secondaryText">;