@reltio/components 1.4.1038 → 1.4.1039

package/cjs/components/attributes/PivotingAttributes/PivotingTooltip.js

@@ -26,7 +26,7 @@ exports.PivotingTooltip = void 0;
 var react_1 = __importStar(require("react"));
 var react_redux_1 = require("react-redux");
 var Tooltip_1 = __importDefault(require("@material-ui/core/Tooltip"));
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ramda_1 = require("ramda");
 var contexts_1 = require("../../../contexts");
@@ -38,6 +38,7 @@ var PivotingTooltip = function (_a) {
     var value = _a.value, attributeType = _a.attributeType, children = _a.children, className = _a.className;
     var styles = styles_1.usePivotingTooltipStyles();
     var contentStyles = styles_1.useStyles();
+    var dispatch = react_redux_1.useDispatch();
     var pivotingAttributesList = react_1.useContext(contexts_1.PivotingAttributeContext) || [];
     var isNestedAttribute = mdm_sdk_1.isNested(attributeType);
     var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata) || {};
@@ -54,9 +55,15 @@ var PivotingTooltip = function (_a) {
         var uri = _a.uri;
         return uri === attributeType.uri;
     });
-    return isPivotingAttribute ? (react_1.default.createElement(Tooltip_1.default, { interactive: true, arrow: true, placement: "right-start", classes: styles, title: react_1.default.createElement(PivotingTooltipContent_1.PivotingTooltipContent, { value: pivotingValue, attributeType: attributeType, config: pivotingAttribute.popup }) },
+    var handleSeeAllClick = function () {
+        var generatedValue = Array.isArray(pivotingValue)
+            ? helpers_1.convertNestedAttributePivotingValue(pivotingValue)
+            : helpers_1.convertSimpleAttributePivotingValue(attributeType, pivotingValue);
+        dispatch(mdm_module_1.ui.actions.openPivotingPerspective({ value: generatedValue, attributeType: attributeType }));
+    };
+    return isPivotingAttribute ? (react_1.default.createElement(Tooltip_1.default, { interactive: true, arrow: true, placement: "right-start", classes: styles, title: react_1.default.createElement(PivotingTooltipContent_1.PivotingTooltipContent, { value: pivotingValue, attributeType: attributeType, config: pivotingAttribute.popup, onSeeAllClick: handleSeeAllClick }) },
         react_1.default.createElement("span", { className: className },
             react_1.default.createElement(PivotingIcon_1.default, { className: contentStyles.icon }),
-            react_1.default.createElement("span", { className: contentStyles.content }, children)))) : (react_1.default.createElement(react_1.default.Fragment, null, children));
+            react_1.default.createElement("span", { className: contentStyles.content, onClick: handleSeeAllClick }, children)))) : (react_1.default.createElement(react_1.default.Fragment, null, children));
 };
 exports.PivotingTooltip = PivotingTooltip;

package/cjs/components/attributes/PivotingAttributes/PivotingTooltipContent.d.ts

@@ -1,12 +1,13 @@
 /// <reference types="react" />
-import { AttributeType } from '@reltio/mdm-sdk';
+import { AttributeType, PrimitiveValue } from '@reltio/mdm-sdk';
 import { PivotingValue } from './helpers';
 export declare type Props = {
-    value: PivotingValue[] | string | number | boolean;
+    value: PivotingValue[] | PrimitiveValue;
     attributeType: AttributeType;
     config: {
         label?: string;
         entityType?: string;
     };
+    onSeeAllClick: () => void;
 };
-export declare const PivotingTooltipContent: ({ value, attributeType, config }: Props) => JSX.Element;
+export declare const PivotingTooltipContent: ({ value, attributeType, config, onSeeAllClick }: Props) => JSX.Element;

package/cjs/components/attributes/PivotingAttributes/PivotingTooltipContent.js

@@ -37,21 +37,20 @@ exports.PivotingTooltipContent = void 0;
 var react_1 = __importStar(require("react"));
 var react_redux_1 = require("react-redux");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
+var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var EntityAvatar_1 = __importDefault(require("../../EntityAvatar/EntityAvatar"));
 var EntityUriLink_1 = __importDefault(require("../../EntityUriLink/EntityUriLink"));
-var styles_1 = require("./styles");
 var helpers_1 = require("./helpers");
 var hooks_1 = require("../../../hooks");
+var styles_1 = require("./styles");
 var MAX_ENTITIES_PIVOTING_TOOLTIP = 6;
 var PivotingTooltipContent = function (_a) {
-    var value = _a.value, attributeType = _a.attributeType, _b = _a.config, config = _b === void 0 ? {} : _b;
+    var value = _a.value, attributeType = _a.attributeType, _b = _a.config, config = _b === void 0 ? {} : _b, onSeeAllClick = _a.onSeeAllClick;
     var _c = react_1.useState([]), entities = _c[0], setEntities = _c[1];
     var _d = react_1.useState(0), total = _d[0], setTotal = _d[1];
     var entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity) || {};
     var safePromise = hooks_1.useSafePromise();
-    var dispatch = react_redux_1.useDispatch();
     var styles = styles_1.useStyles();
     var globalSearchRequestOptions = react_redux_1.useSelector(mdm_module_1.default.selectors.getGlobalSearchRequestOptions) || {};
     var entityType = config.entityType || entity.type;
@@ -70,12 +69,6 @@ var PivotingTooltipContent = function (_a) {
             setTotal(0);
         });
     }, []);
-    var handleClickSeeAll = function () {
-        var generatedValue = Array.isArray(value)
-            ? helpers_1.convertNestedAttributePivotingValue(value)
-            : helpers_1.convertSimpleAttributePivotingValue(attributeType, value);
-        dispatch(mdm_module_1.ui.actions.openPivotingPerspective({ value: generatedValue, attributeType: attributeType }));
-    };
     var hasEntityTypeLabel = Boolean(config.label);
     return (react_1.default.createElement("div", { className: styles.container },
         react_1.default.createElement("div", { className: styles.header },
@@ -87,6 +80,6 @@ var PivotingTooltipContent = function (_a) {
             react_1.default.createElement(EntityAvatar_1.default, { entity: visibleEntity, avatarClassName: styles.profileIcon }),
             react_1.default.createElement(EntityUriLink_1.default, { className: styles.entityLabel, value: mdm_sdk_1.getEntityUriForLink(visibleEntity) }, mdm_sdk_1.getLabel(visibleEntity.label)))); })),
         shouldShowSeeAllButton && (react_1.default.createElement("div", { className: styles.footer },
-            react_1.default.createElement("a", { className: styles.seeAllButton, onClick: handleClickSeeAll }, ui_i18n_1.default.text('See all'))))));
+            react_1.default.createElement("a", { className: styles.seeAllButton, onClick: onSeeAllClick }, ui_i18n_1.default.text('See all'))))));
 };
 exports.PivotingTooltipContent = PivotingTooltipContent;

package/cjs/components/attributes/PivotingAttributes/helpers.d.ts

@@ -1,11 +1,11 @@
-import { AttributeType, SearchFilter, Metadata, PivotingAttribute, RecordAttributesType } from '@reltio/mdm-sdk';
+import { AttributeType, SearchFilter, Metadata, PivotingAttribute, RecordAttributesType, PrimitiveValue } from '@reltio/mdm-sdk';
 export declare type PivotingValue = {
     [uri: string]: string[] | PivotingValue[];
 };
-export declare const getParamsFilteringEntities: (values: string | number | boolean | PivotingValue[], attributeType: AttributeType, entityType?: string) => SearchFilter[];
+export declare const getParamsFilteringEntities: (values: PrimitiveValue | PivotingValue[], attributeType: AttributeType, entityType?: string) => SearchFilter[];
 export declare const generatePivotingValue: (attributeType: AttributeType, value: RecordAttributesType, pivotingAttributes: PivotingAttribute[], metadata: Metadata) => PivotingValue[];
-export declare const convertSimpleAttributePivotingValue: (attrType: AttributeType, value: string | number | boolean) => {
-    [x: string]: string | number | boolean;
+export declare const convertSimpleAttributePivotingValue: (attrType: AttributeType, value: PrimitiveValue) => {
+    [x: string]: PrimitiveValue;
 }[];
 export declare const convertNestedAttributePivotingValue: (values: PivotingValue[]) => any[];
-export declare const preparePivotingAttributeValue: (value: any, attributeType: any) => any;
+export declare const preparePivotingAttributeValue: (value: PrimitiveValue, attributeType: AttributeType) => PrimitiveValue;

package/cjs/components/attributes/PivotingAttributes/styles.js

@@ -76,7 +76,8 @@ exports.useStyles = styles_1.makeStyles(function (theme) { return ({
         margin: 'auto 8px auto 0'
     },
     content: {
-        color: theme.palette.primary.main
+        color: theme.palette.primary.main,
+        cursor: 'pointer'
     },
     seeAllButton: {
         cursor: 'pointer'

package/cjs/components/attributes/editMode/AttributesPager/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-module';
-import { AttributeError, AttributeType, AttributeValue, Crosswalk, ImageAttributeValue, Mode, NestedAttributeValue, Paging, ReferenceAttributeValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
+import { AttributeError, AttributeType, AttributeValue, Crosswalk, ImageAttributeValue, Mode, NestedAttributeValue, Paging, ReferenceAttributeValue, SimpleAttributeValue, PrimitiveValue } from '@reltio/mdm-sdk';
 import AttributesPager from './AttributesPager';
 import CardinalityMessage from './CardinalityMessage';
 export declare type AttributeItem = {
@@ -8,7 +8,7 @@ export declare type AttributeItem = {
     parentUri?: string;
     index?: number;
     attributeType: AttributeType;
-    value?: Partial<AttributeValue> | ImageAttributeValue['value'] | string | boolean | number;
+    value?: Partial<AttributeValue> | ImageAttributeValue['value'] | PrimitiveValue;
 };
 declare type StateProps = {
     errorMessage: string;

package/cjs/components/workflow/types/dcrTypes.d.ts

@@ -1,4 +1,4 @@
-import { Crosswalk, Entity, NestedAttributeValue, ReferenceAttributeValue, Relation, SimpleAttributeValue } from '@reltio/mdm-sdk';
+import { Crosswalk, Entity, NestedAttributeValue, ReferenceAttributeValue, Relation, SimpleAttributeValue, PrimitiveValue } from '@reltio/mdm-sdk';
 import { DCRTypes } from '../constants/operations';
 export declare type ChangeRequest = {
     changes: DCRChanges;
@@ -38,7 +38,7 @@ export declare type DCRObjectsInfo = {
 export declare type DCRAttributes = {
     [attributeName: string]: (ChangeValue | DCRChange)[];
 };
-export declare type Value = DCRAttributes | DCRChange | string | boolean | number;
+export declare type Value = DCRAttributes | DCRChange | PrimitiveValue;
 export declare type DCRAttributeValue = Omit<SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue, 'uri' | 'value'> & {
     value: Value;
     refObjectURI?: string;

package/esm/components/attributes/PivotingAttributes/PivotingTooltip.js

@@ -1,11 +1,11 @@
 import React, { useContext } from 'react';
-import { useSelector } from 'react-redux';
+import { useDispatch, useSelector } from 'react-redux';
 import Tooltip from '@material-ui/core/Tooltip';
-import mdm from '@reltio/mdm-module';
+import mdm, { ui as mdmModuleUi } from '@reltio/mdm-module';
 import { isNested } from '@reltio/mdm-sdk';
 import { isNil } from 'ramda';
 import { PivotingAttributeContext } from '../../../contexts';
-import { generatePivotingValue, preparePivotingAttributeValue } from './helpers';
+import { convertNestedAttributePivotingValue, convertSimpleAttributePivotingValue, generatePivotingValue, preparePivotingAttributeValue } from './helpers';
 import PivotingIcon from '../../../icons/PivotingIcon';
 import { PivotingTooltipContent } from './PivotingTooltipContent';
 import { usePivotingTooltipStyles, useStyles } from './styles';
@@ -13,6 +13,7 @@ export var PivotingTooltip = function (_a) {
     var value = _a.value, attributeType = _a.attributeType, children = _a.children, className = _a.className;
     var styles = usePivotingTooltipStyles();
     var contentStyles = useStyles();
+    var dispatch = useDispatch();
     var pivotingAttributesList = useContext(PivotingAttributeContext) || [];
     var isNestedAttribute = isNested(attributeType);
     var metadata = useSelector(mdm.selectors.getMetadata) || {};
@@ -29,8 +30,14 @@ export var PivotingTooltip = function (_a) {
         var uri = _a.uri;
         return uri === attributeType.uri;
     });
-    return isPivotingAttribute ? (React.createElement(Tooltip, { interactive: true, arrow: true, placement: "right-start", classes: styles, title: React.createElement(PivotingTooltipContent, { value: pivotingValue, attributeType: attributeType, config: pivotingAttribute.popup }) },
+    var handleSeeAllClick = function () {
+        var generatedValue = Array.isArray(pivotingValue)
+            ? convertNestedAttributePivotingValue(pivotingValue)
+            : convertSimpleAttributePivotingValue(attributeType, pivotingValue);
+        dispatch(mdmModuleUi.actions.openPivotingPerspective({ value: generatedValue, attributeType: attributeType }));
+    };
+    return isPivotingAttribute ? (React.createElement(Tooltip, { interactive: true, arrow: true, placement: "right-start", classes: styles, title: React.createElement(PivotingTooltipContent, { value: pivotingValue, attributeType: attributeType, config: pivotingAttribute.popup, onSeeAllClick: handleSeeAllClick }) },
         React.createElement("span", { className: className },
             React.createElement(PivotingIcon, { className: contentStyles.icon }),
-            React.createElement("span", { className: contentStyles.content }, children)))) : (React.createElement(React.Fragment, null, children));
+            React.createElement("span", { className: contentStyles.content, onClick: handleSeeAllClick }, children)))) : (React.createElement(React.Fragment, null, children));
 };

package/esm/components/attributes/PivotingAttributes/PivotingTooltipContent.d.ts

@@ -1,12 +1,13 @@
 /// <reference types="react" />
-import { AttributeType } from '@reltio/mdm-sdk';
+import { AttributeType, PrimitiveValue } from '@reltio/mdm-sdk';
 import { PivotingValue } from './helpers';
 export declare type Props = {
-    value: PivotingValue[] | string | number | boolean;
+    value: PivotingValue[] | PrimitiveValue;
     attributeType: AttributeType;
     config: {
         label?: string;
         entityType?: string;
     };
+    onSeeAllClick: () => void;
 };
-export declare const PivotingTooltipContent: ({ value, attributeType, config }: Props) => JSX.Element;
+export declare const PivotingTooltipContent: ({ value, attributeType, config, onSeeAllClick }: Props) => JSX.Element;

package/esm/components/attributes/PivotingAttributes/PivotingTooltipContent.js

@@ -10,23 +10,22 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React, { useEffect, useState } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
+import { useSelector } from 'react-redux';
 import i18n from 'ui-i18n';
-import mdm, { ui as mdmModuleUi } from '@reltio/mdm-module';
+import mdm from '@reltio/mdm-module';
 import { getEntityUriForLink, getFilteredEntities, getLabel, getTotals } from '@reltio/mdm-sdk';
 import EntityAvatar from '../../EntityAvatar/EntityAvatar';
 import EntityUriLink from '../../EntityUriLink/EntityUriLink';
-import { useStyles } from './styles';
-import { convertNestedAttributePivotingValue, convertSimpleAttributePivotingValue, getParamsFilteringEntities } from './helpers';
+import { getParamsFilteringEntities } from './helpers';
 import { useSafePromise } from '../../../hooks';
+import { useStyles } from './styles';
 var MAX_ENTITIES_PIVOTING_TOOLTIP = 6;
 export var PivotingTooltipContent = function (_a) {
-    var value = _a.value, attributeType = _a.attributeType, _b = _a.config, config = _b === void 0 ? {} : _b;
+    var value = _a.value, attributeType = _a.attributeType, _b = _a.config, config = _b === void 0 ? {} : _b, onSeeAllClick = _a.onSeeAllClick;
     var _c = useState([]), entities = _c[0], setEntities = _c[1];
     var _d = useState(0), total = _d[0], setTotal = _d[1];
     var entity = useSelector(mdm.selectors.getEntity) || {};
     var safePromise = useSafePromise();
-    var dispatch = useDispatch();
     var styles = useStyles();
     var globalSearchRequestOptions = useSelector(mdm.selectors.getGlobalSearchRequestOptions) || {};
     var entityType = config.entityType || entity.type;
@@ -45,12 +44,6 @@ export var PivotingTooltipContent = function (_a) {
             setTotal(0);
         });
     }, []);
-    var handleClickSeeAll = function () {
-        var generatedValue = Array.isArray(value)
-            ? convertNestedAttributePivotingValue(value)
-            : convertSimpleAttributePivotingValue(attributeType, value);
-        dispatch(mdmModuleUi.actions.openPivotingPerspective({ value: generatedValue, attributeType: attributeType }));
-    };
     var hasEntityTypeLabel = Boolean(config.label);
     return (React.createElement("div", { className: styles.container },
         React.createElement("div", { className: styles.header },
@@ -62,5 +55,5 @@ export var PivotingTooltipContent = function (_a) {
             React.createElement(EntityAvatar, { entity: visibleEntity, avatarClassName: styles.profileIcon }),
             React.createElement(EntityUriLink, { className: styles.entityLabel, value: getEntityUriForLink(visibleEntity) }, getLabel(visibleEntity.label)))); })),
         shouldShowSeeAllButton && (React.createElement("div", { className: styles.footer },
-            React.createElement("a", { className: styles.seeAllButton, onClick: handleClickSeeAll }, i18n.text('See all'))))));
+            React.createElement("a", { className: styles.seeAllButton, onClick: onSeeAllClick }, i18n.text('See all'))))));
 };

package/esm/components/attributes/PivotingAttributes/helpers.d.ts

@@ -1,11 +1,11 @@
-import { AttributeType, SearchFilter, Metadata, PivotingAttribute, RecordAttributesType } from '@reltio/mdm-sdk';
+import { AttributeType, SearchFilter, Metadata, PivotingAttribute, RecordAttributesType, PrimitiveValue } from '@reltio/mdm-sdk';
 export declare type PivotingValue = {
     [uri: string]: string[] | PivotingValue[];
 };
-export declare const getParamsFilteringEntities: (values: string | number | boolean | PivotingValue[], attributeType: AttributeType, entityType?: string) => SearchFilter[];
+export declare const getParamsFilteringEntities: (values: PrimitiveValue | PivotingValue[], attributeType: AttributeType, entityType?: string) => SearchFilter[];
 export declare const generatePivotingValue: (attributeType: AttributeType, value: RecordAttributesType, pivotingAttributes: PivotingAttribute[], metadata: Metadata) => PivotingValue[];
-export declare const convertSimpleAttributePivotingValue: (attrType: AttributeType, value: string | number | boolean) => {
-    [x: string]: string | number | boolean;
+export declare const convertSimpleAttributePivotingValue: (attrType: AttributeType, value: PrimitiveValue) => {
+    [x: string]: PrimitiveValue;
 }[];
 export declare const convertNestedAttributePivotingValue: (values: PivotingValue[]) => any[];
-export declare const preparePivotingAttributeValue: (value: any, attributeType: any) => any;
+export declare const preparePivotingAttributeValue: (value: PrimitiveValue, attributeType: AttributeType) => PrimitiveValue;

package/esm/components/attributes/PivotingAttributes/styles.js

@@ -73,7 +73,8 @@ export var useStyles = makeStyles(function (theme) { return ({
         margin: 'auto 8px auto 0'
     },
     content: {
-        color: theme.palette.primary.main
+        color: theme.palette.primary.main,
+        cursor: 'pointer'
     },
     seeAllButton: {
         cursor: 'pointer'

package/esm/components/attributes/editMode/AttributesPager/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-module';
-import { AttributeError, AttributeType, AttributeValue, Crosswalk, ImageAttributeValue, Mode, NestedAttributeValue, Paging, ReferenceAttributeValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
+import { AttributeError, AttributeType, AttributeValue, Crosswalk, ImageAttributeValue, Mode, NestedAttributeValue, Paging, ReferenceAttributeValue, SimpleAttributeValue, PrimitiveValue } from '@reltio/mdm-sdk';
 import AttributesPager from './AttributesPager';
 import CardinalityMessage from './CardinalityMessage';
 export declare type AttributeItem = {
@@ -8,7 +8,7 @@ export declare type AttributeItem = {
     parentUri?: string;
     index?: number;
     attributeType: AttributeType;
-    value?: Partial<AttributeValue> | ImageAttributeValue['value'] | string | boolean | number;
+    value?: Partial<AttributeValue> | ImageAttributeValue['value'] | PrimitiveValue;
 };
 declare type StateProps = {
     errorMessage: string;

package/esm/components/workflow/types/dcrTypes.d.ts

@@ -1,4 +1,4 @@
-import { Crosswalk, Entity, NestedAttributeValue, ReferenceAttributeValue, Relation, SimpleAttributeValue } from '@reltio/mdm-sdk';
+import { Crosswalk, Entity, NestedAttributeValue, ReferenceAttributeValue, Relation, SimpleAttributeValue, PrimitiveValue } from '@reltio/mdm-sdk';
 import { DCRTypes } from '../constants/operations';
 export declare type ChangeRequest = {
     changes: DCRChanges;
@@ -38,7 +38,7 @@ export declare type DCRObjectsInfo = {
 export declare type DCRAttributes = {
     [attributeName: string]: (ChangeValue | DCRChange)[];
 };
-export declare type Value = DCRAttributes | DCRChange | string | boolean | number;
+export declare type Value = DCRAttributes | DCRChange | PrimitiveValue;
 export declare type DCRAttributeValue = Omit<SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue, 'uri' | 'value'> & {
     value: Value;
     refObjectURI?: string;

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1038",
+  "version": "1.4.1039",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
-    "@react-google-maps/api": "^2.7.0",
-    "@reltio/mdm-module": "^1.4.1038",
-    "@reltio/mdm-sdk": "^1.4.1038",
+    "@react-google-maps/api": "2.7.0",
+    "@reltio/mdm-module": "^1.4.1039",
+    "@reltio/mdm-sdk": "^1.4.1039",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",
@@ -35,7 +35,7 @@
     "react-virtualized": "^9.21.2",
     "react-window": "^1.8.5",
     "recharts": "^1.8.5",
-    "ui-i18n": "bitbucket:reltio-ondemand/ui-i18n#v1.3.0"
+    "ui-i18n": "bitbucket:reltio-ondemand/ui-i18n#v1.3.1"
   },
   "peerDependencies": {
     "moment": "2.24.0",