@reltio/components 1.4.874 → 1.4.878

package/components/LoadingSpinner/SpinnerSmall.gif.js

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SpinnerSmall = void 0;
-exports.SpinnerSmall = 'R0lGODlhFQALAKIAAP///8Hf75vL5Van0wB4v////wAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCgAFACwAAAIAFQAHAAADLFi6zPSQFEGpGhgXkrEUQShc1bB1wxcGYzGUZ6eKJGVy8lS1aJxJjaAiAkkAACH5BAkKAAUALAAAAwAUAAUAAAMiWLFbJRC6QakCODjBxIzDlW3dB4UBBmhPWQygwrCR9FZDAgAh+QQJCgAFACwIAAMADAAFAAADFBiqVfIvgBmaWHeC6rCklrdw0JMAACH5BAkKAAUALAAAAgAUAAcAAAMkSLpU/vCRQWmLLmg967hYAIxBV4GRSJoWlo1A6X1usXGMUkcJACH5BAkKAAUALAAAAgAOAAcAAAMdWLpF/qSMORudcYg97M2b0BHXAHIelV0pxizQkwAAOw==';
+export var SpinnerSmall = 'R0lGODlhFQALAKIAAP///8Hf75vL5Van0wB4v////wAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCgAFACwAAAIAFQAHAAADLFi6zPSQFEGpGhgXkrEUQShc1bB1wxcGYzGUZ6eKJGVy8lS1aJxJjaAiAkkAACH5BAkKAAUALAAAAwAUAAUAAAMiWLFbJRC6QakCODjBxIzDlW3dB4UBBmhPWQygwrCR9FZDAgAh+QQJCgAFACwIAAMADAAFAAADFBiqVfIvgBmaWHeC6rCklrdw0JMAACH5BAkKAAUALAAAAgAUAAcAAAMkSLpU/vCRQWmLLmg967hYAIxBV4GRSJoWlo1A6X1usXGMUkcJACH5BAkKAAUALAAAAgAOAAcAAAMdWLpF/qSMORudcYg97M2b0BHXAHIelV0pxizQkwAAOw==';

package/components/Marginator/Marginator.js

@@ -1,16 +1,11 @@
-"use strict";
-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"));
+import React from 'react';
 var Marginator = function (_a) {
     var margin = _a.margin, level = _a.level, className = _a.className, children = _a.children;
     if (level != null) {
-        return (react_1.default.createElement("div", { style: { marginLeft: level * margin }, className: className }, children));
+        return (React.createElement("div", { style: { marginLeft: level * margin }, className: className }, children));
     }
     else {
         return children;
     }
 };
-exports.default = Marginator;
+export default Marginator;

package/components/MatchRulesBlock/MatchRulesBadge/MatchRulesBadge.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,20 +20,16 @@ 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 classnames_1 = __importDefault(require("classnames"));
-var ArrowExpandButton_1 = __importDefault(require("../../ArrowExpandButton/ArrowExpandButton"));
-var styles_1 = __importDefault(require("./styles"));
-var MatchRulesBadge = react_1.forwardRef(function (_a, ref) {
+import React, { forwardRef } from 'react';
+import classnames from 'classnames';
+import ArrowExpandButton from '../../ArrowExpandButton/ArrowExpandButton';
+import useStyles from './styles';
+var MatchRulesBadge = forwardRef(function (_a, ref) {
     var children = _a.children, expanded = _a.expanded, onExpand = _a.onExpand, className = _a.className, otherProps = __rest(_a, ["children", "expanded", "onExpand", "className"]);
-    var styles = styles_1.default();
-    return (react_1.default.createElement("div", __assign({ onClick: onExpand, ref: ref, className: classnames_1.default(styles.container, className) }, otherProps),
-        react_1.default.createElement(ArrowExpandButton_1.default, { expanded: expanded }),
-        react_1.default.createElement("div", { className: styles.label }, children)));
+    var styles = useStyles();
+    return (React.createElement("div", __assign({ onClick: onExpand, ref: ref, className: classnames(styles.container, className) }, otherProps),
+        React.createElement(ArrowExpandButton, { expanded: expanded }),
+        React.createElement("div", { className: styles.label }, children)));
 });
 MatchRulesBadge.displayName = 'MatchRuleBadge';
-exports.default = MatchRulesBadge;
+export default MatchRulesBadge;

package/components/MatchRulesBlock/MatchRulesBadge/styles.js

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@material-ui/core/styles");
-var styles = styles_1.makeStyles(function (theme) {
+import { makeStyles } from '@material-ui/core/styles';
+var styles = makeStyles(function (theme) {
     return {
         label: {
             backgroundColor: 'rgba(43,152,240,0.12)',
@@ -20,4 +18,4 @@ var styles = styles_1.makeStyles(function (theme) {
         }
     };
 });
-exports.default = styles;
+export default styles;

package/components/MatchRulesBlock/MatchRulesBlock.js

@@ -1,24 +1,19 @@
-"use strict";
-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 ramda_1 = require("ramda");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var SimpleMatchRulesBlock_1 = __importDefault(require("./SimpleMatchRulesBlock/SimpleMatchRulesBlock"));
-var TransitiveMatchBlock_1 = __importDefault(require("./TransitiveMatchBlock/TransitiveMatchBlock"));
-var SimpleMatchRulesBuilder_1 = __importDefault(require("./SimpleMatchRulesBuilder/SimpleMatchRulesBuilder"));
+import React from 'react';
+import { isEmpty } from 'ramda';
+import { getEntityMatchRules, getMatchRules, getTransitiveMatchesForEntity } from '@reltio/mdm-sdk';
+import SimpleMatchRulesBlock from './SimpleMatchRulesBlock/SimpleMatchRulesBlock';
+import TransitiveMatchBlock from './TransitiveMatchBlock/TransitiveMatchBlock';
+import SimpleMatchRulesBuilder from './SimpleMatchRulesBuilder/SimpleMatchRulesBuilder';
 var MatchRulesBlock = function (_a) {
     var entity = _a.entity, metadata = _a.metadata, transitiveMatches = _a.transitiveMatches;
-    var transitiveMatchRules = mdm_sdk_1.getTransitiveMatchesForEntity(metadata, transitiveMatches, entity);
-    if (ramda_1.isEmpty(transitiveMatchRules)) {
-        var entityMatchRules = mdm_sdk_1.getEntityMatchRules(entity);
-        var matchRules = mdm_sdk_1.getMatchRules(metadata, entity.type, entityMatchRules);
-        return react_1.default.createElement(SimpleMatchRulesBuilder_1.default, { matchRules: matchRules, Component: SimpleMatchRulesBlock_1.default });
+    var transitiveMatchRules = getTransitiveMatchesForEntity(metadata, transitiveMatches, entity);
+    if (isEmpty(transitiveMatchRules)) {
+        var entityMatchRules = getEntityMatchRules(entity);
+        var matchRules = getMatchRules(metadata, entity.type, entityMatchRules);
+        return React.createElement(SimpleMatchRulesBuilder, { matchRules: matchRules, Component: SimpleMatchRulesBlock });
     }
     else {
-        return react_1.default.createElement(TransitiveMatchBlock_1.default, { transitiveMatchRules: transitiveMatchRules });
+        return React.createElement(TransitiveMatchBlock, { transitiveMatchRules: transitiveMatchRules });
     }
 };
-exports.default = MatchRulesBlock;
+export default MatchRulesBlock;

package/components/MatchRulesBlock/MatchRulesTitle.js

@@ -1,12 +1,7 @@
-"use strict";
-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 ui_i18n_1 = __importDefault(require("ui-i18n"));
+import React from 'react';
+import i18n from 'ui-i18n';
 var MatchRulesTitle = function (_a) {
     var _b = _a.isMlMatch, isMlMatch = _b === void 0 ? false : _b;
-    return react_1.default.createElement(react_1.default.Fragment, null, isMlMatch ? ui_i18n_1.default.text('Match IQ') : ui_i18n_1.default.text('Match rules'));
+    return React.createElement(React.Fragment, null, isMlMatch ? i18n.text('Match IQ') : i18n.text('Match rules'));
 };
-exports.default = MatchRulesTitle;
+export default MatchRulesTitle;

package/components/MatchRulesBlock/MatchRulesTooltip/MatchRulesTooltip.js

@@ -1,18 +1,13 @@
-"use strict";
-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 MatchRulesTitle_1 = __importDefault(require("../MatchRulesTitle"));
-var styles_1 = __importDefault(require("./styles"));
+import React from 'react';
+import MatchRulesTitle from '../MatchRulesTitle';
+import useStyles from './styles';
 var MatchRulesTooltip = function (_a) {
     var _b = _a.isMlMatch, isMlMatch = _b === void 0 ? false : _b, matchRules = _a.matchRules;
-    var styles = styles_1.default();
-    return (react_1.default.createElement("div", { className: styles.container },
-        react_1.default.createElement("div", { className: styles.title },
-            react_1.default.createElement(MatchRulesTitle_1.default, { isMlMatch: isMlMatch }),
+    var styles = useStyles();
+    return (React.createElement("div", { className: styles.container },
+        React.createElement("div", { className: styles.title },
+            React.createElement(MatchRulesTitle, { isMlMatch: isMlMatch }),
             ' '),
-        react_1.default.createElement("div", { className: styles.body }, matchRules.map(function (match) { return (react_1.default.createElement("div", { key: match.uri }, "- " + match.label)); }))));
+        React.createElement("div", { className: styles.body }, matchRules.map(function (match) { return (React.createElement("div", { key: match.uri }, "- " + match.label)); }))));
 };
-exports.default = MatchRulesTooltip;
+export default MatchRulesTooltip;

package/components/MatchRulesBlock/MatchRulesTooltip/styles.js

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@material-ui/core/styles");
-var styles = styles_1.makeStyles({
+import { makeStyles } from '@material-ui/core/styles';
+var styles = makeStyles({
     title: {
         fontWeight: 500,
         marginBottom: '9px'
@@ -16,4 +14,4 @@ var styles = styles_1.makeStyles({
         lineHeight: '14px'
     }
 });
-exports.default = styles;
+export default styles;

package/components/MatchRulesBlock/SimpleMatchRules/SimpleMatchRules.js

@@ -1,18 +1,13 @@
-"use strict";
-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 classnames_1 = __importDefault(require("classnames"));
-var MatchRulesTitle_1 = __importDefault(require("../MatchRulesTitle"));
-var styles_1 = __importDefault(require("./styles"));
+import React from 'react';
+import classnames from 'classnames';
+import MatchRulesTitle from '../MatchRulesTitle';
+import useStyles from './styles';
 var SimpleMatchRules = function (_a) {
     var isMlMatch = _a.isMlMatch, matchRules = _a.matchRules, className = _a.className;
-    var styles = styles_1.default();
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.container, className) },
-        react_1.default.createElement("div", { className: styles.title },
-            react_1.default.createElement(MatchRulesTitle_1.default, { isMlMatch: isMlMatch })),
-        react_1.default.createElement("div", { className: styles.labelsContainer }, matchRules.map(function (match) { return (react_1.default.createElement("div", { key: match.uri }, "- " + match.label)); }))));
+    var styles = useStyles();
+    return (React.createElement("div", { className: classnames(styles.container, className) },
+        React.createElement("div", { className: styles.title },
+            React.createElement(MatchRulesTitle, { isMlMatch: isMlMatch })),
+        React.createElement("div", { className: styles.labelsContainer }, matchRules.map(function (match) { return (React.createElement("div", { key: match.uri }, "- " + match.label)); }))));
 };
-exports.default = SimpleMatchRules;
+export default SimpleMatchRules;

package/components/MatchRulesBlock/SimpleMatchRules/styles.js

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@material-ui/core/styles");
-var styles = styles_1.makeStyles(function (theme) { return ({
+import { makeStyles } from '@material-ui/core/styles';
+var styles = makeStyles(function (theme) { return ({
     container: {
         fontSize: '13px',
         lineHeight: '15px'
@@ -15,4 +13,4 @@ var styles = styles_1.makeStyles(function (theme) { return ({
         marginBottom: '8px'
     }
 }); });
-exports.default = styles;
+export default styles;

package/components/MatchRulesBlock/SimpleMatchRulesBlock/SimpleMatchRulesBlock.js

@@ -1,46 +1,21 @@
-"use strict";
-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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MatchRuleBadgeWithTooltip = void 0;
-var react_1 = __importStar(require("react"));
-var MatchRulesTooltip_1 = __importDefault(require("../MatchRulesTooltip/MatchRulesTooltip"));
-var SimpleMatchRules_1 = __importDefault(require("../SimpleMatchRules/SimpleMatchRules"));
-var HOCs_1 = require("../../../HOCs");
-var MatchRulesBadge_1 = __importDefault(require("../MatchRulesBadge/MatchRulesBadge"));
-var styles_1 = __importDefault(require("./styles"));
-var MlMatch_1 = __importDefault(require("../../../icons/MlMatch"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-exports.MatchRuleBadgeWithTooltip = HOCs_1.withTooltip(MatchRulesBadge_1.default);
+import React, { useCallback, useState } from 'react';
+import MatchRulesTooltip from '../MatchRulesTooltip/MatchRulesTooltip';
+import SimpleMatchRules from '../SimpleMatchRules/SimpleMatchRules';
+import { withTooltip } from '../../../HOCs';
+import MatchRulesBadge from '../MatchRulesBadge/MatchRulesBadge';
+import useStyles from './styles';
+import MLMatchIcon from '../../../icons/MlMatch';
+import i18n from 'ui-i18n';
+export var MatchRuleBadgeWithTooltip = withTooltip(MatchRulesBadge);
 var SimpleMatchRulesBlock = function (_a) {
     var _b = _a.isMlMatch, isMlMatch = _b === void 0 ? false : _b, matchRules = _a.matchRules;
-    var styles = styles_1.default();
-    var _c = react_1.useState(false), expanded = _c[0], setExpanded = _c[1];
-    var handleOnExpand = react_1.useCallback(function () { return setExpanded(function (expand) { return !expand; }); }, []);
-    return (react_1.default.createElement("div", { className: styles.container },
-        react_1.default.createElement(exports.MatchRuleBadgeWithTooltip, { tooltipTitle: react_1.default.createElement(MatchRulesTooltip_1.default, { matchRules: matchRules, isMlMatch: isMlMatch }), tooltipPlacement: "bottom-start", onExpand: handleOnExpand, expanded: expanded }, isMlMatch ? (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(MlMatch_1.default, { className: styles.icon }),
-            ui_i18n_1.default.text('Match IQ'))) : (ui_i18n_1.default.text('Rules'))),
-        expanded ? (react_1.default.createElement(SimpleMatchRules_1.default, { className: styles.rulesContainer, matchRules: matchRules, isMlMatch: isMlMatch })) : null));
+    var styles = useStyles();
+    var _c = useState(false), expanded = _c[0], setExpanded = _c[1];
+    var handleOnExpand = useCallback(function () { return setExpanded(function (expand) { return !expand; }); }, []);
+    return (React.createElement("div", { className: styles.container },
+        React.createElement(MatchRuleBadgeWithTooltip, { tooltipTitle: React.createElement(MatchRulesTooltip, { matchRules: matchRules, isMlMatch: isMlMatch }), tooltipPlacement: "bottom-start", onExpand: handleOnExpand, expanded: expanded }, isMlMatch ? (React.createElement(React.Fragment, null,
+            React.createElement(MLMatchIcon, { className: styles.icon }),
+            i18n.text('Match IQ'))) : (i18n.text('Rules'))),
+        expanded ? (React.createElement(SimpleMatchRules, { className: styles.rulesContainer, matchRules: matchRules, isMlMatch: isMlMatch })) : null));
 };
-exports.default = SimpleMatchRulesBlock;
+export default SimpleMatchRulesBlock;

package/components/MatchRulesBlock/SimpleMatchRulesBlock/styles.js

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@material-ui/core/styles");
-var styles = styles_1.makeStyles({
+import { makeStyles } from '@material-ui/core/styles';
+var styles = makeStyles({
     container: {
         display: 'flex',
         flexDirection: 'column',
@@ -16,4 +14,4 @@ var styles = styles_1.makeStyles({
         marginRight: '5px'
     }
 });
-exports.default = styles;
+export default styles;

package/components/MatchRulesBlock/SimpleMatchRulesBuilder/SimpleMatchRulesBuilder.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++) {
@@ -21,23 +20,19 @@ 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 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var ramda_1 = require("ramda");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
+import React from 'react';
+import PropTypes from 'prop-types';
+import { isEmpty } from 'ramda';
+import { MatchRulesType, partitionByMlMatch } from '@reltio/mdm-sdk';
 var SimpleMatchRulesBuilder = function (_a) {
     var matchRules = _a.matchRules, Component = _a.Component, otherProps = __rest(_a, ["matchRules", "Component"]);
-    var _b = mdm_sdk_1.partitionByMlMatch(matchRules), MlMatchRules = _b[0], otherMatchRules = _b[1];
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        !ramda_1.isEmpty(otherMatchRules) ? react_1.default.createElement(Component, __assign({ matchRules: otherMatchRules }, otherProps)) : null,
-        !ramda_1.isEmpty(MlMatchRules) ? react_1.default.createElement(Component, __assign({ isMlMatch: true, matchRules: MlMatchRules }, otherProps)) : null));
+    var _b = partitionByMlMatch(matchRules), MlMatchRules = _b[0], otherMatchRules = _b[1];
+    return (React.createElement(React.Fragment, null,
+        !isEmpty(otherMatchRules) ? React.createElement(Component, __assign({ matchRules: otherMatchRules }, otherProps)) : null,
+        !isEmpty(MlMatchRules) ? React.createElement(Component, __assign({ isMlMatch: true, matchRules: MlMatchRules }, otherProps)) : null));
 };
 SimpleMatchRulesBuilder.propTypes = {
-    matchRules: mdm_sdk_1.MatchRulesType,
-    Component: prop_types_1.default.func
+    matchRules: MatchRulesType,
+    Component: PropTypes.func
 };
-exports.default = SimpleMatchRulesBuilder;
+export default SimpleMatchRulesBuilder;

package/components/MatchRulesBlock/TransitiveMatchBlock/TransitiveMatchBlock.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,49 +9,25 @@ 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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MatchRuleBadgeWithTooltip = void 0;
-var react_1 = __importStar(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var MatchRulesBadge_1 = __importDefault(require("../MatchRulesBadge/MatchRulesBadge"));
-var TransitiveMatchRule_1 = __importDefault(require("../TransitiveMatchRules/TransitiveMatchRule"));
-var styles_1 = __importDefault(require("./styles"));
-var HOCs_1 = require("../../../HOCs");
-var TransitiveMatchRulesTooltip_1 = __importDefault(require("../TransitiveMatchRulesTooltip/TransitiveMatchRulesTooltip"));
-exports.MatchRuleBadgeWithTooltip = HOCs_1.withTooltip(MatchRulesBadge_1.default);
+import React, { useCallback, useState } from 'react';
+import i18n from 'ui-i18n';
+import MatchRulesBadge from '../MatchRulesBadge/MatchRulesBadge';
+import TransitiveMatchRule from '../TransitiveMatchRules/TransitiveMatchRule';
+import useStyles from './styles';
+import { withTooltip } from '../../../HOCs';
+import TransitiveMatchRulesTooltip from '../TransitiveMatchRulesTooltip/TransitiveMatchRulesTooltip';
+export var MatchRuleBadgeWithTooltip = withTooltip(MatchRulesBadge);
 var TransitiveMatchBlock = function (_a) {
     var transitiveMatchRules = _a.transitiveMatchRules;
-    var styles = styles_1.default();
-    var _b = react_1.useState(false), expanded = _b[0], setExpanded = _b[1];
-    var handleOnExpand = react_1.useCallback(function () { return setExpanded(function (expand) { return !expand; }); }, []);
-    return (react_1.default.createElement("div", { className: styles.container },
-        react_1.default.createElement(exports.MatchRuleBadgeWithTooltip, { tooltipTitle: react_1.default.createElement(TransitiveMatchRulesTooltip_1.default, { transitiveMatchRules: transitiveMatchRules }), tooltipPlacement: "bottom-start", onExpand: handleOnExpand, expanded: expanded }, ui_i18n_1.default.text('Transitive matches')),
+    var styles = useStyles();
+    var _b = useState(false), expanded = _b[0], setExpanded = _b[1];
+    var handleOnExpand = useCallback(function () { return setExpanded(function (expand) { return !expand; }); }, []);
+    return (React.createElement("div", { className: styles.container },
+        React.createElement(MatchRuleBadgeWithTooltip, { tooltipTitle: React.createElement(TransitiveMatchRulesTooltip, { transitiveMatchRules: transitiveMatchRules }), tooltipPlacement: "bottom-start", onExpand: handleOnExpand, expanded: expanded }, i18n.text('Transitive matches')),
         expanded
             ? transitiveMatchRules.map(function (match, index) {
-                return react_1.default.createElement(TransitiveMatchRule_1.default, __assign({ key: index }, match));
+                return React.createElement(TransitiveMatchRule, __assign({ key: index }, match));
             })
             : null));
 };
-exports.default = TransitiveMatchBlock;
+export default TransitiveMatchBlock;

package/components/MatchRulesBlock/TransitiveMatchBlock/styles.js

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@material-ui/core/styles");
-var styles = styles_1.makeStyles({
+import { makeStyles } from '@material-ui/core/styles';
+var styles = makeStyles({
     container: {
         display: 'flex',
         flexDirection: 'column'
@@ -11,4 +9,4 @@ var styles = styles_1.makeStyles({
         flexDirection: 'column'
     }
 });
-exports.default = styles;
+export default styles;

package/components/MatchRulesBlock/TransitiveMatchRules/TransitiveMatchRule.js

@@ -1,41 +1,17 @@
-"use strict";
-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 __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 ArrowExpandButton_1 = __importDefault(require("../../ArrowExpandButton/ArrowExpandButton"));
-var SimpleMatchRules_1 = __importDefault(require("../SimpleMatchRules/SimpleMatchRules"));
-var SimpleMatchRulesBuilder_1 = __importDefault(require("../SimpleMatchRulesBuilder/SimpleMatchRulesBuilder"));
-var styles_1 = __importDefault(require("./styles"));
+import React, { useCallback, useState } from 'react';
+import ArrowExpandButton from '../../ArrowExpandButton/ArrowExpandButton';
+import SimpleMatchRules from '../SimpleMatchRules/SimpleMatchRules';
+import SimpleMatchRulesBuilder from '../SimpleMatchRulesBuilder/SimpleMatchRulesBuilder';
+import useStyles from './styles';
 var TransitiveMatchRule = function (_a) {
     var label = _a.label, matchRules = _a.matchRules;
-    var styles = styles_1.default();
-    var _b = react_1.useState(false), expanded = _b[0], setExpanded = _b[1];
-    var handleOnExpand = react_1.useCallback(function () { return setExpanded(function (expand) { return !expand; }); }, []);
-    return (react_1.default.createElement("div", { className: styles.container },
-        react_1.default.createElement("div", { onClick: handleOnExpand, className: styles.badge },
-            react_1.default.createElement(ArrowExpandButton_1.default, { expanded: expanded }),
-            react_1.default.createElement("div", { className: styles.label }, label)),
-        expanded ? (react_1.default.createElement(SimpleMatchRulesBuilder_1.default, { Component: SimpleMatchRules_1.default, matchRules: matchRules, className: styles.matchLabels })) : null));
+    var styles = useStyles();
+    var _b = useState(false), expanded = _b[0], setExpanded = _b[1];
+    var handleOnExpand = useCallback(function () { return setExpanded(function (expand) { return !expand; }); }, []);
+    return (React.createElement("div", { className: styles.container },
+        React.createElement("div", { onClick: handleOnExpand, className: styles.badge },
+            React.createElement(ArrowExpandButton, { expanded: expanded }),
+            React.createElement("div", { className: styles.label }, label)),
+        expanded ? (React.createElement(SimpleMatchRulesBuilder, { Component: SimpleMatchRules, matchRules: matchRules, className: styles.matchLabels })) : null));
 };
-exports.default = TransitiveMatchRule;
+export default TransitiveMatchRule;

package/components/MatchRulesBlock/TransitiveMatchRules/styles.js

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@material-ui/core/styles");
-var styles = styles_1.makeStyles(function (theme) { return ({
+import { makeStyles } from '@material-ui/core/styles';
+var styles = makeStyles(function (theme) { return ({
     label: {
         fontSize: '13px',
         lineHeight: '15px',
@@ -20,4 +18,4 @@ var styles = styles_1.makeStyles(function (theme) { return ({
         marginLeft: '30px'
     }
 }); });
-exports.default = styles;
+export default styles;

package/components/MatchRulesBlock/TransitiveMatchRulesTooltip/TransitiveMatchRulesTooltip.js

@@ -1,19 +1,14 @@
-"use strict";
-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 MatchRulesTooltip_1 = __importDefault(require("../MatchRulesTooltip/MatchRulesTooltip"));
-var styles_1 = __importDefault(require("./styles"));
+import React from 'react';
+import MatchRulesTooltip from '../MatchRulesTooltip/MatchRulesTooltip';
+import useStyles from './styles';
 var TransitiveMatchRulesTooltip = function (_a) {
     var transitiveMatchRules = _a.transitiveMatchRules;
-    var styles = styles_1.default();
-    return (react_1.default.createElement(react_1.default.Fragment, null, transitiveMatchRules.map(function (_a, index) {
+    var styles = useStyles();
+    return (React.createElement(React.Fragment, null, transitiveMatchRules.map(function (_a, index) {
         var label = _a.label, matchRules = _a.matchRules;
-        return (react_1.default.createElement("div", { key: index, className: styles.ruleWrapper },
-            react_1.default.createElement("div", { className: styles.label }, label),
-            react_1.default.createElement(MatchRulesTooltip_1.default, { matchRules: matchRules })));
+        return (React.createElement("div", { key: index, className: styles.ruleWrapper },
+            React.createElement("div", { className: styles.label }, label),
+            React.createElement(MatchRulesTooltip, { matchRules: matchRules })));
     })));
 };
-exports.default = TransitiveMatchRulesTooltip;
+export default TransitiveMatchRulesTooltip;

package/components/MatchRulesBlock/TransitiveMatchRulesTooltip/styles.js

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@material-ui/core/styles");
-var styles = styles_1.makeStyles({
+import { makeStyles } from '@material-ui/core/styles';
+var styles = makeStyles({
     ruleWrapper: {
         paddingTop: '8px'
     },
@@ -10,4 +8,4 @@ var styles = styles_1.makeStyles({
         fontSize: '12px'
     }
 });
-exports.default = styles;
+export default styles;

package/components/MatchRulesBlock/types/index.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};