@reltio/components 1.4.1588 → 1.4.1590

package/cjs/components/BasicTableView/BasicTablePagination/BasicTablePagination.js

@@ -40,7 +40,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
-var TablePagination_1 = __importDefault(require("@material-ui/core/TablePagination"));
+var TablePagination_1 = __importDefault(require("@mui/material/TablePagination"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var utils_1 = require("../../../core/utils");
 var ramda_1 = require("ramda");
@@ -68,7 +68,7 @@ var BasicTablePagination = function (_a) {
         onChangeRowsPerPage(value);
         resetScrollbarPosition();
     }, [onChangePage, onChangeRowsPerPage, resetScrollbarPosition]);
-    return (react_1.default.createElement(TablePagination_1.default, { classes: __assign(__assign({}, classes), { root: (0, classnames_1.default)(styles.pagination, classes.root), select: (0, classnames_1.default)(styles.select, classes.select), caption: styles.caption, selectRoot: styles.selectRoot, actions: styles.actions }), component: "div", labelRowsPerPage: labelRowsPerPage || ui_i18n_1.default.text('Rows per page:'), labelDisplayedRows: labelDisplayedRows, count: count, rowsPerPageOptions: rowsPerPageOptions, page: page, onChangePage: (0, ramda_1.pipe)((0, ramda_1.nthArg)(1), handleChangePage), rowsPerPage: rowsPerPage, onChangeRowsPerPage: (0, ramda_1.pipe)(utils_1.getValue, handleChangeRowsPerPage) }));
+    return (react_1.default.createElement(TablePagination_1.default, { classes: __assign(__assign({}, classes), { root: (0, classnames_1.default)(styles.pagination, classes.root), select: (0, classnames_1.default)(styles.select, classes.select), selectLabel: styles.caption, displayedRows: styles.caption, input: styles.selectRoot, actions: styles.actions }), backIconButtonProps: { size: 'large' }, nextIconButtonProps: { size: 'large' }, component: "div", labelRowsPerPage: labelRowsPerPage || ui_i18n_1.default.text('Rows per page:'), labelDisplayedRows: labelDisplayedRows, count: count, rowsPerPageOptions: rowsPerPageOptions, page: page, onPageChange: (0, ramda_1.pipe)((0, ramda_1.nthArg)(1), handleChangePage), rowsPerPage: rowsPerPage, onRowsPerPageChange: (0, ramda_1.pipe)(utils_1.getValue, handleChangeRowsPerPage) }));
 };
 BasicTablePagination.propTypes = {
     classes: prop_types_1.default.object,

package/cjs/components/BasicTableView/BasicTablePagination/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"pagination" | "caption" | "selectRoot" | "select" | "actions">;
+export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"caption" | "select" | "actions" | "pagination" | "selectRoot">;

package/cjs/components/BasicTableView/BasicTablePagination/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)({
     pagination: {
         display: 'flex',
@@ -27,6 +27,6 @@ exports.useStyles = (0, styles_1.makeStyles)({
         textAlign: 'right'
     },
     actions: {
-        marginLeft: '32px'
+        marginLeft: '32px!important' //we need it, because of the more specific rule in the mui
     }
 });

package/cjs/components/BasicTableView/CollapseRowButton/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"hidden">;
+export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"hidden">;

package/cjs/components/BasicTableView/CollapseRowButton/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
     hidden: {
         visibility: 'hidden'

package/cjs/components/BasicTableView/ColumnFilter/ColumnFilter.js

@@ -26,11 +26,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var ArrowDropDown_1 = __importDefault(require("@material-ui/icons/ArrowDropDown"));
+var ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDown"));
 var FilterChip_1 = __importDefault(require("./FilterChip/FilterChip"));
 var FilterEditor_1 = __importDefault(require("../../editors/FilterEditor/FilterEditor"));
-var IconButton_1 = __importDefault(require("@material-ui/core/IconButton"));
-var Popover_1 = __importDefault(require("@material-ui/core/Popover"));
+var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+var Popover_1 = __importDefault(require("@mui/material/Popover"));
 var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importStar(require("react"));
 var constants_1 = require("../../../constants");
@@ -84,7 +84,7 @@ var ColumnFilter = function (_a) {
     }); });
     return (react_1.default.createElement("div", { ref: containerRef, className: styles.columnFilter },
         filter && (react_1.default.createElement(FilterChip_1.default, { filterValue: filter.value, filterOption: filterOptions.find((0, ramda_1.propEq)('value', filter.filter)), onDelete: clearFilter, dataTypeDefinition: getFilterDataTypeDefinition(filter.filter) })),
-        react_1.default.createElement(IconButton_1.default, { className: styles.dropDownButton, onClick: openFilterPopup, disableFocusRipple: true },
+        react_1.default.createElement(IconButton_1.default, { className: styles.dropDownButton, onClick: openFilterPopup, disableFocusRipple: true, size: "large" },
             react_1.default.createElement(ArrowDropDown_1.default, null)),
         react_1.default.createElement(Popover_1.default, { PaperProps: {
                 style: {
@@ -96,7 +96,9 @@ var ColumnFilter = function (_a) {
             }, transformOrigin: {
                 vertical: 'top',
                 horizontal: 'right'
-            }, classes: { paper: styles.filterMenu }, onEnter: initColumnFilter, onClose: applyChangesAndClose },
+            }, classes: { paper: styles.filterMenu }, onClose: applyChangesAndClose, TransitionProps: {
+                onEnter: initColumnFilter
+            } },
             react_1.default.createElement(FilterEditor_1.default, { classes: { option: styles['filter-editor__option'] }, value: mdmFilter, onChange: (0, ramda_1.pipe)(helpers_1.mdmFilterToColumnFilter, setColumnFilter), filterOptions: filterOptions, dataTypeDefinition: getFilterDataTypeDefinition(mdmFilter.filter), valueEditorProps: {
                     TextFieldProps: {
                         onKeyPress: handleValueEditorKeyPress

package/cjs/components/BasicTableView/ColumnFilter/FilterChip/FilterChip.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var Chip_1 = __importDefault(require("@material-ui/core/Chip"));
+var Chip_1 = __importDefault(require("@mui/material/Chip"));
 var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importDefault(require("react"));
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));

package/cjs/components/BasicTableView/ColumnFilter/FilterChip/styles.d.ts

@@ -1,2 +1,2 @@
 export const COLUMN_FILTER_HEIGHT: 40;
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"filter-chip" | "filter-chip__label" | "filter-chip__option-label">;
+export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"filter-chip" | "filter-chip__label" | "filter-chip__option-label">;

package/cjs/components/BasicTableView/ColumnFilter/FilterChip/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = exports.COLUMN_FILTER_HEIGHT = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.COLUMN_FILTER_HEIGHT = 40;
 exports.useStyles = (0, styles_1.makeStyles)({
     'filter-chip': {

package/cjs/components/BasicTableView/ColumnFilter/styles.d.ts

@@ -1,2 +1,2 @@
 export const COLUMN_FILTER_HEIGHT: 40;
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"columnFilter" | "dropDownButton" | "filterMenu" | "filter-editor__option">;
+export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"columnFilter" | "dropDownButton" | "filterMenu" | "filter-editor__option">;

package/cjs/components/BasicTableView/ColumnFilter/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = exports.COLUMN_FILTER_HEIGHT = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.COLUMN_FILTER_HEIGHT = 40;
 exports.useStyles = (0, styles_1.makeStyles)({
     columnFilter: {

package/cjs/components/BasicView/BasicView.d.ts

@@ -1,4 +1,12 @@
-import Paper, { PaperProps } from '@material-ui/core/Paper';
 import React from 'react';
-declare const BasicView: React.ForwardRefExoticComponent<Pick<PaperProps, "color" | "translate" | "hidden" | "style" | "square" | "classes" | "component" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant" | "innerRef" | "elevation"> & React.RefAttributes<React.Ref<typeof Paper>>>;
+declare const BasicView: React.ForwardRefExoticComponent<Pick<{
+    children?: React.ReactNode;
+    classes?: Partial<import("@mui/material/Paper").PaperClasses>;
+    elevation?: number;
+    square?: boolean;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
+    variant?: import("@mui/types").OverridableStringUnion<"elevation" | "outlined", import("@mui/material/Paper").PaperPropsVariantOverrides>;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+}, "children" | "square" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "elevation" | "variant">, "title" | "id" | "hidden" | "key" | "children" | "defaultValue" | "prefix" | "results" | "slot" | "square" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | keyof import("@mui/material/OverridableComponent").CommonProps | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "sx" | "elevation" | "variant"> & React.RefAttributes<HTMLDivElement>>;
 export default BasicView;

package/cjs/components/BasicView/BasicView.js

@@ -48,18 +48,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var Paper_1 = __importDefault(require("@material-ui/core/Paper"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importStar(require("react"));
+var Paper_1 = __importDefault(require("@mui/material/Paper"));
 var styles_1 = require("./styles");
 var BasicView = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, otherProps = __rest(_a, ["children", "className"]);
     var styles = (0, styles_1.useStyles)();
-    return (react_1.default.createElement(Paper_1.default, __assign({ ref: ref, className: className, classes: { root: styles['basic-view__paper'] } }, otherProps), children));
+    return (react_1.default.createElement(Paper_1.default, __assign({ ref: ref, className: className, classes: { root: styles.basicViewPaper } }, otherProps), children));
 });
 BasicView.displayName = 'BasicView';
-BasicView.propTypes = {
-    children: prop_types_1.default.node,
-    className: prop_types_1.default.string
-};
 exports.default = BasicView;

package/cjs/components/BasicView/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"basic-view__paper">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"basicViewPaper">;

package/cjs/components/BasicView/styles.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
-    'basic-view__paper': __assign({ display: 'flex', flexDirection: 'column' }, theme.basicView)
+    basicViewPaper: __assign({ display: 'flex', flexDirection: 'column' }, theme.basicView)
 }); });

package/cjs/components/BasicViewContent/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"basic-view-content">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"basic-view-content">;

package/cjs/components/BasicViewContent/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)({
     'basic-view-content': {
         flex: '1 1 auto',

package/cjs/components/BasicViewHeader/BasicViewHeader.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ToolbarProps } from '@material-ui/core/Toolbar';
+import { ToolbarProps } from '@mui/material/Toolbar';
 type Props = ToolbarProps & {
     title?: string;
     classes?: Partial<Record<'root' | 'title', string>>;

package/cjs/components/BasicViewHeader/BasicViewHeader.js

@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Toolbar_1 = __importDefault(require("@material-ui/core/Toolbar"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Toolbar_1 = __importDefault(require("@mui/material/Toolbar"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var styles_1 = require("./styles");
 var BasicViewHeader = function (_a) {
     var _b = _a.title, title = _b === void 0 ? '' : _b, _c = _a.children, children = _c === void 0 ? null : _c, _d = _a.classes, classes = _d === void 0 ? {} : _d, otherProps = __rest(_a, ["title", "children", "classes"]);

package/cjs/components/BasicViewHeader/styles.d.ts

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

package/cjs/components/BasicViewHeader/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)({
     toolbar: {
         minHeight: '48px',

package/cjs/components/ClickAwayProvider/ClickAwayProvider.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ClickAwayListenerProps } from '@material-ui/core/ClickAwayListener';
+import { ClickAwayListenerProps } from '@mui/material/ClickAwayListener';
 type Props = ClickAwayListenerProps;
 declare const ClickAwayProvider: (props: Props) => JSX.Element;
 export default ClickAwayProvider;

package/cjs/components/ClickAwayProvider/ClickAwayProvider.js

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var ClickAwayListener_1 = __importDefault(require("@material-ui/core/ClickAwayListener"));
+var ClickAwayListener_1 = __importDefault(require("@mui/material/ClickAwayListener"));
 var ClickAwayProvider = function (props) {
     return react_1.default.createElement(ClickAwayListener_1.default, __assign({ mouseEvent: "onMouseDown" }, props));
 };

package/cjs/components/CollaborationItem/Avatar/Avatar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AvatarProps } from '@material-ui/core/Avatar';
+import { AvatarProps } from '@mui/material/Avatar';
 type Props = Omit<AvatarProps, 'children'> & {
     children: string;
 };

package/cjs/components/CollaborationItem/Avatar/Avatar.js

@@ -28,7 +28,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Avatar = void 0;
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
-var Avatar_1 = __importDefault(require("@material-ui/core/Avatar"));
+var Avatar_1 = __importDefault(require("@mui/material/Avatar"));
 var utils_1 = require("../utils");
 var styles_1 = require("./styles");
 var Avatar = function (_a) {

package/cjs/components/CollaborationItem/Avatar/styles.d.ts

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

package/cjs/components/CollaborationItem/Avatar/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     root: {
         width: '32px',

package/cjs/components/CollaborationItem/CollaborationItem.js

@@ -28,7 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CollaborationItem = void 0;
 var react_1 = __importStar(require("react"));
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
 var Comment_1 = require("./Comment/Comment");
 var RepliedComment_1 = require("./RepliedComment/RepliedComment");
 var SendMessageArea_1 = require("./SendMessageArea/SendMessageArea");

package/cjs/components/CollaborationItem/Comment/Comment.js

@@ -30,10 +30,10 @@ exports.Comment = void 0;
 var react_1 = __importStar(require("react"));
 var react_redux_1 = require("react-redux");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Link_1 = __importDefault(require("@material-ui/core/Link"));
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var MoreVert_1 = __importDefault(require("@material-ui/icons/MoreVert"));
+var Link_1 = __importDefault(require("@mui/material/Link"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var DropDownMenuButton_1 = __importDefault(require("../../DropDownMenuButton/DropDownMenuButton"));
 var SmallIconButton_1 = require("../../SmallIconButton");
@@ -101,8 +101,8 @@ var Comment = function (_a) {
             react_1.default.createElement(CommentTarget_1.CommentTarget, { comment: comment, className: styles.commentTarget }),
             isEditing ? sendMessageArea : react_1.default.createElement(CommentContent_1.CommentContent, { comment: comment, className: styles.message }),
             react_1.default.createElement(Box_1.default, { className: styles.buttons },
-                react_1.default.createElement(Link_1.default, { className: styles.button, onClick: onReply, component: "button" }, ui_i18n_1.default.text('Reply')),
-                !isResolved && (react_1.default.createElement(Link_1.default, { disabled: sending, className: styles.button, onClick: handleResolve, component: "button" }, ui_i18n_1.default.text('Resolve'))),
-                isResolved && (react_1.default.createElement(Link_1.default, { disabled: sending, className: styles.button, onClick: handleReOpen, component: "button" }, ui_i18n_1.default.text('Re-open')))))));
+                react_1.default.createElement(Link_1.default, { className: styles.button, onClick: onReply, component: "button", underline: "hover" }, ui_i18n_1.default.text('Reply')),
+                !isResolved && (react_1.default.createElement(Link_1.default, { disabled: sending, className: styles.button, onClick: handleResolve, component: "button", underline: "hover" }, ui_i18n_1.default.text('Resolve'))),
+                isResolved && (react_1.default.createElement(Link_1.default, { disabled: sending, className: styles.button, onClick: handleReOpen, component: "button", underline: "hover" }, ui_i18n_1.default.text('Re-open')))))));
 };
 exports.Comment = Comment;

package/cjs/components/CollaborationItem/Comment/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "body" | "header" | "message" | "username" | "avatar" | "buttons" | "createdAt" | "commentTarget" | "dropdownMenu">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"message" | "body" | "username" | "button" | "header" | "avatar" | "buttons" | "createdAt" | "commentTarget" | "dropdownMenu">;

package/cjs/components/CollaborationItem/Comment/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     header: {
         display: 'flex'

package/cjs/components/CollaborationItem/CommentContent/CommentContent.js

@@ -29,8 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CommentContent = void 0;
 var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var Link_1 = __importDefault(require("@material-ui/core/Link"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Link_1 = __importDefault(require("@mui/material/Link"));
 var contexts_1 = require("../../../contexts");
 var utils_1 = require("../utils");
 var styles_1 = require("./styles");
@@ -40,7 +40,7 @@ var CommentContent = function (_a) {
     var users = (0, react_1.useContext)(contexts_1.UsersContext);
     return (react_1.default.createElement(Typography_1.default, { className: (0, classnames_1.default)(styles.root, className) }, (0, utils_1.processMentions)(comment.content, comment.namedUsers, function (mention) {
         var user = users.find(function (user) { return user.username === mention.slice(1); });
-        return user ? react_1.default.createElement(Link_1.default, { href: "mailto:".concat(user.email) }, mention) : mention;
+        return user ? (react_1.default.createElement(Link_1.default, { href: "mailto:".concat(user.email), underline: "hover" }, mention)) : (mention);
     }).map(function (el, idx) { return (react_1.default.createElement(react_1.Fragment, { key: idx }, el)); })));
 };
 exports.CommentContent = CommentContent;

package/cjs/components/CollaborationItem/CommentContent/styles.d.ts

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

package/cjs/components/CollaborationItem/CommentContent/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     root: {
         color: theme.palette.text.primary,

package/cjs/components/CollaborationItem/CommentTarget/CommentTarget.js

@@ -46,8 +46,8 @@ var ramda_1 = require("ramda");
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var mdm_sdk_2 = require("@reltio/mdm-sdk");
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
 var contexts_1 = require("../../../contexts");
 var EntityUriLink_1 = __importDefault(require("../../EntityUriLink/EntityUriLink"));
 var utils_1 = require("../utils");

package/cjs/components/CollaborationItem/CommentTarget/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "label" | "link">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "title" | "link">;

package/cjs/components/CollaborationItem/CommentTarget/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     title: {
         marginBottom: '10px',

package/cjs/components/CollaborationItem/RepliedComment/RepliedComment.js

@@ -32,9 +32,9 @@ var react_redux_1 = require("react-redux");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var classnames_1 = __importDefault(require("classnames"));
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
-var MoreVert_1 = __importDefault(require("@material-ui/icons/MoreVert"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var Avatar_1 = require("../Avatar/Avatar");
 var CommentContent_1 = require("../CommentContent/CommentContent");
 var utils_1 = require("../utils");

package/cjs/components/CollaborationItem/RepliedComment/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "header" | "message" | "username" | "avatar" | "createdAt" | "marked">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"message" | "username" | "header" | "root" | "avatar" | "createdAt" | "marked">;

package/cjs/components/CollaborationItem/RepliedComment/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     root: {
         display: 'flex',

package/cjs/components/CollaborationItem/SendMessageArea/SendMessageArea.js

@@ -33,8 +33,8 @@ var classnames_1 = __importDefault(require("classnames"));
 var react_redux_1 = require("react-redux");
 var ramda_1 = require("ramda");
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var Button_1 = __importDefault(require("@mui/material/Button"));
 var TextFieldWithMentions_1 = require("../TextFieldWithMentions/TextFieldWithMentions");
 var Avatar_1 = require("../Avatar/Avatar");
 var contexts_1 = require("../../../contexts");
@@ -149,7 +149,7 @@ var SendMessageArea = function (_a) {
     };
     (0, react_1.useEffect)(function () {
         if (popperRef) {
-            popperRef.current.update();
+            popperRef.current.forceUpdate();
         }
     }, [popperRef, shouldShowButtons]);
     var buttonSize = isEditing ? 'small' : 'medium';

package/cjs/components/CollaborationItem/SendMessageArea/styles.d.ts

@@ -1,5 +1,5 @@
 type StylesProps = {
     isEditing?: boolean;
 };
-export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "root" | "form" | "main" | "avatar" | "textField" | "buttons">;
+export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"button" | "form" | "main" | "root" | "avatar" | "textField" | "buttons">;
 export {};

package/cjs/components/CollaborationItem/SendMessageArea/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)({
     root: function (_a) {
         var isEditing = _a.isEditing;

package/cjs/components/CollaborationItem/TextFieldWithMentions/styles.d.ts

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

package/cjs/components/CollaborationItem/TextFieldWithMentions/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     root: {
         width: '100%',

package/cjs/components/CollaborationItem/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "replies" | "comment" | "messages" | "repliedComment" | "sendMessageArea">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"replies" | "comment" | "root" | "messages" | "repliedComment" | "sendMessageArea">;

package/cjs/components/CollaborationItem/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
     root: {
         maxWidth: '100%',

package/cjs/components/CollaborationPopup/CollaborationPopup.js

@@ -29,9 +29,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CollaborationPopup = void 0;
 var react_1 = __importStar(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var Done_1 = __importDefault(require("@material-ui/icons/Done"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Done_1 = __importDefault(require("@mui/icons-material/Done"));
 var contexts_1 = require("../../contexts");
 var CollaborationItem_1 = require("../CollaborationItem/CollaborationItem");
 var SmallIconButton_1 = require("../SmallIconButton");

package/cjs/components/CollaborationPopup/styles.d.ts

@@ -2,5 +2,5 @@ type Props = {
     scrollWidth: number;
     hasScroll: boolean;
 };
-export declare const useStyles: (props: Props) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "title" | "header" | "replies" | "comment" | "counter" | "popper" | "messages" | "sendMessageArea" | "headerInfo" | "resolveButton" | "collaborationItem">;
+export declare const useStyles: (props: Props) => import("@mui/styles").ClassNameMap<"replies" | "title" | "comment" | "counter" | "header" | "root" | "popper" | "messages" | "sendMessageArea" | "headerInfo" | "resolveButton" | "collaborationItem">;
 export {};

package/cjs/components/CollaborationPopup/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     root: {},
     header: {

package/cjs/components/CollapseButton/CollapseButton.js

@@ -28,7 +28,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var SmallIconButton_1 = require("../SmallIconButton");
-var ExpandMore_1 = __importDefault(require("@material-ui/icons/ExpandMore"));
+var ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
 var styles_1 = require("./styles");
 var CollapseButton = function (_a) {
     var _b;

package/cjs/components/CollapseButton/styles.d.ts

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