@reltio/components 1.4.1721 → 1.4.1723

package/cjs/components/AttributesErrorsPanel/ErrorsPanel/Error.js

@@ -29,10 +29,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Error = void 0;
 var react_1 = __importStar(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
 var Hyperlink_1 = __importDefault(require("../../../icons/Hyperlink"));
 var SmallIconButton_1 = require("../../SmallIconButton");
 var contexts_1 = require("../../../contexts");
 var helpers_1 = require("./helpers");
+var icons_1 = require("../../../icons");
 var styles_1 = __importDefault(require("../styles"));
 exports.Error = (0, react_1.memo)(function (_a) {
     var error = _a.error;
@@ -44,7 +47,10 @@ exports.Error = (0, react_1.memo)(function (_a) {
     var displayedAttributeTypesPath = (0, helpers_1.getDisplayedAttributeTypesPath)(error);
     var highlightError = (0, react_1.useContext)(contexts_1.ScrollToElementContext).highlightError;
     var showLink = error.uri || (error.parentUri && error.attributeTypeUri);
-    return (react_1.default.createElement("li", null,
+    return (react_1.default.createElement("div", { className: styles.errorListItem },
+        react_1.default.createElement("div", { className: styles.listItemMarker }, error.type === mdm_sdk_1.ErrorType.rdmIssueInReference ? (react_1.default.createElement(Tooltip_1.default, { title: ui_i18n_1.default.text('This error is visible only in view mode') },
+            react_1.default.createElement("span", null,
+                react_1.default.createElement(icons_1.ReadOnlyError, { className: styles.errorIcon })))) : (react_1.default.createElement("div", { className: styles.discIcon }))),
         react_1.default.createElement("div", { className: styles.errorWrapper },
             displayedAttributeTypesPath && (react_1.default.createElement("span", { className: styles.attributeTypesPath }, displayedAttributeTypesPath)),
             react_1.default.createElement("span", { className: styles.errorTitle },

package/cjs/components/AttributesErrorsPanel/ErrorsPanel/ErrorsPanel.js

@@ -48,8 +48,7 @@ exports.ErrorsPanel = (0, react_1.memo)(function (_a) {
                 }, expandIcon: react_1.default.createElement(ExpandMore_1.default, null) },
                 icon,
                 react_1.default.createElement(Typography_1.default, { className: styles.accordionSummaryHeading }, title)),
-            react_1.default.createElement(AccordionDetails_1.default, { className: (0, classnames_1.default)(styles.accordionDetails, accordionDetailsClassName) },
-                react_1.default.createElement("ul", null, items.map(function (error, i) { return (react_1.default.createElement(ErrorComponent, { key: i, error: error })); })))));
+            react_1.default.createElement(AccordionDetails_1.default, { className: (0, classnames_1.default)(styles.accordionDetails, accordionDetailsClassName) }, items.map(function (error, i) { return (react_1.default.createElement(ErrorComponent, { key: i, error: error })); }))));
     }))) : null;
 });
 exports.ErrorsPanel.displayName = 'ErrorsPanel';

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

@@ -1,2 +1,2 @@
-declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"icon" | "parents" | "errorWrapper" | "accordion" | "accordionExpanded" | "accordionSummary" | "accordionSummaryHeading" | "accordionSummaryExpanded" | "accordionSummaryContent" | "accordionDetails" | "errorTitle" | "attributeTypesPath" | "goToIcon" | "errorsAccordion" | "errorsAccordionDetails" | "warningsAccordion" | "warningsAccordionDetails" | "errorIcon" | "warningIcon">;
+declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"icon" | "parents" | "errorWrapper" | "accordion" | "accordionExpanded" | "accordionSummary" | "accordionSummaryHeading" | "accordionSummaryExpanded" | "accordionSummaryContent" | "accordionDetails" | "errorTitle" | "attributeTypesPath" | "goToIcon" | "errorsAccordion" | "errorsAccordionDetails" | "warningsAccordion" | "warningsAccordionDetails" | "errorIcon" | "warningIcon" | "errorListItem" | "listItemMarker" | "discIcon">;
 export default useStyles;

package/cjs/components/AttributesErrorsPanel/styles.js

@@ -43,24 +43,19 @@ var useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     accordionDetails: {
         maxHeight: '21vh',
         overflow: 'auto',
-        paddingTop: 0,
-        paddingBottom: 0,
-        '& ul': {
-            paddingLeft: '23px',
-            marginTop: '3px'
-        },
-        '& li': {
-            paddingLeft: '9px',
-            paddingBottom: '8px'
-        }
+        paddingTop: '3px',
+        paddingBottom: '8px'
     },
     parents: {
         color: theme.palette.text.primary
     },
     errorWrapper: {
+        flex: 1,
         lineHeight: '18px',
         display: 'flex',
-        flexDirection: 'column'
+        flexDirection: 'column',
+        paddingLeft: '8px',
+        paddingBottom: '8px'
     },
     errorTitle: {
         display: 'flex',
@@ -94,6 +89,27 @@ var useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     },
     warningIcon: {
         fill: '#F9A825'
+    },
+    errorListItem: {
+        display: 'flex',
+        alignItems: 'flex-start',
+        '& svg': {
+            fill: 'currentColor'
+        }
+    },
+    listItemMarker: {
+        flexShrink: 0,
+        width: '24px',
+        marginTop: '3px',
+        display: 'flex',
+        justifyContent: 'center'
+    },
+    discIcon: {
+        height: '4px',
+        width: '4px',
+        backgroundColor: 'currentColor',
+        borderRadius: '50%',
+        marginTop: '4px'
     }
 }); });
 exports.default = useStyles;

package/cjs/components/AttributesErrorsPanel/useCachedErrors.d.ts

@@ -1 +1,2 @@
-export declare const useCachedErrors: (allErrors: any) => any;
+import { AttributeError } from '@reltio/mdm-sdk';
+export declare const useCachedErrors: (allErrors: AttributeError[]) => AttributeError[];

package/cjs/components/AttributesErrorsPanel/useCachedErrors.js

@@ -2,13 +2,20 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCachedErrors = void 0;
 var react_1 = require("react");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var contexts_1 = require("../../contexts");
 var helpers_1 = require("./ErrorsPanel/helpers");
 var useCachedErrors = function (allErrors) {
-    var cacheForAllErrors = (0, react_1.useRef)(allErrors);
-    var areEqualErrors = (0, helpers_1.areErrorsEqual)(allErrors, cacheForAllErrors.current);
+    var mode = (0, contexts_1.useMdmMode)();
+    var filteredErrors = (0, react_1.useMemo)(function () { return ((0, mdm_sdk_1.isViewMode)(mode) ? allErrors : allErrors.filter(function (_a) {
+        var type = _a.type;
+        return type !== mdm_sdk_1.ErrorType.rdmIssueInReference;
+    })); }, [mode, allErrors]);
+    var cacheForFilteredErrors = (0, react_1.useRef)(filteredErrors);
+    var areEqualErrors = (0, helpers_1.areErrorsEqual)(filteredErrors, cacheForFilteredErrors.current);
     if (!areEqualErrors) {
-        cacheForAllErrors.current = allErrors;
+        cacheForFilteredErrors.current = filteredErrors;
     }
-    return cacheForAllErrors.current;
+    return cacheForFilteredErrors.current;
 };
 exports.useCachedErrors = useCachedErrors;

package/cjs/components/EntityUriLink/EntityUriLink.js

@@ -47,6 +47,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var contexts_1 = require("../../contexts");
+var core_1 = require("../../core");
 var EntityUriLink = (0, react_1.forwardRef)(function (_a, ref) {
     var value = _a.value, children = _a.children, screen = _a.screen, className = _a.className, _b = _a.shouldOpenInNewTab, shouldOpenInNewTab = _b === void 0 ? false : _b, otherProps = __rest(_a, ["value", "children", "screen", "className", "shouldOpenInNewTab"]);
     var viewId = (0, react_1.useContext)(contexts_1.ViewIdContext);
@@ -55,9 +56,11 @@ var EntityUriLink = (0, react_1.forwardRef)(function (_a, ref) {
     var uiPath = (0, contexts_1.useMdmUiPath)();
     var generateEntityUrlByUri = function (uri) { return generateEntityUrl({ uiPath: uiPath, uri: uri, screen: screen }); };
     var handleClick = (0, react_1.useCallback)(function (e) {
-        openEntity({ uri: value, viewId: viewId, screen: screen });
+        if (!(0, core_1.isControlOrCommandPressed)(e)) {
+            openEntity({ uri: value, viewId: viewId, screen: screen });
+            e.preventDefault();
+        }
         e.stopPropagation();
-        e.preventDefault();
     }, [openEntity, screen, value, viewId]);
     return (react_1.default.createElement("a", __assign({ ref: ref, href: generateEntityUrlByUri(value), onClick: shouldOpenInNewTab ? undefined : handleClick, target: shouldOpenInNewTab ? '_blank' : '_self', className: className }, otherProps), children));
 });

package/cjs/components/Link/Link.js

@@ -5,11 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var styles_1 = require("./styles");
+var core_1 = require("../../core");
 var Link = function (_a) {
     var to = _a.to, children = _a.children, onClick = _a.onClick;
     var styles = (0, styles_1.useStyles)();
     return (react_1.default.createElement("a", { href: to, onClick: function (e) {
-            if (onClick) {
+            if ((!(0, core_1.isControlOrCommandPressed)(e) || !to) && onClick) {
                 onClick();
                 e.stopPropagation();
                 e.preventDefault();

package/cjs/components/PivotingUriLink/PivotingUriLink.js

@@ -30,17 +30,21 @@ var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var contexts_1 = require("../../contexts");
 var styles_1 = require("./styles");
+var core_1 = require("../../core");
 var PivotingUriLink = (0, react_1.forwardRef)(function (_a, ref) {
     var value = _a.value, attributeType = _a.attributeType, children = _a.children, className = _a.className, onClick = _a.onClick;
     var styles = (0, styles_1.useStyles)();
     var generatePivotingUrl = (0, react_1.useContext)(contexts_1.UrlGeneratorsContext).generatePivotingUrl;
     var uiPath = (0, contexts_1.useMdmUiPath)();
     var url = generatePivotingUrl({ uiPath: uiPath, uri: attributeType.uri, value: JSON.stringify(value) });
-    return (react_1.default.createElement("a", { ref: ref, href: url, onClick: function (e) {
+    var handleClick = (0, react_1.useCallback)(function (e) {
+        if (!(0, core_1.isControlOrCommandPressed)(e)) {
             onClick();
-            e.stopPropagation();
             e.preventDefault();
-        }, className: (0, classnames_1.default)(styles.link, className) }, children));
+        }
+        e.stopPropagation();
+    }, [onClick]);
+    return (react_1.default.createElement("a", { ref: ref, href: url, onClick: handleClick, className: (0, classnames_1.default)(styles.link, className) }, children));
 });
 PivotingUriLink.displayName = 'PivotingUriLink';
 exports.default = PivotingUriLink;

package/cjs/components/attributes/editMode/EntitySelector/components/SingleValue.d.ts

@@ -1,10 +1,15 @@
+/// <reference types="react" />
+import { TEntityType } from '@reltio/mdm-sdk';
+type Props = {
+    selectProps: {
+        currentEntityType: TEntityType;
+        menuIsOpen: boolean;
+        disableLinkClick: boolean;
+    };
+    children: string;
+    data: {
+        entityUri: string;
+    };
+};
+declare const SingleValue: ({ selectProps: { currentEntityType, menuIsOpen, disableLinkClick }, children, data }: Props) => JSX.Element;
 export default SingleValue;
-declare function SingleValue(props: any): JSX.Element;
-declare namespace SingleValue {
-    namespace propTypes {
-        const children: PropTypes.Requireable<string>;
-        const data: PropTypes.Validator<object>;
-        const selectProps: PropTypes.Validator<object>;
-    }
-}
-import PropTypes from 'prop-types';

package/cjs/components/attributes/editMode/EntitySelector/components/SingleValue.js

@@ -38,15 +38,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var classnames_1 = __importDefault(require("classnames"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var contexts_1 = require("../../../../../contexts");
 var styles_1 = require("./styles");
-var SingleValue = function (props) {
-    var _a = props.selectProps, currentEntityType = _a.currentEntityType, menuIsOpen = _a.menuIsOpen, disableLinkClick = _a.disableLinkClick, children = props.children, data = props.data;
+var core_1 = require("../../../../../core");
+var SingleValue = function (_a) {
+    var _b = _a.selectProps, currentEntityType = _b.currentEntityType, menuIsOpen = _b.menuIsOpen, disableLinkClick = _b.disableLinkClick, children = _a.children, data = _a.data;
     var styles = (0, styles_1.useSingleValueStyles)();
     var openEntity = (0, contexts_1.useMdmAction)('openEntity');
     var uiPath = (0, contexts_1.useMdmUiPath)();
@@ -54,8 +54,15 @@ var SingleValue = function (props) {
     var generateEntityUrl = (0, react_1.useContext)(contexts_1.UrlGeneratorsContext).generateEntityUrl;
     var handleOnMouseDown = function (event) {
         event.stopPropagation();
-        if (!disableLinkClick) {
+    };
+    var handleClick = function (event) {
+        event.stopPropagation();
+        if (disableLinkClick) {
+            event.preventDefault();
+        }
+        else if (!(0, core_1.isControlOrCommandPressed)(event)) {
             openEntity({ uri: data.entityUri, viewId: viewId });
+            event.preventDefault();
         }
     };
     var valueProps = (0, mdm_sdk_1.isTempUri)(data.entityUri)
@@ -66,7 +73,7 @@ var SingleValue = function (props) {
         : {
             className: (0, classnames_1.default)(styles.singleValue, styles.linkValue),
             onMouseDown: handleOnMouseDown,
-            onClick: function (e) { return e.preventDefault(); },
+            onClick: handleClick,
             href: generateEntityUrl({ uiPath: uiPath, uri: data.entityUri }),
             component: 'a'
         };
@@ -74,9 +81,4 @@ var SingleValue = function (props) {
         ? ui_i18n_1.default.text("New ".concat(currentEntityType.label, " will be created"))
         : (0, mdm_sdk_1.getLabel)(children))));
 };
-SingleValue.propTypes = {
-    children: prop_types_1.default.string,
-    data: prop_types_1.default.object.isRequired,
-    selectProps: prop_types_1.default.object.isRequired
-};
 exports.default = SingleValue;

package/cjs/core/utils.d.ts

@@ -1,13 +1,14 @@
-export function getValue(e: any): any;
-export function getChecked(e: any): any;
-export function stopPropagation(e: any): any;
-export function noop(): void;
-export function EmptyStub(): any;
-export function mergeClasses(classes: any, other: any): any;
-export function isIE(): any;
 export function createStandardAction(type: any): (payload: any) => {
     type: any;
     payload: any;
 };
-export function toggleSortOrder(order: any): "asc" | "desc";
+export function EmptyStub(): any;
+export function getChecked(e: any): any;
+export function isControlOrCommandPressed(e: any): any;
+export function getValue(e: any): any;
+export function isIE(): any;
+export function mergeClasses(classes: any, other: any): any;
+export function noop(): void;
 export function parseJSON(value: any): any;
+export function stopPropagation(e: any): any;
+export function toggleSortOrder(order: any): "asc" | "desc";

package/cjs/core/utils.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseJSON = exports.toggleSortOrder = exports.createStandardAction = exports.isIE = exports.mergeClasses = exports.EmptyStub = exports.noop = exports.stopPropagation = exports.getChecked = exports.getValue = void 0;
+exports.toggleSortOrder = exports.stopPropagation = exports.parseJSON = exports.noop = exports.mergeClasses = exports.isIE = exports.getValue = exports.isControlOrCommandPressed = exports.getChecked = exports.EmptyStub = exports.createStandardAction = void 0;
 var ramda_1 = require("ramda");
 var classnames_1 = __importDefault(require("classnames"));
 var getValue = function (e) { return e.target.value; };
@@ -23,6 +23,8 @@ var getChecked = function (e) { return e.target.checked; };
 exports.getChecked = getChecked;
 var stopPropagation = function (e) { return e.stopPropagation(); };
 exports.stopPropagation = stopPropagation;
+var isControlOrCommandPressed = function (e) { return e.ctrlKey || e.metaKey; };
+exports.isControlOrCommandPressed = isControlOrCommandPressed;
 var noop = function () { };
 exports.noop = noop;
 var EmptyStub = function () { return null; };

package/cjs/icons/ReadOnlyError.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgReadOnlyError: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgReadOnlyError;

package/cjs/icons/ReadOnlyError.js

@@ -0,0 +1,22 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgReadOnlyError = function (props) {
+    return (react_1.default.createElement("svg", __assign({ width: 12, height: 12, viewBox: "0 0 12 12", fill: "#DD2C00", xmlns: "http://www.w3.org/2000/svg" }, props),
+        react_1.default.createElement("path", { d: "M6 11.848a1.15 1.15 0 01-.445-.088 1.309 1.309 0 01-.386-.248L.487 6.832a1.31 1.31 0 01-.247-.387 1.207 1.207 0 010-.897c.058-.146.14-.272.247-.38L5.17.489c.116-.117.245-.202.386-.256a1.303 1.303 0 01.897 0 .953.953 0 01.38.256l4.68 4.68a.954.954 0 01.256.38 1.303 1.303 0 010 .897c-.054.14-.139.27-.256.386l-4.68 4.681a1.205 1.205 0 01-.831.335zm0-1.167L10.681 6 6 1.319 1.319 6 6 10.681zm-.583-4.098h1.166v-3.5H5.417v3.5zM6 8.333a.564.564 0 00.416-.167.564.564 0 00.167-.416.564.564 0 00-.167-.416A.564.564 0 006 7.167a.564.564 0 00-.416.167.564.564 0 00-.167.416c0 .165.056.304.167.416.112.111.25.167.416.167z" })));
+};
+exports.default = SvgReadOnlyError;

package/cjs/icons/index.d.ts

@@ -24,9 +24,9 @@ export { default as Ignored } from './Ignored';
 export { default as IgnoredOutlined } from './IgnoredOutlined';
 export { default as LogIn } from './LogIn';
 export { default as LogOut } from './LogOut';
-export { default as MlMatch } from './MlMatch';
 export { default as Merge } from './Merge';
 export { default as MergeDark } from './MergeDark';
+export { default as MlMatch } from './MlMatch';
 export { default as NegativeRuleIcon } from './NegativeRuleIcon';
 export { default as NegativeRuleTooltipIcon } from './NegativeRuleTooltipIcon';
 export { default as NestedAttribute } from './NestedAttribute';
@@ -35,15 +35,16 @@ export { default as NoDataSearch } from './NoDataSearch';
 export { default as NoMatches } from './NoMatches';
 export { default as NotMatchDark } from './NotMatchDark';
 export { default as NotMatchRule } from './NotMatchRule';
-export { default as PmIcon } from './PmIcon';
-export { default as PmTaskIcon } from './PmTaskIcon';
 export { default as Pin } from './Pin';
 export { default as PinOutlined } from './PinOutlined';
 export { default as PivotingIcon } from './PivotingIcon';
+export { default as PmIcon } from './PmIcon';
+export { default as PmTaskIcon } from './PmTaskIcon';
 export { default as Polygon } from './Polygon';
 export { default as PotentialMatch } from './PotentialMatch';
 export { default as Profile } from './Profile';
 export { default as Radius } from './Radius';
+export { default as ReadOnlyError } from './ReadOnlyError';
 export { default as Reassign } from './Reassign';
 export { default as Recommended } from './Recommended';
 export { default as ReferenceAttribute } from './ReferenceAttribute';

package/cjs/icons/index.js

@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Remove = exports.ReferenceAttribute = exports.Recommended = exports.Reassign = exports.Radius = exports.Profile = exports.PotentialMatch = exports.Polygon = exports.PivotingIcon = exports.PinOutlined = exports.Pin = exports.PmTaskIcon = exports.PmIcon = exports.NotMatchRule = exports.NotMatchDark = exports.NoMatches = exports.NoDataSearch = exports.NoData = exports.NestedAttribute = exports.NegativeRuleTooltipIcon = exports.NegativeRuleIcon = exports.MergeDark = exports.Merge = exports.MlMatch = exports.LogOut = exports.LogIn = exports.IgnoredOutlined = exports.Ignored = exports.Hyperlink = exports.Filter = exports.Error = exports.EmptySearchResults = exports.Duplicate = exports.Draw = exports.Download = exports.Details = exports.Description = exports.DeleteRequestTaskIcon = exports.DefaultTaskIcon = exports.DefaultImage = exports.DcrTaskIcon = exports.Create = exports.Copy = exports.CommentBubble = exports.Comment = exports.CollaborationIcon = exports.Calendar = exports.AttributesList = exports.AddComment = exports.Add = void 0;
-exports.UploadIcon = exports.UnMerge = exports.Tenant = exports.Table = exports.SimpleAttribute = exports.SelectAttributes = exports.Search = exports.ResizeIconInline = void 0;
+exports.ReferenceAttribute = exports.Recommended = exports.Reassign = exports.ReadOnlyError = exports.Radius = exports.Profile = exports.PotentialMatch = exports.Polygon = exports.PmTaskIcon = exports.PmIcon = exports.PivotingIcon = exports.PinOutlined = exports.Pin = exports.NotMatchRule = exports.NotMatchDark = exports.NoMatches = exports.NoDataSearch = exports.NoData = exports.NestedAttribute = exports.NegativeRuleTooltipIcon = exports.NegativeRuleIcon = exports.MlMatch = exports.MergeDark = exports.Merge = exports.LogOut = exports.LogIn = exports.IgnoredOutlined = exports.Ignored = exports.Hyperlink = exports.Filter = exports.Error = exports.EmptySearchResults = exports.Duplicate = exports.Draw = exports.Download = exports.Details = exports.Description = exports.DeleteRequestTaskIcon = exports.DefaultTaskIcon = exports.DefaultImage = exports.DcrTaskIcon = exports.Create = exports.Copy = exports.CommentBubble = exports.Comment = exports.CollaborationIcon = exports.Calendar = exports.AttributesList = exports.AddComment = exports.Add = void 0;
+exports.UploadIcon = exports.UnMerge = exports.Tenant = exports.Table = exports.SimpleAttribute = exports.SelectAttributes = exports.Search = exports.ResizeIconInline = exports.Remove = void 0;
 var Add_1 = require("./Add");
 Object.defineProperty(exports, "Add", { enumerable: true, get: function () { return __importDefault(Add_1).default; } });
 var AddComment_1 = require("./AddComment");
@@ -57,12 +57,12 @@ var LogIn_1 = require("./LogIn");
 Object.defineProperty(exports, "LogIn", { enumerable: true, get: function () { return __importDefault(LogIn_1).default; } });
 var LogOut_1 = require("./LogOut");
 Object.defineProperty(exports, "LogOut", { enumerable: true, get: function () { return __importDefault(LogOut_1).default; } });
-var MlMatch_1 = require("./MlMatch");
-Object.defineProperty(exports, "MlMatch", { enumerable: true, get: function () { return __importDefault(MlMatch_1).default; } });
 var Merge_1 = require("./Merge");
 Object.defineProperty(exports, "Merge", { enumerable: true, get: function () { return __importDefault(Merge_1).default; } });
 var MergeDark_1 = require("./MergeDark");
 Object.defineProperty(exports, "MergeDark", { enumerable: true, get: function () { return __importDefault(MergeDark_1).default; } });
+var MlMatch_1 = require("./MlMatch");
+Object.defineProperty(exports, "MlMatch", { enumerable: true, get: function () { return __importDefault(MlMatch_1).default; } });
 var NegativeRuleIcon_1 = require("./NegativeRuleIcon");
 Object.defineProperty(exports, "NegativeRuleIcon", { enumerable: true, get: function () { return __importDefault(NegativeRuleIcon_1).default; } });
 var NegativeRuleTooltipIcon_1 = require("./NegativeRuleTooltipIcon");
@@ -79,16 +79,16 @@ var NotMatchDark_1 = require("./NotMatchDark");
 Object.defineProperty(exports, "NotMatchDark", { enumerable: true, get: function () { return __importDefault(NotMatchDark_1).default; } });
 var NotMatchRule_1 = require("./NotMatchRule");
 Object.defineProperty(exports, "NotMatchRule", { enumerable: true, get: function () { return __importDefault(NotMatchRule_1).default; } });
-var PmIcon_1 = require("./PmIcon");
-Object.defineProperty(exports, "PmIcon", { enumerable: true, get: function () { return __importDefault(PmIcon_1).default; } });
-var PmTaskIcon_1 = require("./PmTaskIcon");
-Object.defineProperty(exports, "PmTaskIcon", { enumerable: true, get: function () { return __importDefault(PmTaskIcon_1).default; } });
 var Pin_1 = require("./Pin");
 Object.defineProperty(exports, "Pin", { enumerable: true, get: function () { return __importDefault(Pin_1).default; } });
 var PinOutlined_1 = require("./PinOutlined");
 Object.defineProperty(exports, "PinOutlined", { enumerable: true, get: function () { return __importDefault(PinOutlined_1).default; } });
 var PivotingIcon_1 = require("./PivotingIcon");
 Object.defineProperty(exports, "PivotingIcon", { enumerable: true, get: function () { return __importDefault(PivotingIcon_1).default; } });
+var PmIcon_1 = require("./PmIcon");
+Object.defineProperty(exports, "PmIcon", { enumerable: true, get: function () { return __importDefault(PmIcon_1).default; } });
+var PmTaskIcon_1 = require("./PmTaskIcon");
+Object.defineProperty(exports, "PmTaskIcon", { enumerable: true, get: function () { return __importDefault(PmTaskIcon_1).default; } });
 var Polygon_1 = require("./Polygon");
 Object.defineProperty(exports, "Polygon", { enumerable: true, get: function () { return __importDefault(Polygon_1).default; } });
 var PotentialMatch_1 = require("./PotentialMatch");
@@ -97,6 +97,8 @@ var Profile_1 = require("./Profile");
 Object.defineProperty(exports, "Profile", { enumerable: true, get: function () { return __importDefault(Profile_1).default; } });
 var Radius_1 = require("./Radius");
 Object.defineProperty(exports, "Radius", { enumerable: true, get: function () { return __importDefault(Radius_1).default; } });
+var ReadOnlyError_1 = require("./ReadOnlyError");
+Object.defineProperty(exports, "ReadOnlyError", { enumerable: true, get: function () { return __importDefault(ReadOnlyError_1).default; } });
 var Reassign_1 = require("./Reassign");
 Object.defineProperty(exports, "Reassign", { enumerable: true, get: function () { return __importDefault(Reassign_1).default; } });
 var Recommended_1 = require("./Recommended");

package/esm/components/AttributesErrorsPanel/ErrorsPanel/Error.js

@@ -1,9 +1,12 @@
 import React, { memo, useContext } from 'react';
 import i18n from 'ui-i18n';
+import { ErrorType } from '@reltio/mdm-sdk';
+import Tooltip from '@mui/material/Tooltip';
 import HyperlinkIcon from '../../../icons/Hyperlink';
 import { SmallIconButtonWithTooltip } from '../../SmallIconButton';
 import { ScrollToElementContext, useMdmIsEditableMode, useMdmMetadata } from '../../../contexts';
 import { getDisplayedAttributeTypesPath, getDisplayedErrorMessage, getDisplayedErrorPath } from './helpers';
+import { ReadOnlyError } from '../../../icons';
 import useStyles from '../styles';
 export var Error = memo(function (_a) {
     var error = _a.error;
@@ -15,7 +18,10 @@ export var Error = memo(function (_a) {
     var displayedAttributeTypesPath = getDisplayedAttributeTypesPath(error);
     var highlightError = useContext(ScrollToElementContext).highlightError;
     var showLink = error.uri || (error.parentUri && error.attributeTypeUri);
-    return (React.createElement("li", null,
+    return (React.createElement("div", { className: styles.errorListItem },
+        React.createElement("div", { className: styles.listItemMarker }, error.type === ErrorType.rdmIssueInReference ? (React.createElement(Tooltip, { title: i18n.text('This error is visible only in view mode') },
+            React.createElement("span", null,
+                React.createElement(ReadOnlyError, { className: styles.errorIcon })))) : (React.createElement("div", { className: styles.discIcon }))),
         React.createElement("div", { className: styles.errorWrapper },
             displayedAttributeTypesPath && (React.createElement("span", { className: styles.attributeTypesPath }, displayedAttributeTypesPath)),
             React.createElement("span", { className: styles.errorTitle },

package/esm/components/AttributesErrorsPanel/ErrorsPanel/ErrorsPanel.js

@@ -19,8 +19,7 @@ export var ErrorsPanel = memo(function (_a) {
                 }, expandIcon: React.createElement(ExpandMoreIcon, null) },
                 icon,
                 React.createElement(Typography, { className: styles.accordionSummaryHeading }, title)),
-            React.createElement(AccordionDetails, { className: classnames(styles.accordionDetails, accordionDetailsClassName) },
-                React.createElement("ul", null, items.map(function (error, i) { return (React.createElement(ErrorComponent, { key: i, error: error })); })))));
+            React.createElement(AccordionDetails, { className: classnames(styles.accordionDetails, accordionDetailsClassName) }, items.map(function (error, i) { return (React.createElement(ErrorComponent, { key: i, error: error })); }))));
     }))) : null;
 });
 ErrorsPanel.displayName = 'ErrorsPanel';

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

@@ -1,2 +1,2 @@
-declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"icon" | "parents" | "errorWrapper" | "accordion" | "accordionExpanded" | "accordionSummary" | "accordionSummaryHeading" | "accordionSummaryExpanded" | "accordionSummaryContent" | "accordionDetails" | "errorTitle" | "attributeTypesPath" | "goToIcon" | "errorsAccordion" | "errorsAccordionDetails" | "warningsAccordion" | "warningsAccordionDetails" | "errorIcon" | "warningIcon">;
+declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"icon" | "parents" | "errorWrapper" | "accordion" | "accordionExpanded" | "accordionSummary" | "accordionSummaryHeading" | "accordionSummaryExpanded" | "accordionSummaryContent" | "accordionDetails" | "errorTitle" | "attributeTypesPath" | "goToIcon" | "errorsAccordion" | "errorsAccordionDetails" | "warningsAccordion" | "warningsAccordionDetails" | "errorIcon" | "warningIcon" | "errorListItem" | "listItemMarker" | "discIcon">;
 export default useStyles;

package/esm/components/AttributesErrorsPanel/styles.js

@@ -41,24 +41,19 @@ var useStyles = makeStyles(function (theme) { return ({
     accordionDetails: {
         maxHeight: '21vh',
         overflow: 'auto',
-        paddingTop: 0,
-        paddingBottom: 0,
-        '& ul': {
-            paddingLeft: '23px',
-            marginTop: '3px'
-        },
-        '& li': {
-            paddingLeft: '9px',
-            paddingBottom: '8px'
-        }
+        paddingTop: '3px',
+        paddingBottom: '8px'
     },
     parents: {
         color: theme.palette.text.primary
     },
     errorWrapper: {
+        flex: 1,
         lineHeight: '18px',
         display: 'flex',
-        flexDirection: 'column'
+        flexDirection: 'column',
+        paddingLeft: '8px',
+        paddingBottom: '8px'
     },
     errorTitle: {
         display: 'flex',
@@ -92,6 +87,27 @@ var useStyles = makeStyles(function (theme) { return ({
     },
     warningIcon: {
         fill: '#F9A825'
+    },
+    errorListItem: {
+        display: 'flex',
+        alignItems: 'flex-start',
+        '& svg': {
+            fill: 'currentColor'
+        }
+    },
+    listItemMarker: {
+        flexShrink: 0,
+        width: '24px',
+        marginTop: '3px',
+        display: 'flex',
+        justifyContent: 'center'
+    },
+    discIcon: {
+        height: '4px',
+        width: '4px',
+        backgroundColor: 'currentColor',
+        borderRadius: '50%',
+        marginTop: '4px'
     }
 }); });
 export default useStyles;

package/esm/components/AttributesErrorsPanel/useCachedErrors.d.ts

@@ -1 +1,2 @@
-export declare const useCachedErrors: (allErrors: any) => any;
+import { AttributeError } from '@reltio/mdm-sdk';
+export declare const useCachedErrors: (allErrors: AttributeError[]) => AttributeError[];

package/esm/components/AttributesErrorsPanel/useCachedErrors.js

@@ -1,10 +1,17 @@
-import { useRef } from 'react';
+import { useRef, useMemo } from 'react';
+import { ErrorType, isViewMode } from '@reltio/mdm-sdk';
+import { useMdmMode } from '../../contexts';
 import { areErrorsEqual } from './ErrorsPanel/helpers';
 export var useCachedErrors = function (allErrors) {
-    var cacheForAllErrors = useRef(allErrors);
-    var areEqualErrors = areErrorsEqual(allErrors, cacheForAllErrors.current);
+    var mode = useMdmMode();
+    var filteredErrors = useMemo(function () { return (isViewMode(mode) ? allErrors : allErrors.filter(function (_a) {
+        var type = _a.type;
+        return type !== ErrorType.rdmIssueInReference;
+    })); }, [mode, allErrors]);
+    var cacheForFilteredErrors = useRef(filteredErrors);
+    var areEqualErrors = areErrorsEqual(filteredErrors, cacheForFilteredErrors.current);
     if (!areEqualErrors) {
-        cacheForAllErrors.current = allErrors;
+        cacheForFilteredErrors.current = filteredErrors;
     }
-    return cacheForAllErrors.current;
+    return cacheForFilteredErrors.current;
 };

package/esm/components/EntityUriLink/EntityUriLink.js

@@ -22,6 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { forwardRef, useCallback, useContext } from 'react';
 import { ViewIdContext, UrlGeneratorsContext, useMdmUiPath, useMdmAction } from '../../contexts';
+import { isControlOrCommandPressed } from '../../core';
 var EntityUriLink = forwardRef(function (_a, ref) {
     var value = _a.value, children = _a.children, screen = _a.screen, className = _a.className, _b = _a.shouldOpenInNewTab, shouldOpenInNewTab = _b === void 0 ? false : _b, otherProps = __rest(_a, ["value", "children", "screen", "className", "shouldOpenInNewTab"]);
     var viewId = useContext(ViewIdContext);
@@ -30,9 +31,11 @@ var EntityUriLink = forwardRef(function (_a, ref) {
     var uiPath = useMdmUiPath();
     var generateEntityUrlByUri = function (uri) { return generateEntityUrl({ uiPath: uiPath, uri: uri, screen: screen }); };
     var handleClick = useCallback(function (e) {
-        openEntity({ uri: value, viewId: viewId, screen: screen });
+        if (!isControlOrCommandPressed(e)) {
+            openEntity({ uri: value, viewId: viewId, screen: screen });
+            e.preventDefault();
+        }
         e.stopPropagation();
-        e.preventDefault();
     }, [openEntity, screen, value, viewId]);
     return (React.createElement("a", __assign({ ref: ref, href: generateEntityUrlByUri(value), onClick: shouldOpenInNewTab ? undefined : handleClick, target: shouldOpenInNewTab ? '_blank' : '_self', className: className }, otherProps), children));
 });

package/esm/components/Link/Link.js

@@ -1,10 +1,11 @@
 import React from 'react';
 import { useStyles } from './styles';
+import { isControlOrCommandPressed } from '../../core';
 var Link = function (_a) {
     var to = _a.to, children = _a.children, onClick = _a.onClick;
     var styles = useStyles();
     return (React.createElement("a", { href: to, onClick: function (e) {
-            if (onClick) {
+            if ((!isControlOrCommandPressed(e) || !to) && onClick) {
                 onClick();
                 e.stopPropagation();
                 e.preventDefault();

package/esm/components/PivotingUriLink/PivotingUriLink.js

@@ -1,18 +1,22 @@
-import React, { forwardRef, useContext } from 'react';
+import React, { forwardRef, useCallback, useContext } from 'react';
 import classnames from 'classnames';
 import { UrlGeneratorsContext, useMdmUiPath } from '../../contexts';
 import { useStyles } from './styles';
+import { isControlOrCommandPressed } from '../../core';
 var PivotingUriLink = forwardRef(function (_a, ref) {
     var value = _a.value, attributeType = _a.attributeType, children = _a.children, className = _a.className, onClick = _a.onClick;
     var styles = useStyles();
     var generatePivotingUrl = useContext(UrlGeneratorsContext).generatePivotingUrl;
     var uiPath = useMdmUiPath();
     var url = generatePivotingUrl({ uiPath: uiPath, uri: attributeType.uri, value: JSON.stringify(value) });
-    return (React.createElement("a", { ref: ref, href: url, onClick: function (e) {
+    var handleClick = useCallback(function (e) {
+        if (!isControlOrCommandPressed(e)) {
             onClick();
-            e.stopPropagation();
             e.preventDefault();
-        }, className: classnames(styles.link, className) }, children));
+        }
+        e.stopPropagation();
+    }, [onClick]);
+    return (React.createElement("a", { ref: ref, href: url, onClick: handleClick, className: classnames(styles.link, className) }, children));
 });
 PivotingUriLink.displayName = 'PivotingUriLink';
 export default PivotingUriLink;

package/esm/components/attributes/editMode/EntitySelector/components/SingleValue.d.ts

@@ -1,10 +1,15 @@
+/// <reference types="react" />
+import { TEntityType } from '@reltio/mdm-sdk';
+type Props = {
+    selectProps: {
+        currentEntityType: TEntityType;
+        menuIsOpen: boolean;
+        disableLinkClick: boolean;
+    };
+    children: string;
+    data: {
+        entityUri: string;
+    };
+};
+declare const SingleValue: ({ selectProps: { currentEntityType, menuIsOpen, disableLinkClick }, children, data }: Props) => JSX.Element;
 export default SingleValue;
-declare function SingleValue(props: any): JSX.Element;
-declare namespace SingleValue {
-    namespace propTypes {
-        const children: PropTypes.Requireable<string>;
-        const data: PropTypes.Validator<object>;
-        const selectProps: PropTypes.Validator<object>;
-    }
-}
-import PropTypes from 'prop-types';

package/esm/components/attributes/editMode/EntitySelector/components/SingleValue.js

@@ -10,15 +10,15 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React, { useContext } from 'react';
-import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import i18n from 'ui-i18n';
 import { getLabel, isTempUri } from '@reltio/mdm-sdk';
 import Typography from '@mui/material/Typography';
 import { ViewIdContext, UrlGeneratorsContext, useMdmUiPath, useMdmAction } from '../../../../../contexts';
 import { useSingleValueStyles } from './styles';
-var SingleValue = function (props) {
-    var _a = props.selectProps, currentEntityType = _a.currentEntityType, menuIsOpen = _a.menuIsOpen, disableLinkClick = _a.disableLinkClick, children = props.children, data = props.data;
+import { isControlOrCommandPressed } from '../../../../../core';
+var SingleValue = function (_a) {
+    var _b = _a.selectProps, currentEntityType = _b.currentEntityType, menuIsOpen = _b.menuIsOpen, disableLinkClick = _b.disableLinkClick, children = _a.children, data = _a.data;
     var styles = useSingleValueStyles();
     var openEntity = useMdmAction('openEntity');
     var uiPath = useMdmUiPath();
@@ -26,8 +26,15 @@ var SingleValue = function (props) {
     var generateEntityUrl = useContext(UrlGeneratorsContext).generateEntityUrl;
     var handleOnMouseDown = function (event) {
         event.stopPropagation();
-        if (!disableLinkClick) {
+    };
+    var handleClick = function (event) {
+        event.stopPropagation();
+        if (disableLinkClick) {
+            event.preventDefault();
+        }
+        else if (!isControlOrCommandPressed(event)) {
             openEntity({ uri: data.entityUri, viewId: viewId });
+            event.preventDefault();
         }
     };
     var valueProps = isTempUri(data.entityUri)
@@ -38,7 +45,7 @@ var SingleValue = function (props) {
         : {
             className: classnames(styles.singleValue, styles.linkValue),
             onMouseDown: handleOnMouseDown,
-            onClick: function (e) { return e.preventDefault(); },
+            onClick: handleClick,
             href: generateEntityUrl({ uiPath: uiPath, uri: data.entityUri }),
             component: 'a'
         };
@@ -46,9 +53,4 @@ var SingleValue = function (props) {
         ? i18n.text("New ".concat(currentEntityType.label, " will be created"))
         : getLabel(children))));
 };
-SingleValue.propTypes = {
-    children: PropTypes.string,
-    data: PropTypes.object.isRequired,
-    selectProps: PropTypes.object.isRequired
-};
 export default SingleValue;

package/esm/core/utils.d.ts

@@ -1,13 +1,14 @@
-export function getValue(e: any): any;
-export function getChecked(e: any): any;
-export function stopPropagation(e: any): any;
-export function noop(): void;
-export function EmptyStub(): any;
-export function mergeClasses(classes: any, other: any): any;
-export function isIE(): any;
 export function createStandardAction(type: any): (payload: any) => {
     type: any;
     payload: any;
 };
-export function toggleSortOrder(order: any): "asc" | "desc";
+export function EmptyStub(): any;
+export function getChecked(e: any): any;
+export function isControlOrCommandPressed(e: any): any;
+export function getValue(e: any): any;
+export function isIE(): any;
+export function mergeClasses(classes: any, other: any): any;
+export function noop(): void;
 export function parseJSON(value: any): any;
+export function stopPropagation(e: any): any;
+export function toggleSortOrder(order: any): "asc" | "desc";

package/esm/core/utils.js

@@ -14,6 +14,7 @@ import classNames from 'classnames';
 var getValue = function (e) { return e.target.value; };
 var getChecked = function (e) { return e.target.checked; };
 var stopPropagation = function (e) { return e.stopPropagation(); };
+var isControlOrCommandPressed = function (e) { return e.ctrlKey || e.metaKey; };
 var noop = function () { };
 var EmptyStub = function () { return null; };
 var mergeClasses = function (classes, other) {
@@ -36,4 +37,4 @@ var parseJSON = function (value) {
         return undefined;
     }
 };
-export { getValue, getChecked, stopPropagation, noop, EmptyStub, mergeClasses, isIE, createStandardAction, toggleSortOrder, parseJSON };
+export { createStandardAction, EmptyStub, getChecked, isControlOrCommandPressed, getValue, isIE, mergeClasses, noop, parseJSON, stopPropagation, toggleSortOrder };

package/esm/icons/ReadOnlyError.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgReadOnlyError: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgReadOnlyError;

package/esm/icons/ReadOnlyError.js

@@ -0,0 +1,17 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+var SvgReadOnlyError = function (props) {
+    return (React.createElement("svg", __assign({ width: 12, height: 12, viewBox: "0 0 12 12", fill: "#DD2C00", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { d: "M6 11.848a1.15 1.15 0 01-.445-.088 1.309 1.309 0 01-.386-.248L.487 6.832a1.31 1.31 0 01-.247-.387 1.207 1.207 0 010-.897c.058-.146.14-.272.247-.38L5.17.489c.116-.117.245-.202.386-.256a1.303 1.303 0 01.897 0 .953.953 0 01.38.256l4.68 4.68a.954.954 0 01.256.38 1.303 1.303 0 010 .897c-.054.14-.139.27-.256.386l-4.68 4.681a1.205 1.205 0 01-.831.335zm0-1.167L10.681 6 6 1.319 1.319 6 6 10.681zm-.583-4.098h1.166v-3.5H5.417v3.5zM6 8.333a.564.564 0 00.416-.167.564.564 0 00.167-.416.564.564 0 00-.167-.416A.564.564 0 006 7.167a.564.564 0 00-.416.167.564.564 0 00-.167.416c0 .165.056.304.167.416.112.111.25.167.416.167z" })));
+};
+export default SvgReadOnlyError;

package/esm/icons/index.d.ts

@@ -24,9 +24,9 @@ export { default as Ignored } from './Ignored';
 export { default as IgnoredOutlined } from './IgnoredOutlined';
 export { default as LogIn } from './LogIn';
 export { default as LogOut } from './LogOut';
-export { default as MlMatch } from './MlMatch';
 export { default as Merge } from './Merge';
 export { default as MergeDark } from './MergeDark';
+export { default as MlMatch } from './MlMatch';
 export { default as NegativeRuleIcon } from './NegativeRuleIcon';
 export { default as NegativeRuleTooltipIcon } from './NegativeRuleTooltipIcon';
 export { default as NestedAttribute } from './NestedAttribute';
@@ -35,15 +35,16 @@ export { default as NoDataSearch } from './NoDataSearch';
 export { default as NoMatches } from './NoMatches';
 export { default as NotMatchDark } from './NotMatchDark';
 export { default as NotMatchRule } from './NotMatchRule';
-export { default as PmIcon } from './PmIcon';
-export { default as PmTaskIcon } from './PmTaskIcon';
 export { default as Pin } from './Pin';
 export { default as PinOutlined } from './PinOutlined';
 export { default as PivotingIcon } from './PivotingIcon';
+export { default as PmIcon } from './PmIcon';
+export { default as PmTaskIcon } from './PmTaskIcon';
 export { default as Polygon } from './Polygon';
 export { default as PotentialMatch } from './PotentialMatch';
 export { default as Profile } from './Profile';
 export { default as Radius } from './Radius';
+export { default as ReadOnlyError } from './ReadOnlyError';
 export { default as Reassign } from './Reassign';
 export { default as Recommended } from './Recommended';
 export { default as ReferenceAttribute } from './ReferenceAttribute';

package/esm/icons/index.js

@@ -24,9 +24,9 @@ export { default as Ignored } from './Ignored';
 export { default as IgnoredOutlined } from './IgnoredOutlined';
 export { default as LogIn } from './LogIn';
 export { default as LogOut } from './LogOut';
-export { default as MlMatch } from './MlMatch';
 export { default as Merge } from './Merge';
 export { default as MergeDark } from './MergeDark';
+export { default as MlMatch } from './MlMatch';
 export { default as NegativeRuleIcon } from './NegativeRuleIcon';
 export { default as NegativeRuleTooltipIcon } from './NegativeRuleTooltipIcon';
 export { default as NestedAttribute } from './NestedAttribute';
@@ -35,15 +35,16 @@ export { default as NoDataSearch } from './NoDataSearch';
 export { default as NoMatches } from './NoMatches';
 export { default as NotMatchDark } from './NotMatchDark';
 export { default as NotMatchRule } from './NotMatchRule';
-export { default as PmIcon } from './PmIcon';
-export { default as PmTaskIcon } from './PmTaskIcon';
 export { default as Pin } from './Pin';
 export { default as PinOutlined } from './PinOutlined';
 export { default as PivotingIcon } from './PivotingIcon';
+export { default as PmIcon } from './PmIcon';
+export { default as PmTaskIcon } from './PmTaskIcon';
 export { default as Polygon } from './Polygon';
 export { default as PotentialMatch } from './PotentialMatch';
 export { default as Profile } from './Profile';
 export { default as Radius } from './Radius';
+export { default as ReadOnlyError } from './ReadOnlyError';
 export { default as Reassign } from './Reassign';
 export { default as Recommended } from './Recommended';
 export { default as ReferenceAttribute } from './ReferenceAttribute';

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1721",
+  "version": "1.4.1723",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-sdk": "^1.4.1711",
+    "@reltio/mdm-sdk": "^1.4.1712",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",