@reltio/components 1.4.1883 → 1.4.1885

package/cjs/HOCs/withFilter/components/ColumnFilter/ColumnFilter.js

@@ -80,7 +80,7 @@ var ColumnFilter = function (_a) {
     };
     var filterOptionValues = (_b = filterOptionsData === null || filterOptionsData === void 0 ? void 0 : filterOptionsData.map(function (filterOption) { return filterOption.value; })) !== null && _b !== void 0 ? _b : (0, mdm_sdk_1.getFilterOptionsForDataTypeDefinition)(dataTypeDefinition);
     var filterOptions = filterOptionValues.map(function (value) { return ({ value: value, label: getFilterLabel(value) }); });
-    return (react_1.default.createElement("div", { ref: containerRef, className: styles.columnFilter },
+    return (react_1.default.createElement("div", { ref: containerRef, className: styles.columnFilter, "data-reltio-id": "column-filter" },
         filter && (react_1.default.createElement(FilterChip_1.FilterChip, { 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, size: "large" },
             react_1.default.createElement(ArrowDropDown_1.default, null)),

package/cjs/InlineSimpleAttributeEditor/InlineSimpleAttributeEditor.js

@@ -92,7 +92,7 @@ var InlineSimpleAttributeEditor = function (_a) {
         else if (event.key === 'Escape')
             onClose();
     };
-    return (react_1.default.createElement(Popover_1.default, { open: !!containerRef, anchorEl: containerRef.current, anchorOrigin: { vertical: 'top', horizontal: 'left' }, transformOrigin: { vertical: 'top', horizontal: 'left' }, classes: {
+    return (react_1.default.createElement(Popover_1.default, { "data-reltio-id": "inline-simple-attribute-editor", open: !!containerRef, anchorEl: containerRef.current, anchorOrigin: { vertical: 'top', horizontal: 'left' }, transformOrigin: { vertical: 'top', horizontal: 'left' }, classes: {
             paper: (0, classnames_1.default)(styles.paper, (_b = {},
                 _b[styles.booleanEditor] = (0, mdm_sdk_1.isBooleanType)(dataTypeDefinition.type),
                 _b[styles.timestampEditor] = (0, mdm_sdk_1.isTimestampBasedType)(dataTypeDefinition.type),

package/cjs/SelectorWithOnlyOptionAutoSelect/SelectorWithOnlyOptionAutoSelect.js

@@ -51,7 +51,7 @@ var SelectorWithOnlyOptionAutoSelect = function (_a) {
         }
     }, [firstOption.value]); // eslint-disable-line
     var displayEmpty = !!emptyLabel;
-    return (react_1.default.createElement("div", { className: classes.root }, hasOnlyOneOptionToSelect ? (react_1.default.createElement(Typography_1.default, { className: classes.onlyValue || styles.onlyValue, variant: 'h6' }, firstOption.label)) : (react_1.default.createElement(DropDownEditor_1.DropDownEditor, { displayEmpty: displayEmpty, disableUnderline: true, classes: {
+    return (react_1.default.createElement("div", { "data-reltio-id": "selector-with-only-option-auto-select", className: classes.root }, hasOnlyOneOptionToSelect ? (react_1.default.createElement(Typography_1.default, { className: classes.onlyValue || styles.onlyValue, variant: 'h6' }, firstOption.label)) : (react_1.default.createElement(DropDownEditor_1.DropDownEditor, { displayEmpty: displayEmpty, disableUnderline: true, classes: {
             select: classes.select || styles.select
         }, TextFieldProps: {
             classes: {

package/cjs/TreeChart/components/CustomizedContent/CustomizedContent.js

@@ -40,7 +40,7 @@ var CustomizedContent = function (_a) {
             return;
         onClick(group);
     };
-    return (react_1.default.createElement("g", { className: clickable, onClick: handleClick },
+    return (react_1.default.createElement("g", { "data-reltio-id": "tree-chart-content", className: clickable, onClick: handleClick },
         react_1.default.createElement("clipPath", { id: clipPathId },
             react_1.default.createElement("rect", { x: x + strokeWidth, y: y + strokeWidth, width: Math.max(width - strokeWidth * 2, 0), height: Math.max(height - strokeWidth * 2, 0) })),
         react_1.default.createElement("rect", { x: x, y: y, width: width, height: height, strokeWidth: strokeWidth, className: styles.treeBlock }),

package/cjs/contexts/ScrollToElementContext/index.js

@@ -72,6 +72,9 @@ var ScrollToElementProvider = function (_a) {
         highlightAttribute: handleHighlightAttribute,
         scrollIntoRef: scrollIntoRef
     }); }, [element, scrollIntoRef]);
+    (0, react_1.useEffect)(function () {
+        return function () { return clearTimeout(highlightTimer.current); };
+    }, []);
     return react_1.default.createElement(exports.ScrollToElementContext.Provider, { value: contextValue }, children);
 };
 exports.ScrollToElementProvider = ScrollToElementProvider;

package/cjs/features/crosswalks/AttributesTable/components/HeadCellRenderer/HeadCellRenderer.js

@@ -23,7 +23,7 @@ var styles_2 = require("./styles");
 var HeadCellRenderer = function (props) {
     var styles = (0, styles_2.useStyles)();
     var commonStyles = (0, styles_1.useCommonStyles)();
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.root, commonStyles.coloredCell) },
+    return (react_1.default.createElement("div", { "data-reltio-id": "attributes-table-head-cell", className: (0, classnames_1.default)(styles.root, commonStyles.coloredCell) },
         react_1.default.createElement(DefaultHeadCellRenderer_1.default, __assign({}, props)),
         props.children));
 };

package/cjs/hooks/useHiddenAttributes/useHiddenAttributes.js

@@ -22,8 +22,8 @@ var useHiddenAttributes = function () {
     var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
     var mdmEntity = (0, MdmModuleContext_1.useMdmEntity)();
     var mode = (0, MdmModuleContext_1.useMdmMode)();
-    var modifiedEntity = (0, MdmModuleContext_1.useMdmModifiedEntity)(mdmEntity === null || mdmEntity === void 0 ? void 0 : mdmEntity.uri) || {};
-    var entity = mode === mdm_sdk_1.Mode.Viewing ? mdmEntity : modifiedEntity;
+    var modifiedEntity = (0, MdmModuleContext_1.useMdmModifiedEntity)(mdmEntity === null || mdmEntity === void 0 ? void 0 : mdmEntity.uri);
+    var entity = (0, mdm_sdk_1.isEditableMode)(mode) && modifiedEntity ? modifiedEntity : mdmEntity;
     var entityUri = entity === null || entity === void 0 ? void 0 : entity.uri;
     var updateHiddenAttributes = (0, MdmModuleContext_1.useMdmAction)('updateHiddenAttributes');
     var resetHiddenAttributes = (0, MdmModuleContext_1.useMdmAction)('resetHiddenAttributes');

package/cjs/index.d.ts

@@ -270,7 +270,7 @@ export * from './types';
 export * from './constants';
 export { TestPerspectivesSettingsProvider } from './test-utils/TestPerspectiveSettingsProvider';
 export { TestStylesProvider } from './test-utils/TestStylesProvider';
-export { awaitMockPromises, deepFreeze, delayPromise, getMuiIconByName, mockBasicTableSizing, mockElementSizes, rerenderWrapper } from './test-utils';
+export { awaitMockPromises, deepFreeze, delayPromise, getMuiIconByName, getMuiIconsByName, mockBasicTableSizing, mockElementSizes, rerenderWrapper, FakeMouseEvent } from './test-utils';
 export * from './features/activity-log';
 export * from './features/crosswalks';
 export * from './features/graph';

package/cjs/index.js

@@ -20,7 +20,7 @@ exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = exp
 exports.ProfilePerspectiveViewContext = exports.usePerspectivesSettings = exports.PerspectivesSettingsContext = exports.PivotingAttributeContext = exports.UsersContext = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = exports.MdmModuleProvider = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.withContext = exports.withDateRangeSelector = exports.withDragHandle = exports.withAsyncMount = exports.withTooltip = exports.RelationEditor = exports.ReltioMap = exports.Marginator = exports.LightArrowTooltip = exports.ScrollableTabs = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopup = exports.WhiteSearchInput = exports.SearchInput = exports.ProfileResizablePanes = exports.ResizablePanes = exports.ReltioGridLayout = exports.reactSortableTreeHelpers = exports.ReactSortableTree = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = void 0;
 exports.useScrollToAttributeError = exports.HiddenAttributesContext = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.SegmentationContext = exports.useReloadData = exports.ReloadDataProvider = exports.useAttributeValueConfigPermissions = exports.ConfigPermissionsContextProvider = exports.ConfigPermissionsContext = exports.useActionsHook = exports.ActionsHookProvider = exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.isHighlightedAttributeType = exports.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = void 0;
 exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.mergeClasses = exports.isControlOrCommandPressed = exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsFilter = exports.useKeyboardNavigation = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.useHiddenAttributes = exports.useSavedSearchesRequest = exports.useRequestDCRReview = exports.useAutoFocus = exports.useExpandInvalidRelations = 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.useMatchesColumnsData = void 0;
-exports.rerenderWrapper = exports.mockElementSizes = exports.mockBasicTableSizing = exports.getMuiIconByName = exports.delayPromise = exports.deepFreeze = exports.awaitMockPromises = void 0;
+exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.delayPromise = exports.deepFreeze = exports.awaitMockPromises = void 0;
 // components
 var ActionButton_1 = require("./ActionButton");
 Object.defineProperty(exports, "ActionButton", { enumerable: true, get: function () { return ActionButton_1.ActionButton; } });
@@ -601,9 +601,11 @@ Object.defineProperty(exports, "awaitMockPromises", { enumerable: true, get: fun
 Object.defineProperty(exports, "deepFreeze", { enumerable: true, get: function () { return test_utils_1.deepFreeze; } });
 Object.defineProperty(exports, "delayPromise", { enumerable: true, get: function () { return test_utils_1.delayPromise; } });
 Object.defineProperty(exports, "getMuiIconByName", { enumerable: true, get: function () { return test_utils_1.getMuiIconByName; } });
+Object.defineProperty(exports, "getMuiIconsByName", { enumerable: true, get: function () { return test_utils_1.getMuiIconsByName; } });
 Object.defineProperty(exports, "mockBasicTableSizing", { enumerable: true, get: function () { return test_utils_1.mockBasicTableSizing; } });
 Object.defineProperty(exports, "mockElementSizes", { enumerable: true, get: function () { return test_utils_1.mockElementSizes; } });
 Object.defineProperty(exports, "rerenderWrapper", { enumerable: true, get: function () { return test_utils_1.rerenderWrapper; } });
+Object.defineProperty(exports, "FakeMouseEvent", { enumerable: true, get: function () { return test_utils_1.FakeMouseEvent; } });
 // features / activity-log
 __exportStar(require("./features/activity-log"), exports);
 // features / crosswalks

package/cjs/test-utils/index.d.ts

@@ -17,3 +17,15 @@ export declare const mockBasicTableSizing: ({ width, height }?: {
 }) => () => void;
 export declare const getMuiIconByName: (name: string, el?: HTMLElement) => HTMLElement;
 export declare const getMuiIconsByName: (name: string, el?: HTMLElement) => HTMLElement[];
+interface MouseEventWithOffsets extends MouseEventInit {
+    pageX?: number;
+    pageY?: number;
+    offsetX?: number;
+    offsetY?: number;
+    x?: number;
+    y?: number;
+}
+export declare class FakeMouseEvent extends MouseEvent {
+    constructor(type: string, values: MouseEventWithOffsets);
+}
+export {};

package/cjs/test-utils/index.js

@@ -1,4 +1,19 @@
 "use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -35,8 +50,19 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getMuiIconsByName = exports.getMuiIconByName = exports.mockBasicTableSizing = exports.mockElementSizes = exports.rerenderWrapper = exports.deepFreeze = exports.awaitMockPromises = exports.delayPromise = void 0;
+exports.FakeMouseEvent = exports.getMuiIconsByName = exports.getMuiIconByName = exports.mockBasicTableSizing = exports.mockElementSizes = exports.rerenderWrapper = exports.deepFreeze = exports.awaitMockPromises = exports.delayPromise = void 0;
 var react_1 = require("@testing-library/react");
 var delayPromise = function (delay) {
     if (delay === void 0) { delay = 0; }
@@ -123,3 +149,22 @@ var getMuiIconsByName = function (name, el) {
     return react_1.queryHelpers.queryAllByAttribute('data-testid', el, dataTestId);
 };
 exports.getMuiIconsByName = getMuiIconsByName;
+var FakeMouseEvent = /** @class */ (function (_super) {
+    __extends(FakeMouseEvent, _super);
+    function FakeMouseEvent(type, values) {
+        var _this = this;
+        var pageX = values.pageX, pageY = values.pageY, offsetX = values.offsetX, offsetY = values.offsetY, x = values.x, y = values.y, mouseValues = __rest(values, ["pageX", "pageY", "offsetX", "offsetY", "x", "y"]);
+        _this = _super.call(this, type, mouseValues) || this;
+        Object.assign(_this, {
+            offsetX: offsetX || 0,
+            offsetY: offsetY || 0,
+            pageX: pageX || 0,
+            pageY: pageY || 0,
+            x: x || 0,
+            y: y || 0
+        });
+        return _this;
+    }
+    return FakeMouseEvent;
+}(MouseEvent));
+exports.FakeMouseEvent = FakeMouseEvent;

package/esm/HOCs/withFilter/components/ColumnFilter/ColumnFilter.js

@@ -51,7 +51,7 @@ export var ColumnFilter = function (_a) {
     };
     var filterOptionValues = (_b = filterOptionsData === null || filterOptionsData === void 0 ? void 0 : filterOptionsData.map(function (filterOption) { return filterOption.value; })) !== null && _b !== void 0 ? _b : getFilterOptionsForDataTypeDefinition(dataTypeDefinition);
     var filterOptions = filterOptionValues.map(function (value) { return ({ value: value, label: getFilterLabel(value) }); });
-    return (React.createElement("div", { ref: containerRef, className: styles.columnFilter },
+    return (React.createElement("div", { ref: containerRef, className: styles.columnFilter, "data-reltio-id": "column-filter" },
         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(ArrowDropDownIcon, null)),

package/esm/InlineSimpleAttributeEditor/InlineSimpleAttributeEditor.js

@@ -63,7 +63,7 @@ export var InlineSimpleAttributeEditor = function (_a) {
         else if (event.key === 'Escape')
             onClose();
     };
-    return (React.createElement(Popover, { open: !!containerRef, anchorEl: containerRef.current, anchorOrigin: { vertical: 'top', horizontal: 'left' }, transformOrigin: { vertical: 'top', horizontal: 'left' }, classes: {
+    return (React.createElement(Popover, { "data-reltio-id": "inline-simple-attribute-editor", open: !!containerRef, anchorEl: containerRef.current, anchorOrigin: { vertical: 'top', horizontal: 'left' }, transformOrigin: { vertical: 'top', horizontal: 'left' }, classes: {
             paper: classnames(styles.paper, (_b = {},
                 _b[styles.booleanEditor] = isBooleanType(dataTypeDefinition.type),
                 _b[styles.timestampEditor] = isTimestampBasedType(dataTypeDefinition.type),

package/esm/SelectorWithOnlyOptionAutoSelect/SelectorWithOnlyOptionAutoSelect.js

@@ -22,7 +22,7 @@ export var SelectorWithOnlyOptionAutoSelect = function (_a) {
         }
     }, [firstOption.value]); // eslint-disable-line
     var displayEmpty = !!emptyLabel;
-    return (React.createElement("div", { className: classes.root }, hasOnlyOneOptionToSelect ? (React.createElement(Typography, { className: classes.onlyValue || styles.onlyValue, variant: 'h6' }, firstOption.label)) : (React.createElement(DropDownEditor, { displayEmpty: displayEmpty, disableUnderline: true, classes: {
+    return (React.createElement("div", { "data-reltio-id": "selector-with-only-option-auto-select", className: classes.root }, hasOnlyOneOptionToSelect ? (React.createElement(Typography, { className: classes.onlyValue || styles.onlyValue, variant: 'h6' }, firstOption.label)) : (React.createElement(DropDownEditor, { displayEmpty: displayEmpty, disableUnderline: true, classes: {
             select: classes.select || styles.select
         }, TextFieldProps: {
             classes: {

package/esm/TreeChart/components/CustomizedContent/CustomizedContent.js

@@ -14,7 +14,7 @@ export var CustomizedContent = function (_a) {
             return;
         onClick(group);
     };
-    return (React.createElement("g", { className: clickable, onClick: handleClick },
+    return (React.createElement("g", { "data-reltio-id": "tree-chart-content", className: clickable, onClick: handleClick },
         React.createElement("clipPath", { id: clipPathId },
             React.createElement("rect", { x: x + strokeWidth, y: y + strokeWidth, width: Math.max(width - strokeWidth * 2, 0), height: Math.max(height - strokeWidth * 2, 0) })),
         React.createElement("rect", { x: x, y: y, width: width, height: height, strokeWidth: strokeWidth, className: styles.treeBlock }),

package/esm/contexts/ScrollToElementContext/index.js

@@ -1,4 +1,4 @@
-import React, { useCallback, useMemo, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { identity } from 'ramda';
 export var ScrollType;
 (function (ScrollType) {
@@ -44,5 +44,8 @@ export var ScrollToElementProvider = function (_a) {
         highlightAttribute: handleHighlightAttribute,
         scrollIntoRef: scrollIntoRef
     }); }, [element, scrollIntoRef]);
+    useEffect(function () {
+        return function () { return clearTimeout(highlightTimer.current); };
+    }, []);
     return React.createElement(ScrollToElementContext.Provider, { value: contextValue }, children);
 };

package/esm/features/crosswalks/AttributesTable/components/HeadCellRenderer/HeadCellRenderer.js

@@ -17,7 +17,7 @@ import { useStyles } from './styles';
 export var HeadCellRenderer = function (props) {
     var styles = useStyles();
     var commonStyles = useCommonStyles();
-    return (React.createElement("div", { className: classnames(styles.root, commonStyles.coloredCell) },
+    return (React.createElement("div", { "data-reltio-id": "attributes-table-head-cell", className: classnames(styles.root, commonStyles.coloredCell) },
         React.createElement(DefaultHeadCellRenderer, __assign({}, props)),
         props.children));
 };

package/esm/hooks/useHiddenAttributes/useHiddenAttributes.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import { useEffect, useMemo } from 'react';
 import { flatten, pipe, pluck, uniq, without } from 'ramda';
-import { Mode, getRuleBasedAttributes, parseRuleBasedAttribute } from '@reltio/mdm-sdk';
+import { getRuleBasedAttributes, isEditableMode, parseRuleBasedAttribute } from '@reltio/mdm-sdk';
 import { useChangedAttributes } from '../useChangedAttributes';
 import { findRulesToCheck, findShowAttributeURIs } from './helpers';
 import { useMdmHiddenAttributes, useMdmAction, useMdmEntity, useMdmMetadata, useMdmMode, useMdmModifiedEntity } from '../../contexts/MdmModuleContext';
@@ -19,8 +19,8 @@ export var useHiddenAttributes = function () {
     var metadata = useMdmMetadata();
     var mdmEntity = useMdmEntity();
     var mode = useMdmMode();
-    var modifiedEntity = useMdmModifiedEntity(mdmEntity === null || mdmEntity === void 0 ? void 0 : mdmEntity.uri) || {};
-    var entity = mode === Mode.Viewing ? mdmEntity : modifiedEntity;
+    var modifiedEntity = useMdmModifiedEntity(mdmEntity === null || mdmEntity === void 0 ? void 0 : mdmEntity.uri);
+    var entity = isEditableMode(mode) && modifiedEntity ? modifiedEntity : mdmEntity;
     var entityUri = entity === null || entity === void 0 ? void 0 : entity.uri;
     var updateHiddenAttributes = useMdmAction('updateHiddenAttributes');
     var resetHiddenAttributes = useMdmAction('resetHiddenAttributes');

package/esm/index.d.ts

@@ -270,7 +270,7 @@ export * from './types';
 export * from './constants';
 export { TestPerspectivesSettingsProvider } from './test-utils/TestPerspectiveSettingsProvider';
 export { TestStylesProvider } from './test-utils/TestStylesProvider';
-export { awaitMockPromises, deepFreeze, delayPromise, getMuiIconByName, mockBasicTableSizing, mockElementSizes, rerenderWrapper } from './test-utils';
+export { awaitMockPromises, deepFreeze, delayPromise, getMuiIconByName, getMuiIconsByName, mockBasicTableSizing, mockElementSizes, rerenderWrapper, FakeMouseEvent } from './test-utils';
 export * from './features/activity-log';
 export * from './features/crosswalks';
 export * from './features/graph';

package/esm/index.js

@@ -273,7 +273,7 @@ export * from './constants';
 // test-utils
 export { TestPerspectivesSettingsProvider } from './test-utils/TestPerspectiveSettingsProvider';
 export { TestStylesProvider } from './test-utils/TestStylesProvider';
-export { awaitMockPromises, deepFreeze, delayPromise, getMuiIconByName, mockBasicTableSizing, mockElementSizes, rerenderWrapper } from './test-utils';
+export { awaitMockPromises, deepFreeze, delayPromise, getMuiIconByName, getMuiIconsByName, mockBasicTableSizing, mockElementSizes, rerenderWrapper, FakeMouseEvent } from './test-utils';
 // features / activity-log
 export * from './features/activity-log';
 // features / crosswalks

package/esm/test-utils/index.d.ts

@@ -17,3 +17,15 @@ export declare const mockBasicTableSizing: ({ width, height }?: {
 }) => () => void;
 export declare const getMuiIconByName: (name: string, el?: HTMLElement) => HTMLElement;
 export declare const getMuiIconsByName: (name: string, el?: HTMLElement) => HTMLElement[];
+interface MouseEventWithOffsets extends MouseEventInit {
+    pageX?: number;
+    pageY?: number;
+    offsetX?: number;
+    offsetY?: number;
+    x?: number;
+    y?: number;
+}
+export declare class FakeMouseEvent extends MouseEvent {
+    constructor(type: string, values: MouseEventWithOffsets);
+}
+export {};

package/esm/test-utils/index.js

@@ -1,3 +1,18 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -34,6 +49,17 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { queryHelpers } from '@testing-library/react';
 export var delayPromise = function (delay) {
     if (delay === void 0) { delay = 0; }
@@ -112,3 +138,22 @@ export var getMuiIconsByName = function (name, el) {
     var dataTestId = name + 'Icon';
     return queryHelpers.queryAllByAttribute('data-testid', el, dataTestId);
 };
+var FakeMouseEvent = /** @class */ (function (_super) {
+    __extends(FakeMouseEvent, _super);
+    function FakeMouseEvent(type, values) {
+        var _this = this;
+        var pageX = values.pageX, pageY = values.pageY, offsetX = values.offsetX, offsetY = values.offsetY, x = values.x, y = values.y, mouseValues = __rest(values, ["pageX", "pageY", "offsetX", "offsetY", "x", "y"]);
+        _this = _super.call(this, type, mouseValues) || this;
+        Object.assign(_this, {
+            offsetX: offsetX || 0,
+            offsetY: offsetY || 0,
+            pageX: pageX || 0,
+            pageY: pageY || 0,
+            x: x || 0,
+            y: y || 0
+        });
+        return _this;
+    }
+    return FakeMouseEvent;
+}(MouseEvent));
+export { FakeMouseEvent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1883",
+  "version": "1.4.1885",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",