@reltio/components 1.4.1368 → 1.4.1370

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 (9) hide show
  1. package/cjs/components/crosswalks/AttributesTable/cell-renderers/WinnerSourcesRenderer.js +1 -1
  2. package/cjs/components/crosswalks/ColoredBlock/styles.js +1 -1
  3. package/cjs/components/crosswalks/CrosswalkAttributes/CrosswalkAttributes.js +1 -1
  4. package/cjs/components/crosswalks/CrosswalkDateEditor/CrosswalkDateEditor.js +2 -2
  5. package/esm/components/crosswalks/AttributesTable/cell-renderers/WinnerSourcesRenderer.js +1 -1
  6. package/esm/components/crosswalks/ColoredBlock/styles.js +1 -1
  7. package/esm/components/crosswalks/CrosswalkAttributes/CrosswalkAttributes.js +1 -1
  8. package/esm/components/crosswalks/CrosswalkDateEditor/CrosswalkDateEditor.js +2 -2
  9. package/package.json +3 -3
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.38 : 1, onMouseEnter: function () { return highlightCrosswalk(); }, onMouseLeave: function () { return 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(); } },
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/styles.js CHANGED
@@ -16,7 +16,7 @@ var styles_1 = require("@material-ui/core/styles");
16
16
  exports.useColoredItemStyles = (0, styles_1.makeStyles)({
17
17
  item: function (_a) {
18
18
  var color = _a.color, opacity = _a.opacity, variant = _a.variant;
19
- return (__assign(__assign(__assign({}, (variant === 'standart' && { backgroundColor: color, paddingRight: '29px' })), (variant === 'disabled' && { border: "".concat(color, " solid 2px") })), { opacity: opacity, transition: 'opacity 0.3s', boxSizing: 'border-box' }));
19
+ return (__assign(__assign(__assign({}, (variant === 'standart' && { backgroundColor: color, paddingRight: '29px' })), (variant === 'disabled' && { border: "".concat(color, " solid 2px") })), { opacity: opacity, filter: opacity && opacity !== 1 ? 'saturate(20%)' : null, transition: 'opacity 0.3s', boxSizing: 'border-box' }));
20
20
  },
21
21
  endDatedCrosswalkIcon: {
22
22
  margin: '0 4px',
package/cjs/components/crosswalks/CrosswalkAttributes/CrosswalkAttributes.js CHANGED
@@ -135,7 +135,7 @@ var CrosswalkAttributes = function (_a) {
135
135
  classes: { input: styles.input }
136
136
  } })) : (react_1.default.createElement(CopyableValueField_1.default, { value: attributeValue }));
137
137
  case 'deleteDate':
138
- return (react_1.default.createElement(CrosswalkDateEditor_1.default, { value: attributeValue && moment_1.default.utc((0, mdm_sdk_1.parseTimestamp)(attributeValue)).valueOf(), onChange: function (value) { return onEditAttribute(attributeName, value.toString()); }, classes: { root: styles.editor }, disabled: !canEditAttribute }));
138
+ return (react_1.default.createElement(CrosswalkDateEditor_1.default, { value: attributeValue && moment_1.default.utc((0, mdm_sdk_1.parseTimestamp)(attributeValue)).valueOf(), onChange: function (value) { return onEditAttribute(attributeName, value === null || value === void 0 ? void 0 : value.toString()); }, classes: { root: styles.editor }, disabled: !canEditAttribute }));
139
139
  case 'sourcePublishDate':
140
140
  case 'createDate':
141
141
  case 'updateDate':
package/cjs/components/crosswalks/CrosswalkDateEditor/CrosswalkDateEditor.js CHANGED
@@ -35,8 +35,8 @@ var CrosswalkDateEditor = function (_a) {
35
35
  var value = _a.value, _b = _a.classes, classes = _b === void 0 ? {} : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, onChange = _a.onChange;
36
36
  var styles = (0, styles_1.useStyles)();
37
37
  var _d = (0, react_1.useState)(false), isOpen = _d[0], setIsOpen = _d[1];
38
- var handleChange = function (date) { return onChange(date.valueOf()); };
39
- return (react_1.default.createElement(TimestampEditor_1.default, { variant: "filled", value: value ? new Date(value) : null, disabled: disabled, onChange: (0, ramda_1.unless)((0, ramda_1.always)(isOpen), handleChange), onAccept: handleChange, onOpen: function () { return setIsOpen(true); }, onClose: function () { return setIsOpen(false); }, InputProps: {
38
+ var handleChange = function (date) { return onChange(date === null || date === void 0 ? void 0 : date.valueOf()); };
39
+ return (react_1.default.createElement(TimestampEditor_1.default, { variant: "filled", value: value || null, disabled: disabled, onChange: (0, ramda_1.unless)((0, ramda_1.always)(isOpen), handleChange), onAccept: handleChange, onOpen: function () { return setIsOpen(true); }, onClose: function () { return setIsOpen(false); }, InputProps: {
40
40
  disableUnderline: true,
41
41
  classes: { input: styles.timestampEditorInput, root: (0, classnames_1.default)(styles.timestampEditor, classes.root) }
42
42
  } }));
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.38 : 1, onMouseEnter: function () { return highlightCrosswalk(); }, onMouseLeave: function () { return 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(); } },
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/styles.js CHANGED
@@ -13,7 +13,7 @@ import { makeStyles } from '@material-ui/core/styles';
13
13
  export var useColoredItemStyles = makeStyles({
14
14
  item: function (_a) {
15
15
  var color = _a.color, opacity = _a.opacity, variant = _a.variant;
16
- return (__assign(__assign(__assign({}, (variant === 'standart' && { backgroundColor: color, paddingRight: '29px' })), (variant === 'disabled' && { border: "".concat(color, " solid 2px") })), { opacity: opacity, transition: 'opacity 0.3s', boxSizing: 'border-box' }));
16
+ return (__assign(__assign(__assign({}, (variant === 'standart' && { backgroundColor: color, paddingRight: '29px' })), (variant === 'disabled' && { border: "".concat(color, " solid 2px") })), { opacity: opacity, filter: opacity && opacity !== 1 ? 'saturate(20%)' : null, transition: 'opacity 0.3s', boxSizing: 'border-box' }));
17
17
  },
18
18
  endDatedCrosswalkIcon: {
19
19
  margin: '0 4px',
package/esm/components/crosswalks/CrosswalkAttributes/CrosswalkAttributes.js CHANGED
@@ -107,7 +107,7 @@ var CrosswalkAttributes = function (_a) {
107
107
  classes: { input: styles.input }
108
108
  } })) : (React.createElement(CopyableValueField, { value: attributeValue }));
109
109
  case 'deleteDate':
110
- return (React.createElement(CrosswalkDateEditor, { value: attributeValue && moment.utc(parseTimestamp(attributeValue)).valueOf(), onChange: function (value) { return onEditAttribute(attributeName, value.toString()); }, classes: { root: styles.editor }, disabled: !canEditAttribute }));
110
+ return (React.createElement(CrosswalkDateEditor, { value: attributeValue && moment.utc(parseTimestamp(attributeValue)).valueOf(), onChange: function (value) { return onEditAttribute(attributeName, value === null || value === void 0 ? void 0 : value.toString()); }, classes: { root: styles.editor }, disabled: !canEditAttribute }));
111
111
  case 'sourcePublishDate':
112
112
  case 'createDate':
113
113
  case 'updateDate':
package/esm/components/crosswalks/CrosswalkDateEditor/CrosswalkDateEditor.js CHANGED
@@ -7,8 +7,8 @@ var CrosswalkDateEditor = function (_a) {
7
7
  var value = _a.value, _b = _a.classes, classes = _b === void 0 ? {} : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, onChange = _a.onChange;
8
8
  var styles = useStyles();
9
9
  var _d = useState(false), isOpen = _d[0], setIsOpen = _d[1];
10
- var handleChange = function (date) { return onChange(date.valueOf()); };
11
- return (React.createElement(TimestampEditor, { variant: "filled", value: value ? new Date(value) : null, disabled: disabled, onChange: unless(always(isOpen), handleChange), onAccept: handleChange, onOpen: function () { return setIsOpen(true); }, onClose: function () { return setIsOpen(false); }, InputProps: {
10
+ var handleChange = function (date) { return onChange(date === null || date === void 0 ? void 0 : date.valueOf()); };
11
+ return (React.createElement(TimestampEditor, { variant: "filled", value: value || null, disabled: disabled, onChange: unless(always(isOpen), handleChange), onAccept: handleChange, onOpen: function () { return setIsOpen(true); }, onClose: function () { return setIsOpen(false); }, InputProps: {
12
12
  disableUnderline: true,
13
13
  classes: { input: styles.timestampEditorInput, root: classnames(styles.timestampEditor, classes.root) }
14
14
  } }));
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@reltio/components",
3
- "version": "1.4.1368",
3
+ "version": "1.4.1370",
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.1368",
11
- "@reltio/mdm-sdk": "^1.4.1368",
10
+ "@reltio/mdm-module": "^1.4.1370",
11
+ "@reltio/mdm-sdk": "^1.4.1370",
12
12
  "classnames": "^2.2.5",
13
13
  "d3-cloud": "^1.2.5",
14
14
  "d3-geo": "^2.0.1",