@reltio/components 1.4.1103 → 1.4.1104

package/cjs/components/MatchRulesBlock/MatchRulesBadge/MatchRulesBadge.js

@@ -49,9 +49,10 @@ 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) {
+    var _b;
     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),
+    return (react_1.default.createElement("div", __assign({ onClick: onExpand, ref: ref, className: classnames_1.default(styles.container, className, (_b = {}, _b[styles.expanded] = expanded, _b)) }, otherProps),
         react_1.default.createElement(ArrowExpandButton_1.default, { expanded: expanded }),
         react_1.default.createElement("div", { className: styles.label }, children)));
 });

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

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

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

@@ -6,16 +6,18 @@ var styles = styles_1.makeStyles(function (theme) {
         label: {
             backgroundColor: 'rgba(43,152,240,0.12)',
             fontSize: '12px',
-            lineHeight: '14px',
+            lineHeight: '15px',
             color: theme.palette.text.primary,
             display: 'flex',
             alignItems: 'center',
-            padding: '4px 8px'
+            padding: '2px 7px'
         },
         container: {
             display: 'flex',
             alignItems: 'center',
-            cursor: 'pointer',
+            cursor: 'pointer'
+        },
+        expanded: {
             marginBottom: '8px'
         }
     };

package/cjs/components/MergeButton/MergeButton.d.ts

@@ -6,6 +6,7 @@ declare type Props = {
     entities: Entity[];
     entity: Entity;
     mode?: ActionButtonMode;
+    size?: string;
     onMenuClose?: () => void;
     disabled?: boolean;
     onStartRequest?: () => void;

package/cjs/components/NotMatchButton/NotMatchButton.d.ts

@@ -6,6 +6,7 @@ declare type Props = {
     entities: Entity[];
     entity: Entity;
     mode?: ActionButtonMode;
+    size?: string;
     onMenuClose?: () => void;
     disabled?: boolean;
     onStartRequest?: () => void;

package/cjs/components/ProfileMatchCard/styles.js

@@ -25,6 +25,7 @@ exports.useStyles = styles_1.makeStyles({
         paddingTop: '8px'
     },
     rulesContainer: {
-        paddingLeft: '52px'
+        paddingLeft: '52px',
+        marginBottom: '8px'
     }
 });

package/cjs/components/VerticalHeadingsTable/VerticalHeadingsTable.d.ts

@@ -1,9 +1,11 @@
 declare var _default: React.MemoExoticComponent<{
-    ({ className, rowsData, columnsData, theadRowsNumber }: {
+    ({ className, rowsData, columnsData, theadRowsNumber, setHoveredColumn, resetHoveredColumn }: {
         className: any;
         rowsData: any;
         columnsData: any;
         theadRowsNumber?: number;
+        setHoveredColumn: any;
+        resetHoveredColumn: any;
     }): JSX.Element;
     propTypes: {
         rowsData: PropTypes.Requireable<PropTypes.InferProps<{
@@ -15,6 +17,8 @@ declare var _default: React.MemoExoticComponent<{
         columnsData: PropTypes.Requireable<object[]>;
         theadRowsNumber: PropTypes.Requireable<number>;
         className: PropTypes.Requireable<string>;
+        setHoveredColumn: PropTypes.Requireable<(...args: any[]) => any>;
+        resetHoveredColumn: PropTypes.Requireable<(...args: any[]) => any>;
     };
 }>;
 export default _default;

package/cjs/components/VerticalHeadingsTable/VerticalHeadingsTable.js

@@ -44,14 +44,14 @@ var DefaultCellRenderer = function (_a) {
     return value || null;
 };
 var VerticalHeadingsTable = function (_a) {
-    var className = _a.className, rowsData = _a.rowsData, columnsData = _a.columnsData, _b = _a.theadRowsNumber, theadRowsNumber = _b === void 0 ? 0 : _b;
+    var className = _a.className, rowsData = _a.rowsData, columnsData = _a.columnsData, _b = _a.theadRowsNumber, theadRowsNumber = _b === void 0 ? 0 : _b, setHoveredColumn = _a.setHoveredColumn, resetHoveredColumn = _a.resetHoveredColumn;
     var renderRow = function (rowData) {
         var CellRenderer = rowData.cellRenderer || DefaultCellRenderer;
         var HeadCellRenderer = rowData.headCellRenderer || DefaultHeadCellRenderer;
         return (react_1.default.createElement("tr", { key: rowData.id },
             react_1.default.createElement("th", { key: rowData.id },
                 react_1.default.createElement(HeadCellRenderer, __assign({}, rowData))),
-            columnsData.map(function (columnValue, index) { return (react_1.default.createElement("td", { key: index },
+            columnsData.map(function (columnValue, index) { return (react_1.default.createElement("td", { key: index, onMouseOver: function () { return setHoveredColumn(columnValue); }, onMouseLeave: resetHoveredColumn },
                 react_1.default.createElement(CellRenderer, { value: columnValue[rowData.id], columnValue: columnValue, rowData: rowData }))); })));
     };
     return (react_1.default.createElement("table", { className: className },
@@ -67,6 +67,8 @@ VerticalHeadingsTable.propTypes = {
     })),
     columnsData: prop_types_1.default.arrayOf(prop_types_1.default.object),
     theadRowsNumber: prop_types_1.default.number,
-    className: prop_types_1.default.string
+    className: prop_types_1.default.string,
+    setHoveredColumn: prop_types_1.default.func,
+    resetHoveredColumn: prop_types_1.default.func
 };
 exports.default = react_1.memo(VerticalHeadingsTable);

package/esm/components/MatchRulesBlock/MatchRulesBadge/MatchRulesBadge.js

@@ -25,9 +25,10 @@ import classnames from 'classnames';
 import ArrowExpandButton from '../../ArrowExpandButton/ArrowExpandButton';
 import useStyles from './styles';
 var MatchRulesBadge = forwardRef(function (_a, ref) {
+    var _b;
     var children = _a.children, expanded = _a.expanded, onExpand = _a.onExpand, className = _a.className, otherProps = __rest(_a, ["children", "expanded", "onExpand", "className"]);
     var styles = useStyles();
-    return (React.createElement("div", __assign({ onClick: onExpand, ref: ref, className: classnames(styles.container, className) }, otherProps),
+    return (React.createElement("div", __assign({ onClick: onExpand, ref: ref, className: classnames(styles.container, className, (_b = {}, _b[styles.expanded] = expanded, _b)) }, otherProps),
         React.createElement(ArrowExpandButton, { expanded: expanded }),
         React.createElement("div", { className: styles.label }, children)));
 });

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

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

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

@@ -4,16 +4,18 @@ var styles = makeStyles(function (theme) {
         label: {
             backgroundColor: 'rgba(43,152,240,0.12)',
             fontSize: '12px',
-            lineHeight: '14px',
+            lineHeight: '15px',
             color: theme.palette.text.primary,
             display: 'flex',
             alignItems: 'center',
-            padding: '4px 8px'
+            padding: '2px 7px'
         },
         container: {
             display: 'flex',
             alignItems: 'center',
-            cursor: 'pointer',
+            cursor: 'pointer'
+        },
+        expanded: {
             marginBottom: '8px'
         }
     };

package/esm/components/MergeButton/MergeButton.d.ts

@@ -6,6 +6,7 @@ declare type Props = {
     entities: Entity[];
     entity: Entity;
     mode?: ActionButtonMode;
+    size?: string;
     onMenuClose?: () => void;
     disabled?: boolean;
     onStartRequest?: () => void;

package/esm/components/NotMatchButton/NotMatchButton.d.ts

@@ -6,6 +6,7 @@ declare type Props = {
     entities: Entity[];
     entity: Entity;
     mode?: ActionButtonMode;
+    size?: string;
     onMenuClose?: () => void;
     disabled?: boolean;
     onStartRequest?: () => void;

package/esm/components/ProfileMatchCard/styles.js

@@ -22,6 +22,7 @@ export var useStyles = makeStyles({
         paddingTop: '8px'
     },
     rulesContainer: {
-        paddingLeft: '52px'
+        paddingLeft: '52px',
+        marginBottom: '8px'
     }
 });

package/esm/components/VerticalHeadingsTable/VerticalHeadingsTable.d.ts

@@ -1,9 +1,11 @@
 declare var _default: React.MemoExoticComponent<{
-    ({ className, rowsData, columnsData, theadRowsNumber }: {
+    ({ className, rowsData, columnsData, theadRowsNumber, setHoveredColumn, resetHoveredColumn }: {
         className: any;
         rowsData: any;
         columnsData: any;
         theadRowsNumber?: number;
+        setHoveredColumn: any;
+        resetHoveredColumn: any;
     }): JSX.Element;
     propTypes: {
         rowsData: PropTypes.Requireable<PropTypes.InferProps<{
@@ -15,6 +17,8 @@ declare var _default: React.MemoExoticComponent<{
         columnsData: PropTypes.Requireable<object[]>;
         theadRowsNumber: PropTypes.Requireable<number>;
         className: PropTypes.Requireable<string>;
+        setHoveredColumn: PropTypes.Requireable<(...args: any[]) => any>;
+        resetHoveredColumn: PropTypes.Requireable<(...args: any[]) => any>;
     };
 }>;
 export default _default;

package/esm/components/VerticalHeadingsTable/VerticalHeadingsTable.js

@@ -20,14 +20,14 @@ var DefaultCellRenderer = function (_a) {
     return value || null;
 };
 var VerticalHeadingsTable = function (_a) {
-    var className = _a.className, rowsData = _a.rowsData, columnsData = _a.columnsData, _b = _a.theadRowsNumber, theadRowsNumber = _b === void 0 ? 0 : _b;
+    var className = _a.className, rowsData = _a.rowsData, columnsData = _a.columnsData, _b = _a.theadRowsNumber, theadRowsNumber = _b === void 0 ? 0 : _b, setHoveredColumn = _a.setHoveredColumn, resetHoveredColumn = _a.resetHoveredColumn;
     var renderRow = function (rowData) {
         var CellRenderer = rowData.cellRenderer || DefaultCellRenderer;
         var HeadCellRenderer = rowData.headCellRenderer || DefaultHeadCellRenderer;
         return (React.createElement("tr", { key: rowData.id },
             React.createElement("th", { key: rowData.id },
                 React.createElement(HeadCellRenderer, __assign({}, rowData))),
-            columnsData.map(function (columnValue, index) { return (React.createElement("td", { key: index },
+            columnsData.map(function (columnValue, index) { return (React.createElement("td", { key: index, onMouseOver: function () { return setHoveredColumn(columnValue); }, onMouseLeave: resetHoveredColumn },
                 React.createElement(CellRenderer, { value: columnValue[rowData.id], columnValue: columnValue, rowData: rowData }))); })));
     };
     return (React.createElement("table", { className: className },
@@ -43,6 +43,8 @@ VerticalHeadingsTable.propTypes = {
     })),
     columnsData: PropTypes.arrayOf(PropTypes.object),
     theadRowsNumber: PropTypes.number,
-    className: PropTypes.string
+    className: PropTypes.string,
+    setHoveredColumn: PropTypes.func,
+    resetHoveredColumn: PropTypes.func
 };
 export default memo(VerticalHeadingsTable);

package/package.json

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