@reltio/components 1.4.1563 → 1.4.1564

package/cjs/components/MultilineMenuItem/MultilineMenuItem.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type Props = {
+    item: {
+        primary: string;
+        secondary: string;
+        onClick: () => void;
+    };
+    onMenuClose?: () => void;
+};
+declare const MultilineMenuItem: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLLIElement>>;
+export default MultilineMenuItem;

package/cjs/components/MultilineMenuItem/MultilineMenuItem.js

@@ -0,0 +1,49 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var MenuItem_1 = __importDefault(require("@material-ui/core/MenuItem"));
+var ListItemText_1 = __importDefault(require("@material-ui/core/ListItemText"));
+var core_1 = require("../../core");
+var styles_1 = require("./styles");
+var MultilineMenuItem = (0, react_1.forwardRef)(function (_a, ref) {
+    var item = _a.item, _b = _a.onMenuClose, onMenuClose = _b === void 0 ? core_1.noop : _b;
+    var styles = (0, styles_1.useStyles)();
+    var primary = item.primary, secondary = item.secondary, onClick = item.onClick;
+    var handleClick = function () {
+        onMenuClose();
+        onClick();
+    };
+    return (react_1.default.createElement(MenuItem_1.default, { className: styles.menuItem, ref: ref, onClick: handleClick },
+        react_1.default.createElement(ListItemText_1.default, { primary: primary, secondary: secondary, className: styles.itemText, classes: {
+                primary: styles.textPrimary,
+                secondary: styles.textSecondary
+            } })));
+});
+MultilineMenuItem.displayName = 'MultilineMenuItem';
+exports.default = MultilineMenuItem;

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

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"menuItem" | "textPrimary" | "textSecondary" | "itemText">;

package/cjs/components/MultilineMenuItem/styles.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
+    menuItem: {
+        whiteSpace: 'inherit',
+        width: 200,
+        padding: '9px 12px 7px'
+    },
+    itemText: {
+        margin: 0
+    },
+    textPrimary: {
+        fontSize: 14,
+        lineHeight: '16px',
+        fontWeight: 500
+    },
+    textSecondary: {
+        fontSize: 10,
+        lineHeight: '12px'
+    }
+}); });

package/cjs/components/ProfileBandNavigation/ProfileBandNavigationWidget.js

@@ -58,7 +58,7 @@ var ProfileBandNavigationWidget = function (_a) {
             (0, mdm_sdk_1.formatNumberAsMetric)(total, 1000000),
             " ",
             total === 1 ? SEARCH_RESULT : SEARCH_RESULTS),
-        react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { size: "L", icon: KeyboardArrowLeft_1.default, tooltipTitle: PREVIOUS_PROFILE, onClick: onPrev, disabled: isPrevDisabled, showForDisabled: true }),
-        react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { size: "L", icon: KeyboardArrowRight_1.default, tooltipTitle: NEXT_PROFILE, onClick: onNext, disabled: isNextDisabled, showForDisabled: true })));
+        react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { size: "L", icon: KeyboardArrowLeft_1.default, "data-reltio-id": "reltio-previous-profile-button", tooltipTitle: PREVIOUS_PROFILE, onClick: onPrev, disabled: isPrevDisabled, showForDisabled: true }),
+        react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { size: "L", icon: KeyboardArrowRight_1.default, "data-reltio-id": "reltio-next-profile-button", tooltipTitle: NEXT_PROFILE, onClick: onNext, disabled: isNextDisabled, showForDisabled: true })));
 };
 exports.ProfileBandNavigationWidget = ProfileBandNavigationWidget;

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

@@ -20,14 +20,6 @@ type Props<ViewConfig = Record<string, unknown>> = {
 };
 declare const _default: React.MemoExoticComponent<{
     ({ views, layout, layoutOptions, onLayoutChanged, draggableHandle, LayoutItem, onRemove, onDrop, droppingItem, isDroppable, isStatic, classes }: Props<Record<string, unknown>>): JSX.Element;
-    defaultProps: {
-        layoutOptions: {
-            cols: number;
-            rowHeight: number;
-            margin: number[];
-        };
-        onLayoutChanged: any;
-        classes: {};
-    };
+    displayName: string;
 }>;
 export default _default;

package/cjs/components/ReltioGridLayout/ReltioGridLayout.js

@@ -43,19 +43,25 @@ var react_resize_detector_1 = __importDefault(require("react-resize-detector"));
 var ramda_1 = require("ramda");
 var classnames_1 = __importDefault(require("classnames"));
 var helpers_1 = require("./helpers");
+var core_1 = require("../../core");
 var styles_1 = require("./styles");
+var DEFAULT_LAYOUT_OPTIONS = {
+    cols: 4,
+    rowHeight: 30,
+    margin: [15, 15]
+};
 var ReltioGridLayout = function (_a) {
     var _b;
-    var views = _a.views, layout = _a.layout, layoutOptions = _a.layoutOptions, onLayoutChanged = _a.onLayoutChanged, 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 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 _c = (0, react_1.useState)(null), resizingItemId = _c[0], setResizingItemId = _c[1];
-    var _d = (0, react_1.useState)(null), fullscreenItemId = _d[0], setFullscreenItemId = _d[1];
-    var _e = (0, react_1.useState)(0), width = _e[0], setWidth = _e[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), onLayoutChanged);
+    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);
     var handleDrop = function (layout, layoutItem, e) {
         if (onDrop) {
             onDrop((0, helpers_1.reactGridLayoutToReltioLayout)(layout), (0, helpers_1.reactGridLayoutItemToReltioLayoutItem)(layoutItem), e);
@@ -63,44 +69,18 @@ var ReltioGridLayout = function (_a) {
     };
     var onToggleFullscreen = (0, react_1.useCallback)(function (id) { return setFullscreenItemId(function (prevId) { return (prevId ? null : id); }); }, []);
     var isFullscreenEnabled = fullscreenItemId !== null;
-    var onItemHeightResizeInGroupingMode = (0, react_1.useCallback)(function (height, layoutId) {
-        if (height) {
-            heightsMap.current[layoutId] = (0, helpers_1.calcHeight)(height, layoutOptions);
-            var alignedLayout = (0, helpers_1.alignGroupedItemsHeights)(heightsMap.current, layout);
-            if (!(0, ramda_1.equals)(alignedLayout, layout)) {
-                onLayoutChanged(alignedLayout);
-            }
-        }
-    }, [layout, layoutOptions, onLayoutChanged]);
-    var onItemHeightResize = (0, react_1.useCallback)(function (height, layoutId) {
-        var isLayoutChanged = false;
-        var newLayout = layout.map(function (layoutItem) {
-            if (layoutItem.id === layoutId && height) {
+    var getAutosizeComponent = function (layoutItemId) { return (react_1.default.createElement(react_resize_detector_1.default, { handleHeight: true, onResize: function (_, height) {
+            if (height) {
                 var newHeight = (0, helpers_1.calcHeight)(height, layoutOptions);
-                if (layoutItem.height !== newHeight) {
-                    isLayoutChanged = true;
-                    return __assign(__assign({}, layoutItem), { minHeight: newHeight, maxHeight: newHeight, height: newHeight });
+                if (newHeight !== heightsMap.current[layoutItemId]) {
+                    heightsMap.current[layoutItemId] = newHeight;
+                    onReltioLayoutChanged(processedLayout);
                 }
             }
-            return layoutItem;
-        });
-        if (isLayoutChanged) {
-            onLayoutChanged(newLayout);
-        }
-    }, [layout, layoutOptions, onLayoutChanged]);
-    var getAutosizeComponent = function (layoutItemId) {
-        return (react_1.default.createElement(react_resize_detector_1.default, { handleHeight: true, onResize: function (width, height) {
-                if (isStatic) {
-                    onItemHeightResizeInGroupingMode(height, layoutItemId);
-                }
-                else {
-                    onItemHeightResize(height, layoutItemId);
-                }
-            } }));
-    };
+        } })); };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         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.root, styles.gridLayout, (_b = {},
+        !!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); }, "data-reltio-id": "reltio-grid-layout" }, processedLayout.map(function (layoutItem) {
             var _a;
@@ -110,16 +90,13 @@ var ReltioGridLayout = function (_a) {
             var autosizeComponent = isAutosize
                 ? { AutosizeComponent: getAutosizeComponent(layoutItem.i) }
                 : {};
-            return (react_1.default.createElement(LayoutItem, __assign({ key: layoutItem.i, layoutItemConfig: layoutItem, views: views, onToggleFullscreen: onToggleFullscreen, onRemove: onRemove, className: (0, classnames_1.default)((_a = { fullscreen: isItemFullscreen }, _a[styles.isResizing] = isResizing, _a), classes.item, { static: isStatic }), isFullscreen: isItemFullscreen }, autosizeComponent)));
+            return (react_1.default.createElement(LayoutItem, __assign({ key: layoutItem.i, layoutItemConfig: layoutItem, views: views, onToggleFullscreen: onToggleFullscreen, onRemove: onRemove, className: (0, classnames_1.default)(classes === null || classes === void 0 ? void 0 : classes.item, (_a = {
+                        static: isStatic,
+                        fullscreen: isItemFullscreen
+                    },
+                    _a[styles.isResizing] = isResizing,
+                    _a)), isFullscreen: isItemFullscreen }, autosizeComponent)));
         })))));
 };
-ReltioGridLayout.defaultProps = {
-    layoutOptions: {
-        cols: 4,
-        rowHeight: 30,
-        margin: [15, 15]
-    },
-    onLayoutChanged: ramda_1.identity,
-    classes: {}
-};
+ReltioGridLayout.displayName = 'ReltioGridLayout';
 exports.default = (0, react_1.memo)(ReltioGridLayout);

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

@@ -8,3 +8,4 @@ export declare const getReltioLayoutItemById: any;
 export declare const copyPropsFromPreviousLayout: any;
 export declare const calcHeight: (height: number, options: ReltioGridLayoutOptions) => number;
 export declare const alignGroupedItemsHeights: any;
+export declare const calcLayoutItemsHeight: any;

package/cjs/components/ReltioGridLayout/helpers.js

@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.alignGroupedItemsHeights = exports.calcHeight = exports.copyPropsFromPreviousLayout = exports.getReltioLayoutItemById = exports.reactGridLayoutToReltioLayout = exports.reltioLayoutToReactGridLayout = exports.reactGridLayoutItemToReltioLayoutItem = exports.reltioLayoutItemToReactGridLayoutItem = void 0;
+exports.calcLayoutItemsHeight = exports.alignGroupedItemsHeights = exports.calcHeight = exports.copyPropsFromPreviousLayout = exports.getReltioLayoutItemById = exports.reactGridLayoutToReltioLayout = exports.reltioLayoutToReactGridLayout = exports.reactGridLayoutItemToReltioLayoutItem = exports.reltioLayoutItemToReactGridLayoutItem = void 0;
 var ramda_1 = require("ramda");
 var reltioLayoutItemToReactGridLayoutItem = function (_a) {
     var x = _a.x, y = _a.y, width = _a.width, height = _a.height, id = _a.id, minWidth = _a.minWidth, minHeight = _a.minHeight, maxWidth = _a.maxWidth, maxHeight = _a.maxHeight, isStatic = _a.isStatic;
@@ -96,3 +96,12 @@ exports.alignGroupedItemsHeights = (0, ramda_1.curry)(function (heightsMap, layo
         return layoutItem;
     });
 });
+exports.calcLayoutItemsHeight = (0, ramda_1.curry)(function (heightsMap, layout) {
+    return layout.map(function (layoutItem) {
+        var height = heightsMap[layoutItem.id];
+        if (height && layoutItem.autosizing) {
+            return __assign(__assign({}, layoutItem), { minHeight: height, maxHeight: height, height: height });
+        }
+        return layoutItem;
+    });
+});

package/cjs/components/ReltioGridLayout/styles.js

@@ -9,6 +9,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function (_) { return ({
         position: 'relative',
         width: '100%',
         '& .react-grid-item': {
+            overflow: 'hidden',
             '&.react-grid-placeholder': {
                 background: 'rgba(0, 0, 0, 0.03)',
                 border: '2px dashed rgba(0, 0, 0, 0.3)',
@@ -23,6 +24,10 @@ exports.useStyles = (0, styles_1.makeStyles)(function (_) { return ({
             '&.static .react-resizable-handle': {
                 display: 'none'
             },
+            '&.customView .react-resizable-handle': {
+                width: '10px',
+                height: '10px'
+            },
             '&.cssTransforms': {
                 transitionProperty: 'transform'
             },

package/cjs/components/index.d.ts

@@ -149,3 +149,4 @@ export { DataTenantBadge } from './DataTenantBadge/DataTenantBadge';
 export { HierarchyNodeTitle } from './HierarchyNodeTitle/HierarchyNodeTitle';
 export { default as RequiredMark } from './RequiredMark/RequiredMark';
 export { RelevanceScoreBadge } from './RelevanceScoreBadge/RelevanceScoreBadge';
+export { default as MultilineMenuItem } from './MultilineMenuItem/MultilineMenuItem';

package/cjs/components/index.js

@@ -19,7 +19,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EmptyState = exports.NoResults = exports.NoData = exports.DropDownSelector = exports.DropDownMenuButton = exports.Drawer = exports.DataTypeValue = exports.ConnectionRelationTypeSelector = exports.ConfigureColumnsPopup = exports.MenuWithPopper = exports.MenuList = exports.LoadMoreButton = exports.DropdownIndicatorWithIconButton = exports.DropdownIndicator = exports.CommentsContainer = exports.ColorBar = exports.CollapseButton = exports.CollaborationItem = exports.ClickAwayProvider = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.ScreenProfileBand = exports.ProfileBandNavigation = exports.AvatarWithFallback = exports.AutoSizeList = exports.ReadOnlyAttributesPager = exports.SimpleAttribute = exports.ReferenceAttribute = exports.NestedAttribute = exports.EditableImageAttributesLine = exports.ImageAttributesLine = exports.ReadOnlyAttributesList = exports.ReadOnlyAttributeValuesBlock = exports.EditableAttribute = exports.ReadOnlyAttribute = exports.CardinalityMessage = exports.AttributesPager = exports.SimpleAttributeEditor = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.NestedAttributeEditor = exports.MoreAttributesButton = exports.EntitySelector = exports.EntityCreator = exports.AttributesList = exports.BranchDecorator = exports.DescriptionIcon = exports.AttributesView = exports.AttributeListItem = void 0;
 exports.SelectionPopupPopper = exports.SelectionPopup = exports.useKeyboardNavigation = exports.WhiteSearchInput = exports.SearchInput = exports.ProfileResizablePanes = exports.ResizablePanes = exports.ReltioGridLayout = exports.ReactSortableTreeUtils = exports.ReactSortableTreeHandlers = exports.ReactSortableTree = exports.ReactSelectOptionFilters = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = exports.SimpleMatchRulesBlock = exports.MatchRuleVariant = exports.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportModes = exports.ImportButton = exports.ImageGalleryDialog = exports.Highlighter = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.FlipCard = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.ErrorWrapper = exports.ErrorPopup = exports.ErrorBoundary = exports.EntityUriLink = exports.RelationTypesSelector = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = void 0;
-exports.RelevanceScoreBadge = exports.RequiredMark = exports.HierarchyNodeTitle = exports.DataTenantBadge = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.DragAndDrop = exports.ConnectionEditor = exports.AttributesFiltersBuilder = exports.AttributesFiltersButton = exports.AttributeGroupIcon = exports.BasicAttributeSelector = exports.ProfilesList = exports.ActionButtonMode = exports.ActionButton = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.RelationEditor = exports.OvIcon = exports.ErrorMessage = exports.ReltioMap = exports.ConfirmDeleteDialog = exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.ColoredSourceIcon = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = void 0;
+exports.MultilineMenuItem = exports.RelevanceScoreBadge = exports.RequiredMark = exports.HierarchyNodeTitle = exports.DataTenantBadge = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.DragAndDrop = exports.ConnectionEditor = exports.AttributesFiltersBuilder = exports.AttributesFiltersButton = exports.AttributeGroupIcon = exports.BasicAttributeSelector = exports.ProfilesList = exports.ActionButtonMode = exports.ActionButton = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.RelationEditor = exports.OvIcon = exports.ErrorMessage = exports.ReltioMap = exports.ConfirmDeleteDialog = exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.ColoredSourceIcon = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = void 0;
 __exportStar(require("./activityLog"), exports);
 var AttributeListItem_1 = require("./AttributeListItem/AttributeListItem");
 Object.defineProperty(exports, "AttributeListItem", { enumerable: true, get: function () { return __importDefault(AttributeListItem_1).default; } });
@@ -320,3 +320,5 @@ var RequiredMark_1 = require("./RequiredMark/RequiredMark");
 Object.defineProperty(exports, "RequiredMark", { enumerable: true, get: function () { return __importDefault(RequiredMark_1).default; } });
 var RelevanceScoreBadge_1 = require("./RelevanceScoreBadge/RelevanceScoreBadge");
 Object.defineProperty(exports, "RelevanceScoreBadge", { enumerable: true, get: function () { return RelevanceScoreBadge_1.RelevanceScoreBadge; } });
+var MultilineMenuItem_1 = require("./MultilineMenuItem/MultilineMenuItem");
+Object.defineProperty(exports, "MultilineMenuItem", { enumerable: true, get: function () { return __importDefault(MultilineMenuItem_1).default; } });

package/cjs/hooks/index.d.ts

@@ -24,3 +24,4 @@ export { useReadableSearchState } from './useReadableSearchState';
 export { useSavedStateForEntityType } from './useSavedStateForEntityType';
 export { useSnackbar } from './useSnackbar';
 export { useIsMountedRef } from './useIsMountedRef';
+export { useLayoutResetter } from './useLayoutResetter';

package/cjs/hooks/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = exports.useScrollToAttributeError = void 0;
+exports.useLayoutResetter = exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = exports.useScrollToAttributeError = void 0;
 var useScrollToAttributeError_1 = require("./useScrollToAttributeError/useScrollToAttributeError");
 Object.defineProperty(exports, "useScrollToAttributeError", { enumerable: true, get: function () { return useScrollToAttributeError_1.useScrollToAttributeError; } });
 var useActions_1 = require("./useActions");
@@ -53,3 +53,5 @@ var useSnackbar_1 = require("./useSnackbar");
 Object.defineProperty(exports, "useSnackbar", { enumerable: true, get: function () { return useSnackbar_1.useSnackbar; } });
 var useIsMountedRef_1 = require("./useIsMountedRef");
 Object.defineProperty(exports, "useIsMountedRef", { enumerable: true, get: function () { return useIsMountedRef_1.useIsMountedRef; } });
+var useLayoutResetter_1 = require("./useLayoutResetter");
+Object.defineProperty(exports, "useLayoutResetter", { enumerable: true, get: function () { return useLayoutResetter_1.useLayoutResetter; } });

package/cjs/hooks/useLayoutResetter.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+type Props = {
+    onLayoutReset: () => void;
+    onResetUndo: () => void;
+};
+export declare const useLayoutResetter: ({ onLayoutReset, onResetUndo }: Props) => {
+    SnackbarRenderer: () => JSX.Element;
+    resetLayout: () => void;
+};
+export {};

package/cjs/hooks/useLayoutResetter.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLayoutResetter = void 0;
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var useSnackbar_1 = require("./useSnackbar");
+var useLayoutResetter = function (_a) {
+    var onLayoutReset = _a.onLayoutReset, onResetUndo = _a.onResetUndo;
+    var resetLayout = function () {
+        onLayoutReset();
+        showSnackbarMessage(ui_i18n_1.default.text("The default layout is now restored. It's still not too late to revert your changes. Click Undo to go back to your personalized settings."));
+    };
+    var _b = (0, useSnackbar_1.useSnackbar)({
+        onDismissClick: onResetUndo,
+        showDismiss: true,
+        autoHideDuration: 5000,
+        dismissTitle: ui_i18n_1.default.text('Undo')
+    }), SnackbarRenderer = _b.SnackbarRenderer, showSnackbarMessage = _b.showSnackbarMessage;
+    return { SnackbarRenderer: SnackbarRenderer, resetLayout: resetLayout };
+};
+exports.useLayoutResetter = useLayoutResetter;

package/cjs/hooks/useSnackbar.d.ts

@@ -3,8 +3,11 @@ import { SnackbarOrigin } from '@material-ui/core/Snackbar';
 type SnackbarOptions = {
     anchorOrigin?: SnackbarOrigin;
     showDismiss?: boolean;
+    dismissTitle?: string;
+    autoHideDuration?: number;
+    onDismissClick?: () => void;
 };
-export declare const useSnackbar: (options?: SnackbarOptions) => {
+export declare const useSnackbar: ({ anchorOrigin, showDismiss, dismissTitle, autoHideDuration, onDismissClick }?: SnackbarOptions) => {
     SnackbarRenderer: () => JSX.Element;
     showSnackbarMessage: (message: any) => void;
 };

package/cjs/hooks/useSnackbar.js

@@ -29,26 +29,33 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSnackbar = void 0;
 var react_1 = __importStar(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var ramda_1 = require("ramda");
 var Portal_1 = __importDefault(require("@material-ui/core/Portal"));
 var Button_1 = __importDefault(require("@material-ui/core/Button"));
 var Snackbar_1 = __importDefault(require("@material-ui/core/Snackbar"));
+var core_1 = require("../core");
 var FIVE_MINUTES = 5 * 60 * 1000;
-var useSnackbar = function (options) {
-    if (options === void 0) { options = {}; }
-    var anchorOrigin = options.anchorOrigin, showDismiss = options.showDismiss;
-    var _a = (0, react_1.useState)(false), isOpenSnackbar = _a[0], setIsOpenSnackbar = _a[1];
-    var _b = (0, react_1.useState)(''), snackbarMessage = _b[0], setSnackbarMessage = _b[1];
+var useSnackbar = function (_a) {
+    var _b = _a === void 0 ? {} : _a, anchorOrigin = _b.anchorOrigin, showDismiss = _b.showDismiss, _c = _b.dismissTitle, dismissTitle = _c === void 0 ? ui_i18n_1.default.text('Dismiss') : _c, _d = _b.autoHideDuration, autoHideDuration = _d === void 0 ? FIVE_MINUTES : _d, _e = _b.onDismissClick, onDismissClick = _e === void 0 ? core_1.noop : _e;
+    var _f = (0, react_1.useState)(false), isOpenSnackbar = _f[0], setIsOpenSnackbar = _f[1];
+    var _g = (0, react_1.useState)(''), snackbarMessage = _g[0], setSnackbarMessage = _g[1];
     var closeSnackbar = (0, react_1.useCallback)(function () {
         setIsOpenSnackbar(false);
         setSnackbarMessage('');
     }, []);
+    var handleSnackbarClose = (0, react_1.useCallback)(function (_, reason) {
+        if (reason === 'clickaway') {
+            return;
+        }
+        closeSnackbar();
+    }, [closeSnackbar]);
     var showSnackbarMessage = (0, react_1.useCallback)(function (message) {
         setIsOpenSnackbar(true);
         setSnackbarMessage(message);
     }, []);
     var SnackbarRenderer = (0, react_1.useCallback)(function () {
         return (react_1.default.createElement(Portal_1.default, { container: document.body },
-            react_1.default.createElement(Snackbar_1.default, { open: isOpenSnackbar, anchorOrigin: anchorOrigin, autoHideDuration: FIVE_MINUTES, onClose: closeSnackbar, message: snackbarMessage, action: showDismiss ? (react_1.default.createElement(Button_1.default, { color: "primary", onClick: closeSnackbar }, ui_i18n_1.default.text('Dismiss'))) : undefined })));
+            react_1.default.createElement(Snackbar_1.default, { open: isOpenSnackbar, anchorOrigin: anchorOrigin, autoHideDuration: autoHideDuration, onClose: handleSnackbarClose, message: snackbarMessage, style: { maxWidth: 500 }, action: showDismiss ? (react_1.default.createElement(Button_1.default, { color: "primary", onClick: (0, ramda_1.pipe)(closeSnackbar, onDismissClick) }, dismissTitle)) : undefined })));
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [isOpenSnackbar, closeSnackbar, snackbarMessage]);
     return { SnackbarRenderer: SnackbarRenderer, showSnackbarMessage: showSnackbarMessage };

package/esm/components/MultilineMenuItem/MultilineMenuItem.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type Props = {
+    item: {
+        primary: string;
+        secondary: string;
+        onClick: () => void;
+    };
+    onMenuClose?: () => void;
+};
+declare const MultilineMenuItem: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLLIElement>>;
+export default MultilineMenuItem;

package/esm/components/MultilineMenuItem/MultilineMenuItem.js

@@ -0,0 +1,21 @@
+import React, { forwardRef } from 'react';
+import MenuItem from '@material-ui/core/MenuItem';
+import ListItemText from '@material-ui/core/ListItemText';
+import { noop } from '../../core';
+import { useStyles } from './styles';
+var MultilineMenuItem = forwardRef(function (_a, ref) {
+    var item = _a.item, _b = _a.onMenuClose, onMenuClose = _b === void 0 ? noop : _b;
+    var styles = useStyles();
+    var primary = item.primary, secondary = item.secondary, onClick = item.onClick;
+    var handleClick = function () {
+        onMenuClose();
+        onClick();
+    };
+    return (React.createElement(MenuItem, { className: styles.menuItem, ref: ref, onClick: handleClick },
+        React.createElement(ListItemText, { primary: primary, secondary: secondary, className: styles.itemText, classes: {
+                primary: styles.textPrimary,
+                secondary: styles.textSecondary
+            } })));
+});
+MultilineMenuItem.displayName = 'MultilineMenuItem';
+export default MultilineMenuItem;

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

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"menuItem" | "textPrimary" | "textSecondary" | "itemText">;

package/esm/components/MultilineMenuItem/styles.js

@@ -0,0 +1,20 @@
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function () { return ({
+    menuItem: {
+        whiteSpace: 'inherit',
+        width: 200,
+        padding: '9px 12px 7px'
+    },
+    itemText: {
+        margin: 0
+    },
+    textPrimary: {
+        fontSize: 14,
+        lineHeight: '16px',
+        fontWeight: 500
+    },
+    textSecondary: {
+        fontSize: 10,
+        lineHeight: '12px'
+    }
+}); });

package/esm/components/ProfileBandNavigation/ProfileBandNavigationWidget.js

@@ -28,7 +28,7 @@ var ProfileBandNavigationWidget = function (_a) {
             formatNumberAsMetric(total, 1000000),
             " ",
             total === 1 ? SEARCH_RESULT : SEARCH_RESULTS),
-        React.createElement(SmallIconButtonWithTooltip, { size: "L", icon: KeyboardArrowLeft, tooltipTitle: PREVIOUS_PROFILE, onClick: onPrev, disabled: isPrevDisabled, showForDisabled: true }),
-        React.createElement(SmallIconButtonWithTooltip, { size: "L", icon: KeyboardArrowRight, tooltipTitle: NEXT_PROFILE, onClick: onNext, disabled: isNextDisabled, showForDisabled: true })));
+        React.createElement(SmallIconButtonWithTooltip, { size: "L", icon: KeyboardArrowLeft, "data-reltio-id": "reltio-previous-profile-button", tooltipTitle: PREVIOUS_PROFILE, onClick: onPrev, disabled: isPrevDisabled, showForDisabled: true }),
+        React.createElement(SmallIconButtonWithTooltip, { size: "L", icon: KeyboardArrowRight, "data-reltio-id": "reltio-next-profile-button", tooltipTitle: NEXT_PROFILE, onClick: onNext, disabled: isNextDisabled, showForDisabled: true })));
 };
 export { ProfileBandNavigationWidget, LinkWithTooltip };

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

@@ -20,14 +20,6 @@ type Props<ViewConfig = Record<string, unknown>> = {
 };
 declare const _default: React.MemoExoticComponent<{
     ({ views, layout, layoutOptions, onLayoutChanged, draggableHandle, LayoutItem, onRemove, onDrop, droppingItem, isDroppable, isStatic, classes }: Props<Record<string, unknown>>): JSX.Element;
-    defaultProps: {
-        layoutOptions: {
-            cols: number;
-            rowHeight: number;
-            margin: number[];
-        };
-        onLayoutChanged: any;
-        classes: {};
-    };
+    displayName: string;
 }>;
 export default _default;

package/esm/components/ReltioGridLayout/ReltioGridLayout.js

@@ -12,22 +12,28 @@ var __assign = (this && this.__assign) || function () {
 import React, { useCallback, useMemo, useRef, useState, memo } from 'react';
 import GridLayout from 'react-grid-layout';
 import ReactResizeDetector from 'react-resize-detector';
-import { equals, identity, pipe } from 'ramda';
+import { pipe, ifElse, always } from 'ramda';
 import classnames from 'classnames';
-import { alignGroupedItemsHeights, reltioLayoutToReactGridLayout, reactGridLayoutToReltioLayout, reactGridLayoutItemToReltioLayoutItem, copyPropsFromPreviousLayout, calcHeight, getReltioLayoutItemById } from './helpers';
+import { alignGroupedItemsHeights, calcLayoutItemsHeight, reltioLayoutToReactGridLayout, reactGridLayoutToReltioLayout, reactGridLayoutItemToReltioLayoutItem, copyPropsFromPreviousLayout, calcHeight, getReltioLayoutItemById } from './helpers';
+import { noop } from '../../core';
 import { useStyles } from './styles';
+var DEFAULT_LAYOUT_OPTIONS = {
+    cols: 4,
+    rowHeight: 30,
+    margin: [15, 15]
+};
 var ReltioGridLayout = function (_a) {
     var _b;
-    var views = _a.views, layout = _a.layout, layoutOptions = _a.layoutOptions, onLayoutChanged = _a.onLayoutChanged, 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 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 _c = useState(null), resizingItemId = _c[0], setResizingItemId = _c[1];
-    var _d = useState(null), fullscreenItemId = _d[0], setFullscreenItemId = _d[1];
-    var _e = useState(0), width = _e[0], setWidth = _e[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), onLayoutChanged);
+    var onReltioLayoutChanged = pipe(reactGridLayoutToReltioLayout, copyPropsFromPreviousLayout(['autosizing'], layout), ifElse(always(isStatic), alignGroupedItemsHeights(heightsMap.current), calcLayoutItemsHeight(heightsMap.current)), onLayoutChanged);
     var handleDrop = function (layout, layoutItem, e) {
         if (onDrop) {
             onDrop(reactGridLayoutToReltioLayout(layout), reactGridLayoutItemToReltioLayoutItem(layoutItem), e);
@@ -35,44 +41,18 @@ var ReltioGridLayout = function (_a) {
     };
     var onToggleFullscreen = useCallback(function (id) { return setFullscreenItemId(function (prevId) { return (prevId ? null : id); }); }, []);
     var isFullscreenEnabled = fullscreenItemId !== null;
-    var onItemHeightResizeInGroupingMode = useCallback(function (height, layoutId) {
-        if (height) {
-            heightsMap.current[layoutId] = calcHeight(height, layoutOptions);
-            var alignedLayout = alignGroupedItemsHeights(heightsMap.current, layout);
-            if (!equals(alignedLayout, layout)) {
-                onLayoutChanged(alignedLayout);
-            }
-        }
-    }, [layout, layoutOptions, onLayoutChanged]);
-    var onItemHeightResize = useCallback(function (height, layoutId) {
-        var isLayoutChanged = false;
-        var newLayout = layout.map(function (layoutItem) {
-            if (layoutItem.id === layoutId && height) {
+    var getAutosizeComponent = function (layoutItemId) { return (React.createElement(ReactResizeDetector, { handleHeight: true, onResize: function (_, height) {
+            if (height) {
                 var newHeight = calcHeight(height, layoutOptions);
-                if (layoutItem.height !== newHeight) {
-                    isLayoutChanged = true;
-                    return __assign(__assign({}, layoutItem), { minHeight: newHeight, maxHeight: newHeight, height: newHeight });
+                if (newHeight !== heightsMap.current[layoutItemId]) {
+                    heightsMap.current[layoutItemId] = newHeight;
+                    onReltioLayoutChanged(processedLayout);
                 }
             }
-            return layoutItem;
-        });
-        if (isLayoutChanged) {
-            onLayoutChanged(newLayout);
-        }
-    }, [layout, layoutOptions, onLayoutChanged]);
-    var getAutosizeComponent = function (layoutItemId) {
-        return (React.createElement(ReactResizeDetector, { handleHeight: true, onResize: function (width, height) {
-                if (isStatic) {
-                    onItemHeightResizeInGroupingMode(height, layoutItemId);
-                }
-                else {
-                    onItemHeightResize(height, layoutItemId);
-                }
-            } }));
-    };
+        } })); };
     return (React.createElement(React.Fragment, null,
         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.root, styles.gridLayout, (_b = {},
+        !!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); }, "data-reltio-id": "reltio-grid-layout" }, processedLayout.map(function (layoutItem) {
             var _a;
@@ -82,16 +62,13 @@ var ReltioGridLayout = function (_a) {
             var autosizeComponent = isAutosize
                 ? { AutosizeComponent: getAutosizeComponent(layoutItem.i) }
                 : {};
-            return (React.createElement(LayoutItem, __assign({ key: layoutItem.i, layoutItemConfig: layoutItem, views: views, onToggleFullscreen: onToggleFullscreen, onRemove: onRemove, className: classnames((_a = { fullscreen: isItemFullscreen }, _a[styles.isResizing] = isResizing, _a), classes.item, { static: isStatic }), isFullscreen: isItemFullscreen }, autosizeComponent)));
+            return (React.createElement(LayoutItem, __assign({ key: layoutItem.i, layoutItemConfig: layoutItem, views: views, onToggleFullscreen: onToggleFullscreen, onRemove: onRemove, className: classnames(classes === null || classes === void 0 ? void 0 : classes.item, (_a = {
+                        static: isStatic,
+                        fullscreen: isItemFullscreen
+                    },
+                    _a[styles.isResizing] = isResizing,
+                    _a)), isFullscreen: isItemFullscreen }, autosizeComponent)));
         })))));
 };
-ReltioGridLayout.defaultProps = {
-    layoutOptions: {
-        cols: 4,
-        rowHeight: 30,
-        margin: [15, 15]
-    },
-    onLayoutChanged: identity,
-    classes: {}
-};
+ReltioGridLayout.displayName = 'ReltioGridLayout';
 export default memo(ReltioGridLayout);

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

@@ -8,3 +8,4 @@ export declare const getReltioLayoutItemById: any;
 export declare const copyPropsFromPreviousLayout: any;
 export declare const calcHeight: (height: number, options: ReltioGridLayoutOptions) => number;
 export declare const alignGroupedItemsHeights: any;
+export declare const calcLayoutItemsHeight: any;

package/esm/components/ReltioGridLayout/helpers.js

@@ -88,3 +88,12 @@ export var alignGroupedItemsHeights = curry(function (heightsMap, layout) {
         return layoutItem;
     });
 });
+export var calcLayoutItemsHeight = curry(function (heightsMap, layout) {
+    return layout.map(function (layoutItem) {
+        var height = heightsMap[layoutItem.id];
+        if (height && layoutItem.autosizing) {
+            return __assign(__assign({}, layoutItem), { minHeight: height, maxHeight: height, height: height });
+        }
+        return layoutItem;
+    });
+});

package/esm/components/ReltioGridLayout/styles.js

@@ -6,6 +6,7 @@ export var useStyles = makeStyles(function (_) { return ({
         position: 'relative',
         width: '100%',
         '& .react-grid-item': {
+            overflow: 'hidden',
             '&.react-grid-placeholder': {
                 background: 'rgba(0, 0, 0, 0.03)',
                 border: '2px dashed rgba(0, 0, 0, 0.3)',
@@ -20,6 +21,10 @@ export var useStyles = makeStyles(function (_) { return ({
             '&.static .react-resizable-handle': {
                 display: 'none'
             },
+            '&.customView .react-resizable-handle': {
+                width: '10px',
+                height: '10px'
+            },
             '&.cssTransforms': {
                 transitionProperty: 'transform'
             },

package/esm/components/index.d.ts

@@ -149,3 +149,4 @@ export { DataTenantBadge } from './DataTenantBadge/DataTenantBadge';
 export { HierarchyNodeTitle } from './HierarchyNodeTitle/HierarchyNodeTitle';
 export { default as RequiredMark } from './RequiredMark/RequiredMark';
 export { RelevanceScoreBadge } from './RelevanceScoreBadge/RelevanceScoreBadge';
+export { default as MultilineMenuItem } from './MultilineMenuItem/MultilineMenuItem';

package/esm/components/index.js

@@ -149,3 +149,4 @@ export { DataTenantBadge } from './DataTenantBadge/DataTenantBadge';
 export { HierarchyNodeTitle } from './HierarchyNodeTitle/HierarchyNodeTitle';
 export { default as RequiredMark } from './RequiredMark/RequiredMark';
 export { RelevanceScoreBadge } from './RelevanceScoreBadge/RelevanceScoreBadge';
+export { default as MultilineMenuItem } from './MultilineMenuItem/MultilineMenuItem';

package/esm/hooks/index.d.ts

@@ -24,3 +24,4 @@ export { useReadableSearchState } from './useReadableSearchState';
 export { useSavedStateForEntityType } from './useSavedStateForEntityType';
 export { useSnackbar } from './useSnackbar';
 export { useIsMountedRef } from './useIsMountedRef';
+export { useLayoutResetter } from './useLayoutResetter';

package/esm/hooks/index.js

@@ -24,3 +24,4 @@ export { useReadableSearchState } from './useReadableSearchState';
 export { useSavedStateForEntityType } from './useSavedStateForEntityType';
 export { useSnackbar } from './useSnackbar';
 export { useIsMountedRef } from './useIsMountedRef';
+export { useLayoutResetter } from './useLayoutResetter';

package/esm/hooks/useLayoutResetter.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+type Props = {
+    onLayoutReset: () => void;
+    onResetUndo: () => void;
+};
+export declare const useLayoutResetter: ({ onLayoutReset, onResetUndo }: Props) => {
+    SnackbarRenderer: () => JSX.Element;
+    resetLayout: () => void;
+};
+export {};

package/esm/hooks/useLayoutResetter.js

@@ -0,0 +1,16 @@
+import i18n from 'ui-i18n';
+import { useSnackbar } from './useSnackbar';
+export var useLayoutResetter = function (_a) {
+    var onLayoutReset = _a.onLayoutReset, onResetUndo = _a.onResetUndo;
+    var resetLayout = function () {
+        onLayoutReset();
+        showSnackbarMessage(i18n.text("The default layout is now restored. It's still not too late to revert your changes. Click Undo to go back to your personalized settings."));
+    };
+    var _b = useSnackbar({
+        onDismissClick: onResetUndo,
+        showDismiss: true,
+        autoHideDuration: 5000,
+        dismissTitle: i18n.text('Undo')
+    }), SnackbarRenderer = _b.SnackbarRenderer, showSnackbarMessage = _b.showSnackbarMessage;
+    return { SnackbarRenderer: SnackbarRenderer, resetLayout: resetLayout };
+};

package/esm/hooks/useSnackbar.d.ts

@@ -3,8 +3,11 @@ import { SnackbarOrigin } from '@material-ui/core/Snackbar';
 type SnackbarOptions = {
     anchorOrigin?: SnackbarOrigin;
     showDismiss?: boolean;
+    dismissTitle?: string;
+    autoHideDuration?: number;
+    onDismissClick?: () => void;
 };
-export declare const useSnackbar: (options?: SnackbarOptions) => {
+export declare const useSnackbar: ({ anchorOrigin, showDismiss, dismissTitle, autoHideDuration, onDismissClick }?: SnackbarOptions) => {
     SnackbarRenderer: () => JSX.Element;
     showSnackbarMessage: (message: any) => void;
 };

package/esm/hooks/useSnackbar.js

@@ -1,25 +1,32 @@
 import React, { useCallback, useState } from 'react';
 import i18n from 'ui-i18n';
+import { pipe } from 'ramda';
 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 (options) {
-    if (options === void 0) { options = {}; }
-    var anchorOrigin = options.anchorOrigin, showDismiss = options.showDismiss;
-    var _a = useState(false), isOpenSnackbar = _a[0], setIsOpenSnackbar = _a[1];
-    var _b = useState(''), snackbarMessage = _b[0], setSnackbarMessage = _b[1];
+export var useSnackbar = function (_a) {
+    var _b = _a === void 0 ? {} : _a, anchorOrigin = _b.anchorOrigin, showDismiss = _b.showDismiss, _c = _b.dismissTitle, dismissTitle = _c === void 0 ? i18n.text('Dismiss') : _c, _d = _b.autoHideDuration, autoHideDuration = _d === void 0 ? FIVE_MINUTES : _d, _e = _b.onDismissClick, onDismissClick = _e === void 0 ? noop : _e;
+    var _f = useState(false), isOpenSnackbar = _f[0], setIsOpenSnackbar = _f[1];
+    var _g = useState(''), snackbarMessage = _g[0], setSnackbarMessage = _g[1];
     var closeSnackbar = useCallback(function () {
         setIsOpenSnackbar(false);
         setSnackbarMessage('');
     }, []);
+    var handleSnackbarClose = useCallback(function (_, reason) {
+        if (reason === 'clickaway') {
+            return;
+        }
+        closeSnackbar();
+    }, [closeSnackbar]);
     var showSnackbarMessage = useCallback(function (message) {
         setIsOpenSnackbar(true);
         setSnackbarMessage(message);
     }, []);
     var SnackbarRenderer = useCallback(function () {
         return (React.createElement(Portal, { container: document.body },
-            React.createElement(Snackbar, { open: isOpenSnackbar, anchorOrigin: anchorOrigin, autoHideDuration: FIVE_MINUTES, onClose: closeSnackbar, message: snackbarMessage, action: showDismiss ? (React.createElement(Button, { color: "primary", onClick: closeSnackbar }, i18n.text('Dismiss'))) : undefined })));
+            React.createElement(Snackbar, { open: isOpenSnackbar, anchorOrigin: anchorOrigin, autoHideDuration: autoHideDuration, onClose: handleSnackbarClose, message: snackbarMessage, style: { maxWidth: 500 }, action: showDismiss ? (React.createElement(Button, { color: "primary", onClick: pipe(closeSnackbar, onDismissClick) }, dismissTitle)) : undefined })));
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [isOpenSnackbar, closeSnackbar, snackbarMessage]);
     return { SnackbarRenderer: SnackbarRenderer, showSnackbarMessage: showSnackbarMessage };

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1563",
+  "version": "1.4.1564",
   "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.1563",
-    "@reltio/mdm-sdk": "^1.4.1563",
+    "@reltio/mdm-module": "^1.4.1564",
+    "@reltio/mdm-sdk": "^1.4.1564",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",