@reltio/components 1.4.1722 → 1.4.1723

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/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/package.json

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