@reltio/components 1.4.1535 → 1.4.1536

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/cjs/components/attributes/inline/SimpleAttribute/SimpleAttribute.js +1 -1
  2. package/cjs/components/attributes/inline/SimpleAttribute/styles.js +1 -1
  3. package/cjs/components/attributes/inline/common/CrosswalkIcon.js +1 -1
  4. package/cjs/components/crosswalks/AttributesTable/cell-renderers/WinnerSourcesRenderer.js +1 -1
  5. package/cjs/components/crosswalks/ColoredBlock/ColoredBlock.js +1 -1
  6. package/cjs/components/crosswalks/CrosswalkRow/CrosswalkRow.js +2 -1
  7. package/cjs/components/crosswalks/CrosswalkRow/styles.js +0 -1
  8. package/cjs/components/crosswalks/DummyCrosswalkRow/styles.js +10 -6
  9. package/esm/components/attributes/inline/SimpleAttribute/SimpleAttribute.js +1 -1
  10. package/esm/components/attributes/inline/SimpleAttribute/styles.js +1 -1
  11. package/esm/components/attributes/inline/common/CrosswalkIcon.js +1 -1
  12. package/esm/components/crosswalks/AttributesTable/cell-renderers/WinnerSourcesRenderer.js +1 -1
  13. package/esm/components/crosswalks/ColoredBlock/ColoredBlock.js +1 -1
  14. package/esm/components/crosswalks/CrosswalkRow/CrosswalkRow.js +2 -1
  15. package/esm/components/crosswalks/CrosswalkRow/styles.js +0 -1
  16. package/esm/components/crosswalks/DummyCrosswalkRow/styles.js +10 -6
  17. package/package.json +3 -3
package/cjs/components/attributes/inline/SimpleAttribute/SimpleAttribute.js CHANGED
@@ -61,7 +61,7 @@ var SimpleAttribute = function (_a) {
61
61
  variant: crosswalkDisabled ? 'outlined' : 'filled',
62
62
  opaque: !isDimmed,
63
63
  fullyColored: isHighlighted,
64
- color: color
64
+ color: isDimmed ? 'rgba(0, 0, 0, 0.12)' : color
65
65
  });
66
66
  var actions = [
67
67
  {
package/cjs/components/attributes/inline/SimpleAttribute/styles.js CHANGED
@@ -39,7 +39,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
39
39
  height: '100%',
40
40
  pointerEvents: 'none'
41
41
  }
42
- })), { display: 'flex', alignItems: 'center', opacity: opaque ? 1 : 0.38, filter: opaque ? null : 'saturate(20%)', transition: 'opacity 0.3s', position: 'relative' }));
42
+ })), { display: 'flex', alignItems: 'center', opacity: opaque ? 1 : 0.38, transition: 'opacity 0.3s', position: 'relative' }));
43
43
  },
44
44
  attributeValue: {
45
45
  marginLeft: '16px',
package/cjs/components/attributes/inline/common/CrosswalkIcon.js CHANGED
@@ -15,7 +15,7 @@ var CrosswalkIcon = function (_a) {
15
15
  var color = (0, contexts_1.useCrosswalkColor)(crosswalk);
16
16
  var isDisabled = (0, mdm_sdk_1.isCrosswalkDisabled)(crosswalk);
17
17
  var _b = (0, contexts_1.useCrosswalkHighlight)(crosswalk), isDimmed = _b.isDimmed, highlightCrosswalk = _b.highlightCrosswalk, removeHighlight = _b.removeHighlight;
18
- var styles = (0, styles_1.useStyles)({ isOpaque: !isDimmed, color: color, isDisabled: isDisabled });
18
+ var styles = (0, styles_1.useStyles)({ isOpaque: !isDimmed, color: isDimmed ? 'rgba(0, 0, 0, 0.12)' : color, isDisabled: isDisabled });
19
19
  return (react_1.default.createElement(LightArrowTooltip_1.default, { title: react_1.default.createElement(SourceItem_1.default, { crosswalk: crosswalk, color: color }), placement: 'top' },
20
20
  react_1.default.createElement("div", { "data-reltio-id": "crosswalk-icon", className: (0, classnames_1.default)(styles.crosswalkIcon, className), onMouseEnter: function () { return highlightCrosswalk(); }, onMouseLeave: function () { return removeHighlight(); } })));
21
21
  };
package/cjs/components/crosswalks/AttributesTable/cell-renderers/WinnerSourcesRenderer.js CHANGED
@@ -19,7 +19,7 @@ var WinnerSource = function (_a) {
19
19
  var styles = (0, styles_1.useStyles)();
20
20
  var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
21
21
  var _b = (0, contexts_1.useCrosswalkHighlight)(crosswalk), isDimmed = _b.isDimmed, highlightCrosswalk = _b.highlightCrosswalk, removeHighlight = _b.removeHighlight;
22
- return (react_1.default.createElement(ColoredBlock_1.default, { className: styles.winnerSourceItem, color: (0, mdm_sdk_1.getCrosswalkColor)((0, mdm_sdk_1.getCrosswalkId)(crosswalk)), opacity: isDimmed ? 0.19 : 1, onMouseEnter: function () { return highlightCrosswalk(); }, onMouseLeave: function () { return removeHighlight(); } },
22
+ return (react_1.default.createElement(ColoredBlock_1.default, { className: styles.winnerSourceItem, color: isDimmed ? 'rgba(0, 0, 0, 0.12)' : (0, mdm_sdk_1.getCrosswalkColor)((0, mdm_sdk_1.getCrosswalkId)(crosswalk)), opacity: isDimmed ? 0.38 : 1, onMouseEnter: function () { return highlightCrosswalk(); }, onMouseLeave: function () { return removeHighlight(); } },
23
23
  react_1.default.createElement(SourceIcon_1.default, { className: styles.sourceIcon, sourceType: crosswalk.type }),
24
24
  react_1.default.createElement(ListItemText_1.default, { primary: (0, mdm_sdk_1.getSourceSystemLabel)(metadata, crosswalk.type), primaryTypographyProps: { variant: 'body2' }, classes: { primary: styles.winnerSourceItemLabel } })));
25
25
  };
package/cjs/components/crosswalks/ColoredBlock/ColoredBlock.js CHANGED
@@ -57,7 +57,7 @@ var styles_1 = require("./styles");
57
57
  var ColoredBlock = (0, react_1.forwardRef)(function (_a, ref) {
58
58
  var color = _a.color, opacity = _a.opacity, _b = _a.variant, variant = _b === void 0 ? 'standart' : _b, children = _a.children, className = _a.className, props = __rest(_a, ["color", "opacity", "variant", "children", "className"]);
59
59
  var styles = (0, styles_1.useColoredItemStyles)({ color: color, opacity: opacity, variant: variant });
60
- return (react_1.default.createElement("div", __assign({ ref: ref, className: (0, classnames_1.default)(styles.item, className) }, props),
60
+ return (react_1.default.createElement("div", __assign({ ref: ref, "data-reltio-id": "cw-colored-block", className: (0, classnames_1.default)(styles.item, className) }, props),
61
61
  children,
62
62
  variant === 'disabled' && (react_1.default.createElement(Tooltip_1.default, { title: ui_i18n_1.default.text('End-dated crosswalk') },
63
63
  react_1.default.createElement(EventBusy_1.default, { className: styles.endDatedCrosswalkIcon })))));
package/cjs/components/crosswalks/CrosswalkRow/CrosswalkRow.js CHANGED
@@ -52,8 +52,9 @@ var CrosswalkRow = function (_a) {
52
52
  var ref = (0, react_1.useRef)(null);
53
53
  var crosswalkColor = (0, CrosswalksDisplayContext_1.useCrosswalkColor)(crosswalk);
54
54
  var _e = (0, CrosswalksDisplayContext_1.useCrosswalkFocus)(crosswalk), toggleCrosswalkFocus = _e.toggleCrosswalkFocus, isFocused = _e.isFocused;
55
- var color = isEmpty ? '#FFF' : isColored ? crosswalkColor : '#CACCD1';
56
55
  var _f = (0, CrosswalksDisplayContext_1.useCrosswalkHighlight)(crosswalk), isDimmed = _f.isDimmed, highlightCrosswalk = _f.highlightCrosswalk, removeHighlight = _f.removeHighlight;
56
+ var coloredCrosswalk = isDimmed ? 'rgba(0, 0, 0, 0.12)' : crosswalkColor;
57
+ var color = isEmpty ? '#FFF' : isColored ? coloredCrosswalk : '#CACCD1';
57
58
  var scrollToCrosswalk = (0, CrosswalksDisplayContext_1.useHighlightedCrosswalks)()[0];
58
59
  var styles = (0, styles_1.useStyles)({ color: color, isOpaque: !isDimmed, isFocused: isFocused });
59
60
  var _g = (0, react_1.useState)(false), expanded = _g[0], setExpanded = _g[1];
package/cjs/components/crosswalks/CrosswalkRow/styles.js CHANGED
@@ -7,7 +7,6 @@ exports.useStyles = (0, styles_1.makeStyles)({
7
7
  var isOpaque = _a.isOpaque;
8
8
  return ({
9
9
  display: 'flex',
10
- filter: isOpaque ? null : 'saturate(20%)',
11
10
  opacity: isOpaque ? 1 : 0.19,
12
11
  transition: 'opacity 0.3s'
13
12
  });
package/cjs/components/crosswalks/DummyCrosswalkRow/styles.js CHANGED
@@ -11,12 +11,16 @@ exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
11
11
  transition: 'opacity 0.3s'
12
12
  });
13
13
  },
14
- wrapper: {
15
- width: '100%',
16
- display: 'flex',
17
- alignItems: 'center',
18
- height: 28,
19
- backgroundImage: 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDcvMjYvMTMEw7WpAAAAeElEQVQ4ja3VuwrAIBBE0aup0uX/v9ImCCGSdIL4WF136+EwxcC6+3k/hAsxSREArvPAW2LAGFzFhqAG64JarAnuYBW4ixWgBZZBKwzAW2Ig7HAVCzHJ4AoGQsNVbAhqsC6oxZrgDlaBu1gBWmAZtMIA3MwLmMUAfmyqQ9/LD+oDAAAAAElFTkSuQmCC)'
14
+ wrapper: function (_a) {
15
+ var isOpaque = _a.isOpaque;
16
+ return ({
17
+ width: '100%',
18
+ display: 'flex',
19
+ alignItems: 'center',
20
+ height: 28,
21
+ filter: isOpaque ? null : 'saturate(0%)',
22
+ backgroundImage: 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDcvMjYvMTMEw7WpAAAAeElEQVQ4ja3VuwrAIBBE0aup0uX/v9ImCCGSdIL4WF136+EwxcC6+3k/hAsxSREArvPAW2LAGFzFhqAG64JarAnuYBW4ixWgBZZBKwzAW2Ig7HAVCzHJ4AoGQsNVbAhqsC6oxZrgDlaBu1gBWmAZtMIA3MwLmMUAfmyqQ9/LD+oDAAAAAElFTkSuQmCC)'
23
+ });
20
24
  },
21
25
  focusedIcon: {
22
26
  width: 28,
package/esm/components/attributes/inline/SimpleAttribute/SimpleAttribute.js CHANGED
@@ -33,7 +33,7 @@ var SimpleAttribute = function (_a) {
33
33
  variant: crosswalkDisabled ? 'outlined' : 'filled',
34
34
  opaque: !isDimmed,
35
35
  fullyColored: isHighlighted,
36
- color: color
36
+ color: isDimmed ? 'rgba(0, 0, 0, 0.12)' : color
37
37
  });
38
38
  var actions = [
39
39
  {
package/esm/components/attributes/inline/SimpleAttribute/styles.js CHANGED
@@ -36,7 +36,7 @@ export var useStyles = makeStyles(function () { return ({
36
36
  height: '100%',
37
37
  pointerEvents: 'none'
38
38
  }
39
- })), { display: 'flex', alignItems: 'center', opacity: opaque ? 1 : 0.38, filter: opaque ? null : 'saturate(20%)', transition: 'opacity 0.3s', position: 'relative' }));
39
+ })), { display: 'flex', alignItems: 'center', opacity: opaque ? 1 : 0.38, transition: 'opacity 0.3s', position: 'relative' }));
40
40
  },
41
41
  attributeValue: {
42
42
  marginLeft: '16px',
package/esm/components/attributes/inline/common/CrosswalkIcon.js CHANGED
@@ -10,7 +10,7 @@ var CrosswalkIcon = function (_a) {
10
10
  var color = useCrosswalkColor(crosswalk);
11
11
  var isDisabled = isCrosswalkDisabled(crosswalk);
12
12
  var _b = useCrosswalkHighlight(crosswalk), isDimmed = _b.isDimmed, highlightCrosswalk = _b.highlightCrosswalk, removeHighlight = _b.removeHighlight;
13
- var styles = useStyles({ isOpaque: !isDimmed, color: color, isDisabled: isDisabled });
13
+ var styles = useStyles({ isOpaque: !isDimmed, color: isDimmed ? 'rgba(0, 0, 0, 0.12)' : color, isDisabled: isDisabled });
14
14
  return (React.createElement(LightArrowTooltip, { title: React.createElement(SourceItem, { crosswalk: crosswalk, color: color }), placement: 'top' },
15
15
  React.createElement("div", { "data-reltio-id": "crosswalk-icon", className: classnames(styles.crosswalkIcon, className), onMouseEnter: function () { return highlightCrosswalk(); }, onMouseLeave: function () { return removeHighlight(); } })));
16
16
  };
package/esm/components/crosswalks/AttributesTable/cell-renderers/WinnerSourcesRenderer.js CHANGED
@@ -14,7 +14,7 @@ var WinnerSource = function (_a) {
14
14
  var styles = useStyles();
15
15
  var metadata = useSelector(mdmModule.selectors.getMetadata);
16
16
  var _b = useCrosswalkHighlight(crosswalk), isDimmed = _b.isDimmed, highlightCrosswalk = _b.highlightCrosswalk, removeHighlight = _b.removeHighlight;
17
- return (React.createElement(ColoredBlock, { className: styles.winnerSourceItem, color: getCrosswalkColor(getCrosswalkId(crosswalk)), opacity: isDimmed ? 0.19 : 1, onMouseEnter: function () { return highlightCrosswalk(); }, onMouseLeave: function () { return removeHighlight(); } },
17
+ return (React.createElement(ColoredBlock, { className: styles.winnerSourceItem, color: isDimmed ? 'rgba(0, 0, 0, 0.12)' : getCrosswalkColor(getCrosswalkId(crosswalk)), opacity: isDimmed ? 0.38 : 1, onMouseEnter: function () { return highlightCrosswalk(); }, onMouseLeave: function () { return removeHighlight(); } },
18
18
  React.createElement(SourceIcon, { className: styles.sourceIcon, sourceType: crosswalk.type }),
19
19
  React.createElement(ListItemText, { primary: getSourceSystemLabel(metadata, crosswalk.type), primaryTypographyProps: { variant: 'body2' }, classes: { primary: styles.winnerSourceItemLabel } })));
20
20
  };
package/esm/components/crosswalks/ColoredBlock/ColoredBlock.js CHANGED
@@ -29,7 +29,7 @@ import { useColoredItemStyles } from './styles';
29
29
  var ColoredBlock = forwardRef(function (_a, ref) {
30
30
  var color = _a.color, opacity = _a.opacity, _b = _a.variant, variant = _b === void 0 ? 'standart' : _b, children = _a.children, className = _a.className, props = __rest(_a, ["color", "opacity", "variant", "children", "className"]);
31
31
  var styles = useColoredItemStyles({ color: color, opacity: opacity, variant: variant });
32
- return (React.createElement("div", __assign({ ref: ref, className: classnames(styles.item, className) }, props),
32
+ return (React.createElement("div", __assign({ ref: ref, "data-reltio-id": "cw-colored-block", className: classnames(styles.item, className) }, props),
33
33
  children,
34
34
  variant === 'disabled' && (React.createElement(Tooltip, { title: i18n.text('End-dated crosswalk') },
35
35
  React.createElement(EventBusyIcon, { className: styles.endDatedCrosswalkIcon })))));
package/esm/components/crosswalks/CrosswalkRow/CrosswalkRow.js CHANGED
@@ -24,8 +24,9 @@ var CrosswalkRow = function (_a) {
24
24
  var ref = useRef(null);
25
25
  var crosswalkColor = useCrosswalkColor(crosswalk);
26
26
  var _e = useCrosswalkFocus(crosswalk), toggleCrosswalkFocus = _e.toggleCrosswalkFocus, isFocused = _e.isFocused;
27
- var color = isEmpty ? '#FFF' : isColored ? crosswalkColor : '#CACCD1';
28
27
  var _f = useCrosswalkHighlight(crosswalk), isDimmed = _f.isDimmed, highlightCrosswalk = _f.highlightCrosswalk, removeHighlight = _f.removeHighlight;
28
+ var coloredCrosswalk = isDimmed ? 'rgba(0, 0, 0, 0.12)' : crosswalkColor;
29
+ var color = isEmpty ? '#FFF' : isColored ? coloredCrosswalk : '#CACCD1';
29
30
  var scrollToCrosswalk = useHighlightedCrosswalks()[0];
30
31
  var styles = useStyles({ color: color, isOpaque: !isDimmed, isFocused: isFocused });
31
32
  var _g = useState(false), expanded = _g[0], setExpanded = _g[1];
package/esm/components/crosswalks/CrosswalkRow/styles.js CHANGED
@@ -4,7 +4,6 @@ export var useStyles = makeStyles({
4
4
  var isOpaque = _a.isOpaque;
5
5
  return ({
6
6
  display: 'flex',
7
- filter: isOpaque ? null : 'saturate(20%)',
8
7
  opacity: isOpaque ? 1 : 0.19,
9
8
  transition: 'opacity 0.3s'
10
9
  });
package/esm/components/crosswalks/DummyCrosswalkRow/styles.js CHANGED
@@ -8,12 +8,16 @@ export var useStyles = makeStyles(function () { return ({
8
8
  transition: 'opacity 0.3s'
9
9
  });
10
10
  },
11
- wrapper: {
12
- width: '100%',
13
- display: 'flex',
14
- alignItems: 'center',
15
- height: 28,
16
- backgroundImage: 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDcvMjYvMTMEw7WpAAAAeElEQVQ4ja3VuwrAIBBE0aup0uX/v9ImCCGSdIL4WF136+EwxcC6+3k/hAsxSREArvPAW2LAGFzFhqAG64JarAnuYBW4ixWgBZZBKwzAW2Ig7HAVCzHJ4AoGQsNVbAhqsC6oxZrgDlaBu1gBWmAZtMIA3MwLmMUAfmyqQ9/LD+oDAAAAAElFTkSuQmCC)'
11
+ wrapper: function (_a) {
12
+ var isOpaque = _a.isOpaque;
13
+ return ({
14
+ width: '100%',
15
+ display: 'flex',
16
+ alignItems: 'center',
17
+ height: 28,
18
+ filter: isOpaque ? null : 'saturate(0%)',
19
+ backgroundImage: 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDcvMjYvMTMEw7WpAAAAeElEQVQ4ja3VuwrAIBBE0aup0uX/v9ImCCGSdIL4WF136+EwxcC6+3k/hAsxSREArvPAW2LAGFzFhqAG64JarAnuYBW4ixWgBZZBKwzAW2Ig7HAVCzHJ4AoGQsNVbAhqsC6oxZrgDlaBu1gBWmAZtMIA3MwLmMUAfmyqQ9/LD+oDAAAAAElFTkSuQmCC)'
20
+ });
17
21
  },
18
22
  focusedIcon: {
19
23
  width: 28,
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@reltio/components",
3
- "version": "1.4.1535",
3
+ "version": "1.4.1536",
4
4
  "license": "SEE LICENSE IN LICENSE FILE",
5
5
  "main": "./cjs/index.js",
6
6
  "module": "./esm/index.js",
7
7
  "dependencies": {
8
8
  "@date-io/moment": "^1.3.5",
9
9
  "@react-google-maps/api": "2.7.0",
10
- "@reltio/mdm-module": "^1.4.1535",
11
- "@reltio/mdm-sdk": "^1.4.1535",
10
+ "@reltio/mdm-module": "^1.4.1536",
11
+ "@reltio/mdm-sdk": "^1.4.1536",
12
12
  "classnames": "^2.2.5",
13
13
  "d3-cloud": "^1.2.5",
14
14
  "d3-geo": "^2.0.1",