@reltio/components 1.4.2201 → 1.4.2202

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

@@ -1,23 +1,56 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChangeRequestEditor = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
+var ramda_1 = require("ramda");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var helpers_1 = require("./helpers/helpers");
 var SuggestedChanges_1 = __importDefault(require("../../../icons/SuggestedChanges"));
 var EntityChangesGroup_1 = require("./components/EntityChangesGroup");
 var ChangeRequestEditor_module_css_1 = __importDefault(require("./ChangeRequestEditor.module.css"));
 var ChangeRequestEditor = function (_a) {
     var dcr = _a.dcr, task = _a.task, groupedObjects = _a.groupedObjects;
-    var dcrLoaded = !!dcr && groupedObjects.length > 0;
+    var enrichedDCR = (0, react_1.useMemo)(function () {
+        if (dcr === null || dcr === void 0 ? void 0 : dcr.changes) {
+            var cloned = (0, ramda_1.clone)(dcr);
+            cloned.changes = (0, helpers_1.addLineIdToValue)(cloned.changes);
+            return cloned;
+        }
+        return null;
+    }, [dcr]);
+    var dcrLoaded = !!enrichedDCR && groupedObjects.length > 0;
     return (react_1.default.createElement("div", { className: ChangeRequestEditor_module_css_1.default.container },
         react_1.default.createElement("div", { className: ChangeRequestEditor_module_css_1.default.header },
             react_1.default.createElement("div", { className: ChangeRequestEditor_module_css_1.default.suggestedChangesIcon },
                 react_1.default.createElement(SuggestedChanges_1.default, null)),
             react_1.default.createElement(Typography_1.default, { variant: "h6", className: ChangeRequestEditor_module_css_1.default.suggestedChangesTitle }, ui_i18n_1.default.text('Suggested changes'))),
-        dcrLoaded ? (groupedObjects.map(function (object, index) { return (react_1.default.createElement(EntityChangesGroup_1.EntityChangesGroup, { key: "entity-".concat(index), entityInfo: object.entity, relationsInfo: object.relations, task: task, dcr: dcr })); })) : (react_1.default.createElement(EntityChangesGroup_1.SkeletonEntityChangesGroupLoader, null))));
+        dcrLoaded ? (groupedObjects.map(function (object, index) { return (react_1.default.createElement(EntityChangesGroup_1.EntityChangesGroup, { key: "entity-".concat(index), entityInfo: object.entity, relationsInfo: object.relations, task: task, dcr: enrichedDCR })); })) : (react_1.default.createElement(EntityChangesGroup_1.SkeletonEntityChangesGroupLoader, null))));
 };
 exports.ChangeRequestEditor = ChangeRequestEditor;

package/cjs/features/workflow/ChangeRequestEditor/components/ChangeItemEditor/ChangeItemEditor.d.ts

@@ -1,10 +1,8 @@
 import React from 'react';
-import { DCRValue } from '@reltio/mdm-sdk';
 import { Diff } from '../../../types';
 type Props = {
     change: Diff;
-    onValueChange: (id: string, newValue: DCRValue) => void;
     editable?: boolean;
 };
-export declare const ChangeItemEditor: ({ change, onValueChange, editable }: Props) => React.JSX.Element;
+export declare const ChangeItemEditor: ({ change, editable }: Props) => React.JSX.Element;
 export {};

package/cjs/features/workflow/ChangeRequestEditor/components/ChangeItemEditor/ChangeItemEditor.js

@@ -27,26 +27,35 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChangeItemEditor = void 0;
-var react_1 = __importStar(require("react"));
 var ramda_1 = require("ramda");
+var react_1 = __importStar(require("react"));
+var react_context_selector_1 = require("@fluentui/react-context-selector");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
+var DataTypeValue_1 = require("../../../../../DataTypeValue");
 var common_1 = require("../../../helpers/common");
 var OperationChip_1 = require("../../../OperationChip");
-var DataTypeValue_1 = require("../../../../../DataTypeValue");
 var RelationEntityLink_1 = require("../../../RelationEntityLink");
+var context_1 = require("../../context");
 var ChangeItemLabel_1 = require("./ChangeItemLabel");
 var DCRValueEditor_1 = require("./DCRValueEditor");
-var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
+var merge_1 = require("../../../helpers/merge");
 var ChangeItemEditor_module_css_1 = __importDefault(require("./ChangeItemEditor.module.css"));
 var ChangeItemEditor = function (_a) {
     var _b, _c, _d;
-    var change = _a.change, onValueChange = _a.onValueChange, _e = _a.editable, editable = _e === void 0 ? true : _e;
+    var change = _a.change, _e = _a.editable, editable = _e === void 0 ? true : _e;
     var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
+    var lineIds = change.lineIds || (0, merge_1.extractLineIds)(change === null || change === void 0 ? void 0 : change.newValue);
+    var lineData = (0, react_context_selector_1.useContextSelector)(context_1.ChangeRequestEditorContext, function (context) { return lineIds && context.getLineData(lineIds[0]); });
+    var updateChange = (0, react_context_selector_1.useContextSelector)(context_1.ChangeRequestEditorContext, function (context) { return context.updateChange; });
+    var onValueChange = (0, react_1.useCallback)(function (newValue) {
+        updateChange(lineIds, typeof newValue === 'object' && 'value' in newValue ? newValue : { value: newValue });
+    }, [lineIds, updateChange]);
     var isUpdateOperation = change.operation === mdm_sdk_1.DCROperationTypes.EDITED;
     var isAddOperation = change.operation === mdm_sdk_1.DCROperationTypes.ADDED;
     var hasAnyValue = Boolean(change.oldValue || change.newValue);
     var oldValue = (0, mdm_sdk_1.getAttributeValue)(change.oldValue);
-    var newValue = (0, mdm_sdk_1.getAttributeValue)(change.newValue);
+    var newValue = (0, mdm_sdk_1.getAttributeValue)((0, ramda_1.isNil)(lineData === null || lineData === void 0 ? void 0 : lineData.value) ? change.newValue : lineData.value);
     var hasNewValue = !(0, ramda_1.isNil)(newValue);
     var dataTypeDefinition = (0, react_1.useMemo)(function () {
         return change.attributeType && (0, common_1.getDataTypeDefinition)(change.attributeType, newValue || oldValue);
@@ -64,7 +73,7 @@ var ChangeItemEditor = function (_a) {
         react_1.default.createElement(ChangeItemLabel_1.ChangeItemLabel, { change: change, className: ChangeItemEditor_module_css_1.default.labelColumn, showLabel: !isUpdateOperation }),
         react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.valueColumn },
             react_1.default.createElement(RelationEntityLink_1.RelationEntityLink, { attributeOrRelationType: change.attributeType || change.relationType, attributeValue: change.attributeValue, className: ChangeItemEditor_module_css_1.default.relationEntityLink }),
-            shouldShowValueEditor ? (react_1.default.createElement(DCRValueEditor_1.DCRValueEditor, { attributeType: change.attributeType, value: change.newValue, onChange: onValueChange })) : (hasNewValue && (react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.value },
+            shouldShowValueEditor ? (react_1.default.createElement(DCRValueEditor_1.DCRValueEditor, { attributeType: change.attributeType, value: (0, ramda_1.isNil)(lineData === null || lineData === void 0 ? void 0 : lineData.value) ? change.newValue : lineData.value, onChange: onValueChange })) : (hasNewValue && (react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.value },
                 react_1.default.createElement(DataTypeValue_1.DataTypeValue, { value: preparedValue, dataTypeDefinition: dataTypeDefinition }))))),
         react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.revertColumn }),
         react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.operationColumn }, shouldShowOperationChip && (react_1.default.createElement(OperationChip_1.OperationChip, { operation: change.operation, size: "small", variant: "outlined" })))));

package/cjs/features/workflow/ChangeRequestEditor/components/ChangeItemEditor/DCRValueEditor.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
-import { AttributeType, DCRValue, ChangeValue } from '@reltio/mdm-sdk';
+import { AttributeType, ChangeValue, PrimitiveValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
+import { LineDataValue } from '../../context';
 type Props = {
     attributeType: AttributeType;
-    value: ChangeValue;
-    onChange: (id: string, newValue: DCRValue) => void;
+    value: LineDataValue | ChangeValue;
+    onChange: (value: SimpleAttributeValue | string[] | PrimitiveValue) => void;
 };
 export declare const DCRValueEditor: ({ attributeType, value, onChange }: Props) => React.JSX.Element;
 export {};

package/cjs/features/workflow/ChangeRequestEditor/components/ChangeItemEditor/DCRValueEditor.js

@@ -1,44 +1,18 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DCRValueEditor = void 0;
-var react_1 = __importStar(require("react"));
+var react_1 = __importDefault(require("react"));
 var DCRValueEditorFactory_1 = require("./DCRValueEditorFactory");
 var ChangeItemEditor_module_css_1 = __importDefault(require("./ChangeItemEditor.module.css"));
 var DCRValueEditor = function (_a) {
     var attributeType = _a.attributeType, value = _a.value, onChange = _a.onChange;
-    var handleChange = (0, react_1.useCallback)(function (updatedValue) {
-        onChange(attributeType.uri, updatedValue);
-    }, [attributeType.uri, onChange]);
     return (react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.editor }, DCRValueEditorFactory_1.DCRValueEditorFactory.build({
         attributeType: attributeType,
         value: value,
-        onChange: handleChange
+        onChange: onChange
     })));
 };
 exports.DCRValueEditor = DCRValueEditor;

package/cjs/features/workflow/ChangeRequestEditor/components/ChangeItemEditor/DCRValueEditorFactory.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
-import { AttributeType, DCRValue, DataTypeDefinition, ChangeValue } from '@reltio/mdm-sdk';
+import { AttributeType, ChangeValue, DataTypeDefinition, PrimitiveValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
+import { LineDataValue } from '../../context';
 type Props = {
     attributeType: AttributeType;
-    value: ChangeValue;
-    onChange: (value: DCRValue) => void;
+    value: LineDataValue | ChangeValue;
+    onChange: (value: SimpleAttributeValue | string[] | PrimitiveValue) => void;
     dataTypeDefinition?: DataTypeDefinition;
 };
 export declare class DCRValueEditorFactory {

package/cjs/features/workflow/ChangeRequestEditor/components/ChangeItemEditor/DCRValueEditorFactory.js

@@ -4,13 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DCRValueEditorFactory = void 0;
+var ramda_1 = require("ramda");
 var react_1 = __importDefault(require("react"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var DataTypeValueEditor_1 = require("../../../../../DataTypeValueEditor");
 var attributesView_1 = require("../../../../../helpers/attributesView");
-var common_1 = require("../../../helpers/common");
 var RolesInput_1 = require("../../../../../RolesInput/RolesInput");
 var TagsInput_1 = require("../../../../../TagsInput/TagsInput");
+var common_1 = require("../../../helpers/common");
 var DCRValueEditorFactory = /** @class */ (function () {
     function DCRValueEditorFactory() {
     }
@@ -19,7 +20,10 @@ var DCRValueEditorFactory = /** @class */ (function () {
         var dcrValue = (0, mdm_sdk_1.getAttributeValue)(value);
         switch (attributeType.uri) {
             case mdm_sdk_1.EntityAttrTypes.roles.uri: {
-                return react_1.default.createElement(RolesInput_1.RolesInput, { value: (0, mdm_sdk_1.wrapInArrayIfNeeded)(dcrValue), onChange: onChange });
+                var handleChange = function (values) {
+                    onChange((values === null || values === void 0 ? void 0 : values.map((0, ramda_1.prop)('value'))) || []);
+                };
+                return react_1.default.createElement(RolesInput_1.RolesInput, { value: (0, mdm_sdk_1.wrapInArrayIfNeeded)(dcrValue), onChange: handleChange });
             }
             case mdm_sdk_1.EntityAttrTypes.tags.uri: {
                 return react_1.default.createElement(TagsInput_1.TagsInput, { value: (0, mdm_sdk_1.wrapInArrayIfNeeded)(dcrValue), onChange: onChange });
@@ -29,7 +33,11 @@ var DCRValueEditorFactory = /** @class */ (function () {
                 var editorValue = value && dataTypeDefinition
                     ? (0, attributesView_1.attributeValueToEditorValue)(value, dataTypeDefinition)
                     : null;
-                return (react_1.default.createElement(DataTypeValueEditor_1.DataTypeValueEditor, { fieldName: attributeType.uri, value: editorValue, dataTypeDefinition: dataTypeDefinition, onChange: onChange, fullWidth: true }));
+                var handleChange = function (value) {
+                    var valueConvertedToAttributeValue = (0, attributesView_1.editorValueToAttributeValue)(attributeType, value);
+                    onChange(valueConvertedToAttributeValue);
+                };
+                return (react_1.default.createElement(DataTypeValueEditor_1.DataTypeValueEditor, { fieldName: attributeType.uri, value: editorValue, dataTypeDefinition: dataTypeDefinition, onChange: handleChange, fullWidth: true }));
             }
         }
     };

package/cjs/features/workflow/ChangeRequestEditor/components/ChangeItemRow/ChangeItemRow.d.ts

@@ -1,10 +1,9 @@
 import React from 'react';
-import { GroupedObjectsInfo, DCRValue } from '@reltio/mdm-sdk';
+import { GroupedObjectsInfo } from '@reltio/mdm-sdk';
 import { Diff, Title } from '../../../types';
 type Props = {
     item: Diff | Title;
-    onValueChange: (id: string, newValue: DCRValue) => void;
     entityInfo: GroupedObjectsInfo['entity'];
 };
-export declare const ChangeItemRow: ({ item, onValueChange, entityInfo }: Props) => React.JSX.Element;
+export declare const ChangeItemRow: ({ item, entityInfo }: Props) => React.JSX.Element;
 export {};

package/cjs/features/workflow/ChangeRequestEditor/components/ChangeItemRow/ChangeItemRow.js

@@ -4,16 +4,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChangeItemRow = void 0;
-var react_1 = __importDefault(require("react"));
-var ramda_1 = require("ramda");
 var classnames_1 = __importDefault(require("classnames"));
+var ramda_1 = require("ramda");
+var react_1 = __importDefault(require("react"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var helpers_1 = require("../../helpers");
+var helpers_1 = require("../../helpers/helpers");
 var ChangeItemEditor_1 = require("../ChangeItemEditor");
 var ChangeItemRow_module_css_1 = __importDefault(require("./ChangeItemRow.module.css"));
 var ChangeItemRow = function (_a) {
     var _b;
-    var item = _a.item, onValueChange = _a.onValueChange, entityInfo = _a.entityInfo;
+    var item = _a.item, entityInfo = _a.entityInfo;
     if (!(0, ramda_1.has)('level', item)) {
         return react_1.default.createElement("div", { className: ChangeItemRow_module_css_1.default.title }, item.label);
     }
@@ -22,6 +22,6 @@ var ChangeItemRow = function (_a) {
     var editable = (0, helpers_1.isEditableChange)(change, entityInfo);
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)(ChangeItemRow_module_css_1.default.changeItemRow, (_b = {}, _b[ChangeItemRow_module_css_1.default.editableRow] = editable, _b)) },
         isEditedOperation && react_1.default.createElement(ChangeItemEditor_1.ChangeItemOldValue, { change: change }),
-        react_1.default.createElement(ChangeItemEditor_1.ChangeItemEditor, { change: change, onValueChange: onValueChange, editable: editable })));
+        react_1.default.createElement(ChangeItemEditor_1.ChangeItemEditor, { change: change, editable: editable })));
 };
 exports.ChangeItemRow = ChangeItemRow;

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

@@ -1,8 +1,8 @@
 import React from 'react';
-import { GroupedObjectsInfo, WorkflowTaskData, ChangeRequest } from '@reltio/mdm-sdk';
+import { GroupedObjectsInfo, WorkflowTaskData, EnrichedChangeRequest } from '@reltio/mdm-sdk';
 type Props = {
     task: WorkflowTaskData;
-    dcr: ChangeRequest;
+    dcr: EnrichedChangeRequest;
     entityInfo: GroupedObjectsInfo['entity'];
     relationsInfo: GroupedObjectsInfo['relations'];
 };

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

@@ -1,33 +1,10 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EntityChangesGroup = void 0;
-var react_1 = __importStar(require("react"));
+var react_1 = __importDefault(require("react"));
 var Accordion_1 = __importDefault(require("@mui/material/Accordion"));
 var AccordionSummary_1 = __importDefault(require("@mui/material/AccordionSummary"));
 var AccordionDetails_1 = __importDefault(require("@mui/material/AccordionDetails"));
@@ -47,15 +24,12 @@ var EntityChangesGroup = function (_a) {
         entityInfo: entityInfo,
         relationsInfo: relationsInfo
     });
-    var handleValueChange = (0, react_1.useCallback)(function () {
-        // TODO: Implement value change logic
-    }, []);
     return (react_1.default.createElement(AttributesChangesContext_1.AttributesChangesContext.Provider, { value: objectsInfo },
         react_1.default.createElement(Accordion_1.default, { className: EntityChangesGroup_module_css_1.default.entityGroup, defaultExpanded: true, "data-reltio-id": "entity-changes-group" },
             react_1.default.createElement(AccordionSummary_1.default, { expandIcon: react_1.default.createElement(ExpandMore_1.default, null), className: EntityChangesGroup_module_css_1.default.entityHeader, classes: {
                     content: EntityChangesGroup_module_css_1.default.accordionContent
                 } },
                 react_1.default.createElement(DCREntityUriLink_1.DCREntityUriLink, { entityInfo: entityInfo, changes: changes, dcrUri: dcrUri, className: EntityChangesGroup_module_css_1.default.entityTitle })),
-            react_1.default.createElement(AccordionDetails_1.default, { className: EntityChangesGroup_module_css_1.default.attributesList }, changesList.map(function (item, index) { return (react_1.default.createElement(ChangeItemRow_1.ChangeItemRow, { key: "".concat('label' in item ? 'title' : 'change', "-").concat(index), item: item, onValueChange: handleValueChange, entityInfo: entityInfo })); })))));
+            react_1.default.createElement(AccordionDetails_1.default, { className: EntityChangesGroup_module_css_1.default.attributesList }, changesList.map(function (item, index) { return (react_1.default.createElement(ChangeItemRow_1.ChangeItemRow, { key: "".concat('label' in item ? 'title' : 'change', "-").concat(index), item: item, entityInfo: entityInfo })); })))));
 };
 exports.EntityChangesGroup = EntityChangesGroup;

package/cjs/features/workflow/ChangeRequestEditor/context/index.d.ts

@@ -0,0 +1,20 @@
+import { SimpleAttributeValue, PrimitiveValue } from '@reltio/mdm-sdk';
+import React from 'react';
+export type LineDataValue = SimpleAttributeValue | {
+    value: string[] | PrimitiveValue;
+};
+export type LineData = {
+    value?: LineDataValue;
+    isRejected?: boolean;
+};
+type ChangeRequestEditorContextType = {
+    updateChange: (lineIds: string[], data: LineDataValue) => void;
+    getLineData: (lineId: string) => LineData | undefined;
+    rejectChange: (lineIds: string[]) => void;
+    revertChangeUpdateOrReject: (lineIds: string[]) => void;
+};
+export declare const ChangeRequestEditorContext: import("@fluentui/react-context-selector").Context<ChangeRequestEditorContextType>;
+export declare const ChangeRequestEditorProvider: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export {};

package/cjs/features/workflow/ChangeRequestEditor/context/index.js

@@ -0,0 +1,76 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChangeRequestEditorProvider = exports.ChangeRequestEditorContext = void 0;
+var react_context_selector_1 = require("@fluentui/react-context-selector");
+var react_1 = __importStar(require("react"));
+exports.ChangeRequestEditorContext = (0, react_context_selector_1.createContext)({
+    updateChange: undefined,
+    getLineData: undefined,
+    rejectChange: undefined,
+    revertChangeUpdateOrReject: undefined
+});
+var ChangeRequestEditorProvider = function (_a) {
+    var children = _a.children;
+    var _b = (0, react_1.useState)(new Map()), lineDataMap = _b[0], setLineDataMap = _b[1];
+    var updateChange = (0, react_1.useCallback)(function (lineIds, data) {
+        setLineDataMap(function (prevMap) {
+            var newMap = new Map(prevMap);
+            lineIds.forEach(function (id) {
+                newMap.set(id, { value: data });
+            });
+            return newMap;
+        });
+    }, []);
+    var rejectChange = (0, react_1.useCallback)(function (lineIds) {
+        setLineDataMap(function (prevMap) {
+            var newMap = new Map(prevMap);
+            lineIds.forEach(function (id) {
+                newMap.set(id, { isRejected: true });
+            });
+            return newMap;
+        });
+    }, []);
+    var revertChangeUpdateOrReject = (0, react_1.useCallback)(function (lineIds) {
+        setLineDataMap(function (prevMap) {
+            var newMap = new Map(prevMap);
+            lineIds.forEach(function (id) {
+                newMap.delete(id);
+            });
+            return newMap;
+        });
+    }, []);
+    var getLineData = (0, react_1.useCallback)(function (lineId) {
+        return lineDataMap.get(lineId);
+    }, [lineDataMap]);
+    var contextValue = {
+        updateChange: updateChange,
+        getLineData: getLineData,
+        rejectChange: rejectChange,
+        revertChangeUpdateOrReject: revertChangeUpdateOrReject
+    };
+    return react_1.default.createElement(exports.ChangeRequestEditorContext.Provider, { value: contextValue }, children);
+};
+exports.ChangeRequestEditorProvider = ChangeRequestEditorProvider;

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

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