@reltio/components 1.4.2010 → 1.4.2012

package/ModeSwitcher/ModeSwitcher.js

@@ -9,7 +9,7 @@ export var ModeSwitcher = function (_a) {
     var className = _a.className, _b = _a.classes, classes = _b === void 0 ? {} : _b, _c = _a.modes, modes = _c === void 0 ? [] : _c, modeId = _a.modeId, onChange = _a.onChange;
     var styles = useStyles();
     var getChangeModeHandler = function (newMode) { return function () { return onChange(newMode); }; };
-    return (React.createElement(ButtonGroup, { className: className }, modes.map(function (_a) {
+    return (React.createElement(ButtonGroup, { className: classnames(styles.root, className) }, modes.map(function (_a) {
         var _b;
         var id = _a.id, title = _a.title, tooltipTitle = _a.tooltipTitle, Icon = _a.Icon, disabled = _a.disabled;
         return (React.createElement(ButtonWithTooltip, { disabled: disabled, showForDisabled: disabled && !!tooltipTitle, key: String(id), className: classnames(styles.button, (_b = {}, _b[styles.current] = modeId === id, _b), classes.button), tooltipTitle: tooltipTitle, onClick: getChangeModeHandler(id), "data-reltio-id": "reltio-search-mode-".concat(id) },

package/ModeSwitcher/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"button" | "icon" | "title" | "current">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"button" | "icon" | "title" | "current" | "root">;

package/ModeSwitcher/styles.js

@@ -1,6 +1,24 @@
 import { alpha } from '@mui/material/styles';
 import { makeStyles } from '@mui/styles';
 export var useStyles = makeStyles(function (theme) { return ({
+    root: {
+        '& > *': {
+            '&:not(:first-child)': {
+                '&.MuiButtonGroup-grouped, & > .MuiButtonGroup-grouped': {
+                    borderTopLeftRadius: 0,
+                    borderBottomLeftRadius: 0,
+                    marginLeft: '-1px'
+                }
+            },
+            '&:not(:last-child)': {
+                '&.MuiButtonGroup-grouped, & > .MuiButtonGroup-grouped': {
+                    borderTopRightRadius: 0,
+                    borderBottomRightRadius: 0,
+                    borderRightColor: 'transparent'
+                }
+            }
+        }
+    },
     button: {
         '&.MuiButtonGroup-grouped': {
             minWidth: '30px',

package/RCTree/RCTree.d.ts

@@ -26,5 +26,5 @@ type Props<Node extends RCTreeNode> = {
     onChange?: (node: Node[]) => void;
     height?: number;
 };
-export declare const RCTree: <Node extends RCTreeNode>({ treeData, isVirtualized, canDrag, canDrop, onDrop, onLoadChildren, defaultExpandAll, SwitchRenderer, LevelLinesRenderer, className, renderNode, minItemHeight, isLeaf, scrollToNode, onChange, height }: Props<Node>) => React.JSX.Element;
+export declare const RCTree: <Node extends RCTreeNode>({ treeData, isVirtualized, canDrag: canDragProp, canDrop, onDrop, onLoadChildren, defaultExpandAll, SwitchRenderer, LevelLinesRenderer, className, renderNode, minItemHeight, isLeaf, scrollToNode, onChange, height }: Props<Node>) => React.JSX.Element;
 export {};

package/RCTree/RCTree.js

@@ -17,24 +17,26 @@ import DragIndicator from '@mui/icons-material/DragIndicator';
 import ReactResizeDetector from 'react-resize-detector';
 import { RCTreeSwitchRenderer } from './RCTreeSwitchRenderer';
 import { RCTreeLevelLines } from './RCTreeLevelLines';
-import { changeNodeAtPosition, convertTreeData, defaultIsLeaf, gatherNodeKeys, getExpandedKeys, isDropIndicatorNode, moveNode, preventNodeDragging, getLevelLinesData, setTreeWidth, calcNodeWidth } from './helper';
+import { changeNodeAtPosition, convertTreeData, defaultIsLeaf, gatherNodeKeys, getExpandedKeys, isDropIndicatorNode, moveNode, getLevelLinesData, setTreeWidth, calcNodeWidth } from './helper';
 import { useDnd } from './useDnd';
 import { useStyles } from './styles';
 var MIN_ROW_HEIGHT = 28;
 export var RCTree = function (_a) {
     var _b;
-    var treeData = _a.treeData, _c = _a.isVirtualized, isVirtualized = _c === void 0 ? true : _c, _d = _a.canDrag, canDrag = _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 ? 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 styles = useStyles();
     var treeRef = useRef(null);
     var containerRef = useRef(null);
     var _o = useState({ width: 0, height: 0 }), containerSize = _o[0], setContainerSize = _o[1];
+    var _p = useState(true), isDraggingEnabled = _p[0], setIsDraggingEnabled = _p[1];
     var expandNode = useCallback(function (pos, expanded) {
         var changeNode = assoc('expanded', expanded);
         var newTreeData = changeNodeAtPosition(treeData, pos, changeNode);
         if (newTreeData)
             onChange(newTreeData);
     }, [onChange, treeData]);
-    var _p = useDnd({
+    var canDrag = useCallback(function (params) { return isDraggingEnabled && canDragProp(params); }, [canDragProp, isDraggingEnabled]);
+    var _q = useDnd({
         containerRef: containerRef,
         treeData: treeData,
         expandNode: expandNode,
@@ -43,7 +45,7 @@ export var RCTree = function (_a) {
         onDrop: onDrop,
         canDrop: canDrop,
         canDrag: canDrag
-    }), treeProps = _p.treeProps, nodeDraggable = _p.nodeDraggable, dropNode = _p.dropNode, dragNode = _p.dragNode, dropPositionInfo = _p.dropPositionInfo;
+    }), treeProps = _q.treeProps, nodeDraggable = _q.nodeDraggable, dropNode = _q.dropNode, dragNode = _q.dragNode, dropPositionInfo = _q.dropPositionInfo;
     useEffect(function () {
         if (treeRef.current && scrollToNode) {
             treeRef.current.scrollTo({ key: String(scrollToNode.nodeId) });
@@ -73,22 +75,30 @@ export var RCTree = function (_a) {
         }
     }, [onChange, expandNode, dragNode]);
     var renderSwitcherIcon = useCallback(function (node) { return React.createElement(SwitchRenderer, { node: node }); }, []);
+    var handleEnableDragging = useCallback(function () {
+        setIsDraggingEnabled(true);
+        window.removeEventListener('mouseup', handleEnableDragging);
+        window.removeEventListener('dragend', handleEnableDragging);
+    }, []);
+    var handleDisableDragging = useCallback(function () {
+        setIsDraggingEnabled(false);
+        window.addEventListener('mouseup', handleEnableDragging);
+        window.addEventListener('dragend', handleEnableDragging);
+    }, [handleEnableDragging]);
     var titleRender = function (node) {
         var _a;
         var _b, _c;
         var draggedNodes = gatherNodeKeys(dragNode);
         var width = calcNodeWidth((_c = (_b = levelLines[node.key]) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.length, containerSize.width);
-        return (React.createElement("div", { className: classnames(styles.titleWrapper, (_a = {},
+        return (React.createElement("div", { "data-reltio-id": "rc-tree-title-wrapper", className: classnames(styles.titleWrapper, (_a = {},
                 _a[styles.dropIndicator] = isDropIndicatorNode(node),
                 _a[styles.dropNotAllowed] = dropNode && !isDropIndicatorNode(dropNode),
                 _a[styles.draggedChildrenNode] = draggedNodes.includes(node.key),
-                _a)), onMouseDown: preventNodeDragging, style: { width: width } },
+                _a)), onMouseDown: handleDisableDragging, style: { width: width } },
             React.createElement(LevelLinesRenderer, { levelLine: levelLines[node.key] }),
             renderNode ? renderNode(node.value) : node.title));
     };
-    var dragHandle = (React.createElement("span", { className: classnames(styles.dragHandle, (_b = {},
-            _b[styles.dragHandleDragging] = !!dragNode,
-            _b)) },
+    var dragHandle = (React.createElement("span", { className: classnames(styles.dragHandle, (_b = {}, _b[styles.dragHandleDragging] = !!dragNode, _b)) },
         React.createElement(DragIndicator, null)));
     var onContainerResize = useCallback(function (width, height) {
         setContainerSize({ width: width, height: height });

package/RCTree/helper.d.ts

@@ -1,4 +1,4 @@
-import React, { MouseEvent } from 'react';
+import React from 'react';
 import { AddNodePosition, DropPositionInfo, InternalRCNode, RCTreeNode } from './types';
 export declare const DEPTH_LEVEL_INDENT = 16;
 export declare const defaultIsLeaf: ({ children }: {
@@ -29,7 +29,6 @@ export declare const getDropNodePosition: (event: React.DragEvent<HTMLDivElement
 };
 export declare const isDropIndicatorNode: (node: InternalRCNode) => boolean;
 export declare const gatherNodeKeys: (node: InternalRCNode) => string[];
-export declare const preventNodeDragging: (event: MouseEvent<HTMLDivElement>) => void;
 type LevelLinesData = Record<string, [boolean[], boolean]>;
 export declare const getLevelLinesData: (treeData: RCTreeNode[]) => LevelLinesData;
 export declare const setTreeWidth: (container: React.RefObject<HTMLDivElement>, data: RCTreeNode[]) => void;

package/RCTree/helper.js

@@ -191,9 +191,6 @@ export var isDropIndicatorNode = function (node) { return (node === null || node
 export var gatherNodeKeys = function (node) {
     return node ? __spreadArray([node.key], (node.children ? node.children.flatMap(gatherNodeKeys) : []), true) : [];
 };
-export var preventNodeDragging = function (event) {
-    event.preventDefault();
-};
 export var getLevelLinesData = function (treeData) {
     var getLinesData = function (data, prevLinesData) {
         return data.reduce(function (linesData, node, index) {

package/cjs/ModeSwitcher/ModeSwitcher.js

@@ -15,7 +15,7 @@ var ModeSwitcher = function (_a) {
     var className = _a.className, _b = _a.classes, classes = _b === void 0 ? {} : _b, _c = _a.modes, modes = _c === void 0 ? [] : _c, modeId = _a.modeId, onChange = _a.onChange;
     var styles = (0, styles_1.useStyles)();
     var getChangeModeHandler = function (newMode) { return function () { return onChange(newMode); }; };
-    return (react_1.default.createElement(ButtonGroup_1.default, { className: className }, modes.map(function (_a) {
+    return (react_1.default.createElement(ButtonGroup_1.default, { className: (0, classnames_1.default)(styles.root, className) }, modes.map(function (_a) {
         var _b;
         var id = _a.id, title = _a.title, tooltipTitle = _a.tooltipTitle, Icon = _a.Icon, disabled = _a.disabled;
         return (react_1.default.createElement(ButtonWithTooltip, { disabled: disabled, showForDisabled: disabled && !!tooltipTitle, key: String(id), className: (0, classnames_1.default)(styles.button, (_b = {}, _b[styles.current] = modeId === id, _b), classes.button), tooltipTitle: tooltipTitle, onClick: getChangeModeHandler(id), "data-reltio-id": "reltio-search-mode-".concat(id) },

package/cjs/ModeSwitcher/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"button" | "icon" | "title" | "current">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"button" | "icon" | "title" | "current" | "root">;

package/cjs/ModeSwitcher/styles.js

@@ -4,6 +4,24 @@ exports.useStyles = void 0;
 var styles_1 = require("@mui/material/styles");
 var styles_2 = require("@mui/styles");
 exports.useStyles = (0, styles_2.makeStyles)(function (theme) { return ({
+    root: {
+        '& > *': {
+            '&:not(:first-child)': {
+                '&.MuiButtonGroup-grouped, & > .MuiButtonGroup-grouped': {
+                    borderTopLeftRadius: 0,
+                    borderBottomLeftRadius: 0,
+                    marginLeft: '-1px'
+                }
+            },
+            '&:not(:last-child)': {
+                '&.MuiButtonGroup-grouped, & > .MuiButtonGroup-grouped': {
+                    borderTopRightRadius: 0,
+                    borderBottomRightRadius: 0,
+                    borderRightColor: 'transparent'
+                }
+            }
+        }
+    },
     button: {
         '&.MuiButtonGroup-grouped': {
             minWidth: '30px',

package/cjs/RCTree/RCTree.d.ts

@@ -26,5 +26,5 @@ type Props<Node extends RCTreeNode> = {
     onChange?: (node: Node[]) => void;
     height?: number;
 };
-export declare const RCTree: <Node extends RCTreeNode>({ treeData, isVirtualized, canDrag, canDrop, onDrop, onLoadChildren, defaultExpandAll, SwitchRenderer, LevelLinesRenderer, className, renderNode, minItemHeight, isLeaf, scrollToNode, onChange, height }: Props<Node>) => React.JSX.Element;
+export declare const RCTree: <Node extends RCTreeNode>({ treeData, isVirtualized, canDrag: canDragProp, canDrop, onDrop, onLoadChildren, defaultExpandAll, SwitchRenderer, LevelLinesRenderer, className, renderNode, minItemHeight, isLeaf, scrollToNode, onChange, height }: Props<Node>) => React.JSX.Element;
 export {};

package/cjs/RCTree/RCTree.js

@@ -52,18 +52,20 @@ var styles_1 = require("./styles");
 var MIN_ROW_HEIGHT = 28;
 var RCTree = function (_a) {
     var _b;
-    var treeData = _a.treeData, _c = _a.isVirtualized, isVirtualized = _c === void 0 ? true : _c, _d = _a.canDrag, canDrag = _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 ? 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 styles = (0, styles_1.useStyles)();
     var treeRef = (0, react_1.useRef)(null);
     var containerRef = (0, react_1.useRef)(null);
     var _o = (0, react_1.useState)({ width: 0, height: 0 }), containerSize = _o[0], setContainerSize = _o[1];
+    var _p = (0, react_1.useState)(true), isDraggingEnabled = _p[0], setIsDraggingEnabled = _p[1];
     var expandNode = (0, react_1.useCallback)(function (pos, expanded) {
         var changeNode = (0, ramda_1.assoc)('expanded', expanded);
         var newTreeData = (0, helper_1.changeNodeAtPosition)(treeData, pos, changeNode);
         if (newTreeData)
             onChange(newTreeData);
     }, [onChange, treeData]);
-    var _p = (0, useDnd_1.useDnd)({
+    var canDrag = (0, react_1.useCallback)(function (params) { return isDraggingEnabled && canDragProp(params); }, [canDragProp, isDraggingEnabled]);
+    var _q = (0, useDnd_1.useDnd)({
         containerRef: containerRef,
         treeData: treeData,
         expandNode: expandNode,
@@ -72,7 +74,7 @@ var RCTree = function (_a) {
         onDrop: onDrop,
         canDrop: canDrop,
         canDrag: canDrag
-    }), treeProps = _p.treeProps, nodeDraggable = _p.nodeDraggable, dropNode = _p.dropNode, dragNode = _p.dragNode, dropPositionInfo = _p.dropPositionInfo;
+    }), treeProps = _q.treeProps, nodeDraggable = _q.nodeDraggable, dropNode = _q.dropNode, dragNode = _q.dragNode, dropPositionInfo = _q.dropPositionInfo;
     (0, react_1.useEffect)(function () {
         if (treeRef.current && scrollToNode) {
             treeRef.current.scrollTo({ key: String(scrollToNode.nodeId) });
@@ -102,22 +104,30 @@ var RCTree = function (_a) {
         }
     }, [onChange, expandNode, dragNode]);
     var renderSwitcherIcon = (0, react_1.useCallback)(function (node) { return react_1.default.createElement(SwitchRenderer, { node: node }); }, []);
+    var handleEnableDragging = (0, react_1.useCallback)(function () {
+        setIsDraggingEnabled(true);
+        window.removeEventListener('mouseup', handleEnableDragging);
+        window.removeEventListener('dragend', handleEnableDragging);
+    }, []);
+    var handleDisableDragging = (0, react_1.useCallback)(function () {
+        setIsDraggingEnabled(false);
+        window.addEventListener('mouseup', handleEnableDragging);
+        window.addEventListener('dragend', handleEnableDragging);
+    }, [handleEnableDragging]);
     var titleRender = function (node) {
         var _a;
         var _b, _c;
         var draggedNodes = (0, helper_1.gatherNodeKeys)(dragNode);
         var width = (0, helper_1.calcNodeWidth)((_c = (_b = levelLines[node.key]) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.length, containerSize.width);
-        return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.titleWrapper, (_a = {},
+        return (react_1.default.createElement("div", { "data-reltio-id": "rc-tree-title-wrapper", className: (0, classnames_1.default)(styles.titleWrapper, (_a = {},
                 _a[styles.dropIndicator] = (0, helper_1.isDropIndicatorNode)(node),
                 _a[styles.dropNotAllowed] = dropNode && !(0, helper_1.isDropIndicatorNode)(dropNode),
                 _a[styles.draggedChildrenNode] = draggedNodes.includes(node.key),
-                _a)), onMouseDown: helper_1.preventNodeDragging, style: { width: width } },
+                _a)), onMouseDown: handleDisableDragging, style: { width: width } },
             react_1.default.createElement(LevelLinesRenderer, { levelLine: levelLines[node.key] }),
             renderNode ? renderNode(node.value) : node.title));
     };
-    var dragHandle = (react_1.default.createElement("span", { className: (0, classnames_1.default)(styles.dragHandle, (_b = {},
-            _b[styles.dragHandleDragging] = !!dragNode,
-            _b)) },
+    var dragHandle = (react_1.default.createElement("span", { className: (0, classnames_1.default)(styles.dragHandle, (_b = {}, _b[styles.dragHandleDragging] = !!dragNode, _b)) },
         react_1.default.createElement(DragIndicator_1.default, null)));
     var onContainerResize = (0, react_1.useCallback)(function (width, height) {
         setContainerSize({ width: width, height: height });

package/cjs/RCTree/helper.d.ts

@@ -1,4 +1,4 @@
-import React, { MouseEvent } from 'react';
+import React from 'react';
 import { AddNodePosition, DropPositionInfo, InternalRCNode, RCTreeNode } from './types';
 export declare const DEPTH_LEVEL_INDENT = 16;
 export declare const defaultIsLeaf: ({ children }: {
@@ -29,7 +29,6 @@ export declare const getDropNodePosition: (event: React.DragEvent<HTMLDivElement
 };
 export declare const isDropIndicatorNode: (node: InternalRCNode) => boolean;
 export declare const gatherNodeKeys: (node: InternalRCNode) => string[];
-export declare const preventNodeDragging: (event: MouseEvent<HTMLDivElement>) => void;
 type LevelLinesData = Record<string, [boolean[], boolean]>;
 export declare const getLevelLinesData: (treeData: RCTreeNode[]) => LevelLinesData;
 export declare const setTreeWidth: (container: React.RefObject<HTMLDivElement>, data: RCTreeNode[]) => void;

package/cjs/RCTree/helper.js

@@ -20,7 +20,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.calcNodeWidth = exports.setTreeWidth = exports.getLevelLinesData = exports.preventNodeDragging = exports.gatherNodeKeys = exports.isDropIndicatorNode = exports.getDropNodePosition = exports.slideNodePos = exports.getExpandedKeys = exports.moveNode = exports.insertNodeAtPosition = exports.removeNodeAtPosition = exports.changeNodeAtPosition = exports.getParentPos = exports.getNodeAtPosition = exports.convertTreeData = exports.defaultIsLeaf = exports.DEPTH_LEVEL_INDENT = void 0;
+exports.calcNodeWidth = exports.setTreeWidth = exports.getLevelLinesData = exports.gatherNodeKeys = exports.isDropIndicatorNode = exports.getDropNodePosition = exports.slideNodePos = exports.getExpandedKeys = exports.moveNode = exports.insertNodeAtPosition = exports.removeNodeAtPosition = exports.changeNodeAtPosition = exports.getParentPos = exports.getNodeAtPosition = exports.convertTreeData = exports.defaultIsLeaf = exports.DEPTH_LEVEL_INDENT = void 0;
 var ramda_1 = require("ramda");
 var types_1 = require("./types");
 exports.DEPTH_LEVEL_INDENT = 16;
@@ -207,10 +207,6 @@ var gatherNodeKeys = function (node) {
     return node ? __spreadArray([node.key], (node.children ? node.children.flatMap(exports.gatherNodeKeys) : []), true) : [];
 };
 exports.gatherNodeKeys = gatherNodeKeys;
-var preventNodeDragging = function (event) {
-    event.preventDefault();
-};
-exports.preventNodeDragging = preventNodeDragging;
 var getLevelLinesData = function (treeData) {
     var getLinesData = function (data, prevLinesData) {
         return data.reduce(function (linesData, node, index) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2010",
+  "version": "1.4.2012",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./index.js",