@reltio/components 1.4.2199 → 1.4.2201

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

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.findWorkflowDefinitionByType = exports.isRequestedTask = exports.isOpenTask = exports.getDCRId = exports.getDCRUri = exports.getSuggestionsCount = exports.getDataTypeDefinition = exports.getAttributeDescription = exports.getOperationLabel = exports.getOperationType = void 0;
+exports.prepareRolesOrTagsValue = exports.findWorkflowDefinitionByType = exports.isRequestedTask = exports.isOpenTask = exports.getDCRId = exports.getDCRUri = exports.getSuggestionsCount = exports.getDataTypeDefinition = exports.getAttributeDescription = exports.getOperationLabel = exports.getOperationType = void 0;
 var ramda_1 = require("ramda");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
@@ -82,3 +82,8 @@ var isRequestedTask = function (processTypes, assignee) { return function (task)
 exports.isRequestedTask = isRequestedTask;
 var findWorkflowDefinitionByType = function (definitions, type) { return definitions.find((0, ramda_1.propEq)('type', type)); };
 exports.findWorkflowDefinitionByType = findWorkflowDefinitionByType;
+var prepareRolesOrTagsValue = function (metadata, value, type) {
+    var getLabel = type === mdm_sdk_1.EntityAttrTypes.roles.uri ? (0, mdm_sdk_1.getRoleLabel)(metadata) : ramda_1.identity;
+    return value.map(getLabel).join(', ');
+};
+exports.prepareRolesOrTagsValue = prepareRolesOrTagsValue;

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

@@ -56,21 +56,20 @@ var prepareStartOrEndDate = function (_a) {
     }
 };
 var prepareRolesOrTags = function (metadata, change) {
-    var _a = change.newValue, newValue = _a === void 0 ? [] : _a, _b = change.oldValue, oldValue = _b === void 0 ? [] : _b, type = change.type;
-    var getLabel = type === mdm_sdk_1.DCRTypes.UPDATE_ROLES ? (0, mdm_sdk_1.getRoleLabel)(metadata) : ramda_1.identity;
+    var _a = change.newValue, newValue = _a === void 0 ? [] : _a, _b = change.oldValue, oldValue = _b === void 0 ? [] : _b;
     var diffNewValue = (0, ramda_1.difference)(newValue, oldValue);
     var diffOldValue = (0, ramda_1.difference)(oldValue, newValue);
     var items = [];
     if (diffNewValue.length) {
         items.push({
             type: mdm_sdk_1.DCRTypes.INSERT_ATTRIBUTE,
-            newValue: { value: diffNewValue.map(getLabel).join(', ') }
+            newValue: { value: diffNewValue }
         });
     }
     if (diffOldValue.length) {
         items.push({
             type: mdm_sdk_1.DCRTypes.DELETE_ATTRIBUTE,
-            oldValue: { value: diffOldValue.map(getLabel).join(', ') }
+            oldValue: { value: diffOldValue }
         });
     }
     return items;

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

@@ -61,7 +61,8 @@ describe('mergeChanges tests', function () {
                     label: 'Identity Type',
                     level: 1,
                     newValue: changes[entityUri][0].newValue,
-                    operation: 'ignored'
+                    operation: 'ignored',
+                    isReferenceSubAttribute: false
                 }
             ],
             []
@@ -179,7 +180,7 @@ describe('mergeChanges tests', function () {
                 attributeType: mdm_sdk_1.EntityAttrTypes.tags,
                 label: mdm_sdk_1.EntityAttrTypes.tags.label,
                 level: 0,
-                newValue: { value: 'tag2' },
+                newValue: { value: ['tag2'] },
                 operation: mdm_sdk_1.DCROperationTypes.DELETED
             },
             {
@@ -227,7 +228,8 @@ describe('mergeChanges tests', function () {
         ];
         var mergedRelations = [
             {
-                attributeType: metadata_test_data_1.metadata.relationTypes[1],
+                attributeType: null,
+                relationType: metadata_test_data_1.metadata.relationTypes[1],
                 attributeValue: __assign(__assign({}, relationsInfo[0]), (_a = {}, _a[mdm_sdk_1.EntityAttrTypes.startDate.name] = [
                     {
                         newValue: { value: 1643742000000 },

package/cjs/features/workflow/hooks/useChangesList.d.ts

@@ -0,0 +1,9 @@
+import { DCRChanges, GroupedObjectsInfo } from '@reltio/mdm-sdk';
+import { Diff, Title } from '../types';
+type Props = {
+    changes: DCRChanges;
+    entityInfo: GroupedObjectsInfo['entity'];
+    relationsInfo: GroupedObjectsInfo['relations'];
+};
+export declare const useChangesList: ({ changes, entityInfo, relationsInfo }: Props) => (Diff | Title)[];
+export {};

package/cjs/features/workflow/hooks/useChangesList.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useChangesList = void 0;
+var react_1 = require("react");
+var ramda_1 = require("ramda");
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var merge_1 = require("../helpers/merge");
+var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
+var useChangesList = function (_a) {
+    var changes = _a.changes, entityInfo = _a.entityInfo, relationsInfo = _a.relationsInfo;
+    var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
+    var _b = (0, react_1.useMemo)(function () { return (0, merge_1.mergeChanges)(metadata, changes, entityInfo, relationsInfo); }, [metadata, changes, entityInfo, relationsInfo]), mergedEntityChanges = _b[0], mergedRelationsChanges = _b[1];
+    var changesList = (0, react_1.useMemo)(function () {
+        var relationshipTitle = { label: ui_i18n_1.default.text('Relationships') };
+        return mergedRelationsChanges.length > 0
+            ? (0, ramda_1.flatten)([mergedEntityChanges, relationshipTitle, mergedRelationsChanges])
+            : mergedEntityChanges;
+    }, [mergedEntityChanges, mergedRelationsChanges]);
+    return changesList;
+};
+exports.useChangesList = useChangesList;

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

@@ -1,4 +1,20 @@
+import { AttributeType, ChangeValue, DCRAttributeValue, DCROperationTypes, DCRRelationInfo, TRelationType } from '@reltio/mdm-sdk';
 export type TaskAction = {
     text: string;
     onClick: (comment: string) => void;
 };
+export type RelationAttributeValue = DCRAttributeValue & DCRRelationInfo;
+export type Diff = {
+    level: number;
+    label: string;
+    attributeType: AttributeType | null;
+    relationType?: TRelationType;
+    attributeValue?: DCRAttributeValue | RelationAttributeValue;
+    newValue?: ChangeValue;
+    oldValue?: ChangeValue;
+    operation?: DCROperationTypes;
+    isReferenceSubAttribute?: boolean;
+};
+export type Title = {
+    label: string;
+};

package/cjs/icons/SuggestedChanges.d.ts

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

package/cjs/icons/SuggestedChanges.js

@@ -0,0 +1,27 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgSuggestedChanges = function (props) {
+    return (react_1.default.createElement("svg", __assign({ width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgSuggestedChanges" }, props),
+        react_1.default.createElement("g", { clipPath: "url(#clip0_536_106424)" },
+            react_1.default.createElement("path", { d: "M15.972 32C24.7931 32 31.9441 24.8366 31.9441 16C31.9441 7.16344 24.7931 0 15.972 0C7.15092 0 0 7.16344 0 16C0 24.8366 7.15092 32 15.972 32Z", fill: "#205191" }),
+            react_1.default.createElement("path", { opacity: "0.87", fillRule: "evenodd", clipRule: "evenodd", d: "M11.0288 23.5683C9.97918 23.5683 9.12695 22.718 9.12695 21.6689V10.2746C9.12695 9.22772 9.97918 8.37744 11.0288 8.37744H13.8193C13.9763 7.9316 14.2679 7.54575 14.6536 7.27339C15.0394 7.00103 15.5002 6.85566 15.9721 6.85744L16.1569 6.8643C16.5959 6.89826 17.0156 7.05924 17.365 7.32766C17.7143 7.59608 17.9784 7.96038 18.1249 8.3763H20.9155C21.965 8.3763 22.8173 9.22772 22.8173 10.2757V21.67C22.8173 22.718 21.965 23.5683 20.9155 23.5683H11.0288ZM21.2965 22.0483V9.89744H19.7746V12.1752H12.1696V9.89744H10.6477V22.0506H21.2965V22.0483ZM18.0941 16.526V18.014H12.1548V16.526H18.0941ZM19.7986 14.2403V15.7283H12.1548V14.2403H19.7986ZM15.9721 8.37744C16.3908 8.37744 16.7331 8.71801 16.7331 9.1363C16.7224 9.33125 16.6376 9.5147 16.496 9.64893C16.3545 9.78316 16.167 9.85797 15.9721 9.85797C15.7772 9.85797 15.5897 9.78316 15.4482 9.64893C15.3066 9.5147 15.2218 9.33125 15.2112 9.1363C15.2112 8.71801 15.5534 8.37744 15.9721 8.37744Z", fill: "white" })),
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("clipPath", { id: "clip0_536_106424" },
+                react_1.default.createElement("rect", { width: "31.9441", height: "32", fill: "white" })))));
+};
+exports.default = SvgSuggestedChanges;

package/cjs/index.d.ts

@@ -195,6 +195,7 @@ export { QuickFiltersEntityTypeFacet } from './QuickFiltersEntityTypeFacet';
 export { FacetGroupTitle } from './FacetGroupTitle';
 export { FacetsSelector } from './FacetsSelector';
 export { FacetContainer } from './FacetContainer';
+export { RequestedData } from './RequestedData';
 export { withTooltip } from './HOCs/withTooltip';
 export { withAsyncMount } from './HOCs/withAsyncMount';
 export { withDragHandle } from './HOCs/withDragHandle';

package/cjs/index.js

@@ -18,10 +18,10 @@ exports.NestedAttribute = exports.MoreAttributesButton = exports.InlineReference
 exports.ReactSelectMenuList = exports.ReactSelectLoadMoreButton = exports.ReactSelectDropdownIndicatorWithIconButton = exports.ReactSelectDropdownIndicator = exports.Highlighter = exports.HierarchyNodeTitle = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.ExpandableSearchInput = exports.ErrorPopup = exports.ErrorBoundary = exports.SegmentIdLink = exports.EntityUriLink = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = exports.EmptyState = exports.Drawer = exports.DataTypeValue = exports.DataTenantBadge = exports.ConnectionRelationTypeSelector = exports.CollaborationItem = exports.ConfirmationDialog = exports.CommentsContainer = exports.ColoredSourceIcon = exports.CollapseButton = exports.TreeChart = exports.TableWithBars = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleAttributeEditor = exports.SimpleAttribute = exports.RowCellChips = exports.RowCellChipWithTooltip = exports.RowCellAutoSizer = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.ReferenceAttribute = exports.ImageAttributesLine = exports.ReadOnlyAttributesPager = exports.ReadOnlyAttributesList = exports.ReadOnlyAttribute = exports.ReadOnlyAttributeValuesBlock = exports.PieChart = exports.OvIcon = exports.NestedAttributeEditor = void 0;
 exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportButton = exports.ReadableSearchQueryBuilder = exports.ReadableSearchQuery = exports.LogicOperatorWithPlaceholder = exports.LogicOperator = exports.TableSkeleton = exports.StepNavigation = exports.TenantLabel = exports.RelevanceScoreBadge = exports.RequiredMark = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.ProfilesList = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.ImageGalleryDialog = exports.RelationTypesSelector = exports.ScreenProfileBand = exports.ProfileBandNavigation = exports.EmptyStub = exports.MaskingSwitcher = exports.FileTypeEditor = exports.EmptySearchResult = exports.DropDownEditor = exports.FilterValueEditor = exports.MultiValueChip = exports.TextEditor = exports.DateRangeEditor = exports.NumberEditor = exports.DataTypeValueEditor = exports.DateEditor = exports.ErrorWrapper = exports.ErrorMessage = exports.HIDE = exports.INSERT_RIGHT = exports.INSERT_LEFT = exports.ConfigColumnPopup = exports.ConfigureColumnsPopup = exports.ConnectionEditor = exports.DropDownSelector = exports.ReactSelectOptionWithCheckIcon = exports.ReactSelectMenuWithPopper = void 0;
 exports.DefaultHeadCellRendererWithTooltip = exports.LazyRenderer = exports.MetadataTypesSelector = exports.DateRangeSelector = exports.UpSetChart = exports.GaugeChart = exports.RelationEditor = exports.ReltioMap = exports.Marginator = exports.LightArrowTooltip = exports.ScrollableTabs = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopup = exports.WhiteSearchInput = exports.SearchInput = exports.ProfileResizablePanes = exports.ResizablePanes = exports.ReltioGridLayout = exports.RCTreeSwitchRenderer = exports.RCTreeLevelLines = exports.RCTree = exports.reactSortableTreeHelpers = exports.ReactSortableTree = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = exports.SimpleMatchRulesBuilder = exports.SimpleMatchRulesBlock = exports.SimpleMatchRules = exports.MatchRulesBlock = void 0;
-exports.SandboxAPIContext = exports.RelationContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.usePerspectivesSettings = exports.PerspectivesSettingsContext = exports.PivotingAttributeContext = exports.UsersContext = exports.InitialCollaborationContextValue = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockNavigationContext = exports.BlockImageGalleryDialogContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = exports.MdmModuleProvider = exports.withColumnConfigurator = exports.withBlockNavigation = exports.withCollapseButton = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.withContext = exports.withDateRangeSelector = exports.withDragHandle = exports.withAsyncMount = exports.withTooltip = exports.FacetContainer = exports.FacetsSelector = exports.FacetGroupTitle = exports.QuickFiltersEntityTypeFacet = exports.FacetGroup = exports.QuickFiltersFacetPanel = exports.AdvancedSearchFabButton = exports.QuickFiltersDrawer = void 0;
-exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = exports.useMatchesColumnsData = exports.useScrollToAttributeError = exports.ThemeProvider = exports.ProfileTablesContext = exports.HiddenAttributesContext = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.useDeleteUnmaskedAttributeForRelation = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.useReloadData = exports.ReloadDataProvider = exports.useAttributeValueConfigPermissions = exports.ConfigPermissionsContextProvider = exports.ConfigPermissionsContext = exports.useActionsHook = exports.ActionsHookProvider = exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.isHighlightedAttributeType = exports.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = void 0;
-exports.TestPerspectivesSettingsProvider = exports.getAttrPathFromColumnId = exports.getAttributeHeight = exports.getNestedPathByColumnId = exports.applyCompactValuesCountConstraint = exports.getAttributeSelectorItems = exports.mergeClasses = exports.isControlOrCommandPressed = exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsSizeById = exports.buildColumnsFilter = exports.useTableColumns = exports.useSegmentsLoader = exports.useDndBasicTableScrollModifier = exports.useDynamicYAxisWidth = exports.useFilterAutoFocus = exports.useSegmentationRequest = exports.resolveMarkers = exports.useMarkers = exports.useMaskedAttribute = exports.useKeyboardNavigation = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.useHiddenAttributes = exports.useSavedSearchesRequest = exports.useRequestDCRReview = exports.useAutoFocus = exports.useExpandInvalidRelations = exports.useLayoutResetter = exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = void 0;
-exports.mockComputedStyles = exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = exports.fixClicksOnResizablePanes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = void 0;
+exports.RelationContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.usePerspectivesSettings = exports.PerspectivesSettingsContext = exports.PivotingAttributeContext = exports.UsersContext = exports.InitialCollaborationContextValue = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockNavigationContext = exports.BlockImageGalleryDialogContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = exports.MdmModuleProvider = exports.withColumnConfigurator = exports.withBlockNavigation = exports.withCollapseButton = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.withContext = exports.withDateRangeSelector = exports.withDragHandle = exports.withAsyncMount = exports.withTooltip = exports.RequestedData = exports.FacetContainer = exports.FacetsSelector = exports.FacetGroupTitle = exports.QuickFiltersEntityTypeFacet = exports.FacetGroup = exports.QuickFiltersFacetPanel = exports.AdvancedSearchFabButton = exports.QuickFiltersDrawer = void 0;
+exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = exports.useMatchesColumnsData = exports.useScrollToAttributeError = exports.ThemeProvider = exports.ProfileTablesContext = exports.HiddenAttributesContext = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.useDeleteUnmaskedAttributeForRelation = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.useReloadData = exports.ReloadDataProvider = exports.useAttributeValueConfigPermissions = exports.ConfigPermissionsContextProvider = exports.ConfigPermissionsContext = exports.useActionsHook = exports.ActionsHookProvider = exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.isHighlightedAttributeType = exports.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = void 0;
+exports.getAttrPathFromColumnId = exports.getAttributeHeight = exports.getNestedPathByColumnId = exports.applyCompactValuesCountConstraint = exports.getAttributeSelectorItems = exports.mergeClasses = exports.isControlOrCommandPressed = exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsSizeById = exports.buildColumnsFilter = exports.useTableColumns = exports.useSegmentsLoader = exports.useDndBasicTableScrollModifier = exports.useDynamicYAxisWidth = exports.useFilterAutoFocus = exports.useSegmentationRequest = exports.resolveMarkers = exports.useMarkers = exports.useMaskedAttribute = exports.useKeyboardNavigation = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.useHiddenAttributes = exports.useSavedSearchesRequest = exports.useRequestDCRReview = exports.useAutoFocus = exports.useExpandInvalidRelations = exports.useLayoutResetter = exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = void 0;
+exports.mockComputedStyles = exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = exports.fixClicksOnResizablePanes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = void 0;
 // components
 var ActionButton_1 = require("./ActionButton");
 Object.defineProperty(exports, "ActionButton", { enumerable: true, get: function () { return ActionButton_1.ActionButton; } });
@@ -427,6 +427,8 @@ var FacetsSelector_1 = require("./FacetsSelector");
 Object.defineProperty(exports, "FacetsSelector", { enumerable: true, get: function () { return FacetsSelector_1.FacetsSelector; } });
 var FacetContainer_1 = require("./FacetContainer");
 Object.defineProperty(exports, "FacetContainer", { enumerable: true, get: function () { return FacetContainer_1.FacetContainer; } });
+var RequestedData_1 = require("./RequestedData");
+Object.defineProperty(exports, "RequestedData", { enumerable: true, get: function () { return RequestedData_1.RequestedData; } });
 // HOCs
 var withTooltip_1 = require("./HOCs/withTooltip");
 Object.defineProperty(exports, "withTooltip", { enumerable: true, get: function () { return withTooltip_1.withTooltip; } });

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

@@ -10,6 +10,7 @@ import { SearchActivity } from './components/SearchActivity';
 import { SimpleActivity } from './components/SimpleActivity';
 import { SynchronizationIssuesActivity } from './components/SynchronizationIssuesActivity';
 import { SegmentActivity } from './components/SegmentActivity';
+import { InteractionActivity } from './components/InteractionActivity';
 import AddIcon from '../../../icons/Add';
 import CalendarTodayIcon from '@mui/icons-material/CalendarToday';
 import CommentIcon from '../../../icons/Comment';
@@ -63,6 +64,9 @@ var ActivitiesFactory = /** @class */ (function () {
             case ActivityTypes.SEGMENT_DELETE:
             case ActivityTypes.SEGMENT_UPDATE:
                 return React.createElement(SegmentActivity, { data: data, type: type });
+            case ActivityTypes.INTERACTION_CREATE:
+            case ActivityTypes.INTERACTION_UPDATE:
+                return React.createElement(InteractionActivity, { data: data, type: type });
             case ActivityTypes.USER_LOGIN:
             case ActivityTypes.USER_LOGOUT:
             case ActivityTypes.MODEL_UPDATED:
@@ -99,6 +103,7 @@ var ActivitiesFactory = /** @class */ (function () {
             case ActivityTypes.RELATIONSHIP_CREATED:
             case ActivityTypes.GROUP_CREATED:
             case ActivityTypes.SEGMENT_CREATE:
+            case ActivityTypes.INTERACTION_CREATE:
                 return React.createElement(AddIcon, null);
             case ActivityTypes.ENTITY_REMOVED:
             case ActivityTypes.RELATIONSHIP_REMOVED:

package/features/activity-log/ActivitiesFactory/components/InteractionActivity/InteractionActivity.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ActivityTypes, ActivityData } from '../../../types';
+type Props = {
+    data: ActivityData;
+    type: ActivityTypes;
+};
+export declare const InteractionActivity: ({ data, type }: Props) => React.JSX.Element;
+export {};

package/features/activity-log/ActivitiesFactory/components/InteractionActivity/InteractionActivity.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { CollapsibleActivityRecords } from '../../../CollapsibleActivityRecords';
+import { InteractionRecord } from '../../../InteractionRecord';
+import { ActivityTitle } from '../../../ActivityTitle';
+var emptyArray = [];
+export var InteractionActivity = function (_a) {
+    var _b, _c, _d;
+    var data = _a.data, type = _a.type;
+    var isMinimized = data.itemsTotal === 1 && !((_d = (_c = (_b = data === null || data === void 0 ? void 0 : data.items) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.deltaCollection) === null || _d === void 0 ? void 0 : _d.delta);
+    return (React.createElement("div", { "data-reltio-id": "interaction-activity" },
+        React.createElement(ActivityTitle, { type: type, "data-reltio-id": "segment-activity-title" }),
+        !isMinimized && (React.createElement(CollapsibleActivityRecords, { activityUri: data.uri, items: data.items || emptyArray, RecordComponent: InteractionRecord }))));
+};

package/features/activity-log/ActivitiesFactory/components/InteractionActivity/index.d.ts

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

package/features/activity-log/ActivitiesFactory/components/InteractionActivity/index.js

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

package/features/activity-log/ActivityFilterEditor/helpers.test.js

@@ -39,6 +39,7 @@ var otherTypes = [
     'SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE'
 ];
 var segmentTypes = ['SEGMENT_CREATE', 'SEGMENT_DELETE', 'SEGMENT_UPDATE'];
+var interactionTypes = ['INTERACTION_CREATE', 'INTERACTION_UPDATE'];
 var profileTypes = [
     'ENTITY_CREATED',
     'ENTITY_CHANGED',
@@ -62,7 +63,7 @@ describe('helpers tests', function () {
             var metadata = {
                 entityTypes: []
             };
-            expect(getSelectorActivityTypes(metadata)).toEqual(__spreadArray(__spreadArray([], otherTypes, true), segmentTypes, true));
+            expect(getSelectorActivityTypes(metadata)).toEqual(__spreadArray(__spreadArray(__spreadArray([], otherTypes, true), segmentTypes, true), interactionTypes, true));
         });
         it('should return ActivityTypes with groupRelated when groupTypes is not empty', function () {
             var metadata = {
@@ -86,7 +87,7 @@ describe('helpers tests', function () {
                     }
                 ]
             };
-            expect(getSelectorActivityTypes(metadata)).toEqual(__spreadArray(__spreadArray(__spreadArray([], otherTypes, true), groupTypes, true), segmentTypes, true));
+            expect(getSelectorActivityTypes(metadata)).toEqual(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], otherTypes, true), groupTypes, true), segmentTypes, true), interactionTypes, true));
         });
         it('should return profile related ActivityTypes when entityType passed', function () {
             var metadata = {

package/features/activity-log/ActivityLog/helpers.js

@@ -19,7 +19,7 @@ var buildGroupedItem = function (_a) {
 };
 var getDay = function (_a) {
     var timestamp = _a.timestamp;
-    return moment(timestamp).startOf('day');
+    return moment(timestamp).startOf('day').format('YYYY-MM-DD');
 };
 export var buildGroupedItems = pipe(groupBy(getDay), toPairs, map(buildGroupedItem));
 var chainIndexed = addIndex(chain);

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ActivityItem } from '../types';
+type Props = {
+    item: ActivityItem;
+};
+export declare const InteractionRecord: ({ item }: Props) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Record } from '../Record';
+import { RecordUpdates } from '../RecordUpdates';
+export var InteractionRecord = function (_a) {
+    var _b;
+    var item = _a.item;
+    var updates = (_b = item === null || item === void 0 ? void 0 : item.deltaCollection) === null || _b === void 0 ? void 0 : _b.delta;
+    return (updates === null || updates === void 0 ? void 0 : updates.length) > 0 ? (React.createElement(Record, null,
+        React.createElement(RecordUpdates, { updates: updates, recordId: item.id }))) : null;
+};

package/features/activity-log/InteractionRecord/index.d.ts

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

package/features/activity-log/InteractionRecord/index.js

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

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

@@ -33,7 +33,9 @@ export declare enum ActivityTypes {
     GROUP_CHANGED = "GROUP_CHANGED",
     SEGMENT_CREATE = "SEGMENT_CREATE",
     SEGMENT_DELETE = "SEGMENT_DELETE",
-    SEGMENT_UPDATE = "SEGMENT_UPDATE"
+    SEGMENT_UPDATE = "SEGMENT_UPDATE",
+    INTERACTION_CREATE = "INTERACTION_CREATE",
+    INTERACTION_UPDATE = "INTERACTION_UPDATE"
 }
 export type ActivitiesFilter = {
     users: string[];

package/features/activity-log/types.js

@@ -33,6 +33,8 @@ export var ActivityTypes;
     ActivityTypes["SEGMENT_CREATE"] = "SEGMENT_CREATE";
     ActivityTypes["SEGMENT_DELETE"] = "SEGMENT_DELETE";
     ActivityTypes["SEGMENT_UPDATE"] = "SEGMENT_UPDATE";
+    ActivityTypes["INTERACTION_CREATE"] = "INTERACTION_CREATE";
+    ActivityTypes["INTERACTION_UPDATE"] = "INTERACTION_UPDATE";
 })(ActivityTypes || (ActivityTypes = {}));
 export var DeltaTypes;
 (function (DeltaTypes) {

package/features/activity-log/utils/activities.js

@@ -90,6 +90,8 @@ export var getActivityLabel = function (type) {
         _a[ActivityTypes.SEGMENT_CREATE] = i18n.text('Segment created'),
         _a[ActivityTypes.SEGMENT_UPDATE] = i18n.text('Segment updated'),
         _a[ActivityTypes.SEGMENT_DELETE] = i18n.text('Segment deleted'),
+        _a[ActivityTypes.INTERACTION_CREATE] = i18n.text('Interaction created'),
+        _a[ActivityTypes.INTERACTION_UPDATE] = i18n.text('Interaction updated'),
         _a);
     return labels[type] || '';
 };

package/features/history/types.d.ts

@@ -45,6 +45,8 @@ export declare const HistoryChangeTypes: {
     SEGMENT_CREATE: ActivityTypes.SEGMENT_CREATE;
     SEGMENT_DELETE: ActivityTypes.SEGMENT_DELETE;
     SEGMENT_UPDATE: ActivityTypes.SEGMENT_UPDATE;
+    INTERACTION_CREATE: ActivityTypes.INTERACTION_CREATE;
+    INTERACTION_UPDATE: ActivityTypes.INTERACTION_UPDATE;
 };
 export type HistoryChangeTypes = typeof HistoryChangeTypes;
 export declare enum HistoryActivityType {

package/features/workflow/AttributesChanges/AttributesChanges.js

@@ -1,34 +1,18 @@
-import React, { useMemo } from 'react';
-import i18n from 'ui-i18n';
-import { always, any, flatten, ifElse, propOr } from 'ramda';
-import { getEntityUriForLink, getLabel } from '@reltio/mdm-sdk';
-import { mergeChanges } from './helpers/merge';
+import React from 'react';
 import { ShowMoreLink } from './components/ShowMoreLink';
 import { DCRChangesList } from './components/DCRChangesList';
 import { AttributesChangesContext } from './AttributesChangesContext';
 import { useCollapsibleList } from './useCollapsibleList';
-import { EntityUriLink } from '../../../EntityUriLink';
-import { getEntityUriForChangeRequest, isCreateEntityOperation } from '../helpers/dcr';
-import { useMdmMetadata } from '../../../contexts/MdmModuleContext';
-import { useStyles } from './styles';
+import { DCREntityUriLink } from '../DCREntityUriLink/DCREntityUriLink';
+import { useChangesList } from '../hooks/useChangesList';
+import styles from './AttributesChanges.module.css';
 export var AttributesChanges = function (_a) {
     var changes = _a.changes, dcrUri = _a.dcrUri, objectsInfo = _a.objectsInfo, entityInfo = _a.entityInfo, relationsInfo = _a.relationsInfo, max = _a.max;
-    var styles = useStyles();
-    var metadata = useMdmMetadata();
-    var _b = useMemo(function () { return mergeChanges(metadata, changes, entityInfo, relationsInfo); }, [metadata, changes, entityInfo, relationsInfo]), mergedEntityChanges = _b[0], mergedRelationsChanges = _b[1];
-    var changesList = useMemo(function () {
-        var relationshipTitle = { label: i18n.text('Relationships') };
-        return mergedRelationsChanges.length > 0
-            ? flatten([mergedEntityChanges, relationshipTitle, mergedRelationsChanges])
-            : mergedEntityChanges;
-    }, [mergedEntityChanges, mergedRelationsChanges]);
-    var _c = useCollapsibleList(changesList, max), isExpanded = _c.isExpanded, onToggle = _c.onToggle, itemsToShow = _c.itemsToShow, collapsedSuggestionsCount = _c.collapsedSuggestionsCount;
-    var entityUri = ifElse(any(isCreateEntityOperation), always(getEntityUriForChangeRequest(dcrUri, entityInfo.uri)), always(getEntityUriForLink(entityInfo)))(propOr([], entityInfo.uri, changes));
-    var screen = ifElse(any(isCreateEntityOperation), always('dcrReview'), always('profile'))(propOr([], entityInfo.uri, changes));
+    var changesList = useChangesList({ changes: changes, entityInfo: entityInfo, relationsInfo: relationsInfo });
+    var _b = useCollapsibleList(changesList, max), isExpanded = _b.isExpanded, onToggle = _b.onToggle, itemsToShow = _b.itemsToShow, collapsedSuggestionsCount = _b.collapsedSuggestionsCount;
     return (React.createElement(AttributesChangesContext.Provider, { value: objectsInfo },
         React.createElement("div", { className: styles.container, "data-reltio-id": "changes-container" },
-            React.createElement(EntityUriLink, { className: styles.uri, value: entityUri, screen: screen },
-                React.createElement("div", { className: styles.label }, getLabel(entityInfo.label))),
+            React.createElement(DCREntityUriLink, { entityInfo: entityInfo, changes: changes, dcrUri: dcrUri }),
             React.createElement(DCRChangesList, { changes: itemsToShow }),
             collapsedSuggestionsCount > 0 && (React.createElement(ShowMoreLink, { onClick: onToggle, suggestionsCount: collapsedSuggestionsCount, isExpanded: isExpanded, className: styles.showMoreLink })))));
 };

package/features/workflow/AttributesChanges/AttributesChanges.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"container":"AttributesChanges-container--bxfyh","showMoreLink":"AttributesChanges-showMoreLink--vgdjF"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.AttributesChanges-container--bxfyh{background-color:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.03);border-radius:3px;box-sizing:border-box;margin:12px 16px 12px 0;padding:10px}.AttributesChanges-showMoreLink--vgdjF{margin-top:8px}`;
+    head.appendChild(style);
+}
+export default styles;

package/features/workflow/AttributesChanges/components/ChangeView/ChangeView.js

@@ -2,12 +2,10 @@ import React from 'react';
 import classnames from 'classnames';
 import { isNil } from 'ramda';
 import ArrowRightAltIcon from '@mui/icons-material/ArrowRightAlt';
-import Chip from '@mui/material/Chip';
-import { getOperationLabel } from '../../../helpers/common';
-import { useStyles } from './styles';
+import { OperationChip } from '../../../OperationChip';
+import styles from './ChangeView.module.css';
 export var ChangeView = function (_a) {
     var label = _a.label, oldValue = _a.oldValue, newValue = _a.newValue, operation = _a.operation, className = _a.className;
-    var styles = useStyles();
     var value = oldValue || newValue;
     return (React.createElement("div", { className: classnames(styles.field, className) },
         React.createElement("span", { className: styles.fieldName },
@@ -18,5 +16,5 @@ export var ChangeView = function (_a) {
             newValue && oldValue && (React.createElement(React.Fragment, null,
                 React.createElement(ArrowRightAltIcon, { "data-reltio-id": "arrow-right", className: styles.arrow }),
                 newValue)))),
-        operation && (React.createElement(Chip, { variant: "outlined", label: getOperationLabel(operation), className: classnames(styles.chip, operation) }))));
+        operation && React.createElement(OperationChip, { operation: operation })));
 };

package/features/workflow/AttributesChanges/components/ChangeView/ChangeView.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"field":"ChangeView-field--HIW58","fieldName":"ChangeView-fieldName--jsab0","difference":"ChangeView-difference--dJqx0","arrow":"ChangeView-arrow--0Lel-"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.ChangeView-field--HIW58{color:var(--mui-palette-text-primary);font-size:12px;line-height:20px;margin-top:6px;overflow:hidden;word-break:break-word}.ChangeView-fieldName--jsab0{color:var(--mui-palette-text-secondary);margin-right:8px}.ChangeView-difference--dJqx0{margin-right:8px}.ChangeView-arrow--0Lel-{color:var(--mui-palette-text-primary);font-size:12px;margin:0 4px}`;
+    head.appendChild(style);
+}
+export default styles;

package/features/workflow/AttributesChanges/components/DCRChangesList/DCRChangesList.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Diff, Title } from '../../types';
+import { Diff, Title } from '../../../types';
 type Props = {
     changes: (Diff | Title)[];
 };

package/features/workflow/AttributesChanges/components/DiffRenderer/DiffRenderer.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { Diff } from '../../types';
-export declare const DiffRenderer: ({ label, level, attributeType, attributeValue, oldValue, newValue, operation }: Diff) => React.JSX.Element;
+import { Diff } from '../../../types';
+export declare const DiffRenderer: ({ label, level, attributeType, relationType, attributeValue, oldValue, newValue, operation }: Diff) => React.JSX.Element;

package/features/workflow/AttributesChanges/components/DiffRenderer/DiffRenderer.js

@@ -1,52 +1,31 @@
-import React, { useCallback, useContext, useMemo } from 'react';
-import { isNil } from 'ramda';
-import classnames from 'classnames';
-import { getAttributeValue, getLabel, isReference } from '@reltio/mdm-sdk';
+import React, { useCallback, useMemo } from 'react';
+import { EntityAttrTypes, getAttributeValue } from '@reltio/mdm-sdk';
 import { ChangeView } from '../ChangeView';
-import { AttributesChangesContext } from '../../AttributesChangesContext';
-import { getAttributeDescription, getDataTypeDefinition } from '../../../helpers/common';
+import { getDataTypeDefinition, prepareRolesOrTagsValue } from '../../../helpers/common';
+import { useCssVariableStyles } from '../../../../../hooks/useCssVariableStyles';
+import { useMdmMetadata } from '../../../../../contexts/MdmModuleContext';
 import { DataTypeValue } from '../../../../../DataTypeValue';
-import { EntityUriLink } from '../../../../../EntityUriLink';
-import { useMdmEntityUri } from '../../../../../contexts/MdmModuleContext';
-import { useStyles } from './styles';
+import { RelationEntityLink } from '../../../RelationEntityLink';
+import styles from './DiffRenderer.module.css';
 export var DiffRenderer = function (_a) {
-    var label = _a.label, level = _a.level, attributeType = _a.attributeType, attributeValue = _a.attributeValue, oldValue = _a.oldValue, newValue = _a.newValue, operation = _a.operation;
-    var styles = useStyles({ level: level });
-    var objectsInfo = useContext(AttributesChangesContext);
-    var entityUri = useMdmEntityUri();
-    var getLinkDescription = useCallback(function () {
-        var _a, _b, _c;
-        if (isReference(attributeType)) {
-            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 getAttributeDescription(attributeType, value || attributeValue, entityUri, objectsInfo);
-        }
-        else if ('endObject' in attributeType) {
-            var _d = attributeValue, endObjectUri = _d.endObjectUri, endObjectLabel = _d.endObjectLabel;
-            return {
-                objectUri: endObjectUri,
-                objectLabel: endObjectLabel
-            };
-        }
-    }, [attributeType, attributeValue, entityUri, objectsInfo]);
-    var renderLink = useCallback(function () {
-        var _a, _b;
-        var _c;
-        var _d = getLinkDescription() || {}, objectUri = _d.objectUri, objectLabel = _d.objectLabel;
-        if (!isNil(objectUri) && !isNil(objectLabel)) {
-            var isNotExist = ((_c = objectsInfo[objectUri]) === null || _c === void 0 ? void 0 : _c.isExist) === false;
-            return (React.createElement(EntityUriLink, { value: objectUri, className: classnames(styles.linkContainer, (_a = {}, _a[styles.disabledLink] = isNotExist, _a)) },
-                React.createElement("span", { className: classnames(styles.linkLabel, (_b = {}, _b[styles.label] = isNotExist, _b)) }, getLabel(objectLabel))));
-        }
-        return null;
-    }, [getLinkDescription, objectsInfo, styles]);
+    var label = _a.label, level = _a.level, attributeType = _a.attributeType, relationType = _a.relationType, attributeValue = _a.attributeValue, oldValue = _a.oldValue, newValue = _a.newValue, operation = _a.operation;
+    var variableStyles = useCssVariableStyles({
+        '--level': level
+    });
+    var metadata = useMdmMetadata();
     var changeLabel = useMemo(function () {
         return (React.createElement("span", null,
             label,
-            renderLink()));
-    }, [label, renderLink]);
+            React.createElement(RelationEntityLink, { attributeOrRelationType: attributeType || relationType, attributeValue: attributeValue })));
+    }, [label, attributeType, relationType, attributeValue]);
     var renderValue = useCallback(function (value) {
         var attrValue = getAttributeValue(value);
-        return (React.createElement(DataTypeValue, { value: attrValue, dataTypeDefinition: getDataTypeDefinition(attributeType, attrValue) }));
-    }, [attributeType]);
-    return (React.createElement(ChangeView, { className: styles.change, label: changeLabel, oldValue: oldValue && renderValue(oldValue), newValue: newValue && renderValue(newValue), operation: operation }));
+        var isRolesOrTags = attributeType.uri === EntityAttrTypes.roles.uri || attributeType.uri === EntityAttrTypes.tags.uri;
+        var preparedValue = isRolesOrTags
+            ? prepareRolesOrTagsValue(metadata, attrValue, attributeType.uri)
+            : attrValue;
+        return (React.createElement(DataTypeValue, { value: preparedValue, dataTypeDefinition: getDataTypeDefinition(attributeType, attrValue) }));
+    }, [attributeType, metadata]);
+    return (React.createElement("div", { className: styles.change, style: variableStyles },
+        React.createElement(ChangeView, { label: changeLabel, oldValue: oldValue && renderValue(oldValue), newValue: newValue && renderValue(newValue), operation: operation })));
 };

package/features/workflow/AttributesChanges/components/DiffRenderer/DiffRenderer.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"change":"DiffRenderer-change--ep0bt"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.DiffRenderer-change--ep0bt{margin-left:calc(var(--level, 0)*16px)}`;
+    head.appendChild(style);
+}
+export default styles;

package/features/workflow/AttributesChanges/useCollapsibleList.d.ts

@@ -1,4 +1,4 @@
-import { Diff, Title } from './types';
+import { Diff, Title } from '../types';
 export declare const useCollapsibleList: (items: (Diff | Title)[], limit?: number) => {
     isExpanded: boolean;
     onToggle: () => void;

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

@@ -1,8 +1,9 @@
 import React from 'react';
-import { ChangeRequest, WorkflowTaskData } from '@reltio/mdm-sdk';
+import { ChangeRequest, WorkflowTaskData, GroupedObjectsInfo } from '@reltio/mdm-sdk';
 type Props = {
     dcr: ChangeRequest;
     task: WorkflowTaskData;
+    groupedObjects: GroupedObjectsInfo[];
 };
-export declare const ChangeRequestEditor: ({ dcr, task: _task }: Props) => React.JSX.Element;
+export declare const ChangeRequestEditor: ({ dcr, task, groupedObjects }: Props) => React.JSX.Element;
 export {};