@reltio/components 1.4.2202 → 1.4.2203

package/cjs/features/activity-log/RecordUpdates/RecordUpdates.d.ts

@@ -4,6 +4,7 @@ type Props = {
     updates: ActivityDelta[];
     recordId: string;
     isSegment?: boolean;
+    isInteraction?: boolean;
 };
 export declare const RecordUpdates: ({ updates, recordId, isSegment }: Props) => React.JSX.Element;
 export {};

package/cjs/features/activity-log/RecordUpdates/RecordUpdates.js

@@ -18,10 +18,9 @@ var RecordUpdates = function (_a) {
         itemsId: recordId,
         items: updates
     }), onExpand = _b.onExpand, collapsedItemsCount = _b.collapsedItemsCount, itemsToShow = _b.itemsToShow;
+    var DeltaFieldComponent = isSegment ? SegmentDeltaField_1.SegmentDeltaField : DeltaField_1.DeltaField;
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        itemsToShow.map(function (update, index) {
-            return isSegment ? react_1.default.createElement(SegmentDeltaField_1.SegmentDeltaField, { key: index, delta: update }) : react_1.default.createElement(DeltaField_1.DeltaField, { key: index, delta: update });
-        }),
+        itemsToShow.map(function (update, index) { return (react_1.default.createElement(DeltaFieldComponent, { key: index, delta: update })); }),
         collapsedItemsCount ? (react_1.default.createElement(MoreItemsLink_1.MoreItemsLink, { itemsCount: collapsedItemsCount, itemsLabel: collapsedItemsCount === 1 ? ui_i18n_1.default.text('update') : ui_i18n_1.default.text('updates'), onClick: onExpand, className: styles.moreLabel })) : null));
 };
 exports.RecordUpdates = RecordUpdates;

package/cjs/features/activity-log/RecordUpdates/components/DeltaField/DeltaField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ActivityDelta } from '../../../types';
+import { type ActivityDelta } from '../../../types';
 type Props = {
     delta: ActivityDelta;
 };

package/cjs/features/activity-log/RecordUpdates/components/DeltaField/DeltaField.js

@@ -7,33 +7,37 @@ exports.DeltaField = void 0;
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var EntityUriLink_1 = require("../../../../../EntityUriLink");
 var Chip_1 = __importDefault(require("@mui/material/Chip"));
 var ArrowForward_1 = __importDefault(require("@mui/icons-material/ArrowForward"));
 var types_1 = require("../../../types");
 var activities_1 = require("../../../utils/activities");
 var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
 var Field_1 = require("../../../Field");
-var styles_1 = require("./styles");
+var DeltaField_module_css_1 = __importDefault(require("./DeltaField.module.css"));
 var DeltaField = function (_a) {
     var _b, _c;
     var delta = _a.delta;
-    var styles = (0, styles_1.useStyles)();
     var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
     var attributesPresentation = (0, MdmModuleContext_1.useMdmAttributesPresentation)();
-    var attribute = (0, mdm_sdk_1.findAttributeTypeByUri)(metadata, delta.attributeType);
+    var isMemberDelta = delta.type in types_1.MemberDeltaTypes;
+    var attributeType = !isMemberDelta ? (0, mdm_sdk_1.findAttributeTypeByUri)(metadata, delta.attributeType) : undefined;
+    var memberType = isMemberDelta ? (0, mdm_sdk_1.findMemberTypeByUri)(metadata, delta.attributeType) : undefined;
+    var fieldType = isMemberDelta ? memberType : attributeType;
+    var fieldName = (fieldType === null || fieldType === void 0 ? void 0 : fieldType.label) || (fieldType === null || fieldType === void 0 ? void 0 : fieldType.name);
     var newValue = (_b = delta.newValue) === null || _b === void 0 ? void 0 : _b.value;
     var oldValue = (_c = delta.oldValue) === null || _c === void 0 ? void 0 : _c.value;
     var value = oldValue || newValue;
-    var deltaLabel = types_1.DeltaTypes[delta.type];
-    var converter = function (value) {
-        return (0, activities_1.stringifyDeltaValue)(value, delta.attributeType, metadata, attributesPresentation);
+    var deltaLabel = (isMemberDelta ? types_1.MemberDeltaTypes : types_1.DeltaTypes)[delta.type];
+    var converter = function (deltaValue) {
+        return isMemberDelta ? (react_1.default.createElement(EntityUriLink_1.EntityUriLink, { value: 'entities/' + deltaValue, className: DeltaField_module_css_1.default.entityLink }, deltaValue)) : ((0, activities_1.stringifyDeltaValue)(deltaValue, delta.attributeType, metadata, attributesPresentation));
     };
-    return (react_1.default.createElement(Field_1.Field, { fieldName: (attribute === null || attribute === void 0 ? void 0 : attribute.label) || (attribute === null || attribute === void 0 ? void 0 : attribute.name), "data-reltio-id": "delta-field" },
+    return (react_1.default.createElement(Field_1.Field, { fieldName: fieldName, "data-reltio-id": "delta-field" },
         react_1.default.createElement("span", null,
             value && converter(value),
             newValue && oldValue && (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(ArrowForward_1.default, { className: styles.arrow }),
+                react_1.default.createElement(ArrowForward_1.default, { className: DeltaField_module_css_1.default.arrow }),
                 converter(newValue)))),
-        deltaLabel && (react_1.default.createElement(Chip_1.default, { variant: "outlined", label: deltaLabel, className: (0, classnames_1.default)(styles.chip, deltaLabel) }))));
+        deltaLabel && (react_1.default.createElement(Chip_1.default, { variant: "outlined", label: deltaLabel, className: (0, classnames_1.default)(DeltaField_module_css_1.default.chip, DeltaField_module_css_1.default[deltaLabel]) }))));
 };
 exports.DeltaField = DeltaField;

package/cjs/features/activity-log/RecordUpdates/components/DeltaField/DeltaField.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"arrow":"DeltaField-arrow--5hkJ-","chip":"DeltaField-chip--OIM5S","edited":"DeltaField-edited--P1M7q","added":"DeltaField-added--HNmW4","deleted":"DeltaField-deleted--oKqex","entityLink":"DeltaField-entityLink--lGSiY"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.DeltaField-arrow--5hkJ-{color:var(--mui-palette-text-primary);font-size:12px;margin:0 8px}.DeltaField-chip--OIM5S{flex-shrink:0;font-size:10px;font-weight:500;height:20px;line-height:16px;margin-left:9px;text-transform:capitalize;width:53px}.DeltaField-chip--OIM5S.DeltaField-edited--P1M7q{border-color:#6973c2;color:#6973c2}.DeltaField-chip--OIM5S.DeltaField-added--HNmW4{border-color:#75c378;color:#75c378}.DeltaField-chip--OIM5S.DeltaField-deleted--oKqex{border-color:#f97061;color:#f97061}.DeltaField-chip--OIM5S span{padding:0}.DeltaField-entityLink--lGSiY{color:var(--mui-palette-primary-main);text-decoration:none}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/features/activity-log/types.d.ts

@@ -61,6 +61,11 @@ export declare enum DeltaTypes {
     ATTRIBUTE_ADDED = "added",
     ATTRIBUTE_REMOVED = "deleted"
 }
+export declare enum MemberDeltaTypes {
+    MEMBER_CHANGED = "edited",
+    MEMBER_ADDED = "added",
+    MEMBER_REMOVED = "deleted"
+}
 export type ActivityDelta = {
     type: string;
     attributeType: string;

package/cjs/features/activity-log/types.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DeltaTypes = exports.ActivityTypes = void 0;
+exports.MemberDeltaTypes = exports.DeltaTypes = exports.ActivityTypes = void 0;
 var ActivityTypes;
 (function (ActivityTypes) {
     ActivityTypes["MODEL_UPDATED"] = "MODEL_UPDATED";
@@ -45,3 +45,9 @@ var DeltaTypes;
     DeltaTypes["ATTRIBUTE_ADDED"] = "added";
     DeltaTypes["ATTRIBUTE_REMOVED"] = "deleted";
 })(DeltaTypes || (exports.DeltaTypes = DeltaTypes = {}));
+var MemberDeltaTypes;
+(function (MemberDeltaTypes) {
+    MemberDeltaTypes["MEMBER_CHANGED"] = "edited";
+    MemberDeltaTypes["MEMBER_ADDED"] = "added";
+    MemberDeltaTypes["MEMBER_REMOVED"] = "deleted";
+})(MemberDeltaTypes || (exports.MemberDeltaTypes = MemberDeltaTypes = {}));

package/features/activity-log/RecordUpdates/RecordUpdates.d.ts

@@ -4,6 +4,7 @@ type Props = {
     updates: ActivityDelta[];
     recordId: string;
     isSegment?: boolean;
+    isInteraction?: boolean;
 };
 export declare const RecordUpdates: ({ updates, recordId, isSegment }: Props) => React.JSX.Element;
 export {};

package/features/activity-log/RecordUpdates/RecordUpdates.js

@@ -12,9 +12,8 @@ export var RecordUpdates = function (_a) {
         itemsId: recordId,
         items: updates
     }), onExpand = _b.onExpand, collapsedItemsCount = _b.collapsedItemsCount, itemsToShow = _b.itemsToShow;
+    var DeltaFieldComponent = isSegment ? SegmentDeltaField : DeltaField;
     return (React.createElement(React.Fragment, null,
-        itemsToShow.map(function (update, index) {
-            return isSegment ? React.createElement(SegmentDeltaField, { key: index, delta: update }) : React.createElement(DeltaField, { key: index, delta: update });
-        }),
+        itemsToShow.map(function (update, index) { return (React.createElement(DeltaFieldComponent, { key: index, delta: update })); }),
         collapsedItemsCount ? (React.createElement(MoreItemsLink, { itemsCount: collapsedItemsCount, itemsLabel: collapsedItemsCount === 1 ? i18n.text('update') : i18n.text('updates'), onClick: onExpand, className: styles.moreLabel })) : null));
 };

package/features/activity-log/RecordUpdates/components/DeltaField/DeltaField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ActivityDelta } from '../../../types';
+import { type ActivityDelta } from '../../../types';
 type Props = {
     delta: ActivityDelta;
 };

package/features/activity-log/RecordUpdates/components/DeltaField/DeltaField.js

@@ -1,32 +1,36 @@
 import React from 'react';
 import classnames from 'classnames';
-import { findAttributeTypeByUri } from '@reltio/mdm-sdk';
+import { findAttributeTypeByUri, findMemberTypeByUri } from '@reltio/mdm-sdk';
+import { EntityUriLink } from '../../../../../EntityUriLink';
 import Chip from '@mui/material/Chip';
 import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
-import { DeltaTypes } from '../../../types';
+import { DeltaTypes, MemberDeltaTypes } from '../../../types';
 import { stringifyDeltaValue } from '../../../utils/activities';
 import { useMdmMetadata, useMdmAttributesPresentation } from '../../../../../contexts/MdmModuleContext';
 import { Field } from '../../../Field';
-import { useStyles } from './styles';
+import styles from './DeltaField.module.css';
 export var DeltaField = function (_a) {
     var _b, _c;
     var delta = _a.delta;
-    var styles = useStyles();
     var metadata = useMdmMetadata();
     var attributesPresentation = useMdmAttributesPresentation();
-    var attribute = findAttributeTypeByUri(metadata, delta.attributeType);
+    var isMemberDelta = delta.type in MemberDeltaTypes;
+    var attributeType = !isMemberDelta ? findAttributeTypeByUri(metadata, delta.attributeType) : undefined;
+    var memberType = isMemberDelta ? findMemberTypeByUri(metadata, delta.attributeType) : undefined;
+    var fieldType = isMemberDelta ? memberType : attributeType;
+    var fieldName = (fieldType === null || fieldType === void 0 ? void 0 : fieldType.label) || (fieldType === null || fieldType === void 0 ? void 0 : fieldType.name);
     var newValue = (_b = delta.newValue) === null || _b === void 0 ? void 0 : _b.value;
     var oldValue = (_c = delta.oldValue) === null || _c === void 0 ? void 0 : _c.value;
     var value = oldValue || newValue;
-    var deltaLabel = DeltaTypes[delta.type];
-    var converter = function (value) {
-        return stringifyDeltaValue(value, delta.attributeType, metadata, attributesPresentation);
+    var deltaLabel = (isMemberDelta ? MemberDeltaTypes : DeltaTypes)[delta.type];
+    var converter = function (deltaValue) {
+        return isMemberDelta ? (React.createElement(EntityUriLink, { value: 'entities/' + deltaValue, className: styles.entityLink }, deltaValue)) : (stringifyDeltaValue(deltaValue, delta.attributeType, metadata, attributesPresentation));
     };
-    return (React.createElement(Field, { fieldName: (attribute === null || attribute === void 0 ? void 0 : attribute.label) || (attribute === null || attribute === void 0 ? void 0 : attribute.name), "data-reltio-id": "delta-field" },
+    return (React.createElement(Field, { fieldName: fieldName, "data-reltio-id": "delta-field" },
         React.createElement("span", null,
             value && converter(value),
             newValue && oldValue && (React.createElement(React.Fragment, null,
                 React.createElement(ArrowForwardIcon, { className: styles.arrow }),
                 converter(newValue)))),
-        deltaLabel && (React.createElement(Chip, { variant: "outlined", label: deltaLabel, className: classnames(styles.chip, deltaLabel) }))));
+        deltaLabel && (React.createElement(Chip, { variant: "outlined", label: deltaLabel, className: classnames(styles.chip, styles[deltaLabel]) }))));
 };

package/features/activity-log/RecordUpdates/components/DeltaField/DeltaField.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"arrow":"DeltaField-arrow--5hkJ-","chip":"DeltaField-chip--OIM5S","edited":"DeltaField-edited--P1M7q","added":"DeltaField-added--HNmW4","deleted":"DeltaField-deleted--oKqex","entityLink":"DeltaField-entityLink--lGSiY"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.DeltaField-arrow--5hkJ-{color:var(--mui-palette-text-primary);font-size:12px;margin:0 8px}.DeltaField-chip--OIM5S{flex-shrink:0;font-size:10px;font-weight:500;height:20px;line-height:16px;margin-left:9px;text-transform:capitalize;width:53px}.DeltaField-chip--OIM5S.DeltaField-edited--P1M7q{border-color:#6973c2;color:#6973c2}.DeltaField-chip--OIM5S.DeltaField-added--HNmW4{border-color:#75c378;color:#75c378}.DeltaField-chip--OIM5S.DeltaField-deleted--oKqex{border-color:#f97061;color:#f97061}.DeltaField-chip--OIM5S span{padding:0}.DeltaField-entityLink--lGSiY{color:var(--mui-palette-primary-main);text-decoration:none}`;
+    head.appendChild(style);
+}
+export default styles;

package/features/activity-log/types.d.ts

@@ -61,6 +61,11 @@ export declare enum DeltaTypes {
     ATTRIBUTE_ADDED = "added",
     ATTRIBUTE_REMOVED = "deleted"
 }
+export declare enum MemberDeltaTypes {
+    MEMBER_CHANGED = "edited",
+    MEMBER_ADDED = "added",
+    MEMBER_REMOVED = "deleted"
+}
 export type ActivityDelta = {
     type: string;
     attributeType: string;

package/features/activity-log/types.js

@@ -42,3 +42,9 @@ export var DeltaTypes;
     DeltaTypes["ATTRIBUTE_ADDED"] = "added";
     DeltaTypes["ATTRIBUTE_REMOVED"] = "deleted";
 })(DeltaTypes || (DeltaTypes = {}));
+export var MemberDeltaTypes;
+(function (MemberDeltaTypes) {
+    MemberDeltaTypes["MEMBER_CHANGED"] = "edited";
+    MemberDeltaTypes["MEMBER_ADDED"] = "added";
+    MemberDeltaTypes["MEMBER_REMOVED"] = "deleted";
+})(MemberDeltaTypes || (MemberDeltaTypes = {}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2202",
+  "version": "1.4.2203",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -11,7 +11,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@googlemaps/markerclusterer": "^2.5.3",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.2005",
+    "@reltio/mdm-sdk": "^1.4.2006",
     "@vis.gl/react-google-maps": "^1.3.0",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",

package/cjs/features/activity-log/RecordUpdates/components/DeltaField/styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"arrow" | "chip">;

package/cjs/features/activity-log/RecordUpdates/components/DeltaField/styles.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@mui/styles");
-exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
-    arrow: {
-        margin: '0 8px',
-        fontSize: 12,
-        color: theme.palette.text.primary
-    },
-    chip: {
-        height: 20,
-        width: 53,
-        fontSize: 10,
-        fontWeight: 500,
-        lineHeight: '16px',
-        marginLeft: 9,
-        flexShrink: 0,
-        textTransform: 'capitalize',
-        '& span': {
-            padding: 0
-        },
-        '&.edited': {
-            color: '#6973C2',
-            borderColor: '#6973C2'
-        },
-        '&.added': {
-            color: '#75C378',
-            borderColor: '#75C378'
-        },
-        '&.deleted': {
-            color: '#F97061',
-            borderColor: '#F97061'
-        }
-    }
-}); });

package/features/activity-log/RecordUpdates/components/DeltaField/styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"arrow" | "chip">;

package/features/activity-log/RecordUpdates/components/DeltaField/styles.js

@@ -1,33 +0,0 @@
-import { makeStyles } from '@mui/styles';
-export var useStyles = makeStyles(function (theme) { return ({
-    arrow: {
-        margin: '0 8px',
-        fontSize: 12,
-        color: theme.palette.text.primary
-    },
-    chip: {
-        height: 20,
-        width: 53,
-        fontSize: 10,
-        fontWeight: 500,
-        lineHeight: '16px',
-        marginLeft: 9,
-        flexShrink: 0,
-        textTransform: 'capitalize',
-        '& span': {
-            padding: 0
-        },
-        '&.edited': {
-            color: '#6973C2',
-            borderColor: '#6973C2'
-        },
-        '&.added': {
-            color: '#75C378',
-            borderColor: '#75C378'
-        },
-        '&.deleted': {
-            color: '#F97061',
-            borderColor: '#F97061'
-        }
-    }
-}); });