@reltio/components 1.4.1586-mui5-2 → 1.4.1587

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { partition, propEq } from 'ramda';
-import Button from '@mui/material/Button';
+import Button from '@material-ui/core/Button';
 import { useWorkflowActions } from '../../hooks/useWorkflowActions';
 export var TaskActionButtons = function (_a) {
     var task = _a.task;

package/esm/components/workflow/components/TaskActions/TaskActions.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import MoreVertIcon from '@mui/icons-material/MoreVert';
+import MoreVertIcon from '@material-ui/icons/MoreVert';
 import DropDownMenuButton from '../../../DropDownMenuButton/DropDownMenuButton';
 import SmallIconButton from '../../../SmallIconButton/SmallIconButton';
 var TaskActions = function (_a) {

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

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import React from 'react';
 import PropTypes from 'prop-types';
-import IconButton from '@mui/material/IconButton';
+import IconButton from '@material-ui/core/IconButton';
 import { Comment } from './Comment';
 import { useCollapsedCommentsStyles } from './styles';
 export var CollapsedComments = function (_a) {
@@ -20,7 +20,7 @@ export var CollapsedComments = function (_a) {
     return (React.createElement(React.Fragment, null,
         React.createElement(Comment, __assign({}, comments[0])),
         React.createElement("div", { className: styles.delimiter },
-            React.createElement(IconButton, { className: styles.circleButton, onClick: onClick, size: "large" }, comments.length - 2)),
+            React.createElement(IconButton, { className: styles.circleButton, onClick: onClick }, comments.length - 2)),
         React.createElement(Comment, __assign({}, comments[comments.length - 1]))));
 };
 CollapsedComments.propTypes = {

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import Avatar from '@mui/material/Avatar';
-import Person from '@mui/icons-material/Person';
+import Avatar from '@material-ui/core/Avatar';
+import Person from '@material-ui/icons/Person';
 import i18n from 'ui-i18n';
 import classnames from 'classnames';
 import { useCommentStyles } from './styles';

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

@@ -9,11 +9,11 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import React, { useCallback, useState, useMemo } from 'react';
 import { pipe, propEq, when, both, always } from 'ramda';
-import Input from '@mui/material/Input';
-import InputAdornment from '@mui/material/InputAdornment';
-import SendIcon from '@mui/icons-material/Send';
+import Input from '@material-ui/core/Input';
+import InputAdornment from '@material-ui/core/InputAdornment';
+import SendIcon from '@material-ui/icons/Send';
 import i18n from 'ui-i18n';
-import Button from '@mui/material/Button';
+import Button from '@material-ui/core/Button';
 import { CollapsedComments } from './CollapsedComments';
 import { ExpandedComments } from './ExpandedComments';
 import { useWorkflowStyles } from './styles';

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

@@ -1,4 +1,4 @@
-export declare const useCommentStyles: (props?: any) => import("@mui/styles").ClassNameMap<"text" | "icon" | "date" | "comment" | "info" | "avatar" | "firstLine" | "author">;
-export declare const useCollapsedCommentsStyles: (props?: any) => import("@mui/styles").ClassNameMap<"circleButton" | "delimiter">;
-export declare const useWorkflowStyles: (props?: any) => import("@mui/styles").ClassNameMap<"container" | "title" | "commentsContainer" | "filledInputRoot" | "modeSwitcherWrapper">;
-export declare const useExpandedComments: (props?: any) => import("@mui/styles").ClassNameMap<"messageContainer">;
+export declare const useCommentStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"text" | "icon" | "date" | "comment" | "info" | "avatar" | "firstLine" | "author">;
+export declare const useCollapsedCommentsStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"circleButton" | "delimiter">;
+export declare const useWorkflowStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "container" | "commentsContainer" | "filledInputRoot" | "modeSwitcherWrapper">;
+export declare const useExpandedComments: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"messageContainer">;

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

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useCommentStyles = makeStyles(function (_theme) { return ({
     comment: {
         display: 'flex',

package/esm/contexts/CrosswalksDisplayContext/index.js

@@ -32,8 +32,14 @@ export var useCrosswalkHighlight = function (crosswalk) {
     return {
         isHighlighted: isHighlighted,
         isDimmed: highlightedCrosswalks.length > 0 && !isHighlighted,
-        highlightCrosswalk: useCallback(function () { return setCrosswalkHighlighted(crosswalk, true); }, [crosswalk, setCrosswalkHighlighted]),
-        removeHighlight: useCallback(function () { return setCrosswalkHighlighted(crosswalk, false); }, [crosswalk, setCrosswalkHighlighted])
+        highlightCrosswalk: useCallback(function () { return setCrosswalkHighlighted(crosswalk, true); }, [
+            crosswalk,
+            setCrosswalkHighlighted
+        ]),
+        removeHighlight: useCallback(function () { return setCrosswalkHighlighted(crosswalk, false); }, [
+            crosswalk,
+            setCrosswalkHighlighted
+        ])
     };
 };
 export var useCrosswalkFocus = function (crosswalk) {

package/esm/hooks/useEditableConnection.js

@@ -17,7 +17,10 @@ import mdmModule from '@reltio/mdm-module';
 export var useEditableConnection = function (_a) {
     var connection = _a.connection, onConnectionChange = _a.onConnectionChange, relatedEntity = _a.relatedEntity;
     var metadata = useSelector(mdmModule.selectors.getMetadata);
-    var onRelationChange = useCallback(function (relation) { return onConnectionChange(__assign(__assign({}, connection), { relation: relation })); }, [connection, onConnectionChange]);
+    var onRelationChange = useCallback(function (relation) { return onConnectionChange(__assign(__assign({}, connection), { relation: relation })); }, [
+        connection,
+        onConnectionChange
+    ]);
     var handleAddAttributes = useCallback(pipe(addEntityAttributes(connection.relation), onRelationChange), [
         connection.relation,
         onRelationChange
@@ -41,7 +44,10 @@ export var useEditableConnection = function (_a) {
         };
         onConnectionChange(newConnection);
     }, [connection, onConnectionChange, relatedEntity, metadata]);
-    var handleChangeEntity = useCallback(function (entity) { return onConnectionChange(__assign(__assign({}, connection), { entity: entity })); }, [connection, onConnectionChange]);
+    var handleChangeEntity = useCallback(function (entity) { return onConnectionChange(__assign(__assign({}, connection), { entity: entity })); }, [
+        connection,
+        onConnectionChange
+    ]);
     return {
         onAddAttributes: handleAddAttributes,
         onChangeAttribute: handleChangeAttribute,

package/esm/hooks/useScrollToAttributeError/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"@keyframes highlightAnimation" | "highlightError" | "highlightWarning" | "simpleAttribute">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"@keyframes highlightAnimation" | "highlightError" | "highlightWarning" | "simpleAttribute">;

package/esm/hooks/useScrollToAttributeError/styles.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 var highlightBeforeStyles = {
     content: '""',
     position: 'absolute',

package/esm/hooks/useSnackbar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SnackbarOrigin } from '@mui/material/Snackbar';
+import { SnackbarOrigin } from '@material-ui/core/Snackbar';
 type SnackbarOptions = {
     anchorOrigin?: SnackbarOrigin;
     showDismiss?: boolean;

package/esm/hooks/useSnackbar.js

@@ -1,9 +1,9 @@
 import React, { useCallback, useState } from 'react';
 import i18n from 'ui-i18n';
 import { pipe } from 'ramda';
-import Portal from '@mui/material/Portal';
-import Button from '@mui/material/Button';
-import Snackbar from '@mui/material/Snackbar';
+import Portal from '@material-ui/core/Portal';
+import Button from '@material-ui/core/Button';
+import Snackbar from '@material-ui/core/Snackbar';
 import { noop } from '../core';
 var FIVE_MINUTES = 5 * 60 * 1000;
 export var useSnackbar = function (_a) {

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1586-mui5-2",
+  "version": "1.4.1587",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-module": "^1.4.1586-mui5-2",
-    "@reltio/mdm-sdk": "^1.4.1586-mui5-2",
+    "@reltio/mdm-module": "^1.4.1587",
+    "@reltio/mdm-sdk": "^1.4.1587",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",
@@ -19,7 +19,7 @@
     "prop-types": "^15.6.2",
     "ramda": "^0.28.0",
     "react-autosuggest": "^9.4.3",
-    "react-components": "bitbucket:reltio-ondemand/react-components#v3.22.1",
+    "react-components": "bitbucket:reltio-ondemand/react-components#v3.17.2",
     "react-dnd": "^9.4.0",
     "react-dnd-html5-backend": "^10.0.2",
     "react-grid-layout": "^1.1.1",
@@ -40,7 +40,7 @@
     "ui-i18n": "bitbucket:reltio-ondemand/ui-i18n#v1.4.0"
   },
   "peerDependencies": {
-    "moment": "^2.29.4",
+    "moment": "^2.24.0",
     "react": "^16.13.0 || ^17.0.0",
     "react-dom": "^16.13.0 || ^17.0.0"
   },

package/cjs/components/editors/FilterEditor/styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"dropDownEditor">;

package/cjs/components/editors/FilterEditor/styles.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@mui/styles");
-exports.useStyles = (0, styles_1.makeStyles)({
-    dropDownEditor: {
-        marginTop: '8px',
-        marginBottom: '4px',
-        minHeight: '40px'
-    }
-});

package/esm/components/editors/FilterEditor/styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"dropDownEditor">;

package/esm/components/editors/FilterEditor/styles.js

@@ -1,8 +0,0 @@
-import { makeStyles } from '@mui/styles';
-export var useStyles = makeStyles({
-    dropDownEditor: {
-        marginTop: '8px',
-        marginBottom: '4px',
-        minHeight: '40px'
-    }
-});