@reltio/components 1.4.895 → 1.4.899

package/cjs/components/attributes/PivotingAttributes/PivotingTooltipContent.js

@@ -37,7 +37,7 @@ exports.PivotingTooltipContent = void 0;
 var react_1 = __importStar(require("react"));
 var react_redux_1 = require("react-redux");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var EntityAvatar_1 = __importDefault(require("../../EntityAvatar/EntityAvatar"));
 var EntityUriLink_1 = __importDefault(require("../../EntityUriLink/EntityUriLink"));
@@ -51,9 +51,11 @@ var PivotingTooltipContent = function (_a) {
     var _d = react_1.useState(0), total = _d[0], setTotal = _d[1];
     var entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity) || {};
     var safePromise = hooks_1.useSafePromise();
+    var dispatch = react_redux_1.useDispatch();
     var styles = styles_1.useStyles();
     var globalSearchRequestOptions = react_redux_1.useSelector(mdm_module_1.default.selectors.getGlobalSearchRequestOptions) || {};
     var entityType = config.entityType || entity.type;
+    var shouldShowSeeAllButton = total > MAX_ENTITIES_PIVOTING_TOOLTIP;
     react_1.useEffect(function () {
         var filters = helpers_1.getParamsFilteringEntities(value, attributeType, entityType);
         var options = __assign({ max: MAX_ENTITIES_PIVOTING_TOOLTIP }, globalSearchRequestOptions);
@@ -68,6 +70,12 @@ var PivotingTooltipContent = function (_a) {
             setTotal(0);
         });
     }, []);
+    var handleClickSeeAll = function () {
+        var generatedValue = Array.isArray(value)
+            ? helpers_1.convertNestedAttributePivotingValue(value)
+            : helpers_1.convertSimpleAttributePivotingValue(attributeType, value);
+        dispatch(mdm_module_1.ui.actions.openPivotingPerspective({ value: generatedValue, attributeType: attributeType }));
+    };
     var hasEntityTypeLabel = Boolean(config.label);
     return (react_1.default.createElement("div", { className: styles.container },
         react_1.default.createElement("div", { className: styles.header },
@@ -78,7 +86,7 @@ var PivotingTooltipContent = function (_a) {
         react_1.default.createElement("div", { className: styles.body }, entities.map(function (visibleEntity) { return (react_1.default.createElement("div", { key: visibleEntity.uri, className: styles.entityContainer },
             react_1.default.createElement(EntityAvatar_1.default, { entity: visibleEntity, avatarClassName: styles.profileIcon }),
             react_1.default.createElement(EntityUriLink_1.default, { className: styles.entityLabel, value: mdm_sdk_1.getEntityUriForLink(visibleEntity) }, mdm_sdk_1.getLabel(visibleEntity.label)))); })),
-        react_1.default.createElement("div", { className: styles.footer },
-            react_1.default.createElement("a", null, ui_i18n_1.default.text('See all')))));
+        shouldShowSeeAllButton && (react_1.default.createElement("div", { className: styles.footer },
+            react_1.default.createElement("a", { className: styles.seeAllButton, onClick: handleClickSeeAll }, ui_i18n_1.default.text('See all'))))));
 };
 exports.PivotingTooltipContent = PivotingTooltipContent;

package/cjs/components/attributes/PivotingAttributes/helpers.d.ts

@@ -4,4 +4,8 @@ export declare type PivotingValue = {
 };
 export declare const getParamsFilteringEntities: (values: string | number | boolean | PivotingValue[], attributeType: AttributeType, entityType?: string) => SearchFilter[];
 export declare const generatePivotingValue: (attributeType: AttributeType, value: RecordAttributesType, pivotingAttributes: PivotingAttribute[], metadata: Metadata) => PivotingValue[];
+export declare const convertSimpleAttributePivotingValue: (attrType: AttributeType, value: string | number | boolean) => {
+    [x: string]: string | number | boolean;
+}[];
+export declare const convertNestedAttributePivotingValue: (values: PivotingValue[]) => any[];
 export declare const preparePivotingAttributeValue: (value: any, attributeType: any) => any;

package/cjs/components/attributes/PivotingAttributes/helpers.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.preparePivotingAttributeValue = exports.generatePivotingValue = exports.getParamsFilteringEntities = void 0;
+exports.preparePivotingAttributeValue = exports.convertNestedAttributePivotingValue = exports.convertSimpleAttributePivotingValue = exports.generatePivotingValue = exports.getParamsFilteringEntities = void 0;
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ramda_1 = require("ramda");
 var getParamsFilteringEntities = function (values, attributeType, entityType) {
@@ -82,6 +82,22 @@ var generatePivotingValue = function (attributeType, value, pivotingAttributes,
     }, []);
 };
 exports.generatePivotingValue = generatePivotingValue;
+var convertSimpleAttributePivotingValue = function (attrType, value) {
+    var _a;
+    return [
+        (_a = {}, _a[attrType.name] = value, _a)
+    ];
+};
+exports.convertSimpleAttributePivotingValue = convertSimpleAttributePivotingValue;
+var convertNestedAttributePivotingValue = function (values) {
+    return values.map(function (value) {
+        return Object.fromEntries(Object.entries(value).map(function (_a) {
+            var key = _a[0], value = _a[1];
+            return [mdm_sdk_1.getLastUriPart(key), value];
+        }));
+    });
+};
+exports.convertNestedAttributePivotingValue = convertNestedAttributePivotingValue;
 var valueToString = function (values, metadata, pivotingAttributes) {
     if (!values || values.length === 0)
         return;

package/cjs/components/attributes/PivotingAttributes/styles.d.ts

@@ -1,2 +1,2 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "body" | "entityTypeLabel" | "title" | "icon" | "footer" | "header" | "entityLabel" | "container" | "divider" | "headerCount" | "profileIcon" | "entityContainer">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "body" | "entityTypeLabel" | "title" | "icon" | "footer" | "header" | "entityLabel" | "container" | "divider" | "headerCount" | "profileIcon" | "entityContainer" | "seeAllButton">;
 export declare const usePivotingTooltipStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"tooltip" | "arrow">;

package/cjs/components/attributes/PivotingAttributes/styles.js

@@ -77,6 +77,9 @@ exports.useStyles = styles_1.makeStyles(function (theme) { return ({
     },
     content: {
         color: theme.palette.primary.main
+    },
+    seeAllButton: {
+        cursor: 'pointer'
     }
 }); });
 exports.usePivotingTooltipStyles = styles_1.makeStyles({

package/cjs/components/workflow/cards/DataChangeRequestTaskCard/DataChangeRequestTaskCard.js

@@ -28,16 +28,9 @@ var GenericWorkflowTaskCard_1 = __importDefault(require("../GenericWorkflowTaskC
 var LineDecorator_1 = __importDefault(require("../../components/LineDecorator/LineDecorator"));
 var helpers_1 = require("../../helpers");
 var DcrTaskIcon_1 = __importDefault(require("../../../../icons/DcrTaskIcon"));
-//eslint-disable-next-line
-var AttributesChanges = function (_a) {
-    var objectsInfo = _a.objectsInfo, changes = _a.changes;
-    return (react_1.default.createElement("span", null,
-        "AttributesChanges",
-        react_1.default.createElement("br", null),
-        "AttributesChanges",
-        react_1.default.createElement("br", null),
-        "AttributesChanges"));
-};
+var AttributesChangesContext_1 = require("../../components/AttributesChanges/contexts/AttributesChangesContext");
+var helpers_2 = require("../../components/AttributesChanges/helpers/helpers");
+var AttributesChanges_1 = __importDefault(require("../../components/AttributesChanges/AttributesChanges"));
 var DataChangeRequestTaskCard = function (_a) {
     var task = _a.task;
     var objectURIs = task.objectURIs;
@@ -46,7 +39,8 @@ var DataChangeRequestTaskCard = function (_a) {
     react_1.useEffect(function () {
         mdm_sdk_1.getDataChangeRequest(dcrUri).then(setDcr);
     }, [dcrUri]);
-    return (react_1.default.createElement(GenericWorkflowTaskCard_1.default, { task: task, Icon: DcrTaskIcon_1.default }, dcr && (react_1.default.createElement(LineDecorator_1.default, { last: true },
-        react_1.default.createElement(AttributesChanges, { changes: dcr.changes, objectsInfo: dcr.objectsInfo })))));
+    var objectsWithChanges = react_1.useMemo(function () { return (dcr ? helpers_2.extractObjectsFromChangeRequest(dcr) : []); }, [dcr]);
+    return (react_1.default.createElement(GenericWorkflowTaskCard_1.default, { task: task, Icon: DcrTaskIcon_1.default }, dcr && (react_1.default.createElement(AttributesChangesContext_1.AttributesChangesContext.Provider, { value: dcr.objectsInfo },
+        react_1.default.createElement(LineDecorator_1.default, { last: true }, objectsWithChanges.map(function (object) { return (react_1.default.createElement(AttributesChanges_1.default, { key: object.uri, changes: dcr.changes[object.uri], objectInfo: object })); }))))));
 };
 exports.default = DataChangeRequestTaskCard;

package/cjs/components/workflow/components/AttributesChanges/AttributesChanges.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { DCRChange, EntityInfo } from './types/DCRTypes';
+declare type Props = {
+    changes: DCRChange[];
+    objectInfo: EntityInfo;
+};
+declare const AttributesChanges: ({ changes, objectInfo }: Props) => JSX.Element;
+export default AttributesChanges;

package/cjs/components/workflow/components/AttributesChanges/AttributesChanges.js

@@ -0,0 +1,47 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 });
+var react_1 = __importStar(require("react"));
+var react_redux_1 = require("react-redux");
+var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var mergeHelpers_1 = require("./helpers/mergeHelpers");
+var EntityUriLink_1 = __importDefault(require("../../../EntityUriLink/EntityUriLink"));
+var ShowMoreLink_1 = __importDefault(require("./components/ShowMoreLink/ShowMoreLink"));
+var DCRChangesList_1 = __importDefault(require("./components/DCRChangesList/DCRChangesList"));
+var useCollapsibleList_1 = require("./hooks/useCollapsibleList");
+var styles_1 = require("./styles");
+var AttributesChanges = function (_a) {
+    var changes = _a.changes, objectInfo = _a.objectInfo;
+    var styles = styles_1.useStyles();
+    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
+    var mergedChanges = react_1.useMemo(function () { return mergeHelpers_1.mergeChanges(metadata, changes, objectInfo); }, [metadata, changes, objectInfo]);
+    var _b = useCollapsibleList_1.useCollapsibleList(mergedChanges), isExpanded = _b.isExpanded, onToggle = _b.onToggle, itemsToShow = _b.itemsToShow, collapsedSuggestionsCount = _b.collapsedSuggestionsCount;
+    return (react_1.default.createElement("div", { className: styles.container },
+        react_1.default.createElement(EntityUriLink_1.default, { className: styles.uri, value: mdm_sdk_1.getEntityUriForLink(objectInfo) },
+            react_1.default.createElement("div", { className: styles.label }, mdm_sdk_1.getLabel(objectInfo.label))),
+        react_1.default.createElement(DCRChangesList_1.default, { changes: itemsToShow }),
+        collapsedSuggestionsCount > 0 && (react_1.default.createElement(ShowMoreLink_1.default, { onClick: onToggle, suggestionsCount: collapsedSuggestionsCount, isExpanded: isExpanded, className: styles.showMoreLink }))));
+};
+exports.default = AttributesChanges;

package/cjs/components/workflow/components/AttributesChanges/components/ChangeView/ChangeView.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { OperationTypes } from '../../constants/operations';
+declare type Props = {
+    label: React.ReactElement;
+    oldValue?: React.ReactElement;
+    newValue?: React.ReactElement;
+    operation?: OperationTypes;
+    className?: string;
+};
+declare const ChangeView: ({ label, oldValue, newValue, operation, className }: Props) => JSX.Element;
+export default ChangeView;

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

@@ -0,0 +1,27 @@
+"use strict";
+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 classnames_1 = __importDefault(require("classnames"));
+var ArrowRightAlt_1 = __importDefault(require("@material-ui/icons/ArrowRightAlt"));
+var Chip_1 = __importDefault(require("@material-ui/core/Chip"));
+var helpers_1 = require("../../helpers/helpers");
+var styles_1 = require("./styles");
+var ChangeView = function (_a) {
+    var label = _a.label, oldValue = _a.oldValue, newValue = _a.newValue, operation = _a.operation, className = _a.className;
+    var styles = styles_1.useStyles();
+    var value = oldValue || newValue;
+    return (react_1.default.createElement("div", { className: classnames_1.default(styles.field, className) },
+        react_1.default.createElement("span", { className: styles.fieldName },
+            label,
+            ":"),
+        react_1.default.createElement("span", { className: styles.difference },
+            value,
+            newValue && oldValue && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(ArrowRightAlt_1.default, { className: styles.arrow }),
+                newValue))),
+        operation && (react_1.default.createElement(Chip_1.default, { variant: "outlined", label: helpers_1.getOperationLabel(operation), className: classnames_1.default(styles.chip, operation) }))));
+};
+exports.default = ChangeView;

package/cjs/components/workflow/components/AttributesChanges/components/ChangeView/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"fieldName" | "difference" | "field" | "arrow" | "chip">;

package/cjs/components/workflow/components/AttributesChanges/components/ChangeView/styles.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+    field: {
+        fontSize: '12px',
+        lineHeight: '20px',
+        color: theme.palette.text.primary,
+        marginTop: '6px',
+        display: 'flex',
+        flexWrap: 'wrap',
+        overflow: 'hidden'
+    },
+    fieldName: {
+        display: 'flex',
+        alignItems: 'center',
+        color: theme.palette.text.secondary,
+        marginRight: '8px'
+    },
+    difference: {
+        display: 'flex',
+        alignItems: 'center',
+        flexDirection: 'row'
+    },
+    arrow: {
+        margin: '0 4px',
+        fontSize: '12px',
+        color: theme.palette.text.primary
+    },
+    chip: {
+        height: '20px',
+        fontSize: '10px',
+        fontWeight: 500,
+        lineHeight: '16px',
+        letterSpacing: 0,
+        marginLeft: '8px',
+        flexShrink: 0,
+        textTransform: 'capitalize',
+        color: theme.palette.primary.main,
+        borderColor: theme.palette.primary.main,
+        '&.edited': {
+            color: '#CC7500',
+            borderColor: '#CC7500'
+        },
+        '&.added': {
+            color: '#599E0E',
+            borderColor: '#599E0E'
+        },
+        '&.deleted': {
+            color: '#CF0E26',
+            borderColor: '#CF0E26'
+        }
+    }
+}); });

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Props as Change } from '../DiffRenderer/DiffRenderer';
+declare type Props = {
+    changes: Change[];
+};
+declare const DCRChangesList: ({ changes }: Props) => JSX.Element;
+export default DCRChangesList;

package/cjs/components/workflow/components/AttributesChanges/components/DCRChangesList/DCRChangesList.js

@@ -0,0 +1,25 @@
+"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 DiffRenderer_1 = __importDefault(require("../DiffRenderer/DiffRenderer"));
+var DCRChangesList = function (_a) {
+    var changes = _a.changes;
+    return (react_1.default.createElement(react_1.default.Fragment, null, changes.map(function (change, index) {
+        return react_1.default.createElement(DiffRenderer_1.default, __assign({}, change, { key: index }));
+    })));
+};
+exports.default = DCRChangesList;

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { AttributeType } from '@reltio/mdm-sdk';
+import { OperationTypes } from '../../constants/operations';
+import { ChangeValue, DCRAttributeValue } from '../../types/DCRTypes';
+export declare type Props = {
+    level: number;
+    label: string;
+    attributeType: AttributeType;
+    attributeValue?: DCRAttributeValue;
+    newValue?: ChangeValue;
+    oldValue?: ChangeValue;
+    operation?: OperationTypes;
+};
+declare const DiffRenderer: ({ label, level, attributeType, attributeValue, oldValue, newValue, operation }: Props) => JSX.Element;
+export default DiffRenderer;

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

@@ -0,0 +1,61 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 });
+var react_1 = __importStar(require("react"));
+var react_redux_1 = require("react-redux");
+var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var ChangeView_1 = __importDefault(require("../ChangeView/ChangeView"));
+var helpers_1 = require("../../helpers/helpers");
+var EntityUriLink_1 = __importDefault(require("../../../../../EntityUriLink/EntityUriLink"));
+var AttributesChangesContext_1 = require("../../contexts/AttributesChangesContext");
+var DataTypeValue_1 = __importDefault(require("../../../../../DataTypeValue/DataTypeValue"));
+var styles_1 = require("./styles");
+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 = styles_1.useStyles({ level: level });
+    var entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity);
+    var objectsInfo = react_1.useContext(AttributesChangesContext_1.AttributesChangesContext);
+    var renderLink = react_1.useCallback(function () {
+        if (mdm_sdk_1.isReference(attributeType)) {
+            var value = ramda_1.when(ramda_1.anyPass([ramda_1.hasPath(['value', 'newValue']), ramda_1.hasPath(['value', 'oldValue'])]), ramda_1.ifElse(ramda_1.hasPath(['value', 'newValue']), ramda_1.path(['value', 'newValue']), ramda_1.path(['value', 'oldValue'])))(attributeValue);
+            var _a = helpers_1.getAttributeDescription(attributeType, value, entity.uri, objectsInfo), objectUri = _a.objectUri, objectLabel = _a.objectLabel;
+            return (react_1.default.createElement(EntityUriLink_1.default, { value: objectUri, className: styles.uri },
+                react_1.default.createElement("span", null, mdm_sdk_1.getLabel(objectLabel))));
+        }
+        return null;
+    }, [attributeType, attributeValue, entity.uri, objectsInfo, styles.uri]);
+    var changeLabel = react_1.useMemo(function () {
+        return (react_1.default.createElement("div", null,
+            label,
+            renderLink()));
+    }, [label, renderLink]);
+    var renderValue = react_1.useCallback(function (value) {
+        var attrValue = mdm_sdk_1.getAttributeValue(value);
+        return (react_1.default.createElement(DataTypeValue_1.default, { value: attrValue, dataTypeDefinition: helpers_1.getDataTypeDefinition(attributeType, attrValue) }));
+    }, [attributeType]);
+    return (react_1.default.createElement(ChangeView_1.default, { className: styles.change, label: changeLabel, oldValue: oldValue && renderValue(oldValue), newValue: newValue && renderValue(newValue), operation: operation }));
+};
+exports.default = DiffRenderer;

package/cjs/components/workflow/components/AttributesChanges/components/DiffRenderer/styles.d.ts

@@ -0,0 +1,5 @@
+declare type StylesProps = {
+    level: number;
+};
+export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"uri" | "change">;
+export {};

package/cjs/components/workflow/components/AttributesChanges/components/DiffRenderer/styles.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+    uri: {
+        color: theme.palette.primary.main,
+        textDecoration: 'none',
+        cursor: 'pointer',
+        marginLeft: '4px'
+    },
+    change: function (_a) {
+        var _b = _a.level, level = _b === void 0 ? 0 : _b;
+        return ({
+            marginLeft: level * 16 + "px"
+        });
+    }
+}); });

package/cjs/components/workflow/components/AttributesChanges/components/ShowMoreLink/ShowMoreLink.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare type Props = {
+    onClick: () => void;
+    suggestionsCount: number;
+    isExpanded: boolean;
+    className?: string;
+};
+declare const ShowMoreLink: ({ suggestionsCount, isExpanded, onClick, className }: Props) => JSX.Element;
+export default ShowMoreLink;

package/cjs/components/workflow/components/AttributesChanges/components/ShowMoreLink/ShowMoreLink.js

@@ -0,0 +1,18 @@
+"use strict";
+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 ui_i18n_1 = __importDefault(require("ui-i18n"));
+var Link_1 = __importDefault(require("@material-ui/core/Link"));
+var styles_1 = require("./styles");
+var ShowMoreLink = function (_a) {
+    var suggestionsCount = _a.suggestionsCount, isExpanded = _a.isExpanded, onClick = _a.onClick, className = _a.className;
+    var styles = styles_1.useStyles();
+    return (react_1.default.createElement(Link_1.default, { component: "button", variant: "caption", underline: "none", onClick: onClick, className: className },
+        react_1.default.createElement("span", { className: styles.linkLabel }, isExpanded
+            ? ui_i18n_1.default.text('View less suggestions')
+            : ui_i18n_1.default.text('View ${suggestionsCount} more suggestions', { suggestionsCount: suggestionsCount }))));
+};
+exports.default = ShowMoreLink;

package/cjs/components/workflow/components/AttributesChanges/components/ShowMoreLink/styles.d.ts

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

package/cjs/components/workflow/components/AttributesChanges/components/ShowMoreLink/styles.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+    linkLabel: {
+        color: theme.palette.primary.main,
+        fontSize: '12px',
+        letterSpacing: 0,
+        lineHeight: '16px'
+    }
+}); });

package/cjs/components/workflow/components/AttributesChanges/constants/operations.d.ts

@@ -0,0 +1,25 @@
+export declare enum OperationTypes {
+    ADDED = "added",
+    EDITED = "edited",
+    DELETED = "deleted",
+    PINNED = "pinned",
+    IGNORED = "ignored",
+    PIN_DELETED = "pin_deleted",
+    IGNORE_DELETED = "ignore_deleted"
+}
+export declare enum DCRTypes {
+    INSERT_ATTRIBUTE = "INSERT_ATTRIBUTE",
+    UPDATE_ATTRIBUTE = "UPDATE_ATTRIBUTE",
+    DELETE_ATTRIBUTE = "DELETE_ATTRIBUTE",
+    PIN_ATTRIBUTE = "PIN_ATTRIBUTE",
+    IGNORE_ATTRIBUTE = "IGNORE_ATTRIBUTE",
+    CREATE_ENTITY = "CREATE_ENTITY",
+    CREATE_RELATIONSHIP = "CREATE_RELATIONSHIP",
+    UPDATE_TAGS = "UPDATE_TAGS",
+    UPDATE_ROLES = "UPDATE_ROLES",
+    UPDATE_START_DATE = "UPDATE_START_DATE",
+    UPDATE_END_DATE = "UPDATE_END_DATE",
+    UPDATE_PROFILE_PIC_BY_URL = "UPDATE_PROFILE_PIC_BY_URL",
+    UPDATE_PROFILE_PIC_BY_URI = "UPDATE_PROFILE_PIC_BY_URI",
+    DELETE_RELATIONSHIP = "DELETE_RELATIONSHIP"
+}

package/cjs/components/workflow/components/AttributesChanges/constants/operations.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DCRTypes = exports.OperationTypes = void 0;
+var OperationTypes;
+(function (OperationTypes) {
+    OperationTypes["ADDED"] = "added";
+    OperationTypes["EDITED"] = "edited";
+    OperationTypes["DELETED"] = "deleted";
+    OperationTypes["PINNED"] = "pinned";
+    OperationTypes["IGNORED"] = "ignored";
+    OperationTypes["PIN_DELETED"] = "pin_deleted";
+    OperationTypes["IGNORE_DELETED"] = "ignore_deleted";
+})(OperationTypes = exports.OperationTypes || (exports.OperationTypes = {}));
+var DCRTypes;
+(function (DCRTypes) {
+    DCRTypes["INSERT_ATTRIBUTE"] = "INSERT_ATTRIBUTE";
+    DCRTypes["UPDATE_ATTRIBUTE"] = "UPDATE_ATTRIBUTE";
+    DCRTypes["DELETE_ATTRIBUTE"] = "DELETE_ATTRIBUTE";
+    DCRTypes["PIN_ATTRIBUTE"] = "PIN_ATTRIBUTE";
+    DCRTypes["IGNORE_ATTRIBUTE"] = "IGNORE_ATTRIBUTE";
+    DCRTypes["CREATE_ENTITY"] = "CREATE_ENTITY";
+    DCRTypes["CREATE_RELATIONSHIP"] = "CREATE_RELATIONSHIP";
+    DCRTypes["UPDATE_TAGS"] = "UPDATE_TAGS";
+    DCRTypes["UPDATE_ROLES"] = "UPDATE_ROLES";
+    DCRTypes["UPDATE_START_DATE"] = "UPDATE_START_DATE";
+    DCRTypes["UPDATE_END_DATE"] = "UPDATE_END_DATE";
+    DCRTypes["UPDATE_PROFILE_PIC_BY_URL"] = "UPDATE_PROFILE_PIC_BY_URL";
+    DCRTypes["UPDATE_PROFILE_PIC_BY_URI"] = "UPDATE_PROFILE_PIC_BY_URI";
+    DCRTypes["DELETE_RELATIONSHIP"] = "DELETE_RELATIONSHIP";
+})(DCRTypes = exports.DCRTypes || (exports.DCRTypes = {}));

package/cjs/components/workflow/components/AttributesChanges/contexts/AttributesChangesContext.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DCRObjectsInfo } from '../types/DCRTypes';
+export declare const AttributesChangesContext: React.Context<DCRObjectsInfo>;

package/cjs/components/workflow/components/AttributesChanges/contexts/AttributesChangesContext.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AttributesChangesContext = void 0;
+var react_1 = __importDefault(require("react"));
+exports.AttributesChangesContext = react_1.default.createContext(null);
+exports.AttributesChangesContext.displayName = 'AttributesChangesContext';

package/cjs/components/workflow/components/AttributesChanges/helpers/attributesHelpers.d.ts

@@ -0,0 +1,2 @@
+declare const getChanges: any;
+export { getChanges };