@reltio/components 1.4.2203 → 1.4.2205

package/RolesInput/RolesInput.d.ts

@@ -3,6 +3,7 @@ type Props = {
     value: string[];
     onChange: (value: string[]) => void;
     className?: string;
+    disabled?: boolean;
 };
-export declare const RolesInput: ({ value, onChange, className }: Props) => React.JSX.Element;
+export declare const RolesInput: ({ value, onChange, className, disabled }: Props) => React.JSX.Element;
 export {};

package/RolesInput/RolesInput.js

@@ -8,7 +8,7 @@ import { useMdmEntity, useMdmMetadata } from '../contexts/MdmModuleContext';
 import styles from './RolesInput.module.css';
 var components = { MultiValue: MultiValueChip };
 export var RolesInput = function (_a) {
-    var value = _a.value, onChange = _a.onChange, className = _a.className;
+    var value = _a.value, onChange = _a.onChange, className = _a.className, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
     var metadata = useMdmMetadata();
     var entity = useMdmEntity();
     var options = useMemo(function () {
@@ -27,5 +27,5 @@ export var RolesInput = function (_a) {
             };
         });
     }, [value, options]);
-    return (React.createElement(SimpleDropDownSelector, { label: '', height: 40, isMulti: true, options: options, value: formattedValues, onChange: onChange, components: components, classes: styles, className: classnames(styles.roleContainer, className) }));
+    return (React.createElement(SimpleDropDownSelector, { label: '', height: 40, isMulti: true, options: options, value: formattedValues, onChange: onChange, components: components, classes: styles, className: classnames(styles.roleContainer, className), disabled: disabled }));
 };

package/TagsInput/TagsInput.d.ts

@@ -3,6 +3,7 @@ type Props = {
     value: string[];
     onChange: (value: string[]) => void;
     className?: string;
+    disabled?: boolean;
 };
-export declare const TagsInput: ({ value, onChange, className }: Props) => React.JSX.Element;
+export declare const TagsInput: ({ value, onChange, className, disabled }: Props) => React.JSX.Element;
 export {};

package/TagsInput/TagsInput.js

@@ -50,7 +50,7 @@ import { getFacetedAttributeData } from '@reltio/mdm-sdk';
 import { TypeaheadEditor } from '../TypeaheadEditor';
 import { useMdmGlobalSearchRequestOptions } from '../contexts/MdmModuleContext';
 export var TagsInput = function (_a) {
-    var value = _a.value, onChange = _a.onChange, className = _a.className;
+    var value = _a.value, onChange = _a.onChange, className = _a.className, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
     var globalSearchRequestOptions = useMdmGlobalSearchRequestOptions();
     var getSuggestions = useCallback(function (searchValue, max, pageNo) { return __awaiter(void 0, void 0, void 0, function () {
         var response;
@@ -67,5 +67,5 @@ export var TagsInput = function (_a) {
             }
         });
     }); }, [globalSearchRequestOptions]);
-    return (React.createElement(TypeaheadEditor, { fullWidth: true, multiple: true, variant: "filled", value: value || [], onChange: onChange, getSuggestions: getSuggestions, className: className }));
+    return (React.createElement(TypeaheadEditor, { fullWidth: true, multiple: true, variant: "filled", value: value || [], onChange: onChange, getSuggestions: getSuggestions, className: className, disabled: disabled }));
 };

package/cjs/RolesInput/RolesInput.d.ts

@@ -3,6 +3,7 @@ type Props = {
     value: string[];
     onChange: (value: string[]) => void;
     className?: string;
+    disabled?: boolean;
 };
-export declare const RolesInput: ({ value, onChange, className }: Props) => React.JSX.Element;
+export declare const RolesInput: ({ value, onChange, className, disabled }: Props) => React.JSX.Element;
 export {};

package/cjs/RolesInput/RolesInput.js

@@ -37,7 +37,7 @@ var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var RolesInput_module_css_1 = __importDefault(require("./RolesInput.module.css"));
 var components = { MultiValue: MultiValueChip_1.MultiValueChip };
 var RolesInput = function (_a) {
-    var value = _a.value, onChange = _a.onChange, className = _a.className;
+    var value = _a.value, onChange = _a.onChange, className = _a.className, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
     var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
     var entity = (0, MdmModuleContext_1.useMdmEntity)();
     var options = (0, react_1.useMemo)(function () {
@@ -56,6 +56,6 @@ var RolesInput = function (_a) {
             };
         });
     }, [value, options]);
-    return (react_1.default.createElement(SimpleDropDownSelector_1.SimpleDropDownSelector, { label: '', height: 40, isMulti: true, options: options, value: formattedValues, onChange: onChange, components: components, classes: RolesInput_module_css_1.default, className: (0, classnames_1.default)(RolesInput_module_css_1.default.roleContainer, className) }));
+    return (react_1.default.createElement(SimpleDropDownSelector_1.SimpleDropDownSelector, { label: '', height: 40, isMulti: true, options: options, value: formattedValues, onChange: onChange, components: components, classes: RolesInput_module_css_1.default, className: (0, classnames_1.default)(RolesInput_module_css_1.default.roleContainer, className), disabled: disabled }));
 };
 exports.RolesInput = RolesInput;

package/cjs/TagsInput/TagsInput.d.ts

@@ -3,6 +3,7 @@ type Props = {
     value: string[];
     onChange: (value: string[]) => void;
     className?: string;
+    disabled?: boolean;
 };
-export declare const TagsInput: ({ value, onChange, className }: Props) => React.JSX.Element;
+export declare const TagsInput: ({ value, onChange, className, disabled }: Props) => React.JSX.Element;
 export {};

package/cjs/TagsInput/TagsInput.js

@@ -76,7 +76,7 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var TypeaheadEditor_1 = require("../TypeaheadEditor");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var TagsInput = function (_a) {
-    var value = _a.value, onChange = _a.onChange, className = _a.className;
+    var value = _a.value, onChange = _a.onChange, className = _a.className, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
     var globalSearchRequestOptions = (0, MdmModuleContext_1.useMdmGlobalSearchRequestOptions)();
     var getSuggestions = (0, react_1.useCallback)(function (searchValue, max, pageNo) { return __awaiter(void 0, void 0, void 0, function () {
         var response;
@@ -93,6 +93,6 @@ var TagsInput = function (_a) {
             }
         });
     }); }, [globalSearchRequestOptions]);
-    return (react_1.default.createElement(TypeaheadEditor_1.TypeaheadEditor, { fullWidth: true, multiple: true, variant: "filled", value: value || [], onChange: onChange, getSuggestions: getSuggestions, className: className }));
+    return (react_1.default.createElement(TypeaheadEditor_1.TypeaheadEditor, { fullWidth: true, multiple: true, variant: "filled", value: value || [], onChange: onChange, getSuggestions: getSuggestions, className: className, disabled: disabled }));
 };
 exports.TagsInput = TagsInput;

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

@@ -34,6 +34,7 @@ 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 context_1 = require("./context");
 var ChangeRequestEditor_module_css_1 = __importDefault(require("./ChangeRequestEditor.module.css"));
 var ChangeRequestEditor = function (_a) {
     var dcr = _a.dcr, task = _a.task, groupedObjects = _a.groupedObjects;
@@ -51,6 +52,6 @@ var ChangeRequestEditor = function (_a) {
             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: enrichedDCR })); })) : (react_1.default.createElement(EntityChangesGroup_1.SkeletonEntityChangesGroupLoader, null))));
+        dcrLoaded ? (react_1.default.createElement(context_1.ChangeRequestEditorProvider, null, 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

@@ -3,6 +3,9 @@ import { Diff } from '../../../types';
 type Props = {
     change: Diff;
     editable?: boolean;
+    classes?: {
+        rejectButton?: string;
+    };
 };
-export declare const ChangeItemEditor: ({ change, editable }: Props) => React.JSX.Element;
+export declare const ChangeItemEditor: ({ change, editable, classes }: Props) => React.JSX.Element;
 export {};

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

@@ -27,35 +27,35 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChangeItemEditor = void 0;
-var ramda_1 = require("ramda");
 var react_1 = __importStar(require("react"));
-var react_context_selector_1 = require("@fluentui/react-context-selector");
+var ramda_1 = require("ramda");
+var classnames_1 = __importDefault(require("classnames"));
+var Replay_1 = __importDefault(require("@mui/icons-material/Replay"));
+var Button_1 = __importDefault(require("@mui/material/Button"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
 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 RelationEntityLink_1 = require("../../../RelationEntityLink");
-var context_1 = require("../../context");
-var ChangeItemLabel_1 = require("./ChangeItemLabel");
-var DCRValueEditor_1 = require("./DCRValueEditor");
-var merge_1 = require("../../../helpers/merge");
+var ChangeItemLabel_1 = require("../ChangeItemLabel");
+var DCRValueEditor_1 = require("../DCRValueEditor");
+var StatusChips_1 = require("../StatusChips");
+var SmallIconButton_1 = require("../../../../../SmallIconButton");
+var useChangeRequestEditor_1 = require("../../hooks/useChangeRequestEditor");
 var ChangeItemEditor_module_css_1 = __importDefault(require("./ChangeItemEditor.module.css"));
 var ChangeItemEditor = function (_a) {
     var _b, _c, _d;
-    var change = _a.change, _e = _a.editable, editable = _e === void 0 ? true : _e;
+    var change = _a.change, _e = _a.editable, editable = _e === void 0 ? true : _e, classes = _a.classes;
     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 _f = (0, useChangeRequestEditor_1.useChangeRequestEditor)({ change: change }), handleChange = _f.handleChange, handleReject = _f.handleReject, handleRevert = _f.handleRevert, lineData = _f.lineData, isLineRejected = _f.isLineRejected, isParentLineRejected = _f.isParentLineRejected, isUpdated = _f.isUpdated, hasChangeId = _f.hasChangeId;
     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)((0, ramda_1.isNil)(lineData === null || lineData === void 0 ? void 0 : lineData.value) ? change.newValue : lineData.value);
+    var currentNewValue = !(0, ramda_1.isNil)(lineData === null || lineData === void 0 ? void 0 : lineData.value) && !isParentLineRejected ? lineData.value : change.newValue;
+    var newValue = (0, mdm_sdk_1.getAttributeValue)(currentNewValue);
     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);
@@ -69,13 +69,23 @@ var ChangeItemEditor = function (_a) {
             ? (0, common_1.prepareRolesOrTagsValue)(metadata, newValue, change.attributeType.uri)
             : newValue;
     }, [isRolesOrTags, metadata, newValue, (_d = change.attributeType) === null || _d === void 0 ? void 0 : _d.uri]);
-    return (react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.attributeRow },
+    var showUndoButton = (isUpdated || isLineRejected) && !isParentLineRejected;
+    var showRejectButton = !isLineRejected &&
+        !isUpdated &&
+        !isParentLineRejected &&
+        hasChangeId &&
+        !(change.isReferenceSubAttribute && !editable);
+    var showStatusChips = !isParentLineRejected;
+    var isRejected = isLineRejected || isParentLineRejected;
+    return (react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.attributeRow, "data-reltio-id": "change-item-editor" },
         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: (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 },
+            shouldShowValueEditor ? (react_1.default.createElement(DCRValueEditor_1.DCRValueEditor, { attributeType: change.attributeType, value: currentNewValue, onChange: handleChange, disabled: !editable || isRejected })) : (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" })))));
+        react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.revertColumn }, showUndoButton && (react_1.default.createElement(SmallIconButton_1.SmallIconButton, { icon: Replay_1.default, onClick: handleRevert, className: ChangeItemEditor_module_css_1.default.revertButton, title: ui_i18n_1.default.text('Undo'), size: "S" }))),
+        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" }))),
+        react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.statusColumn }, showStatusChips && react_1.default.createElement(StatusChips_1.StatusChips, { showUpdatedChip: isUpdated, showRejectedChip: isLineRejected })),
+        react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.rejectColumn }, showRejectButton && (react_1.default.createElement(Button_1.default, { onClick: handleReject, className: (0, classnames_1.default)(ChangeItemEditor_module_css_1.default.rejectButton, classes === null || classes === void 0 ? void 0 : classes.rejectButton), title: ui_i18n_1.default.text('Reject'), size: "medium" }, ui_i18n_1.default.text('Reject'))))));
 };
 exports.ChangeItemEditor = ChangeItemEditor;

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

@@ -1,9 +1,9 @@
-const styles = {"attributeRow":"ChangeItemEditor-attributeRow--bITG5","labelColumn":"ChangeItemEditor-labelColumn--6B4w4","changeLabel":"ChangeItemEditor-changeLabel--C7s6T","valueColumn":"ChangeItemEditor-valueColumn--q9456","revertColumn":"ChangeItemEditor-revertColumn--T5mVE","operationColumn":"ChangeItemEditor-operationColumn--me-4D","previousValue":"ChangeItemEditor-previousValue--lTOVp","previousValueText":"ChangeItemEditor-previousValueText--gAnge","editor":"ChangeItemEditor-editor--hyLPa","arrow":"ChangeItemEditor-arrow--IXZ6i","value":"ChangeItemEditor-value--GxSUf","columnSkeleton":"ChangeItemEditor-columnSkeleton---iGmr","relationEntityLink":"ChangeItemEditor-relationEntityLink--Vr7Z-"};
+const styles = {"attributeRow":"ChangeItemEditor-attributeRow--bITG5","labelColumn":"ChangeItemEditor-labelColumn--6B4w4","valueColumn":"ChangeItemEditor-valueColumn--q9456","revertColumn":"ChangeItemEditor-revertColumn--T5mVE","operationColumn":"ChangeItemEditor-operationColumn--me-4D","statusColumn":"ChangeItemEditor-statusColumn--GEF2N","rejectColumn":"ChangeItemEditor-rejectColumn--ap8hp","previousValue":"ChangeItemEditor-previousValue--lTOVp","previousValueText":"ChangeItemEditor-previousValueText--gAnge","arrow":"ChangeItemEditor-arrow--IXZ6i","value":"ChangeItemEditor-value--GxSUf","columnSkeleton":"ChangeItemEditor-columnSkeleton---iGmr","relationEntityLink":"ChangeItemEditor-relationEntityLink--Vr7Z-","rejectButton":"ChangeItemEditor-rejectButton--cEIBC","revertButton":"ChangeItemEditor-revertButton--hSt3m"};
 if (typeof document !== 'undefined') {
     const head = document.head || document.getElementsByTagName('head')[0]
     const style = document.createElement('style');
     style.type = 'text/css'
-    style.innerHTML = `.ChangeItemEditor-attributeRow--bITG5{align-items:center;display:flex;font-size:16px;gap:16px}.ChangeItemEditor-labelColumn--6B4w4{box-sizing:border-box;min-height:21px;width:170px}.ChangeItemEditor-changeLabel--C7s6T{color:var(--mui-palette-text-secondary);font-size:14px;font-weight:400;letter-spacing:.24px;padding-left:calc(var(--level, 0)*16px)}.ChangeItemEditor-valueColumn--q9456{display:flex;flex:1;flex-direction:column;gap:4px}.ChangeItemEditor-revertColumn--T5mVE{margin-left:-9px;width:24px}.ChangeItemEditor-operationColumn--me-4D{width:145px}.ChangeItemEditor-previousValue--lTOVp{align-items:center;display:flex;line-height:16px;padding:6px 12px 7px}.ChangeItemEditor-previousValueText--gAnge{color:var(--mui-palette-text-primary);letter-spacing:.24px}.ChangeItemEditor-editor--hyLPa{min-height:40px}.ChangeItemEditor-arrow--IXZ6i{color:var(--mui-palette-text-secondary);font-weight:700;margin:0 5px}.ChangeItemEditor-value--GxSUf{font-size:16px;padding:8px}.ChangeItemEditor-columnSkeleton---iGmr{transform:none}.ChangeItemEditor-relationEntityLink--Vr7Z-{font-size:16px}`;
+    style.innerHTML = `.ChangeItemEditor-attributeRow--bITG5{align-items:center;display:flex;font-size:16px;gap:16px;max-width:1000px;min-height:37px}.ChangeItemEditor-labelColumn--6B4w4{box-sizing:border-box;min-height:21px;width:170px}.ChangeItemEditor-valueColumn--q9456{display:flex;flex:1;flex-direction:column;gap:4px}.ChangeItemEditor-revertColumn--T5mVE{align-items:flex-start;display:flex;margin-left:-8px;width:16px}.ChangeItemEditor-operationColumn--me-4D{align-items:flex-start;display:flex;width:84px}.ChangeItemEditor-statusColumn--GEF2N{align-items:flex-start;display:flex;width:57px}.ChangeItemEditor-rejectColumn--ap8hp{align-items:flex-start;display:flex;width:80px}.ChangeItemEditor-previousValue--lTOVp{align-items:center;display:flex;line-height:16px;padding:6px 12px 7px}.ChangeItemEditor-previousValueText--gAnge{color:var(--mui-palette-text-primary);letter-spacing:.24px}.ChangeItemEditor-arrow--IXZ6i{color:var(--mui-palette-text-secondary);font-weight:700;margin:0 5px}.ChangeItemEditor-value--GxSUf{font-size:16px;padding:8px}.ChangeItemEditor-columnSkeleton---iGmr{transform:none}.ChangeItemEditor-relationEntityLink--Vr7Z-{font-size:16px}.ChangeItemEditor-rejectButton--cEIBC{background-color:#eb5757;border-radius:8px;color:#fff}.ChangeItemEditor-rejectButton--cEIBC:hover{background-color:rgba(235,87,87,.8)}.ChangeItemEditor-revertButton--hSt3m{color:var(--mui-palette-text-secondary)}`;
     head.appendChild(style);
 }
 module.exports = styles;

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

@@ -10,7 +10,7 @@ var East_1 = __importDefault(require("@mui/icons-material/East"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var common_1 = require("../../../helpers/common");
 var DataTypeValue_1 = require("../../../../../DataTypeValue");
-var ChangeItemLabel_1 = require("./ChangeItemLabel");
+var ChangeItemLabel_1 = require("../ChangeItemLabel");
 var ChangeItemEditor_module_css_1 = __importDefault(require("./ChangeItemEditor.module.css"));
 var ChangeItemOldValue = function (_a) {
     var change = _a.change;

package/cjs/features/workflow/ChangeRequestEditor/components/{ChangeItemEditor → ChangeItemLabel}/ChangeItemLabel.js

@@ -7,13 +7,13 @@ exports.ChangeItemLabel = void 0;
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var useCssVariableStyles_1 = require("../../../../../hooks/useCssVariableStyles");
-var ChangeItemEditor_module_css_1 = __importDefault(require("./ChangeItemEditor.module.css"));
+var ChangeItemLabel_module_css_1 = __importDefault(require("./ChangeItemLabel.module.css"));
 var ChangeItemLabel = function (_a) {
     var change = _a.change, className = _a.className, _b = _a.showLabel, showLabel = _b === void 0 ? true : _b;
     var _c = change.level, level = _c === void 0 ? 0 : _c, label = change.label;
     var variableStyles = (0, useCssVariableStyles_1.useCssVariableStyles)({
         '--level': level
     });
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(ChangeItemEditor_module_css_1.default.changeLabel, className), style: variableStyles }, showLabel && label));
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(ChangeItemLabel_module_css_1.default.changeLabel, className), style: variableStyles }, showLabel && label));
 };
 exports.ChangeItemLabel = ChangeItemLabel;

package/cjs/features/workflow/ChangeRequestEditor/components/ChangeItemLabel/ChangeItemLabel.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"changeLabel":"ChangeItemLabel-changeLabel--L-2ks"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.ChangeItemLabel-changeLabel--L-2ks{color:var(--mui-palette-text-secondary);font-size:14px;font-weight:400;letter-spacing:.24px;padding-left:calc(var(--level, 0)*16px)}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/features/workflow/ChangeRequestEditor/components/ChangeItemLabel/index.d.ts

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

package/cjs/features/workflow/ChangeRequestEditor/components/ChangeItemLabel/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChangeItemLabel = void 0;
+var ChangeItemLabel_1 = require("./ChangeItemLabel");
+Object.defineProperty(exports, "ChangeItemLabel", { enumerable: true, get: function () { return ChangeItemLabel_1.ChangeItemLabel; } });

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

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

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

@@ -5,23 +5,35 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChangeItemRow = void 0;
 var classnames_1 = __importDefault(require("classnames"));
-var ramda_1 = require("ramda");
 var react_1 = __importDefault(require("react"));
+var react_context_selector_1 = require("@fluentui/react-context-selector");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var helpers_1 = require("../../helpers/helpers");
+var context_1 = require("../../context");
 var ChangeItemEditor_1 = require("../ChangeItemEditor");
+var merge_1 = require("../../../helpers/merge");
 var ChangeItemRow_module_css_1 = __importDefault(require("./ChangeItemRow.module.css"));
 var ChangeItemRow = function (_a) {
     var _b;
-    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);
-    }
-    var change = item;
+    var change = _a.change, entityInfo = _a.entityInfo;
+    var lineIds = change.lineIds || (0, merge_1.extractLineIds)(change === null || change === void 0 ? void 0 : change.newValue);
+    var isParentLineRejected = (0, react_context_selector_1.useContextSelector)(context_1.ChangeRequestEditorContext, function (context) {
+        return context.getIsParentLineRejected(lineIds === null || lineIds === void 0 ? void 0 : lineIds[0]);
+    });
+    var isLineRejected = (0, react_context_selector_1.useContextSelector)(context_1.ChangeRequestEditorContext, function (context) {
+        return context.getIsLineRejected(lineIds === null || lineIds === void 0 ? void 0 : lineIds[0]);
+    });
+    var isUpdated = (0, react_context_selector_1.useContextSelector)(context_1.ChangeRequestEditorContext, function (context) {
+        return context.getIsLineUpdated(lineIds === null || lineIds === void 0 ? void 0 : lineIds[0]);
+    });
     var isEditedOperation = change.operation === mdm_sdk_1.DCROperationTypes.EDITED;
     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)) },
+    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[ChangeItemRow_module_css_1.default.changedRow] = isUpdated,
+            _b[ChangeItemRow_module_css_1.default.rejectedRow] = isLineRejected || isParentLineRejected,
+            _b)) },
         isEditedOperation && react_1.default.createElement(ChangeItemEditor_1.ChangeItemOldValue, { change: change }),
-        react_1.default.createElement(ChangeItemEditor_1.ChangeItemEditor, { change: change, editable: editable })));
+        react_1.default.createElement(ChangeItemEditor_1.ChangeItemEditor, { change: change, editable: editable, classes: { rejectButton: ChangeItemRow_module_css_1.default.rejectButton } })));
 };
 exports.ChangeItemRow = ChangeItemRow;

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

@@ -1,9 +1,9 @@
-const styles = {"changeItemRow":"ChangeItemRow-changeItemRow--oF9hn","editableRow":"ChangeItemRow-editableRow--ZQzGk","title":"ChangeItemRow-title--G8iV2"};
+const styles = {"changeItemRow":"ChangeItemRow-changeItemRow--oF9hn","rejectButton":"ChangeItemRow-rejectButton--iNbfM","changedRow":"ChangeItemRow-changedRow--32zBa","rejectedRow":"ChangeItemRow-rejectedRow--RqKQc"};
 if (typeof document !== 'undefined') {
     const head = document.head || document.getElementsByTagName('head')[0]
     const style = document.createElement('style');
     style.type = 'text/css'
-    style.innerHTML = `.ChangeItemRow-changeItemRow--oF9hn{display:flex;flex-direction:column;gap:8px}.ChangeItemRow-editableRow--ZQzGk:hover{background:var(--mui-palette-action-hover)}.ChangeItemRow-title--G8iV2{color:var(--mui-palette-text-primary);font-size:14px;font-weight:600;margin:0 0 12px}`;
+    style.innerHTML = `.ChangeItemRow-changeItemRow--oF9hn{display:flex;flex-direction:column;gap:8px;transition:background-color .2s ease}.ChangeItemRow-rejectButton--iNbfM{opacity:0}.ChangeItemRow-changeItemRow--oF9hn:hover{background:var(--mui-palette-action-hover)}.ChangeItemRow-changeItemRow--oF9hn:hover .ChangeItemRow-rejectButton--iNbfM{opacity:1}.ChangeItemRow-changedRow--32zBa{background-color:#e5eff7}.ChangeItemRow-changedRow--32zBa:hover{background-color:rgba(229,239,247,.8)}.ChangeItemRow-rejectedRow--RqKQc{background-color:#f6e7e7}.ChangeItemRow-rejectedRow--RqKQc:hover{background-color:hsla(0,45%,94%,.8)}`;
     head.appendChild(style);
 }
 module.exports = styles;

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

@@ -5,6 +5,7 @@ type Props = {
     attributeType: AttributeType;
     value: LineDataValue | ChangeValue;
     onChange: (value: SimpleAttributeValue | string[] | PrimitiveValue) => void;
+    disabled?: boolean;
 };
-export declare const DCRValueEditor: ({ attributeType, value, onChange }: Props) => React.JSX.Element;
+export declare const DCRValueEditor: ({ attributeType, value, onChange, disabled }: Props) => React.JSX.Element;
 export {};

package/cjs/features/workflow/ChangeRequestEditor/components/{ChangeItemEditor → DCRValueEditor}/DCRValueEditor.js

@@ -5,14 +5,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DCRValueEditor = void 0;
 var react_1 = __importDefault(require("react"));
-var DCRValueEditorFactory_1 = require("./DCRValueEditorFactory");
-var ChangeItemEditor_module_css_1 = __importDefault(require("./ChangeItemEditor.module.css"));
+var DCRValueEditorFactory_1 = require("../DCRValueEditorFactory");
+var DCRValueEditor_module_css_1 = __importDefault(require("./DCRValueEditor.module.css"));
 var DCRValueEditor = function (_a) {
-    var attributeType = _a.attributeType, value = _a.value, onChange = _a.onChange;
-    return (react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.editor }, DCRValueEditorFactory_1.DCRValueEditorFactory.build({
+    var attributeType = _a.attributeType, value = _a.value, onChange = _a.onChange, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
+    return (react_1.default.createElement("div", { className: DCRValueEditor_module_css_1.default.editor }, DCRValueEditorFactory_1.DCRValueEditorFactory.build({
         attributeType: attributeType,
         value: value,
-        onChange: onChange
+        onChange: onChange,
+        disabled: disabled
     })));
 };
 exports.DCRValueEditor = DCRValueEditor;

package/cjs/features/workflow/ChangeRequestEditor/components/DCRValueEditor/DCRValueEditor.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"editor":"DCRValueEditor-editor--H9Gz7"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.DCRValueEditor-editor--H9Gz7{min-height:40px}`;
+    head.appendChild(style);
+}
+module.exports = styles;

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DCRValueEditor = void 0;
+var DCRValueEditor_1 = require("./DCRValueEditor");
+Object.defineProperty(exports, "DCRValueEditor", { enumerable: true, get: function () { return DCRValueEditor_1.DCRValueEditor; } });

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

@@ -6,8 +6,9 @@ type Props = {
     value: LineDataValue | ChangeValue;
     onChange: (value: SimpleAttributeValue | string[] | PrimitiveValue) => void;
     dataTypeDefinition?: DataTypeDefinition;
+    disabled?: boolean;
 };
 export declare class DCRValueEditorFactory {
-    static build({ attributeType, value, onChange }: Props): React.JSX.Element;
+    static build({ attributeType, value, onChange, disabled }: Props): React.JSX.Element;
 }
 export {};

package/cjs/features/workflow/ChangeRequestEditor/components/{ChangeItemEditor → DCRValueEditorFactory}/DCRValueEditorFactory.js

@@ -16,17 +16,17 @@ var DCRValueEditorFactory = /** @class */ (function () {
     function DCRValueEditorFactory() {
     }
     DCRValueEditorFactory.build = function (_a) {
-        var attributeType = _a.attributeType, value = _a.value, onChange = _a.onChange;
+        var attributeType = _a.attributeType, value = _a.value, onChange = _a.onChange, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
         var dcrValue = (0, mdm_sdk_1.getAttributeValue)(value);
         switch (attributeType.uri) {
             case mdm_sdk_1.EntityAttrTypes.roles.uri: {
                 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 });
+                return (react_1.default.createElement(RolesInput_1.RolesInput, { value: (0, mdm_sdk_1.wrapInArrayIfNeeded)(dcrValue), onChange: handleChange, disabled: disabled }));
             }
             case mdm_sdk_1.EntityAttrTypes.tags.uri: {
-                return react_1.default.createElement(TagsInput_1.TagsInput, { value: (0, mdm_sdk_1.wrapInArrayIfNeeded)(dcrValue), onChange: onChange });
+                return (react_1.default.createElement(TagsInput_1.TagsInput, { value: (0, mdm_sdk_1.wrapInArrayIfNeeded)(dcrValue), onChange: onChange, disabled: disabled }));
             }
             default: {
                 var dataTypeDefinition = (0, common_1.getDataTypeDefinition)(attributeType, dcrValue);
@@ -37,7 +37,7 @@ var DCRValueEditorFactory = /** @class */ (function () {
                     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 }));
+                return (react_1.default.createElement(DataTypeValueEditor_1.DataTypeValueEditor, { fieldName: attributeType.uri, value: editorValue, dataTypeDefinition: dataTypeDefinition, onChange: handleChange, fullWidth: true, disabled: disabled }));
             }
         }
     };

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DCRValueEditorFactory = void 0;
+var DCRValueEditorFactory_1 = require("./DCRValueEditorFactory");
+Object.defineProperty(exports, "DCRValueEditorFactory", { enumerable: true, get: function () { return DCRValueEditorFactory_1.DCRValueEditorFactory; } });

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

@@ -14,6 +14,7 @@ var DCREntityUriLink_1 = require("../../../DCREntityUriLink/DCREntityUriLink");
 var ChangeItemRow_1 = require("../ChangeItemRow/ChangeItemRow");
 var AttributesChangesContext_1 = require("../../../AttributesChanges/AttributesChangesContext");
 var common_1 = require("../../../helpers/common");
+var helpers_1 = require("../../helpers/helpers");
 var EntityChangesGroup_module_css_1 = __importDefault(require("./EntityChangesGroup.module.css"));
 var EntityChangesGroup = function (_a) {
     var task = _a.task, dcr = _a.dcr, entityInfo = _a.entityInfo, relationsInfo = _a.relationsInfo;
@@ -30,6 +31,8 @@ var EntityChangesGroup = function (_a) {
                     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, entityInfo: entityInfo })); })))));
+            react_1.default.createElement(AccordionDetails_1.default, { className: EntityChangesGroup_module_css_1.default.attributesList }, changesList.map(function (item, index) {
+                return (0, helpers_1.isDiffChange)(item) ? (react_1.default.createElement(ChangeItemRow_1.ChangeItemRow, { key: "change-".concat(index), change: item, entityInfo: entityInfo })) : (react_1.default.createElement("div", { key: "title-".concat(index), className: EntityChangesGroup_module_css_1.default.titleChangeItem }, item.label));
+            })))));
 };
 exports.EntityChangesGroup = EntityChangesGroup;

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

@@ -1,9 +1,9 @@
-const styles = {"entityGroup":"EntityChangesGroup-entityGroup--KmWaa","entityHeader":"EntityChangesGroup-entityHeader--hf8-J","entityTitle":"EntityChangesGroup-entityTitle--caeZE","accordionContent":"EntityChangesGroup-accordionContent--N7C6Y","attributesList":"EntityChangesGroup-attributesList--7Tmk6","skeletonEntityGroupDisabled":"EntityChangesGroup-skeletonEntityGroupDisabled--qFGAK"};
+const styles = {"entityGroup":"EntityChangesGroup-entityGroup--KmWaa","entityHeader":"EntityChangesGroup-entityHeader--hf8-J","entityTitle":"EntityChangesGroup-entityTitle--caeZE","accordionContent":"EntityChangesGroup-accordionContent--N7C6Y","attributesList":"EntityChangesGroup-attributesList--7Tmk6","titleChangeItem":"EntityChangesGroup-titleChangeItem--4s7tA","skeletonEntityGroupDisabled":"EntityChangesGroup-skeletonEntityGroupDisabled--qFGAK"};
 if (typeof document !== 'undefined') {
     const head = document.head || document.getElementsByTagName('head')[0]
     const style = document.createElement('style');
     style.type = 'text/css'
-    style.innerHTML = `.EntityChangesGroup-entityGroup--KmWaa{background-color:#f7f7f7;border:1px solid #f0f0f0;border-radius:8px;box-shadow:none;margin:0 16px}.EntityChangesGroup-entityGroup--KmWaa.Mui-expanded{margin:0 16px}.EntityChangesGroup-entityGroup--KmWaa:before{display:none}.EntityChangesGroup-entityHeader--hf8-J{border-bottom:1px solid #f0f0f0;min-height:auto;padding:8px 16px}.EntityChangesGroup-entityHeader--hf8-J.Mui-expanded{min-height:auto}.EntityChangesGroup-entityTitle--caeZE{font-size:14px}.EntityChangesGroup-accordionContent--N7C6Y,.EntityChangesGroup-accordionContent--N7C6Y.Mui-expanded{margin:0}.EntityChangesGroup-attributesList--7Tmk6{display:flex;flex-direction:column;gap:8px;max-width:1000px;min-width:750px;padding:16px}.EntityChangesGroup-skeletonEntityGroupDisabled--qFGAK.Mui-disabled{background-color:#f7f7f7}`;
+    style.innerHTML = `.EntityChangesGroup-entityGroup--KmWaa{background-color:#f7f7f7;border:1px solid #f0f0f0;border-radius:8px;box-shadow:none;margin:0 16px}.EntityChangesGroup-entityGroup--KmWaa.Mui-expanded{margin:0 16px}.EntityChangesGroup-entityGroup--KmWaa:before{display:none}.EntityChangesGroup-entityHeader--hf8-J{border-bottom:1px solid #f0f0f0;min-height:auto;padding:8px 16px}.EntityChangesGroup-entityHeader--hf8-J.Mui-expanded{min-height:auto}.EntityChangesGroup-entityTitle--caeZE{font-size:14px}.EntityChangesGroup-accordionContent--N7C6Y,.EntityChangesGroup-accordionContent--N7C6Y.Mui-expanded{margin:0}.EntityChangesGroup-attributesList--7Tmk6{display:flex;flex-direction:column;gap:8px;min-width:750px;padding:16px}.EntityChangesGroup-titleChangeItem--4s7tA{color:var(--mui-palette-text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.EntityChangesGroup-skeletonEntityGroupDisabled--qFGAK.Mui-disabled{background-color:#f7f7f7}`;
     head.appendChild(style);
 }
 module.exports = styles;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+type Props = {
+    showUpdatedChip: boolean;
+    showRejectedChip: boolean;
+};
+export declare const StatusChips: ({ showUpdatedChip, showRejectedChip }: Props) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusChips = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var Chip_1 = __importDefault(require("@mui/material/Chip"));
+var StatusChips_module_css_1 = __importDefault(require("./StatusChips.module.css"));
+var StatusChips = function (_a) {
+    var showUpdatedChip = _a.showUpdatedChip, showRejectedChip = _a.showRejectedChip;
+    if (!showUpdatedChip && !showRejectedChip) {
+        return null;
+    }
+    var label = showUpdatedChip ? ui_i18n_1.default.text('Updated') : ui_i18n_1.default.text('Rejected');
+    var chipClass = showUpdatedChip ? StatusChips_module_css_1.default.updatedChip : StatusChips_module_css_1.default.rejectedChip;
+    return (react_1.default.createElement(Chip_1.default, { label: label, size: "small", color: "primary", variant: "outlined", className: (0, classnames_1.default)(StatusChips_module_css_1.default.statusChip, chipClass), "data-testid": "status-chips" }));
+};
+exports.StatusChips = StatusChips;

package/cjs/features/workflow/ChangeRequestEditor/components/StatusChips/StatusChips.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"statusChip":"StatusChips-statusChip--ws380","updatedChip":"StatusChips-updatedChip--5mTfA","rejectedChip":"StatusChips-rejectedChip--EHx3y"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.StatusChips-statusChip--ws380{color:#fff;font-size:10px;height:20px}.StatusChips-updatedChip--5mTfA{background:#2f80ed;border:1px solid rgba(0,114,206,.3)}.StatusChips-rejectedChip--EHx3y{background:#eb5757;border:1px solid rgba(235,87,87,.3)}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/features/workflow/ChangeRequestEditor/components/StatusChips/index.d.ts

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

package/cjs/features/workflow/ChangeRequestEditor/components/StatusChips/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusChips = void 0;
+var StatusChips_1 = require("./StatusChips");
+Object.defineProperty(exports, "StatusChips", { enumerable: true, get: function () { return StatusChips_1.StatusChips; } });

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

@@ -1,5 +1,5 @@
-import { SimpleAttributeValue, PrimitiveValue } from '@reltio/mdm-sdk';
 import React from 'react';
+import { SimpleAttributeValue, PrimitiveValue } from '@reltio/mdm-sdk';
 export type LineDataValue = SimpleAttributeValue | {
     value: string[] | PrimitiveValue;
 };
@@ -12,6 +12,9 @@ type ChangeRequestEditorContextType = {
     getLineData: (lineId: string) => LineData | undefined;
     rejectChange: (lineIds: string[]) => void;
     revertChangeUpdateOrReject: (lineIds: string[]) => void;
+    getIsParentLineRejected: (lineId: string) => boolean;
+    getIsLineRejected: (lineId: string) => boolean;
+    getIsLineUpdated: (lineId: string) => boolean;
 };
 export declare const ChangeRequestEditorContext: import("@fluentui/react-context-selector").Context<ChangeRequestEditorContextType>;
 export declare const ChangeRequestEditorProvider: ({ children }: {