@reltio/components 1.4.1715 → 1.4.1716-hf2

package/cjs/components/ReltioGridLayout/ReltioGridLayout.d.ts

@@ -17,10 +17,9 @@ type Props<ViewConfig = Record<string, unknown>> = {
         root?: string;
         item?: string;
     };
-    onResize?: (layout: ReactGridLayoutItem[], oldLayoutItem: ReactGridLayoutItem, layoutItem: ReactGridLayoutItem, placeholder: ReactGridLayoutItem) => void;
 };
 declare const _default: React.MemoExoticComponent<{
-    ({ views, layout, layoutOptions, onLayoutChanged, draggableHandle, LayoutItem, onRemove, onDrop, droppingItem, isDroppable, isStatic, classes, onResize }: Props<Record<string, unknown>>): JSX.Element;
+    ({ views, layout, layoutOptions, onLayoutChanged, draggableHandle, LayoutItem, onRemove, onDrop, droppingItem, isDroppable, isStatic, classes }: Props<Record<string, unknown>>): JSX.Element;
     displayName: string;
 }>;
 export default _default;

package/cjs/components/ReltioGridLayout/ReltioGridLayout.js

@@ -52,13 +52,13 @@ var DEFAULT_LAYOUT_OPTIONS = {
 };
 var ReltioGridLayout = function (_a) {
     var _b;
-    var views = _a.views, layout = _a.layout, _c = _a.layoutOptions, layoutOptions = _c === void 0 ? DEFAULT_LAYOUT_OPTIONS : _c, _d = _a.onLayoutChanged, onLayoutChanged = _d === void 0 ? core_1.noop : _d, draggableHandle = _a.draggableHandle, LayoutItem = _a.LayoutItem, onRemove = _a.onRemove, onDrop = _a.onDrop, droppingItem = _a.droppingItem, isDroppable = _a.isDroppable, isStatic = _a.isStatic, classes = _a.classes, _e = _a.onResize, onResize = _e === void 0 ? core_1.noop : _e;
+    var views = _a.views, layout = _a.layout, _c = _a.layoutOptions, layoutOptions = _c === void 0 ? DEFAULT_LAYOUT_OPTIONS : _c, _d = _a.onLayoutChanged, onLayoutChanged = _d === void 0 ? core_1.noop : _d, draggableHandle = _a.draggableHandle, LayoutItem = _a.LayoutItem, onRemove = _a.onRemove, onDrop = _a.onDrop, droppingItem = _a.droppingItem, isDroppable = _a.isDroppable, isStatic = _a.isStatic, classes = _a.classes;
     var ref = (0, react_1.useRef)();
     var heightsMap = (0, react_1.useRef)({});
     var styles = (0, styles_1.useStyles)();
-    var _f = (0, react_1.useState)(null), resizingItemId = _f[0], setResizingItemId = _f[1];
-    var _g = (0, react_1.useState)(null), fullscreenItemId = _g[0], setFullscreenItemId = _g[1];
-    var _h = (0, react_1.useState)(0), width = _h[0], setWidth = _h[1];
+    var _e = (0, react_1.useState)(null), resizingItemId = _e[0], setResizingItemId = _e[1];
+    var _f = (0, react_1.useState)(null), fullscreenItemId = _f[0], setFullscreenItemId = _f[1];
+    var _g = (0, react_1.useState)(0), width = _g[0], setWidth = _g[1];
     var cols = layoutOptions.cols, rowHeight = layoutOptions.rowHeight, margin = layoutOptions.margin;
     var processedLayout = (0, react_1.useMemo)(function () { return (0, helpers_1.reltioLayoutToReactGridLayout)(layout); }, [layout]);
     var onReltioLayoutChanged = (0, ramda_1.pipe)(helpers_1.reactGridLayoutToReltioLayout, (0, helpers_1.copyPropsFromPreviousLayout)(['autosizing'], layout), (0, ramda_1.ifElse)((0, ramda_1.always)(isStatic), (0, helpers_1.alignGroupedItemsHeights)(heightsMap.current), (0, helpers_1.calcLayoutItemsHeight)(heightsMap.current)), onLayoutChanged);
@@ -82,7 +82,7 @@ var ReltioGridLayout = function (_a) {
         react_1.default.createElement(react_resize_detector_1.default, { refreshMode: "debounce", refreshRate: 50, handleWidth: true, onResize: function (width) { return setWidth(width); } }),
         !!width && (react_1.default.createElement(react_grid_layout_1.default, { innerRef: ref, layout: processedLayout, cols: cols, draggableHandle: draggableHandle, autoSize: true, rowHeight: rowHeight, width: width, margin: margin, onLayoutChange: isStatic ? undefined : onReltioLayoutChanged, isResizable: !isStatic && !isFullscreenEnabled, isDraggable: !isStatic && !isFullscreenEnabled, className: (0, classnames_1.default)(classes === null || classes === void 0 ? void 0 : classes.root, styles.gridLayout, (_b = {},
                 _b[styles.gridFullscreen] = isFullscreenEnabled,
-                _b)), onDrop: handleDrop, droppingItem: droppingItem, isDroppable: !isStatic && isDroppable, onResizeStart: function (_, layoutItem) { return setResizingItemId(layoutItem.i); }, onResizeStop: function () { return setResizingItemId(null); }, onResize: onResize, "data-reltio-id": "reltio-grid-layout" }, processedLayout.map(function (layoutItem) {
+                _b)), onDrop: handleDrop, droppingItem: droppingItem, isDroppable: !isStatic && isDroppable, onResizeStart: function (_, layoutItem) { return setResizingItemId(layoutItem.i); }, onResizeStop: function () { return setResizingItemId(null); }, "data-reltio-id": "reltio-grid-layout" }, processedLayout.map(function (layoutItem) {
             var _a;
             var isItemFullscreen = fullscreenItemId === layoutItem.i;
             var isResizing = resizingItemId === layoutItem.i;

package/cjs/components/editors/TypeaheadEditor/TypeaheadEditor.js

@@ -231,7 +231,7 @@ var TypeaheadEditor = function (_a) {
     (0, hooks_1.useDidUpdateEffect)(function () {
         setPageNumber(1);
     }, [inputValue]);
-    return (react_1.default.createElement(react_autosuggest_1.default, { key: multiple, suggestions: displayedSuggestions, shouldRenderSuggestions: ramda_1.T, getSuggestionValue: ramda_1.identity, onSuggestionsFetchRequested: handleSuggestionsFetchRequested, onSuggestionsClearRequested: handleSuggestionsClearRequested, onSuggestionHighlighted: handleSuggestionHighlighted, theme: {
+    return (react_1.default.createElement(react_autosuggest_1.default, { suggestions: displayedSuggestions, shouldRenderSuggestions: ramda_1.T, getSuggestionValue: ramda_1.identity, onSuggestionsFetchRequested: handleSuggestionsFetchRequested, onSuggestionsClearRequested: handleSuggestionsClearRequested, onSuggestionHighlighted: handleSuggestionHighlighted, theme: {
             container: fullWidth ? styles.suggestionsContainer : '',
             suggestionsList: styles.suggestionsList,
             suggestionsContainerOpen: styles.suggestionsContainerOpen

package/cjs/components/workflow/components/TaskActionButtons/TaskActionButtons.js

@@ -17,7 +17,7 @@ var TaskActionButtons = function (_a) {
         assignee: assignee,
         isOpen: isOpen
     }), actions = _b.actions, disabled = _b.actionRequestIsInProgress;
-    var _c = (0, ramda_1.partition)((0, ramda_1.propEq)('text', preferredAction === null || preferredAction === void 0 ? void 0 : preferredAction.label), actions), preferredActions = _c[0], otherActions = _c[1];
+    var _c = (0, ramda_1.partition)((0, ramda_1.propEq)('text', preferredAction.label), actions), preferredActions = _c[0], otherActions = _c[1];
     return (react_1.default.createElement(react_1.default.Fragment, null,
         otherActions.map(function (action) { return (react_1.default.createElement(Button_1.default, { variant: "outlined", onClick: action.onClick, key: action.text, disabled: disabled }, action.text)); }),
         preferredActions.map(function (action) { return (react_1.default.createElement(Button_1.default, { variant: "contained", color: "primary", onClick: action.onClick, key: action.text, disabled: disabled }, action.text)); })));

package/cjs/components/workflow/components/WorkflowComments/CollapsedComments.d.ts

@@ -1,8 +1,16 @@
-import React from 'react';
-import { WorkflowComment } from '@reltio/mdm-sdk';
-type Props = {
-    comments: WorkflowComment[];
-    onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
-};
-export declare const CollapsedComments: ({ comments, onClick }: Props) => JSX.Element;
-export {};
+export function CollapsedComments({ comments, onClick }: {
+    comments: any;
+    onClick: any;
+}): JSX.Element;
+export namespace CollapsedComments {
+    namespace propTypes {
+        const comments: PropTypes.Requireable<PropTypes.InferProps<{
+            author: PropTypes.Requireable<string>;
+            id: PropTypes.Requireable<string>;
+            message: PropTypes.Requireable<string>;
+            time: PropTypes.Requireable<number>;
+        }>[]>;
+        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from 'prop-types';

package/cjs/components/workflow/components/WorkflowComments/CollapsedComments.js

@@ -16,6 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CollapsedComments = void 0;
 var react_1 = __importDefault(require("react"));
+var prop_types_1 = __importDefault(require("prop-types"));
 var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
 var Comment_1 = require("./Comment");
 var styles_1 = require("./styles");
@@ -29,3 +30,12 @@ var CollapsedComments = function (_a) {
         react_1.default.createElement(Comment_1.Comment, __assign({}, comments[comments.length - 1]))));
 };
 exports.CollapsedComments = CollapsedComments;
+exports.CollapsedComments.propTypes = {
+    comments: prop_types_1.default.arrayOf(prop_types_1.default.shape({
+        author: prop_types_1.default.string,
+        id: prop_types_1.default.string,
+        message: prop_types_1.default.string,
+        time: prop_types_1.default.number
+    })),
+    onClick: prop_types_1.default.func
+};

package/cjs/components/workflow/components/WorkflowComments/Comment.d.ts

@@ -1,9 +1,20 @@
-/// <reference types="react" />
-import { WorkflowComment } from '@reltio/mdm-sdk';
-type Props = Pick<WorkflowComment, 'author' | 'message' | 'time'> & {
-    classes?: {
-        messageContainer?: string;
-    };
-};
-export declare const Comment: ({ author, message, time, classes }: Props) => JSX.Element;
-export {};
+export function Comment({ author, classes, message, time }: {
+    author: any;
+    classes: any;
+    message: any;
+    time: any;
+}): JSX.Element;
+export namespace Comment {
+    namespace defaultProps {
+        const classes: {};
+    }
+    namespace propTypes {
+        const classes_1: PropTypes.Requireable<object>;
+        export { classes_1 as classes };
+        export const author: PropTypes.Requireable<string>;
+        export const id: PropTypes.Requireable<string>;
+        export const message: PropTypes.Requireable<string>;
+        export const time: PropTypes.Requireable<number>;
+    }
+}
+import PropTypes from 'prop-types';

package/cjs/components/workflow/components/WorkflowComments/Comment.js

@@ -5,13 +5,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Comment = void 0;
 var react_1 = __importDefault(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var classnames_1 = __importDefault(require("classnames"));
+var prop_types_1 = __importDefault(require("prop-types"));
 var Avatar_1 = __importDefault(require("@mui/material/Avatar"));
 var Person_1 = __importDefault(require("@mui/icons-material/Person"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var classnames_1 = __importDefault(require("classnames"));
 var styles_1 = require("./styles");
 var Comment = function (_a) {
-    var author = _a.author, message = _a.message, time = _a.time, _b = _a.classes, classes = _b === void 0 ? {} : _b;
+    var author = _a.author, classes = _a.classes, message = _a.message, time = _a.time;
     var styles = (0, styles_1.useCommentStyles)();
     return (react_1.default.createElement("div", { className: styles.comment },
         react_1.default.createElement(Avatar_1.default, { className: styles.avatar },
@@ -23,3 +24,13 @@ var Comment = function (_a) {
             react_1.default.createElement("div", { className: styles.text }, message))));
 };
 exports.Comment = Comment;
+exports.Comment.defaultProps = {
+    classes: {}
+};
+exports.Comment.propTypes = {
+    classes: prop_types_1.default.object,
+    author: prop_types_1.default.string,
+    id: prop_types_1.default.string,
+    message: prop_types_1.default.string,
+    time: prop_types_1.default.number
+};

package/cjs/components/workflow/components/WorkflowComments/ExpandedComments.d.ts

@@ -1,7 +1,14 @@
-/// <reference types="react" />
-import { WorkflowComment } from '@reltio/mdm-sdk';
-type Props = {
-    comments: WorkflowComment[];
-};
-export declare const ExpandedComments: ({ comments }: Props) => JSX.Element;
-export {};
+export function ExpandedComments({ comments }: {
+    comments: any;
+}): any;
+export namespace ExpandedComments {
+    namespace propTypes {
+        const comments: PropTypes.Requireable<PropTypes.InferProps<{
+            author: PropTypes.Requireable<string>;
+            id: PropTypes.Requireable<string>;
+            message: PropTypes.Requireable<string>;
+            time: PropTypes.Requireable<number>;
+        }>[]>;
+    }
+}
+import PropTypes from 'prop-types';

package/cjs/components/workflow/components/WorkflowComments/ExpandedComments.js

@@ -5,14 +5,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExpandedComments = void 0;
 var react_1 = __importDefault(require("react"));
+var prop_types_1 = __importDefault(require("prop-types"));
 var Comment_1 = require("./Comment");
 var styles_1 = require("./styles");
 var ExpandedComments = function (_a) {
     var comments = _a.comments;
     var styles = (0, styles_1.useExpandedComments)();
-    return (react_1.default.createElement(react_1.default.Fragment, null, comments.map(function (_a) {
+    return comments.map(function (_a) {
         var author = _a.author, id = _a.id, message = _a.message, time = _a.time;
         return (react_1.default.createElement(Comment_1.Comment, { classes: { messageContainer: styles.messageContainer }, key: id, author: author, message: message, time: time }));
-    })));
+    });
 };
 exports.ExpandedComments = ExpandedComments;
+exports.ExpandedComments.propTypes = {
+    comments: prop_types_1.default.arrayOf(prop_types_1.default.shape({
+        author: prop_types_1.default.string,
+        id: prop_types_1.default.string,
+        message: prop_types_1.default.string,
+        time: prop_types_1.default.number
+    }))
+};

package/cjs/components/workflow/components/WorkflowComments/WorkflowComments.d.ts

@@ -7,7 +7,7 @@ type Props = {
     processInstanceComments: WorkflowComment[];
     taskId: string;
     isTaskOpen: boolean;
-    preferredAction?: WorkflowAction;
+    preferredAction: WorkflowAction;
 };
 export declare const WorkflowComments: ({ workflowActions: actions, actionRequestIsInProgress, processInstanceComments, taskId, isTaskOpen, preferredAction }: Props) => JSX.Element;
 export {};

package/cjs/components/workflow/components/WorkflowComments/WorkflowComments.js

@@ -22,12 +22,22 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WorkflowComments = void 0;
 var react_1 = __importStar(require("react"));
+var ramda_1 = require("ramda");
 var Input_1 = __importDefault(require("@mui/material/Input"));
 var InputAdornment_1 = __importDefault(require("@mui/material/InputAdornment"));
 var Send_1 = __importDefault(require("@mui/icons-material/Send"));
@@ -39,12 +49,13 @@ var styles_1 = require("./styles");
 var useWorkflowComments_1 = require("../../hooks/useWorkflowComments");
 var SmallIconButton_1 = require("../../../SmallIconButton");
 var ModeSwitcherSelect_1 = require("../../../ModeSwitcherSelect/ModeSwitcherSelect");
+var getValue = function (e) { return e.target.value; };
 var WorkflowComments = function (_a) {
     var actions = _a.workflowActions, actionRequestIsInProgress = _a.actionRequestIsInProgress, processInstanceComments = _a.processInstanceComments, taskId = _a.taskId, isTaskOpen = _a.isTaskOpen, preferredAction = _a.preferredAction;
     var styles = (0, styles_1.useWorkflowStyles)();
     var _b = (0, react_1.useState)(false), expanded = _b[0], setExpanded = _b[1];
     var _c = (0, react_1.useState)(''), comment = _c[0], setComment = _c[1];
-    var _d = (0, react_1.useState)(function () { var _a; return (preferredAction === null || preferredAction === void 0 ? void 0 : preferredAction.label) || ((_a = actions[0]) === null || _a === void 0 ? void 0 : _a.text); }), currentAction = _d[0], setCurrentAction = _d[1];
+    var _d = (0, react_1.useState)(preferredAction.label), currentAction = _d[0], setCurrentAction = _d[1];
     var _e = (0, useWorkflowComments_1.useWorkflowComments)({
         processInstanceComments: processInstanceComments,
         taskId: taskId,
@@ -54,10 +65,8 @@ var WorkflowComments = function (_a) {
         writeComment(comment);
         setComment('');
     }, [comment, writeComment]);
-    var handleChange = (0, react_1.useCallback)(function (event) {
-        setComment(event.target.value);
-    }, []);
-    var handleKeyPress = (0, react_1.useCallback)(function (e) {
+    var onChange = (0, ramda_1.pipe)(getValue, setComment);
+    var onKeyPressHandler = function (e) {
         if (e.key === 'Enter') {
             if (comment.length > 0 && !e.shiftKey) {
                 e.preventDefault();
@@ -68,20 +77,18 @@ var WorkflowComments = function (_a) {
             }
             e.preventDefault();
         }
-    }, [comment, sendComment]);
-    var buttonsGroup = (0, react_1.useMemo)(function () {
-        return actions.map(function (_a) {
-            var text = _a.text, onClick = _a.onClick;
-            return ({
-                label: text,
-                onClick: function () {
-                    setCurrentAction(text);
-                    onClick(comment);
-                },
-                value: text
-            });
+    };
+    var BUTTONS_GROUP = (0, react_1.useMemo)(function () { return __spreadArray([], actions.map(function (_a) {
+        var text = _a.text, onClick = _a.onClick;
+        return ({
+            label: text,
+            onClick: function () {
+                setCurrentAction(text);
+                onClick(comment);
+            },
+            value: text
         });
-    }, [actions, comment]);
+    }), true); }, [actions, comment]);
     return (react_1.default.createElement("div", { className: styles.container },
         react_1.default.createElement("div", { className: styles.title },
             " ",
@@ -89,9 +96,9 @@ var WorkflowComments = function (_a) {
             " "),
         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 }))),
         !readOnly && (react_1.default.createElement(Input_1.default, { endAdornment: react_1.default.createElement(InputAdornment_1.default, { position: "end", className: styles.sendButton },
-                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: handleKeyPress, onChange: handleChange, disableUnderline: true, multiline: true })),
+                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: onKeyPressHandler, onChange: onChange, disableUnderline: true, multiline: true })),
         react_1.default.createElement("div", { className: styles.modeSwitcherWrapper },
-            buttonsGroup.length === 1 && (react_1.default.createElement(Button_1.default, { variant: "outlined", onClick: buttonsGroup[0].onClick, disabled: actionRequestIsInProgress }, buttonsGroup[0].label)),
-            buttonsGroup.length > 1 && (react_1.default.createElement(ModeSwitcherSelect_1.ModeSwitcherSelect, { buttonsGroup: buttonsGroup, value: currentAction, disabled: actionRequestIsInProgress })))));
+            BUTTONS_GROUP.length === 1 && (react_1.default.createElement(Button_1.default, { variant: "outlined", onClick: BUTTONS_GROUP[0].onClick, disabled: actionRequestIsInProgress }, BUTTONS_GROUP[0].label)),
+            BUTTONS_GROUP.length > 1 && (react_1.default.createElement(ModeSwitcherSelect_1.ModeSwitcherSelect, { buttonsGroup: BUTTONS_GROUP, value: currentAction, disabled: actionRequestIsInProgress })))));
 };
 exports.WorkflowComments = WorkflowComments;

package/cjs/components/workflow/components/WorkflowComments/index.d.ts

@@ -1 +1 @@
-export { WorkflowComments as default } from './WorkflowComments';
+export { WorkflowComments as default } from "./WorkflowComments";

package/esm/components/ReltioGridLayout/ReltioGridLayout.d.ts

@@ -17,10 +17,9 @@ type Props<ViewConfig = Record<string, unknown>> = {
         root?: string;
         item?: string;
     };
-    onResize?: (layout: ReactGridLayoutItem[], oldLayoutItem: ReactGridLayoutItem, layoutItem: ReactGridLayoutItem, placeholder: ReactGridLayoutItem) => void;
 };
 declare const _default: React.MemoExoticComponent<{
-    ({ views, layout, layoutOptions, onLayoutChanged, draggableHandle, LayoutItem, onRemove, onDrop, droppingItem, isDroppable, isStatic, classes, onResize }: Props<Record<string, unknown>>): JSX.Element;
+    ({ views, layout, layoutOptions, onLayoutChanged, draggableHandle, LayoutItem, onRemove, onDrop, droppingItem, isDroppable, isStatic, classes }: Props<Record<string, unknown>>): JSX.Element;
     displayName: string;
 }>;
 export default _default;

package/esm/components/ReltioGridLayout/ReltioGridLayout.js

@@ -24,13 +24,13 @@ var DEFAULT_LAYOUT_OPTIONS = {
 };
 var ReltioGridLayout = function (_a) {
     var _b;
-    var views = _a.views, layout = _a.layout, _c = _a.layoutOptions, layoutOptions = _c === void 0 ? DEFAULT_LAYOUT_OPTIONS : _c, _d = _a.onLayoutChanged, onLayoutChanged = _d === void 0 ? noop : _d, draggableHandle = _a.draggableHandle, LayoutItem = _a.LayoutItem, onRemove = _a.onRemove, onDrop = _a.onDrop, droppingItem = _a.droppingItem, isDroppable = _a.isDroppable, isStatic = _a.isStatic, classes = _a.classes, _e = _a.onResize, onResize = _e === void 0 ? noop : _e;
+    var views = _a.views, layout = _a.layout, _c = _a.layoutOptions, layoutOptions = _c === void 0 ? DEFAULT_LAYOUT_OPTIONS : _c, _d = _a.onLayoutChanged, onLayoutChanged = _d === void 0 ? noop : _d, draggableHandle = _a.draggableHandle, LayoutItem = _a.LayoutItem, onRemove = _a.onRemove, onDrop = _a.onDrop, droppingItem = _a.droppingItem, isDroppable = _a.isDroppable, isStatic = _a.isStatic, classes = _a.classes;
     var ref = useRef();
     var heightsMap = useRef({});
     var styles = useStyles();
-    var _f = useState(null), resizingItemId = _f[0], setResizingItemId = _f[1];
-    var _g = useState(null), fullscreenItemId = _g[0], setFullscreenItemId = _g[1];
-    var _h = useState(0), width = _h[0], setWidth = _h[1];
+    var _e = useState(null), resizingItemId = _e[0], setResizingItemId = _e[1];
+    var _f = useState(null), fullscreenItemId = _f[0], setFullscreenItemId = _f[1];
+    var _g = useState(0), width = _g[0], setWidth = _g[1];
     var cols = layoutOptions.cols, rowHeight = layoutOptions.rowHeight, margin = layoutOptions.margin;
     var processedLayout = useMemo(function () { return reltioLayoutToReactGridLayout(layout); }, [layout]);
     var onReltioLayoutChanged = pipe(reactGridLayoutToReltioLayout, copyPropsFromPreviousLayout(['autosizing'], layout), ifElse(always(isStatic), alignGroupedItemsHeights(heightsMap.current), calcLayoutItemsHeight(heightsMap.current)), onLayoutChanged);
@@ -54,7 +54,7 @@ var ReltioGridLayout = function (_a) {
         React.createElement(ReactResizeDetector, { refreshMode: "debounce", refreshRate: 50, handleWidth: true, onResize: function (width) { return setWidth(width); } }),
         !!width && (React.createElement(GridLayout, { innerRef: ref, layout: processedLayout, cols: cols, draggableHandle: draggableHandle, autoSize: true, rowHeight: rowHeight, width: width, margin: margin, onLayoutChange: isStatic ? undefined : onReltioLayoutChanged, isResizable: !isStatic && !isFullscreenEnabled, isDraggable: !isStatic && !isFullscreenEnabled, className: classnames(classes === null || classes === void 0 ? void 0 : classes.root, styles.gridLayout, (_b = {},
                 _b[styles.gridFullscreen] = isFullscreenEnabled,
-                _b)), onDrop: handleDrop, droppingItem: droppingItem, isDroppable: !isStatic && isDroppable, onResizeStart: function (_, layoutItem) { return setResizingItemId(layoutItem.i); }, onResizeStop: function () { return setResizingItemId(null); }, onResize: onResize, "data-reltio-id": "reltio-grid-layout" }, processedLayout.map(function (layoutItem) {
+                _b)), onDrop: handleDrop, droppingItem: droppingItem, isDroppable: !isStatic && isDroppable, onResizeStart: function (_, layoutItem) { return setResizingItemId(layoutItem.i); }, onResizeStop: function () { return setResizingItemId(null); }, "data-reltio-id": "reltio-grid-layout" }, processedLayout.map(function (layoutItem) {
             var _a;
             var isItemFullscreen = fullscreenItemId === layoutItem.i;
             var isResizing = resizingItemId === layoutItem.i;

package/esm/components/editors/TypeaheadEditor/TypeaheadEditor.js

@@ -203,7 +203,7 @@ var TypeaheadEditor = function (_a) {
     useDidUpdateEffect(function () {
         setPageNumber(1);
     }, [inputValue]);
-    return (React.createElement(Autosuggest, { key: multiple, suggestions: displayedSuggestions, shouldRenderSuggestions: T, getSuggestionValue: identity, onSuggestionsFetchRequested: handleSuggestionsFetchRequested, onSuggestionsClearRequested: handleSuggestionsClearRequested, onSuggestionHighlighted: handleSuggestionHighlighted, theme: {
+    return (React.createElement(Autosuggest, { suggestions: displayedSuggestions, shouldRenderSuggestions: T, getSuggestionValue: identity, onSuggestionsFetchRequested: handleSuggestionsFetchRequested, onSuggestionsClearRequested: handleSuggestionsClearRequested, onSuggestionHighlighted: handleSuggestionHighlighted, theme: {
             container: fullWidth ? styles.suggestionsContainer : '',
             suggestionsList: styles.suggestionsList,
             suggestionsContainerOpen: styles.suggestionsContainerOpen

package/esm/components/workflow/components/TaskActionButtons/TaskActionButtons.js

@@ -11,7 +11,7 @@ export var TaskActionButtons = function (_a) {
         assignee: assignee,
         isOpen: isOpen
     }), actions = _b.actions, disabled = _b.actionRequestIsInProgress;
-    var _c = partition(propEq('text', preferredAction === null || preferredAction === void 0 ? void 0 : preferredAction.label), actions), preferredActions = _c[0], otherActions = _c[1];
+    var _c = partition(propEq('text', preferredAction.label), actions), preferredActions = _c[0], otherActions = _c[1];
     return (React.createElement(React.Fragment, null,
         otherActions.map(function (action) { return (React.createElement(Button, { variant: "outlined", onClick: action.onClick, key: action.text, disabled: disabled }, action.text)); }),
         preferredActions.map(function (action) { return (React.createElement(Button, { variant: "contained", color: "primary", onClick: action.onClick, key: action.text, disabled: disabled }, action.text)); })));

package/esm/components/workflow/components/WorkflowComments/CollapsedComments.d.ts

@@ -1,8 +1,16 @@
-import React from 'react';
-import { WorkflowComment } from '@reltio/mdm-sdk';
-type Props = {
-    comments: WorkflowComment[];
-    onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
-};
-export declare const CollapsedComments: ({ comments, onClick }: Props) => JSX.Element;
-export {};
+export function CollapsedComments({ comments, onClick }: {
+    comments: any;
+    onClick: any;
+}): JSX.Element;
+export namespace CollapsedComments {
+    namespace propTypes {
+        const comments: PropTypes.Requireable<PropTypes.InferProps<{
+            author: PropTypes.Requireable<string>;
+            id: PropTypes.Requireable<string>;
+            message: PropTypes.Requireable<string>;
+            time: PropTypes.Requireable<number>;
+        }>[]>;
+        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from 'prop-types';

package/esm/components/workflow/components/WorkflowComments/CollapsedComments.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from 'react';
+import PropTypes from 'prop-types';
 import IconButton from '@mui/material/IconButton';
 import { Comment } from './Comment';
 import { useCollapsedCommentsStyles } from './styles';
@@ -22,3 +23,12 @@ export var CollapsedComments = function (_a) {
             React.createElement(IconButton, { className: styles.circleButton, onClick: onClick, size: "large" }, comments.length - 2)),
         React.createElement(Comment, __assign({}, comments[comments.length - 1]))));
 };
+CollapsedComments.propTypes = {
+    comments: PropTypes.arrayOf(PropTypes.shape({
+        author: PropTypes.string,
+        id: PropTypes.string,
+        message: PropTypes.string,
+        time: PropTypes.number
+    })),
+    onClick: PropTypes.func
+};

package/esm/components/workflow/components/WorkflowComments/Comment.d.ts

@@ -1,9 +1,20 @@
-/// <reference types="react" />
-import { WorkflowComment } from '@reltio/mdm-sdk';
-type Props = Pick<WorkflowComment, 'author' | 'message' | 'time'> & {
-    classes?: {
-        messageContainer?: string;
-    };
-};
-export declare const Comment: ({ author, message, time, classes }: Props) => JSX.Element;
-export {};
+export function Comment({ author, classes, message, time }: {
+    author: any;
+    classes: any;
+    message: any;
+    time: any;
+}): JSX.Element;
+export namespace Comment {
+    namespace defaultProps {
+        const classes: {};
+    }
+    namespace propTypes {
+        const classes_1: PropTypes.Requireable<object>;
+        export { classes_1 as classes };
+        export const author: PropTypes.Requireable<string>;
+        export const id: PropTypes.Requireable<string>;
+        export const message: PropTypes.Requireable<string>;
+        export const time: PropTypes.Requireable<number>;
+    }
+}
+import PropTypes from 'prop-types';

package/esm/components/workflow/components/WorkflowComments/Comment.js

@@ -1,11 +1,12 @@
 import React from 'react';
-import i18n from 'ui-i18n';
-import classnames from 'classnames';
+import PropTypes from 'prop-types';
 import Avatar from '@mui/material/Avatar';
 import Person from '@mui/icons-material/Person';
+import i18n from 'ui-i18n';
+import classnames from 'classnames';
 import { useCommentStyles } from './styles';
 export var Comment = function (_a) {
-    var author = _a.author, message = _a.message, time = _a.time, _b = _a.classes, classes = _b === void 0 ? {} : _b;
+    var author = _a.author, classes = _a.classes, message = _a.message, time = _a.time;
     var styles = useCommentStyles();
     return (React.createElement("div", { className: styles.comment },
         React.createElement(Avatar, { className: styles.avatar },
@@ -16,3 +17,13 @@ export var Comment = function (_a) {
                 React.createElement("span", { className: styles.date }, i18n.date(time, 'L LT'))),
             React.createElement("div", { className: styles.text }, message))));
 };
+Comment.defaultProps = {
+    classes: {}
+};
+Comment.propTypes = {
+    classes: PropTypes.object,
+    author: PropTypes.string,
+    id: PropTypes.string,
+    message: PropTypes.string,
+    time: PropTypes.number
+};

package/esm/components/workflow/components/WorkflowComments/ExpandedComments.d.ts

@@ -1,7 +1,14 @@
-/// <reference types="react" />
-import { WorkflowComment } from '@reltio/mdm-sdk';
-type Props = {
-    comments: WorkflowComment[];
-};
-export declare const ExpandedComments: ({ comments }: Props) => JSX.Element;
-export {};
+export function ExpandedComments({ comments }: {
+    comments: any;
+}): any;
+export namespace ExpandedComments {
+    namespace propTypes {
+        const comments: PropTypes.Requireable<PropTypes.InferProps<{
+            author: PropTypes.Requireable<string>;
+            id: PropTypes.Requireable<string>;
+            message: PropTypes.Requireable<string>;
+            time: PropTypes.Requireable<number>;
+        }>[]>;
+    }
+}
+import PropTypes from 'prop-types';

package/esm/components/workflow/components/WorkflowComments/ExpandedComments.js

@@ -1,11 +1,20 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import { Comment } from './Comment';
 import { useExpandedComments } from './styles';
 export var ExpandedComments = function (_a) {
     var comments = _a.comments;
     var styles = useExpandedComments();
-    return (React.createElement(React.Fragment, null, comments.map(function (_a) {
+    return comments.map(function (_a) {
         var author = _a.author, id = _a.id, message = _a.message, time = _a.time;
         return (React.createElement(Comment, { classes: { messageContainer: styles.messageContainer }, key: id, author: author, message: message, time: time }));
-    })));
+    });
+};
+ExpandedComments.propTypes = {
+    comments: PropTypes.arrayOf(PropTypes.shape({
+        author: PropTypes.string,
+        id: PropTypes.string,
+        message: PropTypes.string,
+        time: PropTypes.number
+    }))
 };

package/esm/components/workflow/components/WorkflowComments/WorkflowComments.d.ts

@@ -7,7 +7,7 @@ type Props = {
     processInstanceComments: WorkflowComment[];
     taskId: string;
     isTaskOpen: boolean;
-    preferredAction?: WorkflowAction;
+    preferredAction: WorkflowAction;
 };
 export declare const WorkflowComments: ({ workflowActions: actions, actionRequestIsInProgress, processInstanceComments, taskId, isTaskOpen, preferredAction }: Props) => JSX.Element;
 export {};

package/esm/components/workflow/components/WorkflowComments/WorkflowComments.js

@@ -1,4 +1,14 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import React, { useCallback, useState, useMemo } from 'react';
+import { pipe } from 'ramda';
 import Input from '@mui/material/Input';
 import InputAdornment from '@mui/material/InputAdornment';
 import SendIcon from '@mui/icons-material/Send';
@@ -10,12 +20,13 @@ import { useWorkflowStyles } from './styles';
 import { useWorkflowComments } from '../../hooks/useWorkflowComments';
 import { SmallIconButton } from '../../../SmallIconButton';
 import { ModeSwitcherSelect } from '../../../ModeSwitcherSelect/ModeSwitcherSelect';
+var getValue = function (e) { return e.target.value; };
 export var WorkflowComments = function (_a) {
     var actions = _a.workflowActions, actionRequestIsInProgress = _a.actionRequestIsInProgress, processInstanceComments = _a.processInstanceComments, taskId = _a.taskId, isTaskOpen = _a.isTaskOpen, preferredAction = _a.preferredAction;
     var styles = useWorkflowStyles();
     var _b = useState(false), expanded = _b[0], setExpanded = _b[1];
     var _c = useState(''), comment = _c[0], setComment = _c[1];
-    var _d = useState(function () { var _a; return (preferredAction === null || preferredAction === void 0 ? void 0 : preferredAction.label) || ((_a = actions[0]) === null || _a === void 0 ? void 0 : _a.text); }), currentAction = _d[0], setCurrentAction = _d[1];
+    var _d = useState(preferredAction.label), currentAction = _d[0], setCurrentAction = _d[1];
     var _e = useWorkflowComments({
         processInstanceComments: processInstanceComments,
         taskId: taskId,
@@ -25,10 +36,8 @@ export var WorkflowComments = function (_a) {
         writeComment(comment);
         setComment('');
     }, [comment, writeComment]);
-    var handleChange = useCallback(function (event) {
-        setComment(event.target.value);
-    }, []);
-    var handleKeyPress = useCallback(function (e) {
+    var onChange = pipe(getValue, setComment);
+    var onKeyPressHandler = function (e) {
         if (e.key === 'Enter') {
             if (comment.length > 0 && !e.shiftKey) {
                 e.preventDefault();
@@ -39,20 +48,18 @@ export var WorkflowComments = function (_a) {
             }
             e.preventDefault();
         }
-    }, [comment, sendComment]);
-    var buttonsGroup = useMemo(function () {
-        return actions.map(function (_a) {
-            var text = _a.text, onClick = _a.onClick;
-            return ({
-                label: text,
-                onClick: function () {
-                    setCurrentAction(text);
-                    onClick(comment);
-                },
-                value: text
-            });
+    };
+    var BUTTONS_GROUP = useMemo(function () { return __spreadArray([], actions.map(function (_a) {
+        var text = _a.text, onClick = _a.onClick;
+        return ({
+            label: text,
+            onClick: function () {
+                setCurrentAction(text);
+                onClick(comment);
+            },
+            value: text
         });
-    }, [actions, comment]);
+    }), true); }, [actions, comment]);
     return (React.createElement("div", { className: styles.container },
         React.createElement("div", { className: styles.title },
             " ",
@@ -60,8 +67,8 @@ export var WorkflowComments = function (_a) {
             " "),
         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 }))),
         !readOnly && (React.createElement(Input, { endAdornment: React.createElement(InputAdornment, { position: "end", className: styles.sendButton },
-                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: handleKeyPress, onChange: handleChange, disableUnderline: true, multiline: true })),
+                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: onKeyPressHandler, onChange: onChange, disableUnderline: true, multiline: true })),
         React.createElement("div", { className: styles.modeSwitcherWrapper },
-            buttonsGroup.length === 1 && (React.createElement(Button, { variant: "outlined", onClick: buttonsGroup[0].onClick, disabled: actionRequestIsInProgress }, buttonsGroup[0].label)),
-            buttonsGroup.length > 1 && (React.createElement(ModeSwitcherSelect, { buttonsGroup: buttonsGroup, value: currentAction, disabled: actionRequestIsInProgress })))));
+            BUTTONS_GROUP.length === 1 && (React.createElement(Button, { variant: "outlined", onClick: BUTTONS_GROUP[0].onClick, disabled: actionRequestIsInProgress }, BUTTONS_GROUP[0].label)),
+            BUTTONS_GROUP.length > 1 && (React.createElement(ModeSwitcherSelect, { buttonsGroup: BUTTONS_GROUP, value: currentAction, disabled: actionRequestIsInProgress })))));
 };

package/esm/components/workflow/components/WorkflowComments/index.d.ts

@@ -1 +1 @@
-export { WorkflowComments as default } from './WorkflowComments';
+export { WorkflowComments as default } from "./WorkflowComments";

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1715",
+  "version": "1.4.1716-hf2",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-sdk": "^1.4.1709",
+    "@reltio/mdm-sdk": "^1.4.1716-hf2",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",