@reltio/components 1.4.1650 → 1.4.1652
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.
- package/cjs/components/workflow/components/WorkflowComments/WorkflowComments.js +1 -1
- package/cjs/components/workflow/components/WorkflowComments/styles.js +3 -2
- package/esm/components/workflow/components/WorkflowComments/WorkflowComments.js +2 -2
- package/esm/components/workflow/components/WorkflowComments/styles.js +3 -2
- package/package.json +2 -2
|
@@ -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.
|
|
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 })))));
|
|
@@ -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
|
-
|
|
94
|
+
minHeight: '40px',
|
|
94
95
|
margin: '10px 17px 0 6px',
|
|
95
96
|
fontSize: '14px',
|
|
96
97
|
'&:hover': {
|
|
@@ -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,
|
|
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(
|
|
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 })))));
|
|
@@ -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
|
-
|
|
91
|
+
minHeight: '40px',
|
|
91
92
|
margin: '10px 17px 0 6px',
|
|
92
93
|
fontSize: '14px',
|
|
93
94
|
'&:hover': {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reltio/components",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.1652",
|
|
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.
|
|
11
|
+
"@reltio/mdm-sdk": "^1.4.1652",
|
|
12
12
|
"classnames": "^2.2.5",
|
|
13
13
|
"d3-cloud": "^1.2.5",
|
|
14
14
|
"d3-geo": "^2.0.1",
|