@reltio/components 1.4.909 → 1.4.913

package/esm/components/workflow/components/AttributesChanges/hooks/useCollapsibleList.d.ts

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

package/esm/components/workflow/components/AttributesChanges/hooks/useCollapsibleList.js

@@ -1,14 +1,14 @@
 import { useCallback, useMemo, useState } from 'react';
 import { getSuggestionsCount } from '../helpers/contextHelpers';
 var DEFAULT_VISIBLE_ITEMS_COUNT = 3;
-export var useCollapsibleList = function (changes, limit) {
+export var useCollapsibleList = function (items, limit) {
     if (limit === void 0) { limit = DEFAULT_VISIBLE_ITEMS_COUNT; }
     var _a = useState(false), isExpanded = _a[0], setIsExpanded = _a[1];
     var onToggle = useCallback(function () { return setIsExpanded(function (value) { return !value; }); }, []);
-    var collapsedItems = useMemo(function () { return changes.slice(0, limit); }, [changes, limit]);
-    var suggestionsCount = useMemo(function () { return getSuggestionsCount(changes); }, [changes]);
+    var collapsedItems = useMemo(function () { return items.slice(0, limit); }, [items, limit]);
+    var suggestionsCount = useMemo(function () { return getSuggestionsCount(items); }, [items]);
     var visibleSuggestionsCount = useMemo(function () { return getSuggestionsCount(collapsedItems); }, [collapsedItems]);
-    var itemsToShow = isExpanded ? changes : collapsedItems;
+    var itemsToShow = isExpanded ? items : collapsedItems;
     var collapsedSuggestionsCount = suggestionsCount - visibleSuggestionsCount;
     return { isExpanded: isExpanded, onToggle: onToggle, itemsToShow: itemsToShow, collapsedSuggestionsCount: collapsedSuggestionsCount };
 };

package/esm/components/workflow/components/AttributesChanges/types/diffTypes.d.ts

@@ -0,0 +1,16 @@
+import { AttributeType } from '@reltio/mdm-sdk';
+import { ChangeValue, DCRAttributeValue, RelationInfo } from '../../../types/dcrTypes';
+import { OperationTypes } from '../../../constants/operations';
+export declare type RelationAttributeValue = DCRAttributeValue & RelationInfo;
+export declare type Diff = {
+    level: number;
+    label: string;
+    attributeType: AttributeType;
+    attributeValue?: DCRAttributeValue | RelationAttributeValue;
+    newValue?: ChangeValue;
+    oldValue?: ChangeValue;
+    operation?: OperationTypes;
+};
+export declare type Title = {
+    label: string;
+};

package/esm/components/workflow/components/LineDecorator/LineDecorator.d.ts

@@ -6,6 +6,7 @@ declare type Props = {
     first?: boolean;
     last?: boolean;
     transparent?: boolean;
+    divider?: boolean;
 };
-declare const LineDecorator: ({ className, children, plain, first, last, transparent }: Props) => JSX.Element;
+declare const LineDecorator: ({ className, children, plain, first, last, transparent, divider }: Props) => JSX.Element;
 export default LineDecorator;

package/esm/components/workflow/components/LineDecorator/LineDecorator.js

@@ -1,14 +1,17 @@
 import React from 'react';
 import classnames from 'classnames';
 import { useStyles } from './styles';
+import Divider from '@material-ui/core/Divider';
 var LineDecorator = function (_a) {
     var _b, _c, _d;
-    var className = _a.className, children = _a.children, plain = _a.plain, first = _a.first, last = _a.last, transparent = _a.transparent;
+    var className = _a.className, children = _a.children, plain = _a.plain, first = _a.first, last = _a.last, transparent = _a.transparent, divider = _a.divider;
     var styles = useStyles();
     return (React.createElement("div", { className: classnames(className, styles.decorator) },
         React.createElement("div", { className: classnames(styles.lineBlock, (_b = {}, _b[styles.withLinePadding] = first, _b)) }, !transparent && (React.createElement(React.Fragment, null,
             React.createElement("div", { className: styles.noLine }),
             React.createElement("div", { className: classnames(styles.line, (_c = {}, _c[styles.plain] = plain, _c), (_d = {}, _d[styles.last] = last, _d)) })))),
-        React.createElement("div", { className: styles.content }, children)));
+        React.createElement("div", { className: styles.content },
+            children,
+            divider && React.createElement(Divider, { className: styles.rowDivider, light: true, variant: "inset" }))));
 };
 export default LineDecorator;

package/esm/components/workflow/components/LineDecorator/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "last" | "line" | "decorator" | "plain" | "lineBlock" | "withLinePadding" | "noLine">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "last" | "line" | "rowDivider" | "decorator" | "plain" | "lineBlock" | "withLinePadding" | "noLine">;

package/esm/components/workflow/components/LineDecorator/styles.js

@@ -57,5 +57,8 @@ export var useStyles = makeStyles({
         minWidth: 0
     },
     plain: {},
-    last: {}
+    last: {},
+    rowDivider: {
+        marginLeft: 0
+    }
 });

package/esm/components/workflow/helpers/dcrHelpers.d.ts

@@ -0,0 +1,7 @@
+import { GroupedObjectsInfo, DCRChanges, DCRObjectInfo, DCRObjectsInfo } from '../types/dcrTypes';
+export declare const getEntitiesObjects: any;
+export declare const getRelationsObjects: any;
+export declare const extractObjectsFromChangeRequest: (changes: DCRChanges, objectsInfo: DCRObjectsInfo) => DCRObjectInfo[];
+export declare const createEntityRelationsObjectByEntity: any;
+export declare const createEntityRelationsObjectByRelation: any;
+export declare const concatEntityRelationsObjects: (acc: Record<string, GroupedObjectsInfo>, object: GroupedObjectsInfo) => Record<string, GroupedObjectsInfo>;

package/esm/components/workflow/helpers/dcrHelpers.js

@@ -0,0 +1,43 @@
+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);
+};
+import { isEntityUri, isRelationUri } from '@reltio/mdm-sdk';
+import { allPass, concat, curry, equals, filter, keys, map, pathOr, pipe, prop, uniq } from 'ramda';
+export var getEntitiesObjects = filter(pipe(prop('uri'), isEntityUri));
+export var getRelationsObjects = filter(pipe(prop('uri'), isRelationUri));
+var getRelations = function (objectsWithChanges, entityUri) {
+    return filter(allPass([pipe(prop('uri'), isRelationUri), pipe(prop('startObjectUri'), equals(entityUri))]))(objectsWithChanges);
+};
+export var extractObjectsFromChangeRequest = function (changes, objectsInfo) {
+    var getChange = function (key) { return prop([key], changes); };
+    return pipe(keys, filter(getChange), map(function (key) { return (__assign(__assign({}, objectsInfo[key]), { uri: key })); }))(objectsInfo);
+};
+export var createEntityRelationsObjectByEntity = curry(function (objectsWithChanges, entity) {
+    return {
+        entity: entity,
+        relations: getRelations(objectsWithChanges, entity.uri)
+    };
+});
+export var createEntityRelationsObjectByRelation = curry(function (objectsInfo, relation) {
+    var entity = objectsInfo[relation.startObjectUri];
+    var relations = [relation];
+    return entity ? { entity: __assign(__assign({}, entity), { uri: relation.startObjectUri }), relations: relations } : { relations: relations };
+});
+export var concatEntityRelationsObjects = function (acc, object) {
+    var entity = object.entity, relations = object.relations;
+    var entityUri = entity.uri;
+    var mergedRelations = pipe(pathOr([], [entityUri, 'relations']), concat(relations), uniq)(acc);
+    acc[entityUri] = {
+        entity: entity,
+        relations: mergedRelations
+    };
+    return acc;
+};

package/esm/components/workflow/hooks/useChangeRequest.d.ts

@@ -0,0 +1,5 @@
+import { GroupedObjectsInfo, ChangeRequest } from '../types/dcrTypes';
+export declare const useChangeRequest: (dcrUri: string) => {
+    dcr: ChangeRequest;
+    groupedObjects: GroupedObjectsInfo[];
+};

package/esm/components/workflow/hooks/useChangeRequest.js

@@ -0,0 +1,54 @@
+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);
+};
+import { useCallback, useEffect, useState } from 'react';
+import { flatten, has, isEmpty, map, partition, path, pipe, reduce, values } from 'ramda';
+import { getDataChangeRequest, getEntitiesByUris } from '@reltio/mdm-sdk';
+import { useSafePromise } from '../../../hooks';
+import { concatEntityRelationsObjects, createEntityRelationsObjectByEntity, createEntityRelationsObjectByRelation, extractObjectsFromChangeRequest, getEntitiesObjects, getRelationsObjects } from '../helpers/dcrHelpers';
+import { showWorkflowError } from '../helpers/errors';
+export var useChangeRequest = function (dcrUri) {
+    var _a = useState([]), groupedObjects = _a[0], setGroupedObjects = _a[1];
+    var _b = useState(null), dcr = _b[0], setDcr = _b[1];
+    var safePromise = useSafePromise();
+    var requestEntities = useCallback(function (entityUris) {
+        if (isEmpty(entityUris)) {
+            return Promise.resolve([]);
+        }
+        return safePromise(getEntitiesByUris(entityUris, { searchOptions: 'ovOnly', defaultMaxValues: 1 }));
+    }, []); // eslint-disable-line
+    useEffect(function () {
+        getDataChangeRequest(dcrUri)
+            .then(function (dcr) {
+            var changes = dcr.changes, objectsInfo = dcr.objectsInfo;
+            var objectsWithChanges = extractObjectsFromChangeRequest(changes, objectsInfo);
+            var entityObjectsWithRelations = pipe(getEntitiesObjects, map(createEntityRelationsObjectByEntity(objectsWithChanges)))(objectsWithChanges);
+            var relationsObjects = pipe(getRelationsObjects, map(createEntityRelationsObjectByRelation(objectsInfo)))(objectsWithChanges);
+            var _a = partition(has('entity'), relationsObjects), relationsObjectsWithEntity = _a[0], relationsObjectsWithoutEntity = _a[1];
+            var entityUris = relationsObjectsWithoutEntity.map(path(['relations', 0, 'startObjectUri']));
+            requestEntities(entityUris)
+                .then(function (entities) {
+                var relationsObjectsWithRequestedEntities = relationsObjectsWithoutEntity.map(function (relationsObject, index) {
+                    return __assign(__assign({}, relationsObject), { entity: entities[index] });
+                });
+                pipe(flatten, reduce(concatEntityRelationsObjects, {}), values, setGroupedObjects)([
+                    entityObjectsWithRelations,
+                    relationsObjectsWithEntity,
+                    relationsObjectsWithRequestedEntities
+                ]);
+            })
+                .catch(showWorkflowError);
+            setDcr(dcr);
+        })
+            .catch(showWorkflowError);
+    }, [dcrUri, requestEntities]);
+    return { dcr: dcr, groupedObjects: groupedObjects };
+};

package/{cjs/components/workflow/components/AttributesChanges/types/DCRTypes.d.ts → esm/components/workflow/types/dcrTypes.d.ts}

@@ -1,10 +1,26 @@
-import { Crosswalk, NestedAttributeValue, ReferenceAttributeValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
+import { Crosswalk, Entity, NestedAttributeValue, ReferenceAttributeValue, Relation, SimpleAttributeValue } from '@reltio/mdm-sdk';
 import { DCRTypes } from '../constants/operations';
+export declare type ChangeRequest = {
+    changes: DCRChanges;
+    createdBy: string;
+    createdTime: number;
+    objectsInfo: DCRObjectsInfo;
+    state: string;
+    type: string;
+    updatedBy: string;
+    updatedTime: number;
+    uri: string;
+};
+export declare type GroupedObjectsInfo = {
+    entity: EntityInfo;
+    relations: RelationInfo[];
+};
 export declare type EntityInfo = {
     isExist: boolean;
     label: string;
     secondaryLabel: string;
     type: string;
+    uri?: string;
 };
 export declare type RelationInfo = {
     type: string;
@@ -13,11 +29,15 @@ export declare type RelationInfo = {
     endObjectLabel: string;
     endObjectUri: string;
     isExist: boolean;
+    uri?: string;
 };
 export declare type DCRObjectInfo = EntityInfo | RelationInfo;
 export declare type DCRObjectsInfo = {
     [key: string]: DCRObjectInfo;
 };
+export declare type DCRAttributes = {
+    [attributeName: string]: (ChangeValue | DCRChange)[];
+};
 export declare type Value = DCRAttributes | DCRChange | string | boolean | number;
 export declare type DCRAttributeValue = Omit<SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue, 'uri' | 'value'> & {
     value: Value;
@@ -27,10 +47,7 @@ export declare type DCRAttributeValue = Omit<SimpleAttributeValue | NestedAttrib
     };
     uri?: string;
 };
-export declare type DCRAttributes = {
-    [attributeName: string]: DCRAttributeValue[];
-};
-export declare type ChangeValue = DCRAttributeValue | string[];
+export declare type ChangeValue = DCRAttributeValue | string[] | Entity | Relation;
 export declare type DCRChange = {
     attributePath?: string;
     attributeType?: string;
@@ -50,14 +67,3 @@ export declare type DCRChange = {
 export declare type DCRChanges = {
     [key: string]: DCRChange[];
 };
-export declare type ChangeRequest = {
-    changes: DCRChanges;
-    createdBy: string;
-    createdTime: number;
-    objectsInfo: DCRObjectsInfo;
-    state: string;
-    type: string;
-    updatedBy: string;
-    updatedTime: number;
-    uri: string;
-};

package/esm/components/workflow/types/dcrTypes.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.909",
+  "version": "1.4.913",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "^2.7.0",
-    "@reltio/mdm-module": "^1.4.909",
-    "@reltio/mdm-sdk": "^1.4.909",
+    "@reltio/mdm-module": "^1.4.913",
+    "@reltio/mdm-sdk": "^1.4.913",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",