@reltio/components 1.4.1210 → 1.4.1218

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/cjs/hooks/useSnackbar.js

@@ -28,6 +28,7 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var Portal_1 = __importDefault(require("@material-ui/core/Portal"));
 var Button_1 = __importDefault(require("@material-ui/core/Button"));
 var Snackbar_1 = __importDefault(require("@material-ui/core/Snackbar"));
+var FIVE_MINUTES = 5 * 60 * 1000;
 var useSnackbar = function (options) {
     if (options === void 0) { options = {}; }
     var anchorOrigin = options.anchorOrigin, showDismiss = options.showDismiss;
@@ -43,7 +44,8 @@ var useSnackbar = function (options) {
     }, []);
     var SnackbarRenderer = react_1.useCallback(function () {
         return (react_1.default.createElement(Portal_1.default, { container: document.body },
-            react_1.default.createElement(Snackbar_1.default, { open: isOpenSnackbar, anchorOrigin: anchorOrigin, autoHideDuration: 5000, onClose: closeSnackbar, message: snackbarMessage, action: showDismiss ? (react_1.default.createElement(Button_1.default, { color: "primary", onClick: closeSnackbar }, ui_i18n_1.default.text('Dismiss'))) : undefined })));
+            react_1.default.createElement(Snackbar_1.default, { open: isOpenSnackbar, anchorOrigin: anchorOrigin, autoHideDuration: FIVE_MINUTES, onClose: closeSnackbar, message: snackbarMessage, action: showDismiss ? (react_1.default.createElement(Button_1.default, { color: "primary", onClick: closeSnackbar }, ui_i18n_1.default.text('Dismiss'))) : undefined })));
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [isOpenSnackbar, closeSnackbar, snackbarMessage]);
     return { SnackbarRenderer: SnackbarRenderer, showSnackbarMessage: showSnackbarMessage };
 };

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/esm/hooks/useSnackbar.js

@@ -3,6 +3,7 @@ import i18n from 'ui-i18n';
 import Portal from '@material-ui/core/Portal';
 import Button from '@material-ui/core/Button';
 import Snackbar from '@material-ui/core/Snackbar';
+var FIVE_MINUTES = 5 * 60 * 1000;
 export var useSnackbar = function (options) {
     if (options === void 0) { options = {}; }
     var anchorOrigin = options.anchorOrigin, showDismiss = options.showDismiss;
@@ -18,7 +19,8 @@ export var useSnackbar = function (options) {
     }, []);
     var SnackbarRenderer = useCallback(function () {
         return (React.createElement(Portal, { container: document.body },
-            React.createElement(Snackbar, { open: isOpenSnackbar, anchorOrigin: anchorOrigin, autoHideDuration: 5000, onClose: closeSnackbar, message: snackbarMessage, action: showDismiss ? (React.createElement(Button, { color: "primary", onClick: closeSnackbar }, i18n.text('Dismiss'))) : undefined })));
+            React.createElement(Snackbar, { open: isOpenSnackbar, anchorOrigin: anchorOrigin, autoHideDuration: FIVE_MINUTES, onClose: closeSnackbar, message: snackbarMessage, action: showDismiss ? (React.createElement(Button, { color: "primary", onClick: closeSnackbar }, i18n.text('Dismiss'))) : undefined })));
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [isOpenSnackbar, closeSnackbar, snackbarMessage]);
     return { SnackbarRenderer: SnackbarRenderer, showSnackbarMessage: showSnackbarMessage };
 };

package/package.json

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