@reltio/components 1.4.876 → 1.4.880

package/components/ReactSortableTree/tree-node.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,25 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -40,14 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var classnames_1 = __importDefault(require("./utils/classnames"));
-var treeNodeStyle_1 = require("./treeNodeStyle");
+import React, { Children, cloneElement } from 'react';
+import PropTypes from 'prop-types';
+import classnames from './utils/classnames';
+import { useStyles } from './treeNodeStyle';
 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, 
     /* eslint-disable */
@@ -57,7 +33,7 @@ var TreeNode = function (_a) {
     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"]);
-    treeNodeStyle_1.useStyles();
+    useStyles();
     var rowDirectionClass = rowDirection === 'rtl' ? 'rst__rtl' : null;
     // Construct the scaffold representing the structure of the tree
     var scaffoldBlockCount = lowerSiblingCounts.length;
@@ -112,7 +88,7 @@ var TreeNode = function (_a) {
             // +-----+
             lineClass = 'rst__lineHalfVerticalTop rst__lineHalfHorizontalRight';
         }
-        scaffold.push(react_1.default.createElement("div", { key: "pre_" + (1 + i), style: { width: scaffoldBlockPxWidth }, className: classnames_1.default('rst__lineBlock', lineClass, rowDirectionClass) }));
+        scaffold.push(React.createElement("div", { key: "pre_" + (1 + i), style: { width: scaffoldBlockPxWidth }, className: classnames('rst__lineBlock', lineClass, rowDirectionClass) }));
         if (treeIndex !== listIndex && i === swapDepth) {
             // This row has been shifted, and is at the depth of
             // the line pointing to the new destination
@@ -144,9 +120,9 @@ var TreeNode = function (_a) {
                     left: scaffoldBlockPxWidth * i
                 };
             }
-            scaffold.push(react_1.default.createElement("div", { 
+            scaffold.push(React.createElement("div", { 
                 // eslint-disable-next-line react/no-array-index-key
-                key: i, style: style_1, className: classnames_1.default('rst__absoluteLineBlock', highlightLineClass, rowDirectionClass) }));
+                key: i, style: style_1, className: classnames('rst__absoluteLineBlock', highlightLineClass, rowDirectionClass) }));
         }
     });
     var style;
@@ -157,10 +133,10 @@ var TreeNode = function (_a) {
         // Default ltr
         style = { left: scaffoldBlockPxWidth * scaffoldBlockCount };
     }
-    return connectDropTarget(react_1.default.createElement("div", __assign({}, otherProps, { className: classnames_1.default('rst__node', rowDirectionClass) }),
+    return connectDropTarget(React.createElement("div", __assign({}, otherProps, { className: classnames('rst__node', rowDirectionClass) }),
         scaffold,
-        react_1.default.createElement("div", { className: "rst__nodeContent", style: style }, react_1.Children.map(children, function (child) {
-            return react_1.cloneElement(child, {
+        React.createElement("div", { className: "rst__nodeContent", style: style }, Children.map(children, function (child) {
+            return cloneElement(child, {
                 isOver: isOver,
                 canDrop: canDrop,
                 draggedNode: draggedNode
@@ -176,25 +152,25 @@ TreeNode.defaultProps = {
     rowDirection: 'ltr'
 };
 TreeNode.propTypes = {
-    treeIndex: prop_types_1.default.number.isRequired,
-    treeId: prop_types_1.default.string.isRequired,
-    swapFrom: prop_types_1.default.number,
-    swapDepth: prop_types_1.default.number,
-    swapLength: prop_types_1.default.number,
-    scaffoldBlockPxWidth: prop_types_1.default.number.isRequired,
-    lowerSiblingCounts: prop_types_1.default.arrayOf(prop_types_1.default.number).isRequired,
-    listIndex: prop_types_1.default.number.isRequired,
-    children: prop_types_1.default.node.isRequired,
+    treeIndex: PropTypes.number.isRequired,
+    treeId: PropTypes.string.isRequired,
+    swapFrom: PropTypes.number,
+    swapDepth: PropTypes.number,
+    swapLength: PropTypes.number,
+    scaffoldBlockPxWidth: PropTypes.number.isRequired,
+    lowerSiblingCounts: PropTypes.arrayOf(PropTypes.number).isRequired,
+    listIndex: PropTypes.number.isRequired,
+    children: PropTypes.node.isRequired,
     // Drop target
-    connectDropTarget: prop_types_1.default.func.isRequired,
-    isOver: prop_types_1.default.bool.isRequired,
-    canDrop: prop_types_1.default.bool,
-    draggedNode: prop_types_1.default.shape({}),
+    connectDropTarget: PropTypes.func.isRequired,
+    isOver: PropTypes.bool.isRequired,
+    canDrop: PropTypes.bool,
+    draggedNode: PropTypes.shape({}),
     // used in dndManager
-    getPrevRow: prop_types_1.default.func.isRequired,
-    node: prop_types_1.default.shape({}).isRequired,
-    path: prop_types_1.default.arrayOf(prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number])).isRequired,
+    getPrevRow: PropTypes.func.isRequired,
+    node: PropTypes.shape({}).isRequired,
+    path: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])).isRequired,
     // rtl support
-    rowDirection: prop_types_1.default.string
+    rowDirection: PropTypes.string
 };
-exports.default = TreeNode;
+export default TreeNode;

package/components/ReactSortableTree/tree-placeholder.js

@@ -1,4 +1,3 @@
-"use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -25,25 +24,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -55,12 +35,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
+import React, { Children, cloneElement, Component } from 'react';
+import PropTypes from 'prop-types';
 var TreePlaceholder = /** @class */ (function (_super) {
     __extends(TreePlaceholder, _super);
     function TreePlaceholder() {
@@ -70,24 +46,24 @@ var TreePlaceholder = /** @class */ (function (_super) {
         // eslint-disable-next-line no-unused-vars
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         var _a = this.props, children = _a.children, connectDropTarget = _a.connectDropTarget, treeId = _a.treeId, drop = _a.drop, otherProps = __rest(_a, ["children", "connectDropTarget", "treeId", "drop"]);
-        return connectDropTarget(react_1.default.createElement("div", null, react_1.Children.map(children, function (child) {
-            return react_1.cloneElement(child, __assign({}, otherProps));
+        return connectDropTarget(React.createElement("div", null, Children.map(children, function (child) {
+            return cloneElement(child, __assign({}, otherProps));
         })));
     };
     return TreePlaceholder;
-}(react_1.Component));
+}(Component));
 TreePlaceholder.defaultProps = {
     canDrop: false,
     draggedNode: null
 };
 TreePlaceholder.propTypes = {
-    children: prop_types_1.default.node.isRequired,
+    children: PropTypes.node.isRequired,
     // Drop target
-    connectDropTarget: prop_types_1.default.func.isRequired,
-    isOver: prop_types_1.default.bool.isRequired,
-    canDrop: prop_types_1.default.bool,
-    draggedNode: prop_types_1.default.shape({}),
-    treeId: prop_types_1.default.string.isRequired,
-    drop: prop_types_1.default.func.isRequired
+    connectDropTarget: PropTypes.func.isRequired,
+    isOver: PropTypes.bool.isRequired,
+    canDrop: PropTypes.bool,
+    draggedNode: PropTypes.shape({}),
+    treeId: PropTypes.string.isRequired,
+    drop: PropTypes.func.isRequired
 };
-exports.default = TreePlaceholder;
+export default TreePlaceholder;

package/components/ReactSortableTree/treeNodeStyle.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function () { return ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function () { return ({
     '@global .rst__node': {
         minWidth: '100%',
         whiteSpace: 'nowrap',

package/components/ReactSortableTree/utils/classnames.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 // very simple className utility for creating a classname string...
 // Falsy arguments are ignored:
 //
@@ -10,7 +8,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 //    active && "class3"
 // ); // returns -> class1 class3";
 //
-function classnames() {
+export default function classnames() {
     var classes = [];
     for (var _i = 0; _i < arguments.length; _i++) {
         classes[_i] = arguments[_i];
@@ -25,4 +23,3 @@ function classnames() {
     // Boolean("classname") === true;
     return classes.filter(Boolean).join(' ');
 }
-exports.default = classnames;

package/components/ReactSortableTree/utils/default-handlers.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultSearchMethod = exports.defaultGetNodeKey = void 0;
-function defaultGetNodeKey(_a) {
+export function defaultGetNodeKey(_a) {
     var treeIndex = _a.treeIndex;
     return treeIndex;
 }
-exports.defaultGetNodeKey = defaultGetNodeKey;
 // Cheap hack to get the text of a react object
 function getReactElementText(parent) {
     if (typeof parent === 'string') {
@@ -36,10 +32,9 @@ function stringSearch(key, searchQuery, node, path, treeIndex) {
     // Search within string
     return node[key] && String(node[key]).indexOf(searchQuery) > -1;
 }
-function defaultSearchMethod(_a) {
+export function defaultSearchMethod(_a) {
     var node = _a.node, path = _a.path, treeIndex = _a.treeIndex, searchQuery = _a.searchQuery;
     return (stringSearch('title', searchQuery, node, path, treeIndex) ||
         stringSearch('subtitle', searchQuery, node, path, treeIndex));
 }
-exports.defaultSearchMethod = defaultSearchMethod;
-exports.default = { defaultSearchMethod: defaultSearchMethod, defaultGetNodeKey: defaultGetNodeKey };
+export default { defaultSearchMethod: defaultSearchMethod, defaultGetNodeKey: defaultGetNodeKey };

package/components/ReactSortableTree/utils/dnd-manager.js

@@ -1,10 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_dnd_1 = require("react-dnd");
-var react_dom_1 = require("react-dom");
-var ramda_1 = require("ramda");
-var tree_data_utils_1 = require("./tree-data-utils");
-var memoized_tree_data_utils_1 = require("./memoized-tree-data-utils");
+import { DragSource as dragSource, DropTarget as dropTarget } from 'react-dnd';
+import { findDOMNode } from 'react-dom';
+import { equals } from 'ramda';
+import { getDepth } from './tree-data-utils';
+import { memoizedInsertNode } from './memoized-tree-data-utils';
 var DndManager = /** @class */ (function () {
     function DndManager(treeRef) {
         var _this = this;
@@ -143,7 +141,7 @@ var DndManager = /** @class */ (function () {
             // Ignore the tree depth of the source, if it had any to begin with
             dragSourceInitialDepth = 0;
             if (component) {
-                var relativePosition = react_dom_1.findDOMNode(component).getBoundingClientRect(); // eslint-disable-line react/no-find-dom-node
+                var relativePosition = findDOMNode(component).getBoundingClientRect(); // eslint-disable-line react/no-find-dom-node
                 var leftShift = monitor.getSourceClientOffset().x - relativePosition.left;
                 blocksOffset = Math.round(leftShift / dropTargetProps.scaffoldBlockPxWidth);
             }
@@ -160,7 +158,7 @@ var DndManager = /** @class */ (function () {
         // If a maxDepth is defined, constrain the target depth
         if (typeof this.maxDepth !== 'undefined' && this.maxDepth !== null) {
             var draggedNode = monitor.getItem().node;
-            var draggedChildDepth = tree_data_utils_1.getDepth(draggedNode);
+            var draggedChildDepth = getDepth(draggedNode);
             targetDepth = Math.max(0, Math.min(targetDepth, this.maxDepth - draggedChildDepth - 1));
         }
         return targetDepth;
@@ -180,7 +178,7 @@ var DndManager = /** @class */ (function () {
             aboveNodeId: aboveNode.nodeId !== undefined ? aboveNode.nodeId : aboveNode,
             blocksOffset: blocksOffset
         };
-        if (ramda_1.equals(this.lastCanDropProps, newCanDropProps)) {
+        if (equals(this.lastCanDropProps, newCanDropProps)) {
             return this.lastCanDropResult;
         }
         this.lastCanDropProps = newCanDropProps;
@@ -192,7 +190,7 @@ var DndManager = /** @class */ (function () {
         }
         if (typeof this.customCanDrop === 'function') {
             var node = monitor.getItem().node;
-            var addedResult = memoized_tree_data_utils_1.memoizedInsertNode({
+            var addedResult = memoizedInsertNode({
                 treeData: this.treeData,
                 newNode: node,
                 depth: targetDepth,
@@ -246,7 +244,7 @@ var DndManager = /** @class */ (function () {
                 didDrop: monitor.didDrop()
             };
         }
-        return react_dnd_1.DragSource(this.dndType, nodeDragSource, nodeDragSourcePropInjection)(el);
+        return dragSource(this.dndType, nodeDragSource, nodeDragSourcePropInjection)(el);
     };
     DndManager.prototype.wrapTarget = function (el) {
         var _this = this;
@@ -291,7 +289,7 @@ var DndManager = /** @class */ (function () {
                 draggedNode: dragged ? dragged.node : null
             };
         }
-        return react_dnd_1.DropTarget(this.dndType, nodeDropTarget, nodeDropTargetPropInjection)(el);
+        return dropTarget(this.dndType, nodeDropTarget, nodeDropTargetPropInjection)(el);
     };
     DndManager.prototype.wrapPlaceholder = function (el) {
         var _this = this;
@@ -319,8 +317,8 @@ var DndManager = /** @class */ (function () {
                 draggedNode: dragged ? dragged.node : null
             };
         }
-        return react_dnd_1.DropTarget(this.dndType, placeholderDropTarget, placeholderPropInjection)(el);
+        return dropTarget(this.dndType, placeholderDropTarget, placeholderPropInjection)(el);
     };
     return DndManager;
 }());
-exports.default = DndManager;
+export default DndManager;

package/components/ReactSortableTree/utils/generic-utils.js

@@ -1,15 +1,11 @@
-"use strict";
 /* eslint-disable import/prefer-default-export */
 var __spreadArray = (this && this.__spreadArray) || function (to, from) {
     for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
         to[j] = from[i];
     return to;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.slideRows = void 0;
-function slideRows(rows, fromIndex, toIndex, count) {
+export function slideRows(rows, fromIndex, toIndex, count) {
     if (count === void 0) { count = 1; }
     var rowsWithoutMoved = __spreadArray(__spreadArray([], rows.slice(0, fromIndex)), rows.slice(fromIndex + count));
     return __spreadArray(__spreadArray(__spreadArray([], rowsWithoutMoved.slice(0, toIndex)), rows.slice(fromIndex, fromIndex + count)), rowsWithoutMoved.slice(toIndex));
 }
-exports.slideRows = slideRows;

package/components/ReactSortableTree/utils/memoized-tree-data-utils.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.memoizedGetDescendantCount = exports.memoizedGetFlatDataFromTree = exports.memoizedInsertNode = void 0;
-var tree_data_utils_1 = require("./tree-data-utils");
+import { insertNode, getDescendantCount, getFlatDataFromTree } from './tree-data-utils';
 var memoize = function (f) {
     var savedArgsArray = [];
     var savedKeysArray = [];
@@ -21,6 +18,6 @@ var memoize = function (f) {
         return savedResult;
     };
 };
-exports.memoizedInsertNode = memoize(tree_data_utils_1.insertNode);
-exports.memoizedGetFlatDataFromTree = memoize(tree_data_utils_1.getFlatDataFromTree);
-exports.memoizedGetDescendantCount = memoize(tree_data_utils_1.getDescendantCount);
+export var memoizedInsertNode = memoize(insertNode);
+export var memoizedGetFlatDataFromTree = memoize(getFlatDataFromTree);
+export var memoizedGetDescendantCount = memoize(getDescendantCount);