@reltio/components 1.4.1586-mui5-2 → 1.4.1587

package/esm/components/ArrowExpandButton/ArrowExpandButton.js

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import classnames from 'classnames';
 import SmallIconButton from '../SmallIconButton/SmallIconButton';
-import ArrowRight from '@mui/icons-material/ArrowRight';
+import ArrowRight from '@material-ui/icons/ArrowRight';
 import { useStyles } from './styles';
 var ArrowExpandButton = function (props) {
     var _a;

package/esm/components/ArrowExpandButton/styles.d.ts

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

package/esm/components/ArrowExpandButton/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles({
     expandButton: {
         '&:hover': {

package/esm/components/AttributeGroupIcon/styles.d.ts

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

package/esm/components/AttributeGroupIcon/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles({
     icon: {
         maxHeight: '25px',

package/esm/components/AttributeListItem/AttributeListItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { AttributeType } from '@reltio/mdm-sdk';
-import { ListItemProps } from '@mui/material/ListItem';
+import { ListItemProps } from '@material-ui/core/ListItem';
 export declare const RecommendedIconWithTooltip: React.ForwardRefExoticComponent<import("prop-types").InferPropsInner<Pick<{
     tooltipTitle: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
     tooltipPlacement: import("prop-types").Requireable<string>;

package/esm/components/AttributeListItem/AttributeListItem.js

@@ -1,9 +1,9 @@
 import React, { memo } from 'react';
 import classnames from 'classnames';
 import i18n from 'ui-i18n';
-import ListItem from '@mui/material/ListItem';
-import ListItemText from '@mui/material/ListItemText';
-import Checkbox from '@mui/material/Checkbox';
+import ListItem from '@material-ui/core/ListItem';
+import ListItemText from '@material-ui/core/ListItemText';
+import Checkbox from '@material-ui/core/Checkbox';
 import ExpandedValueTooltip from '../ExpandedValueTooltip/ExpandedValueTooltip';
 import { isNested } from '@reltio/mdm-sdk';
 import withTooltip from '../../HOCs/withTooltip/withTooltip';

package/esm/components/AttributeListItem/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"container" | "checkbox" | "icon" | "checked" | "listItem" | "listItemFocus" | "recommendedIcon" | "logoIcon" | "itemAfter" | "itemText" | "marginWrapper" | "defaultCursor" | "itemTooltip" | "marginText" | "itemTextWrapper">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"checkbox" | "icon" | "checked" | "container" | "listItem" | "listItemFocus" | "recommendedIcon" | "logoIcon" | "itemAfter" | "itemText" | "marginWrapper" | "defaultCursor" | "itemTooltip" | "marginText" | "itemTextWrapper">;

package/esm/components/AttributeListItem/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles({
     container: {
         '& > $marginWrapper:first-child': {

package/esm/components/AttributeSelector/AttributeSelector.js

@@ -27,7 +27,7 @@ import { pipe, defaultTo } from 'ramda';
 import { useSelector } from 'react-redux';
 import mdmModule from '@reltio/mdm-module';
 import { getAttributeTypeSubAttributes } from '@reltio/mdm-sdk';
-import Typography from '@mui/material/Typography';
+import Typography from '@material-ui/core/Typography';
 import MultiSelect from '../ReactSelect/MultiSelect';
 import MultiValue from '../ReactSelect/commonComponents/MultiValue';
 import DropdownIndicatorWithIconButton from '../commonReactSelectComponents/DropdownIndicatorWithIconButton';

package/esm/components/AttributeSelector/styles.d.ts

@@ -2,4 +2,4 @@ export declare const customStyles: {
     input: (currentStyles: any) => any;
     menuPortal: (currentStyles: any) => any;
 };
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"title" | "option" | "root" | "noOptionsMessage" | "dropDownInput">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "title" | "option" | "noOptionsMessage" | "dropDownInput">;

package/esm/components/AttributeSelector/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';
 export var customStyles = {
     input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
     menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); }

package/esm/components/AttributesFiltersBuilder/AttributesFiltersBuilder.js

@@ -37,8 +37,15 @@ var AttributesFiltersBuilder = function (_a) {
         filterSelectorContainer: filterSelector,
         actionsContainer: actionContainer
     }); }, [attrSelector, filterSelector, actionContainer]);
-    var attributeSelectorItems = useMemo(function () { return getAttributeSelectorItems(attributeTypes, entityType, metadata); }, [attributeTypes, metadata, entityType]);
-    var rowsData = useMemo(function () { return (filters.length ? getRowsDataFromFilters(filters, attributeSelectorItems) : []); }, [attributeSelectorItems, filters]);
+    var attributeSelectorItems = useMemo(function () { return getAttributeSelectorItems(attributeTypes, entityType, metadata); }, [
+        attributeTypes,
+        metadata,
+        entityType
+    ]);
+    var rowsData = useMemo(function () { return (filters.length ? getRowsDataFromFilters(filters, attributeSelectorItems) : []); }, [
+        attributeSelectorItems,
+        filters
+    ]);
     attributesCountRef.current = rowsData.length;
     useEffect(function () {
         if (attributeFilterRef.current && lastAttributesCountRef.current !== attributesCountRef.current) {

package/esm/components/AttributesFiltersBuilder/components/FilterSelector/FilterSelector.js

@@ -1,11 +1,11 @@
 import React, { useCallback, useEffect, memo } from 'react';
 import i18n from 'ui-i18n';
 import { pipe, map } from 'ramda';
+import capitalize from '@material-ui/core/utils/capitalize';
 import { getFilterOptionLabel, getFilterOptionsForQueryBuilder } from '@reltio/mdm-sdk';
 import SimpleDropDownSelector from '../../../SimpleDropDownSelector/SimpleDropDownSelector';
 import { findValue } from '../../helpers';
 import useStyles from './styles';
-import { capitalize } from '@mui/material/utils';
 var FilterSelector = function (_a) {
     var _b;
     var rowData = _a.rowData, rowContext = _a.rowContext, textFieldInputRef = _a.textFieldInputRef, optionsProp = _a.options;

package/esm/components/AttributesFiltersBuilder/components/FilterSelector/styles.d.ts

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

package/esm/components/AttributesFiltersBuilder/components/FilterSelector/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 var useStyles = makeStyles({
     dropDownSelector: {
         width: '100%'

package/esm/components/AttributesFiltersBuilder/components/RowActions/RowActions.js

@@ -1,7 +1,7 @@
 import React, { memo, useCallback } from 'react';
 import i18n from 'ui-i18n';
-import CloseIcon from '@mui/icons-material/Close';
-import AddCircleIcon from '@mui/icons-material/AddCircle';
+import CloseIcon from '@material-ui/icons/Close';
+import AddCircleIcon from '@material-ui/icons/AddCircle';
 import { SmallIconButtonWithTooltip } from '../../../SmallIconButton/index';
 import DuplicateIcon from '../../../../icons/Duplicate';
 import { useStyles } from './styles';

package/esm/components/AttributesFiltersBuilder/components/RowActions/styles.d.ts

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

package/esm/components/AttributesFiltersBuilder/components/RowActions/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles(function () { return ({
     actions: {
         width: '88px',

package/esm/components/AttributesFiltersBuilder/components/ValuesEditor/styles.d.ts

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

package/esm/components/AttributesFiltersBuilder/components/ValuesEditor/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles({
     input: {
         margin: 0,

package/esm/components/AttributesFiltersBuilder/styles.d.ts

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

package/esm/components/AttributesFiltersBuilder/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles(function () { return ({
     attrSelector: {
         width: '222px',

package/esm/components/AttributesFiltersButton/ActionButtons/ActionButtons.js

@@ -1,13 +1,13 @@
 import React from 'react';
 import i18n from 'ui-i18n';
-import Button from '@mui/material/Button';
+import Button from '@material-ui/core/Button';
 import { useStyles } from './styles';
 var ActionButtons = function (_a) {
     var onClear = _a.onClear, onCancel = _a.onCancel, onApply = _a.onApply;
     var styles = useStyles();
     return (React.createElement("div", { className: styles.buttonsWrapper },
-        React.createElement(Button, { onClick: onClear, variant: "text", className: styles.clearButon }, i18n.text('Clear all')),
-        React.createElement(Button, { onClick: onCancel, variant: "text", className: styles.cancelButton }, i18n.text('Cancel')),
+        React.createElement(Button, { onClick: onClear, variant: "text", color: "default", className: styles.clearButon }, i18n.text('Clear all')),
+        React.createElement(Button, { onClick: onCancel, variant: "text", color: "default", className: styles.cancelButton }, i18n.text('Cancel')),
         React.createElement(Button, { onClick: onApply, variant: "text", color: "primary", className: styles.applyButton }, i18n.text('Apply'))));
 };
 export default ActionButtons;

package/esm/components/AttributesFiltersButton/ActionButtons/styles.d.ts

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

package/esm/components/AttributesFiltersButton/ActionButtons/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 allButtonsStyle = {
     alignSelf: 'center'
 };

package/esm/components/AttributesFiltersButton/AttributesFiltersButton.js

@@ -1,10 +1,10 @@
 import React, { useRef, useState, useEffect, useCallback, memo } from 'react';
 import i18n from 'ui-i18n';
-import Popover from '@mui/material/Popover';
-import Button from '@mui/material/Button';
-import FilterIcon from '@mui/icons-material/FilterList';
-import Typography from '@mui/material/Typography';
-import Divider from '@mui/material/Divider';
+import Popover from '@material-ui/core/Popover';
+import Button from '@material-ui/core/Button';
+import FilterIcon from '@material-ui/icons/FilterList';
+import Typography from '@material-ui/core/Typography';
+import Divider from '@material-ui/core/Divider';
 import { buildFilterQueryString } from '@reltio/mdm-sdk';
 import AttributesFiltersBuilder from '../AttributesFiltersBuilder/AttributesFiltersBuilder';
 import ActionButtons from './ActionButtons/ActionButtons';

package/esm/components/AttributesFiltersButton/styles.d.ts

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

package/esm/components/AttributesFiltersButton/styles.js

@@ -1,5 +1,4 @@
-import { alpha } from '@mui/material/styles';
-import { makeStyles } from '@mui/styles';
+import { makeStyles, fade } from '@material-ui/core/styles';
 export var useStyles = makeStyles(function (theme) { return ({
     triggerButton: {
         minWidth: 0,
@@ -20,9 +19,9 @@ export var useStyles = makeStyles(function (theme) { return ({
     divider: {
         marginBottom: '14px',
         marginLeft: '-16px',
-        borderColor: 'rgba(0, 0, 0, 0.121569)'
+        background: 'rgba(0, 0, 0, 0.121569)'
     },
     changedFiltersIndicator: {
-        backgroundColor: alpha(theme.palette.primary.main, 0.12)
+        backgroundColor: fade(theme.palette.primary.main, 0.12)
     }
 }); });

package/esm/components/AutoSizeList/styles.d.ts

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

package/esm/components/AutoSizeList/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles({
     item: {
         overflow: 'hidden'

package/esm/components/AvatarWithFallback/AvatarWithFallback.d.ts

@@ -3,7 +3,7 @@ type Props = {
     className?: string;
     icon?: string;
     avatarText?: string;
-    variant?: 'circular' | 'rounded' | 'square';
+    variant?: 'circle' | 'circular' | 'rounded' | 'square';
     rootClasses?: {
         iconRoot?: string;
         textRoot?: string;

package/esm/components/AvatarWithFallback/AvatarWithFallback.js

@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import Avatar from '@mui/material/Avatar';
+import Avatar from '@material-ui/core/Avatar';
 import classnames from 'classnames';
 import React, { useEffect, useState } from 'react';
 var AvatarStates;

package/esm/components/BasicAttributeSelector/AttributeTitle/AttributeTitle.js

@@ -2,7 +2,7 @@ import React from 'react';
 import i18n from 'ui-i18n';
 import classnames from 'classnames';
 import { either, prop } from 'ramda';
-import { ArrowDropDown } from '@mui/icons-material';
+import { ArrowDropDown } from '@material-ui/icons';
 import ExpandedValueTooltip from '../../ExpandedValueTooltip/ExpandedValueTooltip';
 import SmallIconButton from '../../SmallIconButton/SmallIconButton';
 import useStyles from './styles';

package/esm/components/BasicAttributeSelector/AttributeTitle/styles.d.ts

@@ -1,2 +1,2 @@
-declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"disabled" | "name" | "attribute" | "attributeWithValue" | "noSelect">;
+declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"disabled" | "name" | "attribute" | "attributeWithValue" | "noSelect">;
 export default useStyles;

package/esm/components/BasicAttributeSelector/AttributeTitle/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 var useStyles = makeStyles({
     attribute: {
         cursor: 'pointer',

package/esm/components/BasicAttributeSelector/BasicAttributeSelector.js

@@ -26,11 +26,16 @@ var BasicAttributeSelector = function (_a) {
     var clearFilterText = useCallback(function () { return setFilterText(''); }, []);
     var _m = useState([]), selectedAttributes = _m[0], setSelectedAttributes = _m[1];
     var clearSelectedAttributes = useCallback(function () { return setSelectedAttributes([]); }, []);
-    var filteredItemsGroups = useMemo(function () { return prepareGroupsForSelectAttributeList(filterText, itemsGroups); }, [itemsGroups, filterText]);
+    var filteredItemsGroups = useMemo(function () { return prepareGroupsForSelectAttributeList(filterText, itemsGroups); }, [
+        itemsGroups,
+        filterText
+    ]);
     var items = useMemo(function () {
         return pipe(when(always(ungroup), chain(pipe(prop('items'), flatten, map(pick(['item', 'level']))))), flattenGroupedItemsData)(filteredItemsGroups);
     }, [ungroup, filteredItemsGroups]);
-    var containerWidth = useMemo(function () { return Math.max(getContainerWidth(filteredItemsGroups), ATTRIBUTES_LIST_WIDTH); }, [filteredItemsGroups]);
+    var containerWidth = useMemo(function () { return Math.max(getContainerWidth(filteredItemsGroups), ATTRIBUTES_LIST_WIDTH); }, [
+        filteredItemsGroups
+    ]);
     var handleOnClose = pipe(tap(pipe(clearSelectedAttributes, clearFilterText, closePopup)), onRestoreFocus);
     var searchInputRef = useRef();
     var onListItemClick = useCallback(function (attribute, checked) {

package/esm/components/BasicAttributeSelector/styles.d.ts

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

package/esm/components/BasicAttributeSelector/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 var useStyles = makeStyles({
     selector: {
         minWidth: '200px',

package/esm/components/BasicTableView/BasicTable/cell-value-renderers/styles.d.ts

@@ -1,2 +1,2 @@
 export const BLOB_HEIGHT: 100;
-export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"defaultWrapper" | "blobWrapper">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"defaultWrapper" | "blobWrapper">;

package/esm/components/BasicTableView/BasicTable/cell-value-renderers/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var BLOB_HEIGHT = 100;
 export var useStyles = makeStyles({
     defaultWrapper: {

package/esm/components/BasicTableView/BasicTable/hooks/useCollapsibleTableRows.js

@@ -8,9 +8,7 @@ var useCollapsibleTableRows = function (_a) {
     var getRowMaxValuesCount = useCallback(function (rowIndex) {
         return expandedIndexes.includes(rowIndex) ? Infinity : maxRowValuesCount;
     }, [expandedIndexes, maxRowValuesCount]);
-    var tableRowsData = useMemo(function () {
-        return getTableRowsData(rowsData, columnsData, renderRowCell, getRowCellHeight, getRowMaxValuesCount, getIdFromRowValue);
-    }, [rowsData, columnsData, renderRowCell, getRowCellHeight, getRowMaxValuesCount, getIdFromRowValue]);
+    var tableRowsData = useMemo(function () { return getTableRowsData(rowsData, columnsData, renderRowCell, getRowCellHeight, getRowMaxValuesCount, getIdFromRowValue); }, [rowsData, columnsData, renderRowCell, getRowCellHeight, getRowMaxValuesCount, getIdFromRowValue]);
     var toggleRowCollapse = useCallback(function (rowIndex) {
         setExpandedIndexes(function (expandedIndexes) {
             var index = expandedIndexes.findIndex(equals(rowIndex));

package/esm/components/BasicTableView/BasicTableHeader/ColumnsSettings/styles.d.ts

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

package/esm/components/BasicTableView/BasicTableHeader/ColumnsSettings/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles({
     popup: {
         minWidth: '200px'

package/esm/components/BasicTableView/BasicTableHeader/FilterButton/FilterButton.js

@@ -1,16 +1,16 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import i18n from 'ui-i18n';
-import IconButton from '@mui/material/IconButton';
-import CloseIcon from '@mui/icons-material/Close';
-import Tooltip from '@mui/material/Tooltip';
+import IconButton from '@material-ui/core/IconButton';
+import CloseIcon from '@material-ui/icons/Close';
+import Tooltip from '@material-ui/core/Tooltip';
 import FilterIcon from '../../../../icons/Filter';
 import { useStyles } from './styles';
 var FilterButton = function (_a) {
     var enabled = _a.enabled, onClick = _a.onClick;
     var styles = useStyles();
     return (React.createElement(Tooltip, { title: enabled ? i18n.text('Clear all filters') : i18n.text('Filter') },
-        React.createElement(IconButton, { onClick: onClick, classes: { root: styles.button }, size: "large" }, enabled ? (React.createElement(React.Fragment, null,
+        React.createElement(IconButton, { onClick: onClick, classes: { root: styles.button } }, enabled ? (React.createElement(React.Fragment, null,
             React.createElement(FilterIcon, { className: styles['filterIcon--enabled'] }),
             React.createElement(CloseIcon, { color: "primary", className: styles.closeIcon }))) : (React.createElement(FilterIcon, null)))));
 };

package/esm/components/BasicTableView/BasicTableHeader/FilterButton/styles.d.ts

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

package/esm/components/BasicTableView/BasicTableHeader/FilterButton/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles(function (theme) { return ({
     'filterIcon--enabled': {
         color: theme.palette.primary.main

package/esm/components/BasicTableView/BasicTablePagination/BasicTablePagination.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import PropTypes from 'prop-types';
 import React, { useCallback } from 'react';
 import classnames from 'classnames';
-import TablePagination from '@mui/material/TablePagination';
+import TablePagination from '@material-ui/core/TablePagination';
 import i18n from 'ui-i18n';
 import { getValue } from '../../../core/utils';
 import { nthArg, pipe, pathOr, identity } from 'ramda';
@@ -40,7 +40,7 @@ var BasicTablePagination = function (_a) {
         onChangeRowsPerPage(value);
         resetScrollbarPosition();
     }, [onChangePage, onChangeRowsPerPage, resetScrollbarPosition]);
-    return (React.createElement(TablePagination, { classes: __assign(__assign({}, classes), { root: classnames(styles.pagination, classes.root), select: classnames(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 || i18n.text('Rows per page:'), labelDisplayedRows: labelDisplayedRows, count: count, rowsPerPageOptions: rowsPerPageOptions, page: page, onPageChange: pipe(nthArg(1), handleChangePage), rowsPerPage: rowsPerPage, onRowsPerPageChange: pipe(getValue, handleChangeRowsPerPage) }));
+    return (React.createElement(TablePagination, { classes: __assign(__assign({}, classes), { root: classnames(styles.pagination, classes.root), select: classnames(styles.select, classes.select), caption: styles.caption, selectRoot: styles.selectRoot, actions: styles.actions }), component: "div", labelRowsPerPage: labelRowsPerPage || i18n.text('Rows per page:'), labelDisplayedRows: labelDisplayedRows, count: count, rowsPerPageOptions: rowsPerPageOptions, page: page, onChangePage: pipe(nthArg(1), handleChangePage), rowsPerPage: rowsPerPage, onChangeRowsPerPage: pipe(getValue, handleChangeRowsPerPage) }));
 };
 BasicTablePagination.propTypes = {
     classes: PropTypes.object,

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

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

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

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles({
     pagination: {
         display: 'flex',
@@ -24,6 +24,6 @@ export var useStyles = makeStyles({
         textAlign: 'right'
     },
     actions: {
-        marginLeft: '32px!important' //we need it, because of the more specific rule in the mui
+        marginLeft: '32px'
     }
 });

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

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

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

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles(function () { return ({
     hidden: {
         visibility: 'hidden'

package/esm/components/BasicTableView/ColumnFilter/ColumnFilter.js

@@ -1,8 +1,8 @@
-import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
+import ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';
 import FilterChip from './FilterChip/FilterChip';
 import FilterEditor from '../../editors/FilterEditor/FilterEditor';
-import IconButton from '@mui/material/IconButton';
-import Popover from '@mui/material/Popover';
+import IconButton from '@material-ui/core/IconButton';
+import Popover from '@material-ui/core/Popover';
 import PropTypes from 'prop-types';
 import React, { useRef, useState } from 'react';
 import { ColumnFilterType } from '../../../constants';
@@ -56,7 +56,7 @@ var ColumnFilter = function (_a) {
     }); });
     return (React.createElement("div", { ref: containerRef, className: styles.columnFilter },
         filter && (React.createElement(FilterChip, { filterValue: filter.value, filterOption: filterOptions.find(propEq('value', filter.filter)), onDelete: clearFilter, dataTypeDefinition: getFilterDataTypeDefinition(filter.filter) })),
-        React.createElement(IconButton, { className: styles.dropDownButton, onClick: openFilterPopup, disableFocusRipple: true, size: "large" },
+        React.createElement(IconButton, { className: styles.dropDownButton, onClick: openFilterPopup, disableFocusRipple: true },
             React.createElement(ArrowDropDownIcon, null)),
         React.createElement(Popover, { PaperProps: {
                 style: {
@@ -68,9 +68,7 @@ var ColumnFilter = function (_a) {
             }, transformOrigin: {
                 vertical: 'top',
                 horizontal: 'right'
-            }, classes: { paper: styles.filterMenu }, onClose: applyChangesAndClose, TransitionProps: {
-                onEnter: initColumnFilter
-            } },
+            }, classes: { paper: styles.filterMenu }, onEnter: initColumnFilter, onClose: applyChangesAndClose },
             React.createElement(FilterEditor, { classes: { option: styles['filter-editor__option'] }, value: mdmFilter, onChange: pipe(mdmFilterToColumnFilter, setColumnFilter), filterOptions: filterOptions, dataTypeDefinition: getFilterDataTypeDefinition(mdmFilter.filter), valueEditorProps: {
                     TextFieldProps: {
                         onKeyPress: handleValueEditorKeyPress

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

@@ -1,4 +1,4 @@
-import Chip from '@mui/material/Chip';
+import Chip from '@material-ui/core/Chip';
 import PropTypes from 'prop-types';
 import React from 'react';
 import mdm from '@reltio/mdm-module';

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

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

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

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var COLUMN_FILTER_HEIGHT = 40;
 export var useStyles = makeStyles({
     'filter-chip': {

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

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

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

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var COLUMN_FILTER_HEIGHT = 40;
 export var useStyles = makeStyles({
     columnFilter: {