@reltio/components 1.4.2199 → 1.4.2201

package/cjs/features/workflow/ChangeRequestEditor/components/EntityChangesGroup/EntityChangesGroup.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"entityGroup":"EntityChangesGroup-entityGroup--KmWaa","entityHeader":"EntityChangesGroup-entityHeader--hf8-J","entityTitle":"EntityChangesGroup-entityTitle--caeZE","accordionContent":"EntityChangesGroup-accordionContent--N7C6Y","attributesList":"EntityChangesGroup-attributesList--7Tmk6","skeletonEntityGroupDisabled":"EntityChangesGroup-skeletonEntityGroupDisabled--qFGAK"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.EntityChangesGroup-entityGroup--KmWaa{background-color:#f7f7f7;border:1px solid #f0f0f0;border-radius:8px;box-shadow:none;margin:0 16px}.EntityChangesGroup-entityGroup--KmWaa.Mui-expanded{margin:0 16px}.EntityChangesGroup-entityGroup--KmWaa:before{display:none}.EntityChangesGroup-entityHeader--hf8-J{border-bottom:1px solid #f0f0f0;min-height:auto;padding:8px 16px}.EntityChangesGroup-entityHeader--hf8-J.Mui-expanded{min-height:auto}.EntityChangesGroup-entityTitle--caeZE{font-size:14px}.EntityChangesGroup-accordionContent--N7C6Y,.EntityChangesGroup-accordionContent--N7C6Y.Mui-expanded{margin:0}.EntityChangesGroup-attributesList--7Tmk6{display:flex;flex-direction:column;gap:8px;max-width:1000px;min-width:750px;padding:16px}.EntityChangesGroup-skeletonEntityGroupDisabled--qFGAK.Mui-disabled{background-color:#f7f7f7}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/features/workflow/ChangeRequestEditor/components/EntityChangesGroup/SkeletonEntityChangesGroupLoader.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SkeletonEntityChangesGroupLoader: () => React.JSX.Element;

package/cjs/features/workflow/ChangeRequestEditor/components/EntityChangesGroup/SkeletonEntityChangesGroupLoader.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SkeletonEntityChangesGroupLoader = void 0;
+var react_1 = __importDefault(require("react"));
+var Accordion_1 = __importDefault(require("@mui/material/Accordion"));
+var AccordionSummary_1 = __importDefault(require("@mui/material/AccordionSummary"));
+var AccordionDetails_1 = __importDefault(require("@mui/material/AccordionDetails"));
+var ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
+var Skeleton_1 = __importDefault(require("@mui/material/Skeleton"));
+var ChangeItemEditor_1 = require("../ChangeItemEditor");
+var EntityChangesGroup_module_css_1 = __importDefault(require("./EntityChangesGroup.module.css"));
+var SkeletonEntityChangesGroupLoader = function () {
+    return (react_1.default.createElement(Accordion_1.default, { className: EntityChangesGroup_module_css_1.default.entityGroup, classes: { disabled: EntityChangesGroup_module_css_1.default.skeletonEntityGroupDisabled }, defaultExpanded: true, disabled: true },
+        react_1.default.createElement(AccordionSummary_1.default, { expandIcon: react_1.default.createElement(ExpandMore_1.default, null), className: EntityChangesGroup_module_css_1.default.entityHeader, classes: {
+                content: EntityChangesGroup_module_css_1.default.accordionContent
+            } },
+            react_1.default.createElement(Skeleton_1.default, { variant: "text", width: "150px", height: 30 })),
+        react_1.default.createElement(AccordionDetails_1.default, { className: EntityChangesGroup_module_css_1.default.attributesList }, Array.from({ length: 3 }).map(function (_, index) { return (react_1.default.createElement(ChangeItemEditor_1.SkeletonChangeItemEditorLoader, { key: "change-list-item-loader-".concat(index) })); }))));
+};
+exports.SkeletonEntityChangesGroupLoader = SkeletonEntityChangesGroupLoader;

package/cjs/features/workflow/ChangeRequestEditor/components/EntityChangesGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { EntityChangesGroup } from './EntityChangesGroup';
+export { SkeletonEntityChangesGroupLoader } from './SkeletonEntityChangesGroupLoader';

package/cjs/features/workflow/ChangeRequestEditor/components/EntityChangesGroup/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SkeletonEntityChangesGroupLoader = exports.EntityChangesGroup = void 0;
+var EntityChangesGroup_1 = require("./EntityChangesGroup");
+Object.defineProperty(exports, "EntityChangesGroup", { enumerable: true, get: function () { return EntityChangesGroup_1.EntityChangesGroup; } });
+var SkeletonEntityChangesGroupLoader_1 = require("./SkeletonEntityChangesGroupLoader");
+Object.defineProperty(exports, "SkeletonEntityChangesGroupLoader", { enumerable: true, get: function () { return SkeletonEntityChangesGroupLoader_1.SkeletonEntityChangesGroupLoader; } });

package/cjs/features/workflow/ChangeRequestEditor/helpers.d.ts

@@ -0,0 +1,3 @@
+import { GroupedObjectsInfo } from '@reltio/mdm-sdk';
+import { Diff } from '../types';
+export declare const isEditableChange: (change: Diff, entityInfo: GroupedObjectsInfo["entity"]) => boolean;

package/cjs/features/workflow/ChangeRequestEditor/helpers.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isEditableChange = void 0;
+var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var isEditableChange = function (change, entityInfo) {
+    var _a;
+    var currentAttributeTypeUri = (_a = change.attributeType) === null || _a === void 0 ? void 0 : _a.uri;
+    var isExistingReferenceEntityChange = entityInfo.isExist &&
+        currentAttributeTypeUri &&
+        change.isReferenceSubAttribute &&
+        change.operation === mdm_sdk_1.DCROperationTypes.ADDED &&
+        !(0, mdm_sdk_1.isRelationTypeUri)(currentAttributeTypeUri);
+    return !!currentAttributeTypeUri && !isExistingReferenceEntityChange && !(0, ramda_1.isNil)(change.newValue);
+};
+exports.isEditableChange = isEditableChange;

package/cjs/features/workflow/DCREntityUriLink/DCREntityUriLink.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { DCRChanges, GroupedObjectsInfo } from '@reltio/mdm-sdk';
+type Props = {
+    entityInfo: GroupedObjectsInfo['entity'];
+    changes: DCRChanges;
+    dcrUri: string;
+    className?: string;
+};
+export declare const DCREntityUriLink: ({ entityInfo, changes, dcrUri, className }: Props) => React.JSX.Element;
+export {};

package/cjs/features/workflow/DCREntityUriLink/DCREntityUriLink.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DCREntityUriLink = void 0;
+var react_1 = __importDefault(require("react"));
+var ramda_1 = require("ramda");
+var classnames_1 = __importDefault(require("classnames"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var EntityUriLink_1 = require("../../../EntityUriLink");
+var dcr_1 = require("../helpers/dcr");
+var DCREntityUriLink_module_css_1 = __importDefault(require("./DCREntityUriLink.module.css"));
+var DCREntityUriLink = function (_a) {
+    var entityInfo = _a.entityInfo, changes = _a.changes, dcrUri = _a.dcrUri, className = _a.className;
+    var entityUri = (0, ramda_1.ifElse)((0, ramda_1.any)(dcr_1.isCreateEntityOperation), (0, ramda_1.always)((0, dcr_1.getEntityUriForChangeRequest)(dcrUri, entityInfo.uri)), (0, ramda_1.always)((0, mdm_sdk_1.getEntityUriForLink)(entityInfo)))((0, ramda_1.propOr)([], entityInfo.uri, changes));
+    var screen = (0, ramda_1.ifElse)((0, ramda_1.any)(dcr_1.isCreateEntityOperation), (0, ramda_1.always)('dcrReview'), (0, ramda_1.always)('profile'))((0, ramda_1.propOr)([], entityInfo.uri, changes));
+    return (react_1.default.createElement(EntityUriLink_1.EntityUriLink, { className: (0, classnames_1.default)(DCREntityUriLink_module_css_1.default.link, className), value: entityUri, screen: screen },
+        react_1.default.createElement("div", { className: DCREntityUriLink_module_css_1.default.label }, (0, mdm_sdk_1.getLabel)(entityInfo.label))));
+};
+exports.DCREntityUriLink = DCREntityUriLink;

package/cjs/features/workflow/DCREntityUriLink/DCREntityUriLink.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"link":"DCREntityUriLink-link--cTnX-","label":"DCREntityUriLink-label--okYmG"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.DCREntityUriLink-link--cTnX-{color:var(--mui-palette-primary-main);cursor:pointer;font-size:12px;text-decoration:none}.DCREntityUriLink-label--okYmG{letter-spacing:0;line-height:16px;white-space:break-spaces}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/features/workflow/OperationChip/OperationChip.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { DCROperationTypes } from '@reltio/mdm-sdk';
+type Props = {
+    operation: DCROperationTypes;
+    className?: string;
+    size?: 'small' | 'medium';
+    variant?: 'filled' | 'outlined';
+};
+export declare const OperationChip: ({ operation, className, size, variant }: Props) => React.JSX.Element;
+export {};

package/cjs/features/workflow/OperationChip/OperationChip.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OperationChip = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var Chip_1 = __importDefault(require("@mui/material/Chip"));
+var common_1 = require("../helpers/common");
+var OperationChip_module_css_1 = __importDefault(require("./OperationChip.module.css"));
+var OperationChip = function (_a) {
+    var operation = _a.operation, className = _a.className, _b = _a.size, size = _b === void 0 ? 'small' : _b, _c = _a.variant, variant = _c === void 0 ? 'outlined' : _c;
+    return (react_1.default.createElement(Chip_1.default, { variant: variant, label: (0, common_1.getOperationLabel)(operation), size: size, className: (0, classnames_1.default)(OperationChip_module_css_1.default.chip, OperationChip_module_css_1.default[operation], className) }));
+};
+exports.OperationChip = OperationChip;

package/cjs/features/workflow/OperationChip/OperationChip.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"chip":"OperationChip-chip--1GvDu","edited":"OperationChip-edited--szKT3","added":"OperationChip-added--LBI82","deleted":"OperationChip-deleted--3-a9r","ignored":"OperationChip-ignored--xwl3i"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.OperationChip-chip--1GvDu{border-color:var(--mui-palette-primary-main);color:var(--mui-palette-primary-main);flex-shrink:0;font-size:10px;font-weight:500;height:20px;letter-spacing:0;line-height:16px;text-transform:capitalize}.OperationChip-chip--1GvDu.OperationChip-edited--szKT3{border-color:#cc7500;color:#cc7500}.OperationChip-chip--1GvDu.OperationChip-added--LBI82{border-color:#599e0e;color:#599e0e}.OperationChip-chip--1GvDu.OperationChip-deleted--3-a9r{border-color:#cf0e26;color:#cf0e26}.OperationChip-chip--1GvDu.OperationChip-ignored--xwl3i{border-color:#3075c9;color:#3075c9}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/features/workflow/OperationChip/index.d.ts

@@ -0,0 +1 @@
+export { OperationChip } from './OperationChip';

package/cjs/features/workflow/OperationChip/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OperationChip = void 0;
+var OperationChip_1 = require("./OperationChip");
+Object.defineProperty(exports, "OperationChip", { enumerable: true, get: function () { return OperationChip_1.OperationChip; } });

package/cjs/features/workflow/RelationEntityLink/RelationEntityLink.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { AttributeType, DCRAttributeValue, TRelationType } from '@reltio/mdm-sdk';
+type Props = {
+    attributeOrRelationType: AttributeType | TRelationType;
+    attributeValue: DCRAttributeValue;
+    className?: string;
+};
+export declare const RelationEntityLink: ({ attributeOrRelationType, attributeValue, className }: Props) => React.JSX.Element;
+export {};

package/cjs/features/workflow/RelationEntityLink/RelationEntityLink.js

@@ -0,0 +1,67 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RelationEntityLink = void 0;
+var react_1 = __importStar(require("react"));
+var ramda_1 = require("ramda");
+var classnames_1 = __importDefault(require("classnames"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var common_1 = require("../helpers/common");
+var EntityUriLink_1 = require("../../../EntityUriLink");
+var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
+var AttributesChangesContext_1 = require("../AttributesChanges/AttributesChangesContext");
+var RelationEntityLink_module_css_1 = __importDefault(require("./RelationEntityLink.module.css"));
+var RelationEntityLink = function (_a) {
+    var _b, _c;
+    var _d;
+    var attributeOrRelationType = _a.attributeOrRelationType, attributeValue = _a.attributeValue, className = _a.className;
+    var objectsInfo = (0, react_1.useContext)(AttributesChangesContext_1.AttributesChangesContext);
+    var entityUri = (0, MdmModuleContext_1.useMdmEntityUri)();
+    var getLinkDescription = (0, react_1.useCallback)(function () {
+        var _a, _b, _c;
+        if ((0, mdm_sdk_1.isReference)(attributeOrRelationType)) {
+            var value = (_b = (_a = attributeValue.value) === null || _a === void 0 ? void 0 : _a.newValue) !== null && _b !== void 0 ? _b : (_c = attributeValue.value) === null || _c === void 0 ? void 0 : _c.oldValue;
+            return (0, common_1.getAttributeDescription)(attributeOrRelationType, value || attributeValue, entityUri, objectsInfo);
+        }
+        else if ('endObject' in attributeOrRelationType) {
+            var _d = attributeValue, endObjectUri = _d.endObjectUri, endObjectLabel = _d.endObjectLabel;
+            return {
+                objectUri: endObjectUri,
+                objectLabel: endObjectLabel
+            };
+        }
+    }, [attributeOrRelationType, attributeValue, entityUri, objectsInfo]);
+    var _e = getLinkDescription() || {}, objectUri = _e.objectUri, objectLabel = _e.objectLabel;
+    if ((0, ramda_1.isNil)(objectUri) || (0, ramda_1.isNil)(objectLabel)) {
+        return null;
+    }
+    var isNotExist = ((_d = objectsInfo[objectUri]) === null || _d === void 0 ? void 0 : _d.isExist) === false;
+    return (react_1.default.createElement(EntityUriLink_1.EntityUriLink, { value: objectUri, className: (0, classnames_1.default)(RelationEntityLink_module_css_1.default.linkContainer, (_b = {}, _b[RelationEntityLink_module_css_1.default.disabledLink] = isNotExist, _b), className) },
+        react_1.default.createElement("span", { className: (0, classnames_1.default)(RelationEntityLink_module_css_1.default.linkLabel, (_c = {}, _c[RelationEntityLink_module_css_1.default.label] = isNotExist, _c)) }, (0, mdm_sdk_1.getLabel)(objectLabel))));
+};
+exports.RelationEntityLink = RelationEntityLink;

package/cjs/features/workflow/RelationEntityLink/RelationEntityLink.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"linkContainer":"RelationEntityLink-linkContainer--lrgwy","linkLabel":"RelationEntityLink-linkLabel--1-dRa","disabledLink":"RelationEntityLink-disabledLink--r8PS0","label":"RelationEntityLink-label--0---g"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.RelationEntityLink-linkContainer--lrgwy{cursor:pointer;font-size:12px;margin-left:4px;text-decoration:none}.RelationEntityLink-linkLabel--1-dRa{color:var(--mui-palette-primary-main);letter-spacing:0;line-height:16px;white-space:break-spaces}.RelationEntityLink-disabledLink--r8PS0{cursor:default;pointer-events:none}.RelationEntityLink-label--0---g{color:var(--mui-palette-text-primary)}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/features/workflow/RelationEntityLink/index.d.ts

@@ -0,0 +1 @@
+export { RelationEntityLink } from './RelationEntityLink';

package/cjs/features/workflow/RelationEntityLink/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RelationEntityLink = void 0;
+var RelationEntityLink_1 = require("./RelationEntityLink");
+Object.defineProperty(exports, "RelationEntityLink", { enumerable: true, get: function () { return RelationEntityLink_1.RelationEntityLink; } });

package/cjs/features/workflow/ReviewDCRDialog/ReviewDCRDialog.js

@@ -54,7 +54,7 @@ var ReviewDCRDialog = function (_a) {
                         react_1.default.createElement("div", { className: ReviewDCRDialog_module_css_1.default.editableItem },
                             react_1.default.createElement(AssigneeSelector_1.AssigneeSelector, { taskId: task.taskId, assignee: task.assignee, isTaskOpen: task.isOpen })))),
                 react_1.default.createElement("div", { className: ReviewDCRDialog_module_css_1.default.changesSection },
-                    react_1.default.createElement(ChangeRequestEditor_1.ChangeRequestEditor, { dcr: dcr, task: task }))),
+                    react_1.default.createElement(ChangeRequestEditor_1.ChangeRequestEditor, { dcr: dcr, task: task, groupedObjects: groupedObjects }))),
             canViewComments && (react_1.default.createElement(WorkflowComments_1.WorkflowComments, { workflowActions: workflowActions, actionRequestIsInProgress: actionRequestIsInProgress, preferredAction: task.preferredAction, taskId: task.taskId, processInstanceComments: task.processInstanceComments, isTaskOpen: task.isOpen, showActionButtons: false, alwaysExpanded: true, classes: {
                     container: ReviewDCRDialog_module_css_1.default.commentsRootContainer,
                     commentsContainer: ReviewDCRDialog_module_css_1.default.commentsContainer

package/cjs/features/workflow/ReviewDCRDialog/ReviewDCRDialog.module.css.js

@@ -3,7 +3,7 @@ if (typeof document !== 'undefined') {
     const head = document.head || document.getElementsByTagName('head')[0]
     const style = document.createElement('style');
     style.type = 'text/css'
-    style.innerHTML = `.ReviewDCRDialog-dialogTitle--xCXtj{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 16px 8px}.ReviewDCRDialog-titleContent--Hh2KH{align-items:center;display:flex;flex:1;justify-content:space-between;position:relative}.ReviewDCRDialog-titleText--ME8s4{flex:1;margin:0;padding-left:48px}.ReviewDCRDialog-closeButton--YMAEf{color:#666;left:15px;position:absolute}.ReviewDCRDialog-closeButton--YMAEf:hover{background-color:rgba(0,0,0,.04);color:#333}.ReviewDCRDialog-content--qvUva{display:flex;min-height:400px;padding:0!important;width:100%}.ReviewDCRDialog-leftSection--5MELW{border-right:1px solid #e0e0e0;padding:0 16px;width:100%}.ReviewDCRDialog-profileBand--7r6Xy{margin-left:-16px}.ReviewDCRDialog-profileBandRoot--G7p1m{box-shadow:none;margin-bottom:0}.ReviewDCRDialog-editableSection--v-D7a{border:1px solid #d9d9d9;border-radius:0 0 8px 8px;margin-bottom:32px;padding:8px 16px 14px}.ReviewDCRDialog-editableGrid--auc-d{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:12px}.ReviewDCRDialog-editableItem--isGwv{display:flex;flex-direction:column}.ReviewDCRDialog-priorityField--LQ1n3{min-width:200px}.ReviewDCRDialog-changesSection--qj2OK{margin-bottom:24px}.ReviewDCRDialog-commentsRootContainer--g2f7m{margin:10px 0 16px 10px;min-width:323px;width:323px}.ReviewDCRDialog-commentsContainer--OApOx{flex-grow:1;max-height:100%}`;
+    style.innerHTML = `.ReviewDCRDialog-dialogTitle--xCXtj{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 16px 8px}.ReviewDCRDialog-titleContent--Hh2KH{align-items:center;display:flex;flex:1;justify-content:space-between;position:relative}.ReviewDCRDialog-titleText--ME8s4{flex:1;margin:0;padding-left:48px}.ReviewDCRDialog-closeButton--YMAEf{color:#666;left:15px;position:absolute}.ReviewDCRDialog-closeButton--YMAEf:hover{background-color:var(--mui-palette-action-hover);color:var(--mui-palette-text-primary)}.ReviewDCRDialog-content--qvUva{display:flex;min-height:400px;padding:0!important;width:100%}.ReviewDCRDialog-leftSection--5MELW{border-right:1px solid #e0e0e0;display:flex;flex-direction:column;padding:0 16px;width:100%}.ReviewDCRDialog-profileBand--7r6Xy{margin-left:-16px}.ReviewDCRDialog-profileBandRoot--G7p1m{box-shadow:none;margin-bottom:0}.ReviewDCRDialog-editableSection--v-D7a{border:1px solid #d9d9d9;border-radius:0 0 8px 8px;margin-bottom:16px;padding:8px 16px 14px}.ReviewDCRDialog-editableGrid--auc-d{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:12px}.ReviewDCRDialog-editableItem--isGwv{display:flex;flex-direction:column}.ReviewDCRDialog-priorityField--LQ1n3{min-width:200px}.ReviewDCRDialog-changesSection--qj2OK{flex-grow:1;margin-bottom:16px;position:relative}.ReviewDCRDialog-commentsRootContainer--g2f7m{margin:10px 0 16px 10px;min-width:323px;width:323px}.ReviewDCRDialog-commentsContainer--OApOx{flex-grow:1;max-height:100%}`;
     head.appendChild(style);
 }
 module.exports = styles;

package/cjs/features/workflow/ReviewDCRDialog/components/DCRChangesSummary/DCRChangesSummary.js

@@ -30,29 +30,15 @@ exports.DCRChangesSummary = void 0;
 var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var Skeleton_1 = __importDefault(require("@mui/material/Skeleton"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
 var helpers_1 = require("../../helpers");
+var common_1 = require("../../../helpers/common");
 var DCRChangesSummary_module_css_1 = __importDefault(require("./DCRChangesSummary.module.css"));
-var getOperationLabel = function (operation) {
-    var _a;
-    var labels = (_a = {},
-        _a[mdm_sdk_1.DCROperationTypes.ADDED] = ui_i18n_1.default.text('Added'),
-        _a[mdm_sdk_1.DCROperationTypes.EDITED] = ui_i18n_1.default.text('Edited'),
-        _a[mdm_sdk_1.DCROperationTypes.DELETED] = ui_i18n_1.default.text('Deleted'),
-        _a[mdm_sdk_1.DCROperationTypes.PINNED] = ui_i18n_1.default.text('Pinned'),
-        _a[mdm_sdk_1.DCROperationTypes.PIN_DELETED] = ui_i18n_1.default.text('Pin deleted'),
-        _a[mdm_sdk_1.DCROperationTypes.IGNORED] = ui_i18n_1.default.text('Ignored'),
-        _a[mdm_sdk_1.DCROperationTypes.IGNORE_DELETED] = ui_i18n_1.default.text('Ignore deleted'),
-        _a);
-    return labels[operation] || operation || '';
-};
 var ChangeItem = function (_a) {
     var count = _a.count, operation = _a.operation;
     return count > 0 && (react_1.default.createElement("div", { className: DCRChangesSummary_module_css_1.default.changeItem },
         react_1.default.createElement("div", { className: (0, classnames_1.default)(DCRChangesSummary_module_css_1.default.changeNumber, DCRChangesSummary_module_css_1.default[operation]) }, count),
-        react_1.default.createElement("div", { className: DCRChangesSummary_module_css_1.default.changeLabel }, getOperationLabel(operation))));
+        react_1.default.createElement("div", { className: DCRChangesSummary_module_css_1.default.changeLabel }, (0, common_1.getOperationLabel)(operation))));
 };
 var LoadingSkeleton = function () { return (react_1.default.createElement(react_1.default.Fragment, null, Array.from({ length: 4 }).map(function (_, index) { return (react_1.default.createElement("div", { key: "summary-changes-skeleton-".concat(index), className: DCRChangesSummary_module_css_1.default.changeItem },
     react_1.default.createElement(Skeleton_1.default, { variant: "text", width: 24, height: 16, className: DCRChangesSummary_module_css_1.default.changeNumber }),
@@ -61,7 +47,7 @@ var DCRChangesSummary = function (_a) {
     var changes = _a.changes, groupedObjects = _a.groupedObjects;
     var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
     var dcrChanges = (0, react_1.useMemo)(function () { return (changes ? (0, helpers_1.calculateDCRChanges)(metadata, changes, groupedObjects) : null); }, [metadata, changes, groupedObjects]);
-    var changesLoaded = !!dcrChanges;
+    var changesLoaded = !!dcrChanges && groupedObjects.length > 0;
     return (react_1.default.createElement("div", { className: DCRChangesSummary_module_css_1.default.changesSummary, "data-reltio-id": "dcr-changes-summary" },
         !changesLoaded && react_1.default.createElement(LoadingSkeleton, null),
         changesLoaded &&

package/cjs/features/workflow/ReviewDCRDialog/components/DCRChangesSummary/DCRChangesSummary.module.css.js

@@ -3,7 +3,7 @@ if (typeof document !== 'undefined') {
     const head = document.head || document.getElementsByTagName('head')[0]
     const style = document.createElement('style');
     style.type = 'text/css'
-    style.innerHTML = `.DCRChangesSummary-changesSummary--31gR-{align-items:center;display:flex;gap:22px}.DCRChangesSummary-changeItem---XfYP{align-items:center;display:flex;flex-direction:column;gap:4px;position:relative}.DCRChangesSummary-changeItem---XfYP:not(:last-child):after{background-color:#d9d9d9;bottom:2px;content:"";height:20px;position:absolute;right:-12px;top:2px;width:1px}.DCRChangesSummary-changeNumber--vZxc4{font-size:16px;font-weight:500;line-height:1}.DCRChangesSummary-changeLabel--tDXS6{color:var(--mui-palette-text-primary);font-size:13px}.DCRChangesSummary-edited--KFivZ{color:#eb9d08}.DCRChangesSummary-added--KGdGw{color:#599e0e}.DCRChangesSummary-deleted--TWgS5{color:#eb5757}.DCRChangesSummary-ignored--Q2Q8R{color:var(--mui-palette-primary-light)}`;
+    style.innerHTML = `.DCRChangesSummary-changesSummary--31gR-{align-items:center;display:flex;gap:22px}.DCRChangesSummary-changeItem---XfYP{align-items:center;display:flex;flex-direction:column;gap:4px;position:relative}.DCRChangesSummary-changeItem---XfYP:not(:last-child):after{background-color:#d9d9d9;bottom:2px;content:"";height:20px;position:absolute;right:-12px;top:2px;width:1px}.DCRChangesSummary-changeNumber--vZxc4{font-size:16px;font-weight:500;line-height:1}.DCRChangesSummary-changeLabel--tDXS6{color:var(--mui-palette-text-primary);font-size:13px;text-transform:capitalize}.DCRChangesSummary-edited--KFivZ{color:#eb9d08}.DCRChangesSummary-added--KGdGw{color:#599e0e}.DCRChangesSummary-deleted--TWgS5{color:#eb5757}.DCRChangesSummary-ignored--Q2Q8R{color:var(--mui-palette-primary-light)}`;
     head.appendChild(style);
 }
 module.exports = styles;

package/cjs/features/workflow/ReviewDCRDialog/helpers/calculateDCRChanges.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.calculateDCRChanges = void 0;
-var merge_1 = require("../../AttributesChanges/helpers/merge");
+var merge_1 = require("../../helpers/merge");
 var calculateDCRChanges = function (metadata, changes, groupedObjects) {
     var mergedChanges = groupedObjects.reduce(function (mergedChanges, object) {
         var _a = (0, merge_1.mergeChanges)(metadata, changes, object.entity, object.relations), mergedEntityChanges = _a[0], mergedRelationsChanges = _a[1];

package/cjs/features/workflow/WorkflowComments/components/Comment/Comment.js

@@ -9,17 +9,16 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var classnames_1 = __importDefault(require("classnames"));
 var Avatar_1 = __importDefault(require("@mui/material/Avatar"));
 var Person_1 = __importDefault(require("@mui/icons-material/Person"));
-var styles_1 = require("./styles");
+var Comment_module_css_1 = __importDefault(require("./Comment.module.css"));
 var Comment = function (_a) {
     var author = _a.author, message = _a.message, time = _a.time, _b = _a.classes, classes = _b === void 0 ? {} : _b;
-    var styles = (0, styles_1.useStyles)();
-    return (react_1.default.createElement("div", { className: styles.comment },
-        react_1.default.createElement(Avatar_1.default, { className: styles.avatar },
-            react_1.default.createElement(Person_1.default, { className: styles.icon })),
-        react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.info, classes.messageContainer) },
-            react_1.default.createElement("div", { className: styles.firstLine },
-                react_1.default.createElement("div", { className: styles.author }, author),
-                react_1.default.createElement("span", { className: styles.date }, ui_i18n_1.default.date(time, 'L LT'))),
-            react_1.default.createElement("div", { className: styles.text }, message))));
+    return (react_1.default.createElement("div", { className: Comment_module_css_1.default.comment },
+        react_1.default.createElement(Avatar_1.default, { className: Comment_module_css_1.default.avatar },
+            react_1.default.createElement(Person_1.default, { className: Comment_module_css_1.default.icon })),
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(Comment_module_css_1.default.info, classes.messageContainer) },
+            react_1.default.createElement("div", { className: Comment_module_css_1.default.firstLine },
+                react_1.default.createElement("div", { className: Comment_module_css_1.default.author }, author),
+                react_1.default.createElement("span", { className: Comment_module_css_1.default.date }, ui_i18n_1.default.date(time, 'L LT'))),
+            react_1.default.createElement("div", { className: Comment_module_css_1.default.text }, message))));
 };
 exports.Comment = Comment;

package/cjs/features/workflow/WorkflowComments/components/Comment/Comment.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"comment":"Comment-comment--EbYOv","avatar":"Comment-avatar--zDzhi","icon":"Comment-icon--VXgD-","firstLine":"Comment-firstLine--16ocZ","info":"Comment-info--Z0Lgv","author":"Comment-author--xm-WD","date":"Comment-date--4aLvh","text":"Comment-text--a3pI0"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.Comment-comment--EbYOv{display:flex;flex:1;flex-direction:row;margin-left:6px}.Comment-avatar--zDzhi{height:24px;margin:3px 13px 0 0;width:24px}.Comment-icon--VXgD-{fill:#537280;background-color:#eaedee}.Comment-firstLine--16ocZ{display:flex;flex-direction:row;flex-wrap:wrap}.Comment-info--Z0Lgv{flex:1}.Comment-author--xm-WD{color:var(--mui-palette-text-primary);flex:1;font-size:13px;font-weight:500;line-height:15px;margin-right:10px}.Comment-date--4aLvh{color:var(--mui-palette-text-secondary);font-size:11px;line-height:15px;margin-right:17px}.Comment-text--a3pI0{color:rgba(0,0,0,.6);font-size:13px;word-wrap:break-word;padding-right:10px;white-space:pre-wrap;word-break:break-all}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/features/workflow/{AttributesChanges/helpers → helpers}/attributes.js

@@ -14,8 +14,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getRelationChanges = exports.getEntityChanges = void 0;
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var attributesView_1 = require("../../../../helpers/attributesView");
-var common_1 = require("../../helpers/common");
+var attributesView_1 = require("../../../helpers/attributesView");
+var common_1 = require("./common");
 var getValues = function (attributes, attrType) {
     if ('newValue' in attributes || 'oldValue' in attributes) {
         var newValue = attributes.newValue, oldValue = attributes.oldValue, type_1 = attributes.type;
@@ -34,13 +34,14 @@ var getValues = function (attributes, attrType) {
     var values = attributes[attrType.name];
     return values ? [values] : [];
 };
-var getAttributesList = function (metadata, attrTypes, attributes, level) {
+var getAttributesList = function (metadata, attrTypes, attributes, level, isReferenceSubAttribute) {
     if (level === void 0) { level = 0; }
+    if (isReferenceSubAttribute === void 0) { isReferenceSubAttribute = false; }
     return (0, ramda_1.flatten)(attrTypes
         .map(function (attrType) {
         return getValues(attributes, attrType).map(function (value) {
             return value.map(function (attributeValue) {
-                return dcrAttributesFactory(metadata, attrType, attributeValue, level);
+                return dcrAttributesFactory(metadata, attrType, attributeValue, level, isReferenceSubAttribute);
             });
         });
     })
@@ -50,7 +51,7 @@ var getSimpleAttributeValue = function (attributeType, attributeValue) {
     var value = (0, mdm_sdk_1.isSpecialAttribute)(attributeType) ? attributeValue : attributeValue.value;
     return (0, ramda_1.is)(Object, value) ? value : { newValue: attributeValue, type: mdm_sdk_1.DCRTypes.INSERT_ATTRIBUTE };
 };
-var dcrAttributesFactory = function (metadata, attributeType, attributeValue, level) {
+var dcrAttributesFactory = function (metadata, attributeType, attributeValue, level, isReferenceSubAttribute) {
     switch (attributeType.type) {
         case mdm_sdk_1.DataTypes.TYPE_NESTED:
         case mdm_sdk_1.DataTypes.TYPE_IMAGE:
@@ -59,7 +60,7 @@ var dcrAttributesFactory = function (metadata, attributeType, attributeValue, le
             return getReferenceAttributeChange(metadata, attributeType, attributeValue, level);
         default: {
             var value = getSimpleAttributeValue(attributeType, attributeValue);
-            return getSimpleAttributeChange(attributeType, value, level);
+            return getSimpleAttributeChange(attributeType, value, level, isReferenceSubAttribute);
         }
     }
 };
@@ -76,14 +77,15 @@ var getReferenceAttributeChange = function (metadata, attributeType, attributeVa
     var label = (attributeType === null || attributeType === void 0 ? void 0 : attributeType.label) || (attributeType === null || attributeType === void 0 ? void 0 : attributeType.name);
     return [
         { level: level, label: label, attributeType: attributeType, attributeValue: attributeValue },
-        getAttributesList(metadata, attributeTypeList, attributeValue.value, level + 1)
+        getAttributesList(metadata, attributeTypeList, attributeValue.value, level + 1, true)
     ];
 };
 var getDiffParameters = function (_a) {
     var newValue = _a.newValue, oldValue = _a.oldValue, type = _a.type;
     return type === mdm_sdk_1.DCRTypes.UPDATE_ATTRIBUTE ? { type: type, newValue: newValue, oldValue: oldValue } : { type: type, newValue: oldValue || newValue };
 };
-var getSimpleAttributeChange = function (attributeType, attributeValue, level) {
+var getSimpleAttributeChange = function (attributeType, attributeValue, level, isReferenceSubAttribute) {
+    if (isReferenceSubAttribute === void 0) { isReferenceSubAttribute = false; }
     var _a = getDiffParameters(attributeValue), newValue = _a.newValue, oldValue = _a.oldValue, type = _a.type;
     var operation = (0, common_1.getOperationType)(type, oldValue);
     var label = (attributeType === null || attributeType === void 0 ? void 0 : attributeType.label) || (attributeType === null || attributeType === void 0 ? void 0 : attributeType.name);
@@ -93,7 +95,8 @@ var getSimpleAttributeChange = function (attributeType, attributeValue, level) {
         oldValue: oldValue,
         operation: operation,
         label: label,
-        level: level
+        level: level,
+        isReferenceSubAttribute: isReferenceSubAttribute
     };
 };
 exports.getEntityChanges = (0, ramda_1.curry)(function (metadata, entityInfo, changes) {
@@ -111,7 +114,7 @@ exports.getRelationChanges = (0, ramda_1.curry)(function (metadata, relationInfo
     var relationType = (0, mdm_sdk_1.getRelationType)(metadata, relationInfo.type);
     var attrTypes = (0, mdm_sdk_1.getRelationAttributesList)(metadata, relationInfo.type);
     return (0, ramda_1.flatten)([
-        __assign({ level: 1, label: (0, ramda_1.propOr)('', 'label', relationType), attributeType: relationType, attributeValue: __assign(__assign({}, relationInfo), changes) }, addRelationOperationIfNeeded(changes, changeType)),
+        __assign({ level: 1, label: (0, ramda_1.propOr)('', 'label', relationType), attributeType: null, relationType: relationType, attributeValue: __assign(__assign({}, relationInfo), changes) }, addRelationOperationIfNeeded(changes, changeType)),
         getAttributesList(metadata, attrTypes, changes, 2)
     ]);
 });

package/cjs/features/workflow/{AttributesChanges/helpers → helpers}/attributes.test.js

@@ -77,14 +77,16 @@ describe('attributes helpers tests', function () {
                 label: 'Country Code',
                 level: 0,
                 newValue: changes.CountryCode[0].value.newValue,
-                operation: 'ignored'
+                operation: 'ignored',
+                isReferenceSubAttribute: false
             },
             {
                 attributeType: metadata_test_data_1.metadata.entityTypes[0].attributes[1],
                 label: 'Country Code',
                 level: 0,
                 newValue: changes.CountryCode[1].value.newValue,
-                operation: 'added'
+                operation: 'added',
+                isReferenceSubAttribute: false
             },
             {
                 attributeType: metadata_test_data_1.metadata.entityTypes[0].attributes[3],
@@ -97,7 +99,8 @@ describe('attributes helpers tests', function () {
                 label: 'Identity Type',
                 level: 1,
                 newValue: changes.Identifiers[0].value.Type[0].value.newValue,
-                operation: 'ignored'
+                operation: 'ignored',
+                isReferenceSubAttribute: false
             }
         ]);
     });
@@ -118,7 +121,8 @@ describe('attributes helpers tests', function () {
         it('should not show operation for relation title', function () {
             expect((0, attributes_1.getRelationChanges)(metadata_test_data_1.metadata, relationInfo, changes, mdm_sdk_1.DCRTypes.INSERT_ATTRIBUTE)).toEqual([
                 {
-                    attributeType: metadata_test_data_1.metadata.relationTypes[1],
+                    attributeType: null,
+                    relationType: metadata_test_data_1.metadata.relationTypes[1],
                     attributeValue: __assign(__assign({}, relationInfo), changes),
                     label: metadata_test_data_1.metadata.relationTypes[1].label,
                     level: 1
@@ -128,21 +132,24 @@ describe('attributes helpers tests', function () {
                     label: mdm_sdk_1.EntityAttrTypes.startDate.label,
                     level: 2,
                     newValue: { value: 1644001200000 },
-                    operation: mdm_sdk_1.DCROperationTypes.ADDED
+                    operation: mdm_sdk_1.DCROperationTypes.ADDED,
+                    isReferenceSubAttribute: false
                 },
                 {
                     attributeType: metadata_test_data_1.metadata.relationTypes[1].attributes[0],
                     label: metadata_test_data_1.metadata.relationTypes[1].attributes[0].label,
                     level: 2,
                     newValue: '123',
-                    operation: mdm_sdk_1.DCROperationTypes.ADDED
+                    operation: mdm_sdk_1.DCROperationTypes.ADDED,
+                    isReferenceSubAttribute: false
                 }
             ]);
         });
         it('should show operation for relation title if it is new', function () {
             expect((0, attributes_1.getRelationChanges)(metadata_test_data_1.metadata, relationInfo, changes, mdm_sdk_1.DCRTypes.CREATE_RELATIONSHIP)).toEqual([
                 {
-                    attributeType: metadata_test_data_1.metadata.relationTypes[1],
+                    attributeType: null,
+                    relationType: metadata_test_data_1.metadata.relationTypes[1],
                     attributeValue: __assign(__assign({}, relationInfo), changes),
                     label: metadata_test_data_1.metadata.relationTypes[1].label,
                     level: 1,
@@ -153,11 +160,13 @@ describe('attributes helpers tests', function () {
                     label: mdm_sdk_1.EntityAttrTypes.startDate.label,
                     level: 2,
                     newValue: { value: 1644001200000 },
-                    operation: mdm_sdk_1.DCROperationTypes.ADDED
+                    operation: mdm_sdk_1.DCROperationTypes.ADDED,
+                    isReferenceSubAttribute: false
                 },
                 {
                     attributeType: metadata_test_data_1.metadata.relationTypes[1].attributes[0],
                     label: metadata_test_data_1.metadata.relationTypes[1].attributes[0].label,
+                    isReferenceSubAttribute: false,
                     level: 2,
                     newValue: '123',
                     operation: mdm_sdk_1.DCROperationTypes.ADDED
@@ -167,7 +176,8 @@ describe('attributes helpers tests', function () {
         it('should show operation for relation title if it was deleted and changes are empty', function () {
             expect((0, attributes_1.getRelationChanges)(metadata_test_data_1.metadata, relationInfo, {}, mdm_sdk_1.DCRTypes.DELETE_RELATIONSHIP)).toEqual([
                 {
-                    attributeType: metadata_test_data_1.metadata.relationTypes[1],
+                    attributeType: null,
+                    relationType: metadata_test_data_1.metadata.relationTypes[1],
                     attributeValue: relationInfo,
                     label: metadata_test_data_1.metadata.relationTypes[1].label,
                     level: 1,

package/cjs/features/workflow/helpers/common.d.ts

@@ -1,4 +1,4 @@
-import { AttributeType, DCRAttributeValue, DCRObjectsInfo, DCROperationTypes, DCRValue, WorkflowTaskData, WorkflowDefinition } from '@reltio/mdm-sdk';
+import { AttributeType, DCRAttributeValue, DCRObjectsInfo, DCROperationTypes, DCRValue, Metadata, WorkflowDefinition, WorkflowTaskData } from '@reltio/mdm-sdk';
 export declare const getOperationType: (type: string, oldValue?: DCRAttributeValue) => DCROperationTypes;
 export declare const getOperationLabel: (operation: DCROperationTypes) => string;
 export declare const getAttributeDescription: (attrType: AttributeType, value: DCRAttributeValue, currentEntityUri: string, objectsInfo?: DCRObjectsInfo) => {
@@ -12,3 +12,4 @@ export declare const getDCRId: (objectUris?: string[]) => string;
 export declare const isOpenTask: (isOpen: WorkflowTaskData["isOpen"]) => boolean;
 export declare const isRequestedTask: (processTypes: string[], assignee: string) => (task: WorkflowTaskData) => boolean;
 export declare const findWorkflowDefinitionByType: (definitions: WorkflowDefinition[], type: string) => WorkflowDefinition | undefined;
+export declare const prepareRolesOrTagsValue: (metadata: Metadata, value: string[], type: string) => string;