@reltio/components 1.4.895 → 1.4.899

package/esm/components/workflow/components/AttributesChanges/helpers/mergeHelpers.js

@@ -0,0 +1,134 @@
+import { concat, curry, difference, identity, is, isNil, omit, pick, propEq, pipe, reduce } from 'ramda';
+import { generateTempUri, getRoleLabel, isEmptyValue, EntityAttrTypes } from '@reltio/mdm-sdk';
+import { DCRTypes } from '../constants/operations';
+import { getChanges } from './attributesHelpers';
+var ATTRIBUTE_DELIMITER = '/';
+var SPECIAL_ATTRIBUTES_NAMES = [
+    'defaultProfilePicValue',
+    EntityAttrTypes.tags.name,
+    EntityAttrTypes.roles.name,
+    EntityAttrTypes.startDate.name,
+    EntityAttrTypes.endDate.name
+];
+var prepareStartOrEndDate = function (_a) {
+    var newValue = _a.newValue, oldValue = _a.oldValue;
+    var parseValue = function (value) { return (is(String) ? parseInt(value) : value); };
+    var isExistedValue = function (value) { return (value === null || value === void 0 ? void 0 : value.length) && !isEmptyValue(value); };
+    var isExistNewValue = isExistedValue(newValue);
+    var isExistOldValue = isExistedValue(oldValue);
+    if (isExistNewValue && isExistOldValue) {
+        return {
+            type: DCRTypes.UPDATE_ATTRIBUTE,
+            oldValue: { value: parseValue(oldValue[0]) },
+            newValue: { value: parseValue(newValue[0]) }
+        };
+    }
+    else if (isExistNewValue) {
+        return {
+            type: DCRTypes.INSERT_ATTRIBUTE,
+            newValue: { value: parseValue(newValue[0]) }
+        };
+    }
+    else if (isExistOldValue) {
+        return {
+            type: DCRTypes.DELETE_ATTRIBUTE,
+            oldValue: { value: parseValue(oldValue[0]) }
+        };
+    }
+};
+var prepareRolesOrTags = function (change, metadata) {
+    var _a = change.newValue, newValue = _a === void 0 ? [] : _a, _b = change.oldValue, oldValue = _b === void 0 ? [] : _b, type = change.type;
+    var getLabel = type === DCRTypes.UPDATE_ROLES ? getRoleLabel(metadata) : identity;
+    var diffNewValue = difference(newValue, oldValue);
+    var diffOldValue = difference(oldValue, newValue);
+    var items = [];
+    if (diffNewValue.length) {
+        items.push({
+            type: DCRTypes.INSERT_ATTRIBUTE,
+            newValue: { value: diffNewValue.map(getLabel).join(', ') }
+        });
+    }
+    if (diffOldValue.length) {
+        items.push({
+            type: DCRTypes.DELETE_ATTRIBUTE,
+            oldValue: { value: diffOldValue.map(getLabel).join(', ') }
+        });
+    }
+    return items;
+};
+var getPath = function (change) {
+    var type = change.type, attributePath = change.attributePath, refObjectURI = change.refObjectURI, refAttributeType = change.refAttributeType;
+    var path = type === DCRTypes.INSERT_ATTRIBUTE ? generateTempUri(attributePath) : attributePath;
+    if (refObjectURI) {
+        var typePath = refAttributeType.split('/attributes/');
+        var id = refObjectURI.split(ATTRIBUTE_DELIMITER)[1];
+        return [typePath[1], id, path].join(ATTRIBUTE_DELIMITER);
+    }
+    return path;
+};
+var prepareAttribute = function (container, change) {
+    var _a;
+    var changePath = getPath(change);
+    var pathArray = changePath.split(ATTRIBUTE_DELIMITER);
+    var holder = container;
+    for (var i = 0; i < pathArray.length - 1; i = i + 2) {
+        var key = pathArray[i];
+        var id = pathArray[i + 1];
+        var currentValue = (holder[key] || []).find(propEq('id', id));
+        var newValue = pathArray.length === i + 2 ? change : {};
+        var value = currentValue ? currentValue : { id: id, value: newValue };
+        var refObjectURI = ((_a = change.refObjectURI) === null || _a === void 0 ? void 0 : _a.indexOf(id)) >= 0 && change.refObjectURI;
+        if (refObjectURI) {
+            value.refObjectURI = refObjectURI;
+        }
+        if (isNil(currentValue)) {
+            holder[key] = (holder[key] || []).concat(value);
+        }
+        holder = value.value;
+    }
+    return container;
+};
+var mergeAttributesInChange = function (metadata, objectInfo, change, container) {
+    if (container === void 0) { container = {}; }
+    var type = change.type;
+    switch (type) {
+        case DCRTypes.UPDATE_PROFILE_PIC_BY_URL:
+            container['defaultProfilePicValue'] = [change.newValue];
+            break;
+        case DCRTypes.UPDATE_TAGS:
+            container[EntityAttrTypes.tags.name] = prepareRolesOrTags(change, metadata);
+            break;
+        case DCRTypes.UPDATE_ROLES: {
+            container[EntityAttrTypes.roles.name] = prepareRolesOrTags(change, metadata);
+            break;
+        }
+        case DCRTypes.UPDATE_START_DATE:
+            container[EntityAttrTypes.startDate.name] = [prepareStartOrEndDate(change)];
+            break;
+        case DCRTypes.UPDATE_END_DATE:
+            container[EntityAttrTypes.endDate.name] = [prepareStartOrEndDate(change)];
+            break;
+        default: {
+            prepareAttribute(container, change);
+            break;
+        }
+    }
+    return container;
+};
+var mergeChanges = function (metadata, changes, objectInfo) {
+    var getAttributeChanges = function (attributeName) { return pipe(pick([attributeName]), getChanges(metadata, objectInfo)); };
+    var concatChanges = curry(function (getters, attributesTree) {
+        return reduce(function (acc, getter) { return concat(acc, getter(attributesTree)); }, [], getters);
+    });
+    var changesTree = changes.reduce(function (result, change) {
+        return mergeAttributesInChange(metadata, objectInfo, change, result);
+    }, {});
+    return concatChanges([
+        pipe(omit(SPECIAL_ATTRIBUTES_NAMES), getChanges(metadata, objectInfo)),
+        getAttributeChanges(EntityAttrTypes.roles.name),
+        getAttributeChanges(EntityAttrTypes.tags.name),
+        getAttributeChanges(EntityAttrTypes.startDate.name),
+        getAttributeChanges(EntityAttrTypes.endDate.name)
+    ], changesTree);
+};
+export { mergeChanges };

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

@@ -0,0 +1,6 @@
+export declare const useCollapsibleList: (changes: any, limit?: number) => {
+    isExpanded: boolean;
+    onToggle: () => void;
+    itemsToShow: any;
+    collapsedSuggestionsCount: number;
+};

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

@@ -0,0 +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) {
+    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 visibleSuggestionsCount = useMemo(function () { return getSuggestionsCount(collapsedItems); }, [collapsedItems]);
+    var itemsToShow = isExpanded ? changes : collapsedItems;
+    var collapsedSuggestionsCount = suggestionsCount - visibleSuggestionsCount;
+    return { isExpanded: isExpanded, onToggle: onToggle, itemsToShow: itemsToShow, collapsedSuggestionsCount: collapsedSuggestionsCount };
+};

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

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"uri" | "label" | "container" | "showMoreLink">;

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

@@ -0,0 +1,24 @@
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function (theme) { return ({
+    container: {
+        boxSizing: 'border-box',
+        border: '1px solid rgba(0,0,0,0.03)',
+        borderRadius: '3px',
+        backgroundColor: 'rgba(0,0,0,0.03)',
+        padding: '10px',
+        margin: '12px 16px 12px 0'
+    },
+    uri: {
+        color: theme.palette.primary.main,
+        textDecoration: 'none',
+        cursor: 'pointer'
+    },
+    label: {
+        fontSize: '12px',
+        letterSpacing: 0,
+        lineHeight: '16px'
+    },
+    showMoreLink: {
+        marginTop: '8px'
+    }
+}); });

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

@@ -0,0 +1,63 @@
+import { Crosswalk, NestedAttributeValue, ReferenceAttributeValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
+import { DCRTypes } from '../constants/operations';
+export declare type EntityInfo = {
+    isExist: boolean;
+    label: string;
+    secondaryLabel: string;
+    type: string;
+};
+export declare type RelationInfo = {
+    type: string;
+    startObjectLabel: string;
+    startObjectUri: string;
+    endObjectLabel: string;
+    endObjectUri: string;
+    isExist: boolean;
+};
+export declare type DCRObjectInfo = EntityInfo | RelationInfo;
+export declare type DCRObjectsInfo = {
+    [key: string]: DCRObjectInfo;
+};
+export declare type Value = DCRAttributes | DCRChange | string | boolean | number;
+export declare type DCRAttributeValue = Omit<SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue, 'uri' | 'value'> & {
+    value: Value;
+    refObjectURI?: string;
+    refEntity?: {
+        objectURI: string;
+    };
+    uri?: string;
+};
+export declare type DCRAttributes = {
+    [attributeName: string]: DCRAttributeValue[];
+};
+export declare type ChangeValue = DCRAttributeValue | string[];
+export declare type DCRChange = {
+    attributePath?: string;
+    attributeType?: string;
+    conflict?: string;
+    conflictDetails?: string;
+    createdBy?: string;
+    createdTime?: string;
+    crosswalk?: Crosswalk;
+    id?: string;
+    newPinOrIgnoreValue?: boolean;
+    newValue?: ChangeValue;
+    oldValue?: ChangeValue;
+    type?: DCRTypes;
+    refAttributeType?: string;
+    refObjectURI?: string;
+};
+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/components/AttributesChanges/types/DCRTypes.js

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

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

@@ -11,7 +11,8 @@ export var useStyles = makeStyles({
         alignItems: 'stretch'
     },
     lineBlock: {
-        width: blockWidth + "px"
+        width: blockWidth + "px",
+        flexShrink: 0
     },
     withLinePadding: {
         '& $noLine': {
@@ -52,7 +53,8 @@ export var useStyles = makeStyles({
         }
     },
     content: {
-        flex: 1
+        flex: 1,
+        minWidth: 0
     },
     plain: {},
     last: {}

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.895",
+  "version": "1.4.899",
   "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.895",
-    "@reltio/mdm-sdk": "^1.4.895",
+    "@reltio/mdm-module": "^1.4.899",
+    "@reltio/mdm-sdk": "^1.4.899",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",