@reltio/components 1.4.1957 → 1.4.1959

package/cjs/RCTree/RCTree.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { TreeNodeProps } from 'rc-tree';
+import React from 'react';
 import { RCTreeNode } from './types';
 type Props = {
     treeData: RCTreeNode[];
@@ -14,7 +14,8 @@ type Props = {
     className?: string;
     minItemHeight?: number;
     isLeaf?: (node: TreeNodeProps & Record<string, unknown>) => boolean;
+    scrollToNode?: RCTreeNode;
     onChange?: (node: RCTreeNode[]) => void;
 };
-export declare const RCTree: ({ treeData, isVirtualized, canDrag, canDrop, onLoadChildren, height, defaultExpandAll, SwitchRenderer, className, renderNode, minItemHeight, isLeaf, onChange, }: Props) => React.JSX.Element;
+export declare const RCTree: ({ treeData, isVirtualized, canDrag, canDrop, onLoadChildren, height, defaultExpandAll, SwitchRenderer, className, renderNode, minItemHeight, isLeaf, scrollToNode, onChange }: Props) => React.JSX.Element;
 export {};

package/cjs/RCTree/RCTree.js

@@ -27,18 +27,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RCTree = void 0;
-var react_1 = __importStar(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
 var rc_tree_1 = __importDefault(require("rc-tree"));
-var classnames_1 = __importDefault(require("classnames"));
+var react_1 = __importStar(require("react"));
 var DefaultSwitchRenderer_1 = require("./DefaultSwitchRenderer");
 var helper_1 = require("./helper");
 var styles_1 = require("./styles");
 var MIN_ROW_HEIGHT = 28;
 var RCTree = function (_a) {
-    var treeData = _a.treeData, _b = _a.isVirtualized, isVirtualized = _b === void 0 ? true : _b, _c = _a.canDrag, canDrag = _c === void 0 ? false : _c, _d = _a.canDrop, canDrop = _d === void 0 ? function () { return false; } : _d, onLoadChildren = _a.onLoadChildren, height = _a.height, _e = _a.defaultExpandAll, defaultExpandAll = _e === void 0 ? false : _e, _f = _a.SwitchRenderer, SwitchRenderer = _f === void 0 ? DefaultSwitchRenderer_1.DefaultSwitchRenderer : _f, className = _a.className, renderNode = _a.renderNode, _g = _a.minItemHeight, minItemHeight = _g === void 0 ? MIN_ROW_HEIGHT : _g, _h = _a.isLeaf, isLeaf = _h === void 0 ? helper_1.defaultIsLeaf : _h, _j = _a.onChange, onChange = _j === void 0 ? ramda_1.identity : _j;
+    var treeData = _a.treeData, _b = _a.isVirtualized, isVirtualized = _b === void 0 ? true : _b, _c = _a.canDrag, canDrag = _c === void 0 ? false : _c, _d = _a.canDrop, canDrop = _d === void 0 ? function () { return false; } : _d, onLoadChildren = _a.onLoadChildren, height = _a.height, _e = _a.defaultExpandAll, defaultExpandAll = _e === void 0 ? false : _e, _f = _a.SwitchRenderer, SwitchRenderer = _f === void 0 ? DefaultSwitchRenderer_1.DefaultSwitchRenderer : _f, className = _a.className, renderNode = _a.renderNode, _g = _a.minItemHeight, minItemHeight = _g === void 0 ? MIN_ROW_HEIGHT : _g, _h = _a.isLeaf, isLeaf = _h === void 0 ? helper_1.defaultIsLeaf : _h, scrollToNode = _a.scrollToNode, _j = _a.onChange, onChange = _j === void 0 ? ramda_1.identity : _j;
     var styles = (0, styles_1.useStyles)();
     var internalTreeData = (0, react_1.useMemo)(function () { return (0, helper_1.convertTreeData)({ data: treeData, isLeaf: isLeaf }); }, [isLeaf, treeData]);
+    var treeRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
+        if (treeRef.current && scrollToNode) {
+            treeRef.current.scrollTo({ key: String(scrollToNode.nodeId) });
+        }
+    }, [scrollToNode]);
     // eslint-disable-next-line no-unused-vars
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var handleDrop = function (_a) {
@@ -69,6 +75,6 @@ var RCTree = function (_a) {
         return (0, helper_1.getExpandedKeys)(treeData);
     }, [treeData]);
     var renderSwitcherIcon = (0, react_1.useCallback)(function (node) { return react_1.default.createElement(SwitchRenderer, { node: node }); }, []);
-    return internalTreeData ? (react_1.default.createElement(rc_tree_1.default, { allowDrop: canDrop, draggable: canDrag, onDragStart: function () { }, onDragEnter: handleDragEnter, onDrop: handleDrop, virtual: isVirtualized, itemHeight: minItemHeight, height: height, onExpand: handleExpand, showIcon: false, showLine: true, expandedKeys: expandedKeys, switcherIcon: renderSwitcherIcon, defaultExpandAll: defaultExpandAll, className: (0, classnames_1.default)(className, styles.treeWrapper), titleRender: renderNode ? function (node) { return renderNode(node.value); } : undefined, treeData: internalTreeData, selectable: false, loadData: onLoadChildren ? function (node) { return onLoadChildren(node.value); } : undefined, "data-reltio-id": "rc-tree" })) : null;
+    return internalTreeData ? (react_1.default.createElement(rc_tree_1.default, { allowDrop: canDrop, draggable: canDrag, onDragStart: function () { }, onDragEnter: handleDragEnter, onDrop: handleDrop, virtual: isVirtualized, itemHeight: minItemHeight, height: height, onExpand: handleExpand, showIcon: false, showLine: true, expandedKeys: expandedKeys, switcherIcon: renderSwitcherIcon, defaultExpandAll: defaultExpandAll, className: (0, classnames_1.default)(className, styles.treeWrapper), titleRender: renderNode ? function (node) { return renderNode(node.value); } : undefined, treeData: internalTreeData, selectable: false, loadData: onLoadChildren ? function (node) { return onLoadChildren(node.value); } : undefined, "data-reltio-id": "rc-tree", ref: treeRef })) : null;
 };
 exports.RCTree = RCTree;

package/cjs/RCTree/helper.js

@@ -49,9 +49,7 @@ exports.changeNodeAtPosition = changeNodeAtPosition;
 var getExpandedKeys = function (nodes) {
     if (nodes === void 0) { nodes = []; }
     return nodes.reduce(function (expandedKeys, node) {
-        return expandedKeys
-            .concat(node.expanded ? [String(node.nodeId)] : [])
-            .concat((0, exports.getExpandedKeys)(node.children));
+        return expandedKeys.concat(node.expanded ? [String(node.nodeId)] : []).concat((0, exports.getExpandedKeys)(node.children));
     }, []);
 };
 exports.getExpandedKeys = getExpandedKeys;

package/cjs/RCTree/styles.js

@@ -214,7 +214,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
             outline: 0,
             '&:hover': {
                 backgroundColor: 'rgba(0,0,0,0.06)'
-            },
+            }
         },
         '.rc-tree-treenode': {
             display: 'flex'
@@ -225,6 +225,6 @@ exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
         '.rc-tree-title': {
             display: 'inline-block',
             width: '100%'
-        },
+        }
     }
 }); });

package/cjs/UpSetChart/UpSetChart.js

@@ -1,49 +1,14 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UpSetChart = void 0;
-var react_1 = __importStar(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var react_2 = require("@upsetjs/react");
-var constants_1 = require("./constants");
-var styles_1 = require("./styles");
+var react_1 = __importDefault(require("react"));
 var UpSetChart = function (_a) {
     var width = _a.width, height = _a.height, data = _a.data;
-    var styles = (0, styles_1.useStyles)();
-    var _b = (0, react_1.useState)(null), selection = _b[0], setSelection = _b[1];
-    var _c = (0, react_1.useMemo)(function () { return (0, react_2.extractCombinations)(data); }, [data]), sets = _c.sets, combinations = _c.combinations;
-    if (!width || !height)
+    if (!width || !height || !data)
         return null;
-    return (react_1.default.createElement(react_2.UpSetJS, { width: width, height: height, sets: sets, combinations: combinations, selection: selection, onHover: setSelection, barPadding: 0.6, dotPadding: 0.5, barLabelOffset: 4, exportButtons: false, heightRatios: [0.65], combinationName: ui_i18n_1.default.text('No. of unified profiles'), setName: "", setLabelAlignment: "left", alternatingBackgroundColor: "transparent", notMemberColor: constants_1.NOT_MEMBER_COLOR, hasSelectionColor: constants_1.SECONDARY_COLOR, selectionColor: constants_1.PRIMARY_COLOR, color: constants_1.PRIMARY_COLOR, textColor: constants_1.TEXT_COLOR, fontFamily: "inherit", classNames: {
-            setLabel: styles.setLabel,
-            barLabel: styles.barLabel,
-            axisTick: styles.axisTick,
-            chartLabel: styles.chartLabel
-        } }));
+    return react_1.default.createElement("div", null, "UpSet");
 };
 exports.UpSetChart = UpSetChart;

package/esm/RCTree/RCTree.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { TreeNodeProps } from 'rc-tree';
+import React from 'react';
 import { RCTreeNode } from './types';
 type Props = {
     treeData: RCTreeNode[];
@@ -14,7 +14,8 @@ type Props = {
     className?: string;
     minItemHeight?: number;
     isLeaf?: (node: TreeNodeProps & Record<string, unknown>) => boolean;
+    scrollToNode?: RCTreeNode;
     onChange?: (node: RCTreeNode[]) => void;
 };
-export declare const RCTree: ({ treeData, isVirtualized, canDrag, canDrop, onLoadChildren, height, defaultExpandAll, SwitchRenderer, className, renderNode, minItemHeight, isLeaf, onChange, }: Props) => React.JSX.Element;
+export declare const RCTree: ({ treeData, isVirtualized, canDrag, canDrop, onLoadChildren, height, defaultExpandAll, SwitchRenderer, className, renderNode, minItemHeight, isLeaf, scrollToNode, onChange }: Props) => React.JSX.Element;
 export {};

package/esm/RCTree/RCTree.js

@@ -1,15 +1,21 @@
-import React, { useCallback, useMemo } from 'react';
+import classnames from 'classnames';
 import { assoc, identity } from 'ramda';
 import Tree from 'rc-tree';
-import classnames from 'classnames';
+import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { DefaultSwitchRenderer } from './DefaultSwitchRenderer';
 import { changeNodeAtPosition, convertTreeData, defaultIsLeaf, getExpandedKeys } from './helper';
 import { useStyles } from './styles';
 var MIN_ROW_HEIGHT = 28;
 export var RCTree = function (_a) {
-    var treeData = _a.treeData, _b = _a.isVirtualized, isVirtualized = _b === void 0 ? true : _b, _c = _a.canDrag, canDrag = _c === void 0 ? false : _c, _d = _a.canDrop, canDrop = _d === void 0 ? function () { return false; } : _d, onLoadChildren = _a.onLoadChildren, height = _a.height, _e = _a.defaultExpandAll, defaultExpandAll = _e === void 0 ? false : _e, _f = _a.SwitchRenderer, SwitchRenderer = _f === void 0 ? DefaultSwitchRenderer : _f, className = _a.className, renderNode = _a.renderNode, _g = _a.minItemHeight, minItemHeight = _g === void 0 ? MIN_ROW_HEIGHT : _g, _h = _a.isLeaf, isLeaf = _h === void 0 ? defaultIsLeaf : _h, _j = _a.onChange, onChange = _j === void 0 ? identity : _j;
+    var treeData = _a.treeData, _b = _a.isVirtualized, isVirtualized = _b === void 0 ? true : _b, _c = _a.canDrag, canDrag = _c === void 0 ? false : _c, _d = _a.canDrop, canDrop = _d === void 0 ? function () { return false; } : _d, onLoadChildren = _a.onLoadChildren, height = _a.height, _e = _a.defaultExpandAll, defaultExpandAll = _e === void 0 ? false : _e, _f = _a.SwitchRenderer, SwitchRenderer = _f === void 0 ? DefaultSwitchRenderer : _f, className = _a.className, renderNode = _a.renderNode, _g = _a.minItemHeight, minItemHeight = _g === void 0 ? MIN_ROW_HEIGHT : _g, _h = _a.isLeaf, isLeaf = _h === void 0 ? defaultIsLeaf : _h, scrollToNode = _a.scrollToNode, _j = _a.onChange, onChange = _j === void 0 ? identity : _j;
     var styles = useStyles();
     var internalTreeData = useMemo(function () { return convertTreeData({ data: treeData, isLeaf: isLeaf }); }, [isLeaf, treeData]);
+    var treeRef = useRef(null);
+    useEffect(function () {
+        if (treeRef.current && scrollToNode) {
+            treeRef.current.scrollTo({ key: String(scrollToNode.nodeId) });
+        }
+    }, [scrollToNode]);
     // eslint-disable-next-line no-unused-vars
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var handleDrop = function (_a) {
@@ -40,5 +46,5 @@ export var RCTree = function (_a) {
         return getExpandedKeys(treeData);
     }, [treeData]);
     var renderSwitcherIcon = useCallback(function (node) { return React.createElement(SwitchRenderer, { node: node }); }, []);
-    return internalTreeData ? (React.createElement(Tree, { allowDrop: canDrop, draggable: canDrag, onDragStart: function () { }, onDragEnter: handleDragEnter, onDrop: handleDrop, virtual: isVirtualized, itemHeight: minItemHeight, height: height, onExpand: handleExpand, showIcon: false, showLine: true, expandedKeys: expandedKeys, switcherIcon: renderSwitcherIcon, defaultExpandAll: defaultExpandAll, className: classnames(className, styles.treeWrapper), titleRender: renderNode ? function (node) { return renderNode(node.value); } : undefined, treeData: internalTreeData, selectable: false, loadData: onLoadChildren ? function (node) { return onLoadChildren(node.value); } : undefined, "data-reltio-id": "rc-tree" })) : null;
+    return internalTreeData ? (React.createElement(Tree, { allowDrop: canDrop, draggable: canDrag, onDragStart: function () { }, onDragEnter: handleDragEnter, onDrop: handleDrop, virtual: isVirtualized, itemHeight: minItemHeight, height: height, onExpand: handleExpand, showIcon: false, showLine: true, expandedKeys: expandedKeys, switcherIcon: renderSwitcherIcon, defaultExpandAll: defaultExpandAll, className: classnames(className, styles.treeWrapper), titleRender: renderNode ? function (node) { return renderNode(node.value); } : undefined, treeData: internalTreeData, selectable: false, loadData: onLoadChildren ? function (node) { return onLoadChildren(node.value); } : undefined, "data-reltio-id": "rc-tree", ref: treeRef })) : null;
 };

package/esm/RCTree/helper.js

@@ -43,8 +43,6 @@ export var changeNodeAtPosition = function (treeData, pos, changeNode) {
 export var getExpandedKeys = function (nodes) {
     if (nodes === void 0) { nodes = []; }
     return nodes.reduce(function (expandedKeys, node) {
-        return expandedKeys
-            .concat(node.expanded ? [String(node.nodeId)] : [])
-            .concat(getExpandedKeys(node.children));
+        return expandedKeys.concat(node.expanded ? [String(node.nodeId)] : []).concat(getExpandedKeys(node.children));
     }, []);
 };

package/esm/RCTree/styles.js

@@ -211,7 +211,7 @@ export var useStyles = makeStyles(function () { return ({
             outline: 0,
             '&:hover': {
                 backgroundColor: 'rgba(0,0,0,0.06)'
-            },
+            }
         },
         '.rc-tree-treenode': {
             display: 'flex'
@@ -222,6 +222,6 @@ export var useStyles = makeStyles(function () { return ({
         '.rc-tree-title': {
             display: 'inline-block',
             width: '100%'
-        },
+        }
     }
 }); });

package/esm/UpSetChart/UpSetChart.js

@@ -1,19 +1,7 @@
-import React, { useMemo, useState } from 'react';
-import i18n from 'ui-i18n';
-import { extractCombinations, UpSetJS } from '@upsetjs/react';
-import { NOT_MEMBER_COLOR, PRIMARY_COLOR, SECONDARY_COLOR, TEXT_COLOR } from './constants';
-import { useStyles } from './styles';
+import React from 'react';
 export var UpSetChart = function (_a) {
     var width = _a.width, height = _a.height, data = _a.data;
-    var styles = useStyles();
-    var _b = useState(null), selection = _b[0], setSelection = _b[1];
-    var _c = useMemo(function () { return extractCombinations(data); }, [data]), sets = _c.sets, combinations = _c.combinations;
-    if (!width || !height)
+    if (!width || !height || !data)
         return null;
-    return (React.createElement(UpSetJS, { width: width, height: height, sets: sets, combinations: combinations, selection: selection, onHover: setSelection, barPadding: 0.6, dotPadding: 0.5, barLabelOffset: 4, exportButtons: false, heightRatios: [0.65], combinationName: i18n.text('No. of unified profiles'), setName: "", setLabelAlignment: "left", alternatingBackgroundColor: "transparent", notMemberColor: NOT_MEMBER_COLOR, hasSelectionColor: SECONDARY_COLOR, selectionColor: PRIMARY_COLOR, color: PRIMARY_COLOR, textColor: TEXT_COLOR, fontFamily: "inherit", classNames: {
-            setLabel: styles.setLabel,
-            barLabel: styles.barLabel,
-            axisTick: styles.axisTick,
-            chartLabel: styles.chartLabel
-        } }));
+    return React.createElement("div", null, "UpSet");
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1957",
+  "version": "1.4.1959",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
@@ -9,7 +9,6 @@
     "@react-google-maps/api": "2.7.0",
     "@react-sigma/core": "3.4.0",
     "@reltio/mdm-sdk": "^1.4.1866",
-    "@upsetjs/react": "^1.11.0",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",
     "d3-hierarchy": "^2.0.0",
@@ -57,8 +56,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "overrides": {
-    "@types/lz-string": "1.3.34"
-  },
   "sideEffects": false
 }

package/cjs/UpSetChart/UpSetChart.test.d.ts

@@ -1 +0,0 @@
-export {};

package/cjs/UpSetChart/UpSetChart.test.js

@@ -1,67 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@testing-library/react");
-var UpSetChart_1 = require("./UpSetChart");
-var defaultData = [
-    { name: '1', sets: ['Salesforce'] },
-    { name: '2', sets: ['SAP'] },
-    { name: '3', sets: ['ServiceNow'] },
-    { name: '4', sets: ['D&B'] },
-    { name: '5', sets: ['Reltio'] },
-    { name: '6', sets: ['Salesforce', 'SAP'] },
-    { name: '7', sets: ['Salesforce', 'D&B'] },
-    { name: '8', sets: ['Salesforce', 'Reltio'] },
-    { name: '9', sets: ['ServiceNow', 'Reltio'] },
-    { name: '10', sets: ['Salesforce', 'D&B'] },
-    { name: '11', sets: ['SAP', 'D&B'] },
-    { name: '12', sets: ['SAP', 'ServiceNow'] },
-    { name: '13', sets: ['Salesforce', 'D&B', 'Reltio'] },
-    { name: '14', sets: ['Salesforce', 'SAP', 'Reltio'] },
-    { name: '15', sets: ['Salesforce', 'ServiceNow'] }
-];
-var defaultProps = {
-    data: defaultData,
-    width: 600,
-    height: 400
-};
-var setUp = function (props) {
-    if (props === void 0) { props = defaultProps; }
-    return (0, react_2.render)(react_1.default.createElement(UpSetChart_1.UpSetChart, __assign({}, props)));
-};
-describe('UpSetChart', function () {
-    beforeEach(function () {
-        jest.spyOn(Math, 'random').mockReturnValue(0.5);
-    });
-    afterEach(function () {
-        jest.spyOn(Math, 'random').mockRestore();
-    });
-    it('should render correctly', function () {
-        var container = setUp().container;
-        expect(container).toMatchSnapshot();
-    });
-    it('should render nothing if width is 0 or undefined', function () {
-        var props = __assign(__assign({}, defaultProps), { width: 0 });
-        var container = setUp(props).container;
-        expect(container).toBeEmptyDOMElement();
-    });
-    it('should render nothing if height is 0 or undefined', function () {
-        var props = __assign(__assign({}, defaultProps), { height: 0 });
-        var container = setUp(props).container;
-        expect(container).toBeEmptyDOMElement();
-    });
-});

package/esm/UpSetChart/UpSetChart.test.d.ts

@@ -1 +0,0 @@
-export {};

package/esm/UpSetChart/UpSetChart.test.js

@@ -1,62 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React from 'react';
-import { render } from '@testing-library/react';
-import { UpSetChart } from './UpSetChart';
-var defaultData = [
-    { name: '1', sets: ['Salesforce'] },
-    { name: '2', sets: ['SAP'] },
-    { name: '3', sets: ['ServiceNow'] },
-    { name: '4', sets: ['D&B'] },
-    { name: '5', sets: ['Reltio'] },
-    { name: '6', sets: ['Salesforce', 'SAP'] },
-    { name: '7', sets: ['Salesforce', 'D&B'] },
-    { name: '8', sets: ['Salesforce', 'Reltio'] },
-    { name: '9', sets: ['ServiceNow', 'Reltio'] },
-    { name: '10', sets: ['Salesforce', 'D&B'] },
-    { name: '11', sets: ['SAP', 'D&B'] },
-    { name: '12', sets: ['SAP', 'ServiceNow'] },
-    { name: '13', sets: ['Salesforce', 'D&B', 'Reltio'] },
-    { name: '14', sets: ['Salesforce', 'SAP', 'Reltio'] },
-    { name: '15', sets: ['Salesforce', 'ServiceNow'] }
-];
-var defaultProps = {
-    data: defaultData,
-    width: 600,
-    height: 400
-};
-var setUp = function (props) {
-    if (props === void 0) { props = defaultProps; }
-    return render(React.createElement(UpSetChart, __assign({}, props)));
-};
-describe('UpSetChart', function () {
-    beforeEach(function () {
-        jest.spyOn(Math, 'random').mockReturnValue(0.5);
-    });
-    afterEach(function () {
-        jest.spyOn(Math, 'random').mockRestore();
-    });
-    it('should render correctly', function () {
-        var container = setUp().container;
-        expect(container).toMatchSnapshot();
-    });
-    it('should render nothing if width is 0 or undefined', function () {
-        var props = __assign(__assign({}, defaultProps), { width: 0 });
-        var container = setUp(props).container;
-        expect(container).toBeEmptyDOMElement();
-    });
-    it('should render nothing if height is 0 or undefined', function () {
-        var props = __assign(__assign({}, defaultProps), { height: 0 });
-        var container = setUp(props).container;
-        expect(container).toBeEmptyDOMElement();
-    });
-});