@reltio/components 1.4.1216 → 1.4.1217

package/cjs/components/MatchRulesBlock/SimpleMatchRulesBuilder/SimpleMatchRulesBuilder.js

@@ -30,13 +30,15 @@ var prop_types_1 = __importDefault(require("prop-types"));
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var types_1 = require("../types");
+var styles_1 = __importDefault(require("./styles"));
 var SimpleMatchRulesBuilder = function (_a) {
     var matchRules = _a.matchRules, Component = _a.Component, _b = _a.variant, variant = _b === void 0 ? types_1.MatchRuleVariant.all : _b, otherProps = __rest(_a, ["matchRules", "Component", "variant"]);
+    var styles = styles_1.default();
     var _c = mdm_sdk_1.partitionByMlMatch(matchRules), MlMatchRules = _c[0], otherMatchRules = _c[1];
     var all = types_1.MatchRuleVariant.all, simple = types_1.MatchRuleVariant.simple, excludeNotMatch = types_1.MatchRuleVariant.excludeNotMatch;
     var showSimple = [all, simple, excludeNotMatch].includes(variant) && !ramda_1.isEmpty(otherMatchRules);
     var showML = [all, excludeNotMatch].includes(variant) && !ramda_1.isEmpty(MlMatchRules);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
+    return (react_1.default.createElement("div", { className: styles.container },
         showSimple ? react_1.default.createElement(Component, __assign({ matchRules: otherMatchRules }, otherProps)) : null,
         showML ? react_1.default.createElement(Component, __assign({ isMlMatch: true, matchRules: MlMatchRules }, otherProps)) : null));
 };

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

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

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var styles_1 = require("@material-ui/core/styles");
+var styles = styles_1.makeStyles({
+    container: {
+        display: 'flex',
+        flexDirection: 'column',
+        '& :not(:last-child)': {
+            marginBottom: '2px'
+        }
+    }
+});
+exports.default = styles;

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

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

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

@@ -4,11 +4,10 @@ var styles_1 = require("@material-ui/core/styles");
 var styles = styles_1.makeStyles({
     container: {
         display: 'flex',
-        flexDirection: 'column'
-    },
-    rulesWrapper: {
-        display: 'flex',
-        flexDirection: 'column'
+        flexDirection: 'column',
+        '& :not(:last-child)': {
+            marginBottom: '2px'
+        }
     }
 });
 exports.default = styles;

package/esm/components/MatchRulesBlock/SimpleMatchRulesBuilder/SimpleMatchRulesBuilder.js

@@ -25,13 +25,15 @@ import PropTypes from 'prop-types';
 import { isEmpty } from 'ramda';
 import { MatchRulesType, partitionByMlMatch } from '@reltio/mdm-sdk';
 import { MatchRuleVariant } from '../types';
+import useStyles from './styles';
 var SimpleMatchRulesBuilder = function (_a) {
     var matchRules = _a.matchRules, Component = _a.Component, _b = _a.variant, variant = _b === void 0 ? MatchRuleVariant.all : _b, otherProps = __rest(_a, ["matchRules", "Component", "variant"]);
+    var styles = useStyles();
     var _c = partitionByMlMatch(matchRules), MlMatchRules = _c[0], otherMatchRules = _c[1];
     var all = MatchRuleVariant.all, simple = MatchRuleVariant.simple, excludeNotMatch = MatchRuleVariant.excludeNotMatch;
     var showSimple = [all, simple, excludeNotMatch].includes(variant) && !isEmpty(otherMatchRules);
     var showML = [all, excludeNotMatch].includes(variant) && !isEmpty(MlMatchRules);
-    return (React.createElement(React.Fragment, null,
+    return (React.createElement("div", { className: styles.container },
         showSimple ? React.createElement(Component, __assign({ matchRules: otherMatchRules }, otherProps)) : null,
         showML ? React.createElement(Component, __assign({ isMlMatch: true, matchRules: MlMatchRules }, otherProps)) : null));
 };

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

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

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

@@ -0,0 +1,11 @@
+import { makeStyles } from '@material-ui/core/styles';
+var styles = makeStyles({
+    container: {
+        display: 'flex',
+        flexDirection: 'column',
+        '& :not(:last-child)': {
+            marginBottom: '2px'
+        }
+    }
+});
+export default styles;

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

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

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

@@ -2,11 +2,10 @@ import { makeStyles } from '@material-ui/core/styles';
 var styles = makeStyles({
     container: {
         display: 'flex',
-        flexDirection: 'column'
-    },
-    rulesWrapper: {
-        display: 'flex',
-        flexDirection: 'column'
+        flexDirection: 'column',
+        '& :not(:last-child)': {
+            marginBottom: '2px'
+        }
     }
 });
 export default styles;

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1216",
+  "version": "1.4.1217",
   "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.1216",
-    "@reltio/mdm-sdk": "^1.4.1216",
+    "@reltio/mdm-module": "^1.4.1217",
+    "@reltio/mdm-sdk": "^1.4.1217",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",