@reltio/components 1.4.1651 → 1.4.1653

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 (7) hide show
  1. package/cjs/components/workflow/components/WorkflowComments/WorkflowComments.js +1 -1
  2. package/cjs/components/workflow/components/WorkflowComments/styles.js +3 -2
  3. package/cjs/hooks/useRelationsLoader.js +3 -1
  4. package/esm/components/workflow/components/WorkflowComments/WorkflowComments.js +2 -2
  5. package/esm/components/workflow/components/WorkflowComments/styles.js +3 -2
  6. package/esm/hooks/useRelationsLoader.js +3 -1
  7. package/package.json +2 -2
package/cjs/components/workflow/components/WorkflowComments/WorkflowComments.js CHANGED
@@ -84,7 +84,7 @@ var WorkflowComments = function (_a) {
84
84
  " "),
85
85
  react_1.default.createElement("div", { className: styles.commentsContainer }, expanded || comments.length < 3 ? (react_1.default.createElement(ExpandedComments_1.ExpandedComments, { comments: comments })) : (react_1.default.createElement(CollapsedComments_1.CollapsedComments, { onClick: function () { return setExpanded(true); }, comments: comments }))),
86
86
  !readOnly && (react_1.default.createElement(Input_1.default, { endAdornment: react_1.default.createElement(InputAdornment_1.default, { position: "end" },
87
- react_1.default.createElement(SmallIconButton_1.SmallIconButton, { icon: Send_1.default, disabled: comment.length === 0, onClick: sendComment, "data-reltio-id": "send-button" })), classes: { root: styles.filledInputRoot }, placeholder: ui_i18n_1.default.text('Write a comment'), value: comment, onKeyPress: (0, ramda_1.when)((0, ramda_1.both)((0, ramda_1.propEq)('key', 'Enter'), (0, ramda_1.always)(comment.length > 0)), sendComment), onChange: onChange, disableUnderline: true })),
87
+ react_1.default.createElement(SmallIconButton_1.SmallIconButton, { icon: Send_1.default, disabled: comment.length === 0, onClick: sendComment, "data-reltio-id": "send-button" })), classes: { root: styles.filledInputRoot }, placeholder: ui_i18n_1.default.text('Write a comment'), value: comment, onKeyPress: (0, ramda_1.when)((0, ramda_1.allPass)([(0, ramda_1.propEq)('key', 'Enter'), (0, ramda_1.always)(comment.length > 0), (0, ramda_1.propEq)('shiftKey', false)]), sendComment), onChange: onChange, disableUnderline: true, multiline: true })),
88
88
  react_1.default.createElement("div", { className: styles.modeSwitcherWrapper },
89
89
  BUTTONS_GROUP.length === 1 && (react_1.default.createElement(Button_1.default, { variant: "outlined", onClick: BUTTONS_GROUP[0].onClick, disabled: actionRequestIsInProgress }, BUTTONS_GROUP[0].label)),
90
90
  BUTTONS_GROUP.length > 1 && (react_1.default.createElement(ModeSwitcherSelect_1.ModeSwitcherSelect, { buttonsGroup: BUTTONS_GROUP, value: currentAction, disabled: actionRequestIsInProgress })))));
package/cjs/components/workflow/components/WorkflowComments/styles.js CHANGED
@@ -43,7 +43,8 @@ exports.useCommentStyles = (0, styles_1.makeStyles)(function (_theme) { return (
43
43
  fontSize: '13px',
44
44
  wordWrap: 'break-word',
45
45
  wordBreak: 'break-all',
46
- paddingRight: '10px'
46
+ paddingRight: '10px',
47
+ whiteSpace: 'pre-wrap'
47
48
  }
48
49
  }); });
49
50
  exports.useCollapsedCommentsStyles = (0, styles_1.makeStyles)(function (_theme) { return ({
@@ -90,7 +91,7 @@ exports.useWorkflowStyles = (0, styles_1.makeStyles)(function (_theme) { return
90
91
  filledInputRoot: {
91
92
  backgroundColor: 'rgba(0, 0, 0, 0.03)',
92
93
  padding: '0 6px',
93
- height: '40px',
94
+ minHeight: '40px',
94
95
  margin: '10px 17px 0 6px',
95
96
  fontSize: '14px',
96
97
  '&:hover': {
package/cjs/hooks/useRelationsLoader.js CHANGED
@@ -54,6 +54,8 @@ var useRelationsLoader = function (_a) {
54
54
  var options = (0, react_1.useMemo)(function () { return ({
55
55
  searchByOv: searchByOv
56
56
  }); }, [searchByOv]);
57
+ var modeRef = (0, react_1.useRef)(mode);
58
+ modeRef.current = mode;
57
59
  var loadRelations = (0, react_1.useCallback)(function () {
58
60
  if (entity === null || entity === void 0 ? void 0 : entity.uri) {
59
61
  var processedConfig = processContent(config.content);
@@ -96,7 +98,7 @@ var useRelationsLoader = function (_a) {
96
98
  throw Error(JSON.stringify(result));
97
99
  }
98
100
  var _a = result[0], connections = _a.connections, total = _a.total;
99
- relationsLoaded({ id: config.id, connections: connections, total: total });
101
+ relationsLoaded({ id: config.id, connections: connections, total: total, mode: modeRef.current });
100
102
  })
101
103
  .catch(function (e) {
102
104
  console.warn('Failed to load relations data', e);
package/esm/components/workflow/components/WorkflowComments/WorkflowComments.js CHANGED
@@ -8,7 +8,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
8
8
  return to.concat(ar || Array.prototype.slice.call(from));
9
9
  };
10
10
  import React, { useCallback, useState, useMemo } from 'react';
11
- import { pipe, propEq, when, both, always } from 'ramda';
11
+ import { allPass, pipe, propEq, when, always } from 'ramda';
12
12
  import Input from '@mui/material/Input';
13
13
  import InputAdornment from '@mui/material/InputAdornment';
14
14
  import SendIcon from '@mui/icons-material/Send';
@@ -55,7 +55,7 @@ export var WorkflowComments = function (_a) {
55
55
  " "),
56
56
  React.createElement("div", { className: styles.commentsContainer }, expanded || comments.length < 3 ? (React.createElement(ExpandedComments, { comments: comments })) : (React.createElement(CollapsedComments, { onClick: function () { return setExpanded(true); }, comments: comments }))),
57
57
  !readOnly && (React.createElement(Input, { endAdornment: React.createElement(InputAdornment, { position: "end" },
58
- React.createElement(SmallIconButton, { icon: SendIcon, disabled: comment.length === 0, onClick: sendComment, "data-reltio-id": "send-button" })), classes: { root: styles.filledInputRoot }, placeholder: i18n.text('Write a comment'), value: comment, onKeyPress: when(both(propEq('key', 'Enter'), always(comment.length > 0)), sendComment), onChange: onChange, disableUnderline: true })),
58
+ React.createElement(SmallIconButton, { icon: SendIcon, disabled: comment.length === 0, onClick: sendComment, "data-reltio-id": "send-button" })), classes: { root: styles.filledInputRoot }, placeholder: i18n.text('Write a comment'), value: comment, onKeyPress: when(allPass([propEq('key', 'Enter'), always(comment.length > 0), propEq('shiftKey', false)]), sendComment), onChange: onChange, disableUnderline: true, multiline: true })),
59
59
  React.createElement("div", { className: styles.modeSwitcherWrapper },
60
60
  BUTTONS_GROUP.length === 1 && (React.createElement(Button, { variant: "outlined", onClick: BUTTONS_GROUP[0].onClick, disabled: actionRequestIsInProgress }, BUTTONS_GROUP[0].label)),
61
61
  BUTTONS_GROUP.length > 1 && (React.createElement(ModeSwitcherSelect, { buttonsGroup: BUTTONS_GROUP, value: currentAction, disabled: actionRequestIsInProgress })))));
package/esm/components/workflow/components/WorkflowComments/styles.js CHANGED
@@ -40,7 +40,8 @@ export var useCommentStyles = makeStyles(function (_theme) { return ({
40
40
  fontSize: '13px',
41
41
  wordWrap: 'break-word',
42
42
  wordBreak: 'break-all',
43
- paddingRight: '10px'
43
+ paddingRight: '10px',
44
+ whiteSpace: 'pre-wrap'
44
45
  }
45
46
  }); });
46
47
  export var useCollapsedCommentsStyles = makeStyles(function (_theme) { return ({
@@ -87,7 +88,7 @@ export var useWorkflowStyles = makeStyles(function (_theme) { return ({
87
88
  filledInputRoot: {
88
89
  backgroundColor: 'rgba(0, 0, 0, 0.03)',
89
90
  padding: '0 6px',
90
- height: '40px',
91
+ minHeight: '40px',
91
92
  margin: '10px 17px 0 6px',
92
93
  fontSize: '14px',
93
94
  '&:hover': {
package/esm/hooks/useRelationsLoader.js CHANGED
@@ -51,6 +51,8 @@ export var useRelationsLoader = function (_a) {
51
51
  var options = useMemo(function () { return ({
52
52
  searchByOv: searchByOv
53
53
  }); }, [searchByOv]);
54
+ var modeRef = useRef(mode);
55
+ modeRef.current = mode;
54
56
  var loadRelations = useCallback(function () {
55
57
  if (entity === null || entity === void 0 ? void 0 : entity.uri) {
56
58
  var processedConfig = processContent(config.content);
@@ -93,7 +95,7 @@ export var useRelationsLoader = function (_a) {
93
95
  throw Error(JSON.stringify(result));
94
96
  }
95
97
  var _a = result[0], connections = _a.connections, total = _a.total;
96
- relationsLoaded({ id: config.id, connections: connections, total: total });
98
+ relationsLoaded({ id: config.id, connections: connections, total: total, mode: modeRef.current });
97
99
  })
98
100
  .catch(function (e) {
99
101
  console.warn('Failed to load relations data', e);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reltio/components",
3
- "version": "1.4.1651",
3
+ "version": "1.4.1653",
4
4
  "license": "SEE LICENSE IN LICENSE FILE",
5
5
  "main": "./cjs/index.js",
6
6
  "module": "./esm/index.js",
@@ -8,7 +8,7 @@
8
8
  "@date-io/moment": "^1.3.5",
9
9
  "@fluentui/react-context-selector": "^9.1.26",
10
10
  "@react-google-maps/api": "2.7.0",
11
- "@reltio/mdm-sdk": "^1.4.1651",
11
+ "@reltio/mdm-sdk": "^1.4.1653",
12
12
  "classnames": "^2.2.5",
13
13
  "d3-cloud": "^1.2.5",
14
14
  "d3-geo": "^2.0.1",