@reltio/components 1.4.834 → 1.4.838

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 (6) hide show
  1. package/components/DropDownMenuButton/DropDownMenuButton.js +1 -1
  2. package/components/attributes/inline/ComplexAttribute/ComplexAttribute.js +2 -2
  3. package/components/attributes/inline/SimpleAttribute/SimpleAttribute.js +8 -2
  4. package/components/attributes/inline/hooks/useAttributeState.d.ts +2 -2
  5. package/components/attributes/inline/hooks/useAttributeState.js +4 -4
  6. package/package.json +3 -3
package/components/DropDownMenuButton/DropDownMenuButton.js CHANGED
@@ -50,7 +50,7 @@ function DropDownMenuButton(_a) {
50
50
  var _k = react_1.useState(false), isOpen = _k[0], setIsOpen = _k[1];
51
51
  hooks_1.useDidUpdateEffect(function () {
52
52
  isOpen ? onMenuOpen() : onMenuClose();
53
- }, [isOpen, onMenuOpen, onMenuClose]);
53
+ }, [isOpen]);
54
54
  var handleToggle = react_1.useCallback(function (e) {
55
55
  e === null || e === void 0 ? void 0 : e.stopPropagation();
56
56
  setIsOpen(function (open) { return !open; });
package/components/attributes/inline/ComplexAttribute/ComplexAttribute.js CHANGED
@@ -39,7 +39,7 @@ var styles_1 = require("./styles");
39
39
  var ComplexAttribute = function (_a) {
40
40
  var attributeType = _a.attributeType, attributeValue = _a.attributeValue, attributeTypesList = _a.attributeTypesList, label = _a.label, crosswalksMap = _a.crosswalksMap, _b = _a.allowEdit, allowEdit = _b === void 0 ? true : _b, _c = _a.allowDelete, allowDelete = _c === void 0 ? true : _c, onPin = _a.onPin, onIgnore = _a.onIgnore, onDelete = _a.onDelete, onEdit = _a.onEdit, onAdd = _a.onAdd;
41
41
  var styles = styles_1.useStyles();
42
- var _d = useAttributeState_1.useAttributeState(), isReadingMode = _d.isReadingMode, onMouseOver = _d.onMouseOver, onMouseOut = _d.onMouseOut;
42
+ var _d = useAttributeState_1.useAttributeState(), isReadingMode = _d.isReadingMode, onMouseEnter = _d.onMouseEnter, onMouseLeave = _d.onMouseLeave;
43
43
  var canEdit = allowEdit && mdm_sdk_1.checkMetadataForUpdate(mdm_sdk_1.ModeTypes.EDITING, attributeType);
44
44
  var canDelete = allowDelete && mdm_sdk_1.checkMetadataForDelete(mdm_sdk_1.ModeTypes.EDITING, attributeType);
45
45
  var isTemporary = mdm_sdk_1.isTempUri(attributeValue.uri);
@@ -54,7 +54,7 @@ var ComplexAttribute = function (_a) {
54
54
  }, [expandedFromContext]);
55
55
  var crosswalks = ramda_1.pipe(ramda_1.pickBy(function (val, attrUri) { return mdm_sdk_1.areOneHierarchyUris(attrUri, attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.uri); }), ramda_1.values, ramda_1.flatten, ramda_1.uniqBy(ramda_1.prop('uri')))(crosswalksMap);
56
56
  return (react_1.default.createElement(react_1.default.Fragment, null,
57
- react_1.default.createElement("div", { className: styles.root, onMouseOver: onMouseOver, onMouseOut: onMouseOut },
57
+ react_1.default.createElement("div", { className: styles.root, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave },
58
58
  react_1.default.createElement(ArrowExpandButton_1.default, { onClick: function () { return setExpanded(function (value) { return !value; }); }, expanded: expanded }),
59
59
  react_1.default.createElement("span", null,
60
60
  label,
package/components/attributes/inline/SimpleAttribute/SimpleAttribute.js CHANGED
@@ -41,7 +41,7 @@ var contexts_1 = require("../../../../contexts");
41
41
  var styles_1 = require("./styles");
42
42
  var SimpleAttribute = function (_a) {
43
43
  var className = _a.className, dataReltioId = _a.dataReltioId, _b = _a.attributeType, attributeType = _b === void 0 ? null : _b, attributeValue = _a.attributeValue, crosswalk = _a.crosswalk, _c = _a.allowEdit, allowEdit = _c === void 0 ? true : _c, _d = _a.allowDelete, allowDelete = _d === void 0 ? true : _d, onIgnore = _a.onIgnore, onEdit = _a.onEdit, onPin = _a.onPin, onDelete = _a.onDelete;
44
- var _e = useAttributeState_1.useAttributeState(), isReadingMode = _e.isReadingMode, isEditingMode = _e.isEditingMode, isHovered = _e.isHovered, onMouseOver = _e.onMouseOver, onMouseOut = _e.onMouseOut, setReadingMode = _e.setReadingMode, setEditingMode = _e.setEditingMode;
44
+ var _e = useAttributeState_1.useAttributeState(), isReadingMode = _e.isReadingMode, isEditingMode = _e.isEditingMode, isHovered = _e.isHovered, onMouseEnter = _e.onMouseEnter, onMouseLeave = _e.onMouseLeave, setReadingMode = _e.setReadingMode, setEditingMode = _e.setEditingMode;
45
45
  var containerRef = react_1.useRef();
46
46
  var id = mdm_sdk_1.getLastUriPart(attributeValue.uri);
47
47
  var crosswalkDisabled = mdm_sdk_1.isCrosswalkDisabled(crosswalk);
@@ -91,7 +91,13 @@ var SimpleAttribute = function (_a) {
91
91
  removeHighlight();
92
92
  setReadingMode();
93
93
  };
94
- return (react_1.default.createElement("div", { ref: containerRef, className: classnames_1.default(className, styles.root), onMouseEnter: function () { return highlightCrosswalk(); }, onMouseLeave: function () { return removeHighlight(); }, onMouseOver: onMouseOver, onMouseOut: onMouseOut, "data-reltio-id": dataReltioId },
94
+ return (react_1.default.createElement("div", { ref: containerRef, className: classnames_1.default(className, styles.root), onMouseEnter: function () {
95
+ highlightCrosswalk();
96
+ onMouseEnter();
97
+ }, onMouseLeave: function () {
98
+ removeHighlight();
99
+ onMouseLeave();
100
+ }, "data-reltio-id": dataReltioId },
95
101
  react_1.default.createElement("div", { className: styles.attributeValue },
96
102
  react_1.default.createElement(DataTypeValue_1.default, { value: mdm_sdk_1.getAttributeValue(attributeValue), dataTypeDefinition: mdm_sdk_1.getAttrDataTypeDefinition(attributeType) })),
97
103
  react_1.default.createElement("div", { className: styles.actions },
package/components/attributes/inline/hooks/useAttributeState.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  export declare const useAttributeState: () => {
2
2
  setReadingMode: () => void;
3
3
  setEditingMode: () => void;
4
- onMouseOut: () => void;
5
- onMouseOver: () => void;
4
+ onMouseLeave: () => void;
5
+ onMouseEnter: () => void;
6
6
  isReadingMode: boolean;
7
7
  isEditingMode: boolean;
8
8
  isHovered: boolean;
package/components/attributes/inline/hooks/useAttributeState.js CHANGED
@@ -20,11 +20,11 @@ var useAttributeState = function () {
20
20
  }, []);
21
21
  // eslint-disable-next-line react-hooks/exhaustive-deps
22
22
  var setAttributeStateDebounced = react_1.useCallback(mdm_sdk_1.debounce(setAttributeState, HIDE_INTERVAL), []);
23
- var onMouseOver = react_1.useCallback(function () {
23
+ var onMouseEnter = react_1.useCallback(function () {
24
24
  if (!isEditingMode)
25
25
  setAttributeStateDebounced(AttributeStates.HOVERED);
26
26
  }, [setAttributeStateDebounced, isEditingMode]);
27
- var onMouseOut = react_1.useCallback(function () {
27
+ var onMouseLeave = react_1.useCallback(function () {
28
28
  if (!isEditingMode)
29
29
  setAttributeStateDebounced(AttributeStates.READING);
30
30
  }, [setAttributeStateDebounced, isEditingMode]);
@@ -33,8 +33,8 @@ var useAttributeState = function () {
33
33
  return {
34
34
  setReadingMode: setReadingMode,
35
35
  setEditingMode: setEditingMode,
36
- onMouseOut: onMouseOut,
37
- onMouseOver: onMouseOver,
36
+ onMouseLeave: onMouseLeave,
37
+ onMouseEnter: onMouseEnter,
38
38
  isReadingMode: isReadingMode,
39
39
  isEditingMode: isEditingMode,
40
40
  isHovered: isHovered
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@reltio/components",
3
- "version": "1.4.834",
3
+ "version": "1.4.838",
4
4
  "license": "SEE LICENSE IN LICENSE FILE",
5
5
  "main": "index.js",
6
6
  "dependencies": {
7
7
  "@date-io/moment": "^1.3.5",
8
8
  "@react-google-maps/api": "^2.7.0",
9
- "@reltio/mdm-module": "^1.4.834",
10
- "@reltio/mdm-sdk": "^1.4.834",
9
+ "@reltio/mdm-module": "^1.4.838",
10
+ "@reltio/mdm-sdk": "^1.4.838",
11
11
  "classnames": "^2.2.5",
12
12
  "frontend-collective-react-dnd-scrollzone": "^1.0.2",
13
13
  "nanoid": "^2.0.0",