@reltio/components 1.4.1340 → 1.4.1342

package/cjs/components/MatchRulesBlock/MatchRulesBlock.js

@@ -12,11 +12,11 @@ var NotMatchRule_1 = __importDefault(require("./NotMatchRule/NotMatchRule"));
 var types_1 = require("./types");
 var MatchRulesBlock = function (_a) {
     var entitiesMap = _a.entitiesMap, entity = _a.entity, match = _a.match, metadata = _a.metadata, _b = _a.variant, variant = _b === void 0 ? types_1.MatchRuleVariant.all : _b;
-    if (!match.matchRules) {
+    if (!match.matchRules && !match.negativeRules) {
         return null;
     }
     var isTransitive = (0, mdm_sdk_1.isTransitiveMatch)(match);
-    var matchRules = (0, mdm_sdk_1.getMatchRules)(metadata, entity.type, match.matchRules);
+    var matchRules = (0, mdm_sdk_1.getMatchRules)(metadata, entity.type, (match.matchRules || []).concat(match.negativeRules || []));
     var rules = matchRules.filter(function (_a) {
         var uri = _a.uri;
         return uri !== mdm_sdk_1.NOT_MATCH;

package/cjs/components/MatchRulesBlock/MatchRulesTooltip/MatchRulesTooltip.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var MatchRulesTitle_1 = __importDefault(require("../MatchRulesTitle"));
 var styles_1 = __importDefault(require("./styles"));
+var NegativeRuleTooltipIcon_1 = __importDefault(require("../../../icons/NegativeRuleTooltipIcon"));
 var MatchRulesTooltip = function (_a) {
     var _b = _a.isMlMatch, isMlMatch = _b === void 0 ? false : _b, matchRules = _a.matchRules;
     var styles = (0, styles_1.default)();
@@ -13,6 +14,8 @@ var MatchRulesTooltip = function (_a) {
         react_1.default.createElement("div", { className: styles.title },
             react_1.default.createElement(MatchRulesTitle_1.default, { isMlMatch: isMlMatch }),
             ' '),
-        react_1.default.createElement("div", { className: styles.body }, matchRules.map(function (match) { return (react_1.default.createElement("div", { key: match.uri }, "- ".concat(match.label))); }))));
+        react_1.default.createElement("div", { className: styles.body }, matchRules.map(function (match) { return (react_1.default.createElement("div", { key: match.uri },
+            '- ',
+            match.negativeRule && react_1.default.createElement(NegativeRuleTooltipIcon_1.default, { className: styles.negativeRuleIcon }), "".concat(match.label))); }))));
 };
 exports.default = MatchRulesTooltip;

package/cjs/components/MatchRulesBlock/MatchRulesTooltip/styles.d.ts

@@ -1,2 +1,2 @@
-declare const styles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"body" | "title" | "container">;
+declare const styles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"body" | "title" | "container" | "negativeRuleIcon">;
 export default styles;

package/cjs/components/MatchRulesBlock/MatchRulesTooltip/styles.js

@@ -14,6 +14,11 @@ var styles = (0, styles_1.makeStyles)({
         padding: '8px',
         fontSize: '12px',
         lineHeight: '14px'
+    },
+    negativeRuleIcon: {
+        position: 'relative',
+        marginRight: '4px',
+        top: '1px'
     }
 });
 exports.default = styles;

package/cjs/components/MatchRulesBlock/SimpleMatchRules/SimpleMatchRules.js

@@ -7,12 +7,15 @@ var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var MatchRulesTitle_1 = __importDefault(require("../MatchRulesTitle"));
 var styles_1 = __importDefault(require("./styles"));
+var NegativeRuleIcon_1 = __importDefault(require("../../../icons/NegativeRuleIcon"));
 var SimpleMatchRules = function (_a) {
     var isMlMatch = _a.isMlMatch, matchRules = _a.matchRules, className = _a.className;
     var styles = (0, styles_1.default)();
     return (react_1.default.createElement("div", { "data-reltio-id": "simple-match-rules", className: (0, 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 }, "- ".concat(match.label))); }))));
+        react_1.default.createElement("div", { className: styles.labelsContainer }, matchRules.map(function (match) { return (react_1.default.createElement("div", { key: match.uri },
+            '- ',
+            match.negativeRule && react_1.default.createElement(NegativeRuleIcon_1.default, { className: styles.negativeRuleIcon }), "".concat(match.label))); }))));
 };
 exports.default = SimpleMatchRules;

package/cjs/components/MatchRulesBlock/SimpleMatchRules/styles.d.ts

@@ -1,2 +1,2 @@
-declare const styles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "container" | "labelsContainer">;
+declare const styles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "container" | "negativeRuleIcon" | "labelsContainer">;
 export default styles;

package/cjs/components/MatchRulesBlock/SimpleMatchRules/styles.js

@@ -13,6 +13,11 @@ var styles = (0, styles_1.makeStyles)(function (theme) { return ({
     labelsContainer: {
         color: theme.palette.text.primary,
         marginBottom: '8px'
+    },
+    negativeRuleIcon: {
+        position: 'relative',
+        marginRight: '4px',
+        top: '1px'
     }
 }); });
 exports.default = styles;

package/cjs/components/MatchRulesBlock/types/index.d.ts

@@ -1,6 +1,7 @@
 declare type MatchRule = {
     uri: string;
     label: string;
+    negativeRule?: Record<string, unknown>;
 };
 export declare type MatchRules = MatchRule[];
 export declare enum MatchRuleVariant {

package/cjs/icons/NegativeRuleIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const NegativeRuleIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+export default NegativeRuleIcon;

package/cjs/icons/NegativeRuleIcon.js

@@ -0,0 +1,22 @@
+"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 NegativeRuleIcon = function (props) {
+    return (react_1.default.createElement("svg", __assign({ width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        react_1.default.createElement("path", { d: "M5 0C2.24 0 0 2.24 0 5C0 7.76 2.24 10 5 10C7.76 10 10 7.76 10 5C10 2.24 7.76 0 5 0ZM7.5 5.5H2.5V4.5H7.5V5.5Z", fill: "black", fillOpacity: "0.54" })));
+};
+exports.default = NegativeRuleIcon;

package/cjs/icons/NegativeRuleTooltipIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const NegativeRuleTooltipIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+export default NegativeRuleTooltipIcon;

package/cjs/icons/NegativeRuleTooltipIcon.js

@@ -0,0 +1,22 @@
+"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 NegativeRuleTooltipIcon = function (props) {
+    return (react_1.default.createElement("svg", __assign({ width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        react_1.default.createElement("path", { d: "M5 0C2.24 0 0 2.24 0 5C0 7.76 2.24 10 5 10C7.76 10 10 7.76 10 5C10 2.24 7.76 0 5 0ZM7.5 5.5H2.5V4.5H7.5V5.5Z", fill: "white", fillOpacity: "0.54" })));
+};
+exports.default = NegativeRuleTooltipIcon;

package/esm/components/MatchRulesBlock/MatchRulesBlock.js

@@ -7,11 +7,11 @@ import NotMatchRule from './NotMatchRule/NotMatchRule';
 import { MatchRuleVariant } from './types';
 var MatchRulesBlock = function (_a) {
     var entitiesMap = _a.entitiesMap, entity = _a.entity, match = _a.match, metadata = _a.metadata, _b = _a.variant, variant = _b === void 0 ? MatchRuleVariant.all : _b;
-    if (!match.matchRules) {
+    if (!match.matchRules && !match.negativeRules) {
         return null;
     }
     var isTransitive = isTransitiveMatch(match);
-    var matchRules = getMatchRules(metadata, entity.type, match.matchRules);
+    var matchRules = getMatchRules(metadata, entity.type, (match.matchRules || []).concat(match.negativeRules || []));
     var rules = matchRules.filter(function (_a) {
         var uri = _a.uri;
         return uri !== NOT_MATCH;

package/esm/components/MatchRulesBlock/MatchRulesTooltip/MatchRulesTooltip.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import MatchRulesTitle from '../MatchRulesTitle';
 import useStyles from './styles';
+import NegativeRuleTooltipIcon from '../../../icons/NegativeRuleTooltipIcon';
 var MatchRulesTooltip = function (_a) {
     var _b = _a.isMlMatch, isMlMatch = _b === void 0 ? false : _b, matchRules = _a.matchRules;
     var styles = useStyles();
@@ -8,6 +9,8 @@ var MatchRulesTooltip = function (_a) {
         React.createElement("div", { className: styles.title },
             React.createElement(MatchRulesTitle, { isMlMatch: isMlMatch }),
             ' '),
-        React.createElement("div", { className: styles.body }, matchRules.map(function (match) { return (React.createElement("div", { key: match.uri }, "- ".concat(match.label))); }))));
+        React.createElement("div", { className: styles.body }, matchRules.map(function (match) { return (React.createElement("div", { key: match.uri },
+            '- ',
+            match.negativeRule && React.createElement(NegativeRuleTooltipIcon, { className: styles.negativeRuleIcon }), "".concat(match.label))); }))));
 };
 export default MatchRulesTooltip;

package/esm/components/MatchRulesBlock/MatchRulesTooltip/styles.d.ts

@@ -1,2 +1,2 @@
-declare const styles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"body" | "title" | "container">;
+declare const styles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"body" | "title" | "container" | "negativeRuleIcon">;
 export default styles;

package/esm/components/MatchRulesBlock/MatchRulesTooltip/styles.js

@@ -12,6 +12,11 @@ var styles = makeStyles({
         padding: '8px',
         fontSize: '12px',
         lineHeight: '14px'
+    },
+    negativeRuleIcon: {
+        position: 'relative',
+        marginRight: '4px',
+        top: '1px'
     }
 });
 export default styles;

package/esm/components/MatchRulesBlock/SimpleMatchRules/SimpleMatchRules.js

@@ -2,12 +2,15 @@ import React from 'react';
 import classnames from 'classnames';
 import MatchRulesTitle from '../MatchRulesTitle';
 import useStyles from './styles';
+import NegativeRuleIcon from '../../../icons/NegativeRuleIcon';
 var SimpleMatchRules = function (_a) {
     var isMlMatch = _a.isMlMatch, matchRules = _a.matchRules, className = _a.className;
     var styles = useStyles();
     return (React.createElement("div", { "data-reltio-id": "simple-match-rules", 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 }, "- ".concat(match.label))); }))));
+        React.createElement("div", { className: styles.labelsContainer }, matchRules.map(function (match) { return (React.createElement("div", { key: match.uri },
+            '- ',
+            match.negativeRule && React.createElement(NegativeRuleIcon, { className: styles.negativeRuleIcon }), "".concat(match.label))); }))));
 };
 export default SimpleMatchRules;

package/esm/components/MatchRulesBlock/SimpleMatchRules/styles.d.ts

@@ -1,2 +1,2 @@
-declare const styles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "container" | "labelsContainer">;
+declare const styles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "container" | "negativeRuleIcon" | "labelsContainer">;
 export default styles;

package/esm/components/MatchRulesBlock/SimpleMatchRules/styles.js

@@ -11,6 +11,11 @@ var styles = makeStyles(function (theme) { return ({
     labelsContainer: {
         color: theme.palette.text.primary,
         marginBottom: '8px'
+    },
+    negativeRuleIcon: {
+        position: 'relative',
+        marginRight: '4px',
+        top: '1px'
     }
 }); });
 export default styles;

package/esm/components/MatchRulesBlock/types/index.d.ts

@@ -1,6 +1,7 @@
 declare type MatchRule = {
     uri: string;
     label: string;
+    negativeRule?: Record<string, unknown>;
 };
 export declare type MatchRules = MatchRule[];
 export declare enum MatchRuleVariant {

package/esm/icons/NegativeRuleIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const NegativeRuleIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+export default NegativeRuleIcon;

package/esm/icons/NegativeRuleIcon.js

@@ -0,0 +1,17 @@
+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';
+var NegativeRuleIcon = function (props) {
+    return (React.createElement("svg", __assign({ width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { d: "M5 0C2.24 0 0 2.24 0 5C0 7.76 2.24 10 5 10C7.76 10 10 7.76 10 5C10 2.24 7.76 0 5 0ZM7.5 5.5H2.5V4.5H7.5V5.5Z", fill: "black", fillOpacity: "0.54" })));
+};
+export default NegativeRuleIcon;

package/esm/icons/NegativeRuleTooltipIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const NegativeRuleTooltipIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+export default NegativeRuleTooltipIcon;

package/esm/icons/NegativeRuleTooltipIcon.js

@@ -0,0 +1,17 @@
+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';
+var NegativeRuleTooltipIcon = function (props) {
+    return (React.createElement("svg", __assign({ width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { d: "M5 0C2.24 0 0 2.24 0 5C0 7.76 2.24 10 5 10C7.76 10 10 7.76 10 5C10 2.24 7.76 0 5 0ZM7.5 5.5H2.5V4.5H7.5V5.5Z", fill: "white", fillOpacity: "0.54" })));
+};
+export default NegativeRuleTooltipIcon;

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1340",
+  "version": "1.4.1342",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-module": "^1.4.1340",
-    "@reltio/mdm-sdk": "^1.4.1340",
+    "@reltio/mdm-module": "^1.4.1342",
+    "@reltio/mdm-sdk": "^1.4.1342",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",