@reltio/components 1.4.2269 → 1.4.2272

package/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/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/RCTree/RCTree.js

@@ -15,15 +15,17 @@ import Tree from 'rc-tree';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import DragIndicator from '@mui/icons-material/DragIndicator';
 import ReactResizeDetector from 'react-resize-detector';
+import { noop } from '@reltio/mdm-sdk';
 import { RCTreeSwitchRenderer } from './RCTreeSwitchRenderer';
 import { RCTreeLevelLines } from './RCTreeLevelLines';
 import { changeNodeAtPosition, convertTreeData, defaultIsLeaf, gatherNodeKeys, getExpandedKeys, isDropIndicatorNode, moveNode, getLevelLinesData, calcNodeWidth, getTreeMaxWidth } from './helper';
 import { useDnd } from './useDnd';
 import { useStyles } from './styles';
 var MIN_ROW_HEIGHT = 28;
+var returnFalse = function () { return false; };
 export 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 : _h, _j = _a.LevelLinesRenderer, LevelLinesRenderer = _j === void 0 ? 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 ? defaultIsLeaf : _l, scrollToNode = _a.scrollToNode, _m = _a.onChange, onChange = _m === void 0 ? 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 ? noop : _f, onLoadChildren = _a.onLoadChildren, _g = _a.defaultExpandAll, defaultExpandAll = _g === void 0 ? false : _g, _h = _a.SwitchRenderer, SwitchRenderer = _h === void 0 ? RCTreeSwitchRenderer : _h, _j = _a.LevelLinesRenderer, LevelLinesRenderer = _j === void 0 ? 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 ? defaultIsLeaf : _l, scrollToNode = _a.scrollToNode, _m = _a.onChange, onChange = _m === void 0 ? identity : _m, height = _a.height;
     var styles = useStyles();
     var treeRef = useRef(null);
     var containerRef = useRef(null);
@@ -70,7 +72,7 @@ export var RCTree = function (_a) {
             expandNode(data.node.pos, data.expanded);
         }
     }, [onChange, expandNode, dragNode]);
-    var renderSwitcherIcon = useCallback(function (node) { return React.createElement(SwitchRenderer, { node: node }); }, []);
+    var renderSwitcherIcon = useCallback(function (node) { return React.createElement(SwitchRenderer, { node: node }); }, [SwitchRenderer]);
     var handleEnableDragging = useCallback(function () {
         setIsDraggingEnabled(true);
         window.removeEventListener('mouseup', handleEnableDragging);
@@ -81,6 +83,12 @@ export var RCTree = function (_a) {
         window.addEventListener('mouseup', handleEnableDragging);
         window.addEventListener('dragend', handleEnableDragging);
     }, [handleEnableDragging]);
+    useEffect(function () {
+        return function () {
+            window.removeEventListener('mouseup', handleEnableDragging);
+            window.removeEventListener('dragend', handleEnableDragging);
+        };
+    }, [handleEnableDragging]);
     var titleRender = function (node) {
         var _a;
         var _b, _c;

package/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/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/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/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/RCTree/useDnd.js

@@ -1,4 +1,4 @@
-import { useCallback, useMemo, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { equals } from 'ramda';
 import { AddNodePosition } from './types';
 import { useScrollOnDrag } from './useScrollOnDrag';
@@ -10,18 +10,29 @@ export var useDnd = function (_a) {
     var _c = useState(null), dropNode = _c[0], setDropNode = _c[1];
     var _d = useState(null), dropPositionInfo = _d[0], setDropPositionInfo = _d[1];
     var _e = 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 = useRef(null);
+    var removeDropOutsideHandler = 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);
     };
+    useEffect(function () {
+        return removeDropOutsideHandler;
+    }, [removeDropOutsideHandler]);
     var expandedKeys = useMemo(function () {
         return getExpandedKeys(treeData);
     }, [treeData]);
@@ -91,7 +102,7 @@ export var useDnd = function (_a) {
         setDragNode(null);
         setDropNode(null);
         onEndDragging();
-        window.removeEventListener('mousemove', handleDropOutsideTree);
+        removeDropOutsideHandler();
     };
     var nodeDraggable = useCallback(function (node) {
         return canDrag({ node: node.value });

package/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/ReactSortableTree/ReactSortableTree.js

@@ -31,7 +31,6 @@ import { AutoSizer, List } from 'react-virtualized';
 import { equals, append, when, always, gt, uniqWith, eqBy, pipe } from 'ramda';
 import withScrolling, { createScrollingComponent, createVerticalStrength, createHorizontalStrength } from 'frontend-collective-react-dnd-scrollzone';
 import { DndContext } from 'react-dnd';
-import { polyfill } from 'react-lifecycles-compat';
 import withStyles from '@mui/styles/withStyles';
 import { TreeNode } from './components/TreeNode';
 import { NodeRendererDefault } from './components/NodeRendererDefault';
@@ -772,7 +771,6 @@ ReactSortableTree.defaultProps = {
     onLazyLoadChildren: function () { },
     ignoreTreeChanges: false
 };
-polyfill(ReactSortableTree);
 var StyledReactSortableTree = withStyles(styles)(ReactSortableTree);
 var SortableTree = function (props) { return (React.createElement(DndContext.Consumer, null, function (_a) {
     var dragDropManager = _a.dragDropManager;

package/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/ReactSortableTree/components/NodeRendererDefault/NodeRendererDefault.js

@@ -34,13 +34,18 @@ import classnames from 'classnames';
 import PropTypes from 'prop-types';
 import { isDescendant } from '../../helpers/tree';
 //import {useStyles} from './nodeRendererDefaultStyle';
+var EMPTY_ARRAY = [];
+var EMPTY_OBJECT = {};
 export 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;
@@ -98,21 +103,6 @@ export var NodeRendererDefault = function (_a) {
                         : nodeSubtitle))),
                 React.createElement("div", { className: "rst__rowToolbar" }, buttons.map(function (btn, index) { return (React.createElement("div", { key: index, className: "rst__toolbarButton" }, btn)); }))))))));
 };
-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'
-};
 NodeRendererDefault.propTypes = {
     node: PropTypes.shape({}).isRequired,
     title: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),

package/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/ReactSortableTree/components/PlaceholderRendererDefault/PlaceholderRendererDefault.js

@@ -3,14 +3,10 @@ import classnames from 'classnames';
 import PropTypes from 'prop-types';
 import { useStyles } from './styles';
 export 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;
     useStyles();
     return (React.createElement("div", { className: classnames('rst__placeholder', canDrop && 'rst__placeholderLandingPad', canDrop && !isOver && 'rst__placeholderCancelPad') }));
 };
-PlaceholderRendererDefault.defaultProps = {
-    isOver: false,
-    canDrop: false
-};
 PlaceholderRendererDefault.propTypes = {
     isOver: PropTypes.bool,
     canDrop: PropTypes.bool

package/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/ReactSortableTree/components/TreeNode/TreeNode.js

@@ -25,14 +25,16 @@ import classnames from 'classnames';
 import PropTypes from 'prop-types';
 import { useStyles } from './styles';
 export 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"]);
     useStyles();
     var rowDirectionClass = rowDirection === 'rtl' ? 'rst__rtl' : null;
     // Construct the scaffold representing the structure of the tree
@@ -141,14 +143,6 @@ export var TreeNode = function (_a) {
             });
         }))));
 };
-TreeNode.defaultProps = {
-    swapFrom: null,
-    swapDepth: null,
-    swapLength: null,
-    canDrop: false,
-    draggedNode: null,
-    rowDirection: 'ltr'
-};
 TreeNode.propTypes = {
     treeIndex: PropTypes.number.isRequired,
     treeId: PropTypes.string.isRequired,

package/ReltioGridLayout/ReltioGridLayout.js

@@ -20,7 +20,7 @@ import { useStyles } from './styles';
 var ReltioGridLayout = function (_a) {
     var _b;
     var views = _a.views, layout = _a.layout, _c = _a.layoutOptions, layoutOptions = _c === void 0 ? DEFAULT_LAYOUT_OPTIONS : _c, _d = _a.onLayoutChanged, onLayoutChanged = _d === void 0 ? 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 ? identity : _e;
-    var ref = useRef();
+    var ref = useRef(null);
     var shouldCompareLayout = useRef(false);
     var heightsMap = useRef({});
     var styles = useStyles();

package/ReltioGridLayout/ReltioGridLayout.test.js

@@ -79,17 +79,17 @@ Object.defineProperty(HTMLElement.prototype, 'offsetParent', {
 describe('ReactGridLayout tests', function () {
     var resizeObserver = mockResizeObserver();
     var DefaultLayoutItem = 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.createElement("div", __assign({}, props, { ref: ref, "data-reltio-id": "layout-item-".concat(itemId), className: classnames(className, { isFullscreen: isFullscreen }) }),
             AutosizeComponent,
             React.createElement("button", { onClick: function () { return onToggleFullscreen(itemId); }, "data-reltio-id": "fullscreen-button" }),
             React.createElement("button", { onClick: function () { return onRemove(itemId); }, "data-reltio-id": "remove-button" }),
-            React.createElement("span", null, (_b = views.find(function (_a) {
+            React.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/ResizablePanes/ResizablePanes.js

@@ -24,7 +24,7 @@ export 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 = useStyles();
     var theme = useTheme();
-    var panelRef = useRef();
+    var panelRef = useRef(null);
     var _f = useState(null), containerEl = _f[0], setContainerEl = _f[1];
     var _g = useState(0), percentageMinSize = _g[0], setPercentageMinSize = _g[1];
     var _h = useState(0), percentageMaxSize = _h[0], setPercentageMaxSize = _h[1];

package/RowCellAutoSizer/RowCellAutoSizer.js

@@ -14,7 +14,7 @@ import ReactResizeDetector from 'react-resize-detector';
 import { useDidUpdateEffect } from '../hooks/useDidUpdateEffect';
 export var RowCellAutoSizer = function (_a) {
     var onChangeHeight = _a.onChangeHeight, cell = _a.children, cellProps = __rest(_a, ["onChangeHeight", "children"]);
-    var cellRef = useRef();
+    var cellRef = 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/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/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">;