@reltio/components 1.4.2243 → 1.4.2244

package/ActivenessDateControl/ActivenessDateControl.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type Props = {
+    value: number;
+    onChange: (value: number) => void;
+    className?: string;
+    fullWidth?: boolean;
+};
+export declare const ActivenessDateControl: ({ value, onChange, className, fullWidth }: Props) => React.JSX.Element;
+export {};

package/ActivenessDateControl/ActivenessDateControl.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import i18n from 'ui-i18n';
+import { pipe } from 'ramda';
+import { DateEditor } from '../DateEditor/DateEditor';
+export var ActivenessDateControl = function (_a) {
+    var value = _a.value, onChange = _a.onChange, className = _a.className, fullWidth = _a.fullWidth;
+    var handleChange = pipe(function (date) { return date && date.getTime(); }, onChange);
+    return (React.createElement(DateEditor, { value: value, label: i18n.text('Effective date'), onChange: handleChange, slotProps: {
+            textField: { size: 'small', className: className, fullWidth: fullWidth }
+        } }));
+};

package/ActivenessDateControl/index.d.ts

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

package/ActivenessDateControl/index.js

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

package/EntitySelector/EntitySelector.d.ts

@@ -13,6 +13,7 @@ type Props = {
     globalSearchRequestOptions: GlobalSearchRequestOptions;
     attributeTypesSelectionStrategy?: (entityType: TEntityType) => AttributeType[];
     disableLinkClick?: boolean;
+    label?: string;
     TextFieldProps?: TextFieldProps;
     className?: string;
     height?: number;
@@ -20,5 +21,5 @@ type Props = {
     isMasked?: boolean;
     required?: boolean;
 };
-export declare const EntitySelector: ({ entity, entityTypesUris, mode, max, onChange, onCreate, metadata, globalSearchRequestOptions, attributeTypesSelectionStrategy, disableLinkClick, isMasked, required, ...otherProps }: Props) => React.JSX.Element;
+export declare const EntitySelector: ({ entity, entityTypesUris, mode, max, onChange, onCreate, metadata, globalSearchRequestOptions, attributeTypesSelectionStrategy, disableLinkClick, label: customLabel, isMasked, required, ...otherProps }: Props) => React.JSX.Element;
 export {};

package/EntitySelector/EntitySelector.js

@@ -35,7 +35,7 @@ import { buildEntityOptions } from './helpers';
 import { useStyles } from './styles';
 var DEFAULT_MAX_TYPEAHEAD_SEARCH_OPTION = 20;
 export var EntitySelector = function (_a) {
-    var _b = _a.entity, entity = _b === void 0 ? {} : _b, _c = _a.entityTypesUris, entityTypesUris = _c === void 0 ? [] : _c, mode = _a.mode, _d = _a.max, max = _d === void 0 ? DEFAULT_MAX_TYPEAHEAD_SEARCH_OPTION : _d, onChange = _a.onChange, onCreate = _a.onCreate, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, attributeTypesSelectionStrategy = _a.attributeTypesSelectionStrategy, _e = _a.disableLinkClick, disableLinkClick = _e === void 0 ? false : _e, _f = _a.isMasked, isMasked = _f === void 0 ? false : _f, required = _a.required, otherProps = __rest(_a, ["entity", "entityTypesUris", "mode", "max", "onChange", "onCreate", "metadata", "globalSearchRequestOptions", "attributeTypesSelectionStrategy", "disableLinkClick", "isMasked", "required"]);
+    var _b = _a.entity, entity = _b === void 0 ? {} : _b, _c = _a.entityTypesUris, entityTypesUris = _c === void 0 ? [] : _c, mode = _a.mode, _d = _a.max, max = _d === void 0 ? DEFAULT_MAX_TYPEAHEAD_SEARCH_OPTION : _d, onChange = _a.onChange, onCreate = _a.onCreate, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, attributeTypesSelectionStrategy = _a.attributeTypesSelectionStrategy, _e = _a.disableLinkClick, disableLinkClick = _e === void 0 ? false : _e, customLabel = _a.label, _f = _a.isMasked, isMasked = _f === void 0 ? false : _f, required = _a.required, otherProps = __rest(_a, ["entity", "entityTypesUris", "mode", "max", "onChange", "onCreate", "metadata", "globalSearchRequestOptions", "attributeTypesSelectionStrategy", "disableLinkClick", "label", "isMasked", "required"]);
     var styles = useStyles();
     var _g = useState(''), inputValue = _g[0], setInputValue = _g[1];
     var entityTypes = useMemo(function () { return entityTypesUris.map(function (type) { return getEntityType(metadata, type); }).filter(isAvailableEntityType); }, [entityTypesUris, metadata]);
@@ -82,7 +82,7 @@ export var EntitySelector = function (_a) {
                 entityTypeLabel: currentEntityType.label
             })
             : i18n.text('Create new ${entityTypeLabel}', { entityTypeLabel: currentEntityType.label }));
-    var label = i18n.text('Select ${entityTypeLabel}profile', {
+    var label = customLabel !== null && customLabel !== void 0 ? customLabel : i18n.text('Select ${entityTypeLabel}profile', {
         entityTypeLabel: entityTypes.length === 1 ? "".concat(entityTypes[0].label, " ") : ''
     });
     var isTempEntity = !isEmpty(entity) && isTempUri(entity.entityUri);

package/EntitySelector/index.d.ts

@@ -1 +1,2 @@
+export { type EntityOption } from './types';
 export { EntitySelector } from './EntitySelector';

package/MoreAttributesButton/MoreAttributesButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AttributeType } from '@reltio/mdm-sdk';
+import type { AttributeType } from '@reltio/mdm-sdk';
 type Props = {
     label: string;
     popupTitle?: string;
@@ -7,6 +7,7 @@ type Props = {
     parent?: AttributeType;
     dense?: boolean;
     onApply: (attributeTypes: AttributeType[]) => void;
+    disabled?: boolean;
 };
-export declare const MoreAttributesButton: ({ label, popupTitle, data, parent, dense, onApply }: Props) => React.JSX.Element;
+export declare const MoreAttributesButton: ({ label, popupTitle, data, parent, dense, onApply, disabled }: Props) => React.JSX.Element;
 export {};

package/MoreAttributesButton/MoreAttributesButton.js

@@ -16,17 +16,17 @@ import { ITEM_GROUP_TITLE_HEIGHT, CONTAINER_HEADER_HEIGHT, ITEM_HEIGHT, LIST_CON
 import { useStyles } from './styles';
 export var MoreAttributesButton = function (_a) {
     var _b;
-    var label = _a.label, _c = _a.popupTitle, popupTitle = _c === void 0 ? label : _c, data = _a.data, parent = _a.parent, dense = _a.dense, onApply = _a.onApply;
+    var label = _a.label, _c = _a.popupTitle, popupTitle = _c === void 0 ? label : _c, data = _a.data, parent = _a.parent, dense = _a.dense, onApply = _a.onApply, _d = _a.disabled, disabled = _d === void 0 ? false : _d;
     var styles = useStyles();
     var inputRef = useRef();
-    var _d = useState(false), isOpen = _d[0], setIsOpen = _d[1];
+    var _e = useState(false), isOpen = _e[0], setIsOpen = _e[1];
     var togglePopupOpen = function () { return setIsOpen(!isOpen); };
     var closePopup = function () { return setIsOpen(false); };
-    var _e = useState(''), filter = _e[0], setFilter = _e[1];
+    var _f = useState(''), filter = _f[0], setFilter = _f[1];
     var clearFilter = function () { return setFilter(''); };
-    var _f = useState([]), selectedItems = _f[0], setSelectedItems = _f[1];
+    var _g = useState([]), selectedItems = _g[0], setSelectedItems = _g[1];
     var clearSelectedItems = function () { return setSelectedItems([]); };
-    var _g = useMoreAttributesItems({ data: data, parent: parent, filter: filter }), items = _g.items, hasGroups = _g.hasGroups, parentGroupLength = _g.parentGroupLength, attributesGroupLength = _g.attributesGroupLength;
+    var _h = useMoreAttributesItems({ data: data, parent: parent, filter: filter }), items = _h.items, hasGroups = _h.hasGroups, parentGroupLength = _h.parentGroupLength, attributesGroupLength = _h.attributesGroupLength;
     var addSelectedAttributes = function () {
         if (selectedItems.length > 0) {
             onApply(pluck('attrType', selectedItems));
@@ -40,12 +40,12 @@ export var MoreAttributesButton = function (_a) {
         var item = _a.item;
         handleListItemClick(item, not(any(propEq('id', item.id))(selectedItems)));
     }, [handleListItemClick, selectedItems]);
-    var _h = useKeyboardNavigation({
+    var _j = useKeyboardNavigation({
         items: items,
         open: isOpen,
         onSelectFocusedItem: handleSearchOnEnter,
         selectedItems: selectedItems
-    }), focusIndex = _h.focusIndex, handleKeyDown = _h.handleKeyDown;
+    }), focusIndex = _j.focusIndex, handleKeyDown = _j.handleKeyDown;
     var focusIndexRef = useRef(null);
     focusIndexRef.current = focusIndex;
     var groupsCount = hasGroups ? (parentGroupLength ? 1 : 0) + (attributesGroupLength ? 1 : 0) : 0;
@@ -61,7 +61,7 @@ export var MoreAttributesButton = function (_a) {
     }, [filter, handleListItemClick, selectedItems]);
     var renderGroupTitle = useCallback(function (style, item) { return (React.createElement(ListItem, { component: 'div', className: styles.subHeader, style: style, key: "group-".concat(item.item.id) }, item.item.label)); }, []);
     return (React.createElement("div", { className: classnames(styles.moreAttributes, (_b = {}, _b[styles.dense] = dense, _b)) },
-        React.createElement(Button, { color: "primary", onClick: togglePopupOpen, ref: inputRef, className: styles.moreButton },
+        React.createElement(Button, { color: "primary", onClick: togglePopupOpen, ref: inputRef, className: styles.moreButton, disabled: disabled },
             React.createElement(AddIcon, { classes: { root: styles.icon } }),
             React.createElement("div", { className: styles.buttonLabel }, label)),
         React.createElement(SelectionPopup, { open: isOpen, className: classnames(styles.moreAttributesPopup, styles.popupContainer), anchorEl: inputRef.current, onClose: pipe(addSelectedAttributes, closePopup, clearFilter, clearSelectedItems), onSearch: setFilter, containerHeight: containerHeight, title: popupTitle, containerWidth: LIST_CONTAINER_WIDTH, searchInputOnKeyDown: handleKeyDown },

package/MoreAttributesButton/useMoreAttributesItems.d.ts

@@ -1,20 +1,20 @@
-import { AttributeType } from '@reltio/mdm-sdk';
+import { type AttributeType } from '@reltio/mdm-sdk';
 type Props = {
     data: AttributeType[];
     parent?: AttributeType;
     filter?: string;
 };
-type Item = {
+export type MoreAttributesItem = {
     id: string;
     label: string;
     attrType?: AttributeType;
 };
 export type GroupedItem = {
-    item: Item;
+    item: MoreAttributesItem;
     items?: GroupedItem[];
 };
 export declare const useMoreAttributesItems: ({ data, parent, filter }: Props) => {
-    items: import("../VirtualGroupedList").VirtualGroupedListMainItem<Item>[];
+    items: import("../VirtualGroupedList").VirtualGroupedListMainItem<MoreAttributesItem>[];
     hasGroups: boolean;
     parentGroupLength: number;
     attributesGroupLength: number;

package/cjs/ActivenessDateControl/ActivenessDateControl.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type Props = {
+    value: number;
+    onChange: (value: number) => void;
+    className?: string;
+    fullWidth?: boolean;
+};
+export declare const ActivenessDateControl: ({ value, onChange, className, fullWidth }: Props) => React.JSX.Element;
+export {};

package/cjs/ActivenessDateControl/ActivenessDateControl.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 });
+exports.ActivenessDateControl = void 0;
+var react_1 = __importDefault(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var ramda_1 = require("ramda");
+var DateEditor_1 = require("../DateEditor/DateEditor");
+var ActivenessDateControl = function (_a) {
+    var value = _a.value, onChange = _a.onChange, className = _a.className, fullWidth = _a.fullWidth;
+    var handleChange = (0, ramda_1.pipe)(function (date) { return date && date.getTime(); }, onChange);
+    return (react_1.default.createElement(DateEditor_1.DateEditor, { value: value, label: ui_i18n_1.default.text('Effective date'), onChange: handleChange, slotProps: {
+            textField: { size: 'small', className: className, fullWidth: fullWidth }
+        } }));
+};
+exports.ActivenessDateControl = ActivenessDateControl;

package/cjs/ActivenessDateControl/index.d.ts

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

package/cjs/ActivenessDateControl/index.js

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

package/cjs/EntitySelector/EntitySelector.d.ts

@@ -13,6 +13,7 @@ type Props = {
     globalSearchRequestOptions: GlobalSearchRequestOptions;
     attributeTypesSelectionStrategy?: (entityType: TEntityType) => AttributeType[];
     disableLinkClick?: boolean;
+    label?: string;
     TextFieldProps?: TextFieldProps;
     className?: string;
     height?: number;
@@ -20,5 +21,5 @@ type Props = {
     isMasked?: boolean;
     required?: boolean;
 };
-export declare const EntitySelector: ({ entity, entityTypesUris, mode, max, onChange, onCreate, metadata, globalSearchRequestOptions, attributeTypesSelectionStrategy, disableLinkClick, isMasked, required, ...otherProps }: Props) => React.JSX.Element;
+export declare const EntitySelector: ({ entity, entityTypesUris, mode, max, onChange, onCreate, metadata, globalSearchRequestOptions, attributeTypesSelectionStrategy, disableLinkClick, label: customLabel, isMasked, required, ...otherProps }: Props) => React.JSX.Element;
 export {};

package/cjs/EntitySelector/EntitySelector.js

@@ -64,7 +64,7 @@ var helpers_1 = require("./helpers");
 var styles_1 = require("./styles");
 var DEFAULT_MAX_TYPEAHEAD_SEARCH_OPTION = 20;
 var EntitySelector = function (_a) {
-    var _b = _a.entity, entity = _b === void 0 ? {} : _b, _c = _a.entityTypesUris, entityTypesUris = _c === void 0 ? [] : _c, mode = _a.mode, _d = _a.max, max = _d === void 0 ? DEFAULT_MAX_TYPEAHEAD_SEARCH_OPTION : _d, onChange = _a.onChange, onCreate = _a.onCreate, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, attributeTypesSelectionStrategy = _a.attributeTypesSelectionStrategy, _e = _a.disableLinkClick, disableLinkClick = _e === void 0 ? false : _e, _f = _a.isMasked, isMasked = _f === void 0 ? false : _f, required = _a.required, otherProps = __rest(_a, ["entity", "entityTypesUris", "mode", "max", "onChange", "onCreate", "metadata", "globalSearchRequestOptions", "attributeTypesSelectionStrategy", "disableLinkClick", "isMasked", "required"]);
+    var _b = _a.entity, entity = _b === void 0 ? {} : _b, _c = _a.entityTypesUris, entityTypesUris = _c === void 0 ? [] : _c, mode = _a.mode, _d = _a.max, max = _d === void 0 ? DEFAULT_MAX_TYPEAHEAD_SEARCH_OPTION : _d, onChange = _a.onChange, onCreate = _a.onCreate, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, attributeTypesSelectionStrategy = _a.attributeTypesSelectionStrategy, _e = _a.disableLinkClick, disableLinkClick = _e === void 0 ? false : _e, customLabel = _a.label, _f = _a.isMasked, isMasked = _f === void 0 ? false : _f, required = _a.required, otherProps = __rest(_a, ["entity", "entityTypesUris", "mode", "max", "onChange", "onCreate", "metadata", "globalSearchRequestOptions", "attributeTypesSelectionStrategy", "disableLinkClick", "label", "isMasked", "required"]);
     var styles = (0, styles_1.useStyles)();
     var _g = (0, react_1.useState)(''), inputValue = _g[0], setInputValue = _g[1];
     var entityTypes = (0, react_1.useMemo)(function () { return entityTypesUris.map(function (type) { return (0, mdm_sdk_1.getEntityType)(metadata, type); }).filter(mdm_sdk_1.isAvailableEntityType); }, [entityTypesUris, metadata]);
@@ -111,7 +111,7 @@ var EntitySelector = function (_a) {
                 entityTypeLabel: currentEntityType.label
             })
             : ui_i18n_1.default.text('Create new ${entityTypeLabel}', { entityTypeLabel: currentEntityType.label }));
-    var label = ui_i18n_1.default.text('Select ${entityTypeLabel}profile', {
+    var label = customLabel !== null && customLabel !== void 0 ? customLabel : ui_i18n_1.default.text('Select ${entityTypeLabel}profile', {
         entityTypeLabel: entityTypes.length === 1 ? "".concat(entityTypes[0].label, " ") : ''
     });
     var isTempEntity = !(0, ramda_1.isEmpty)(entity) && (0, mdm_sdk_1.isTempUri)(entity.entityUri);

package/cjs/EntitySelector/index.d.ts

@@ -1 +1,2 @@
+export { type EntityOption } from './types';
 export { EntitySelector } from './EntitySelector';

package/cjs/MoreAttributesButton/MoreAttributesButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AttributeType } from '@reltio/mdm-sdk';
+import type { AttributeType } from '@reltio/mdm-sdk';
 type Props = {
     label: string;
     popupTitle?: string;
@@ -7,6 +7,7 @@ type Props = {
     parent?: AttributeType;
     dense?: boolean;
     onApply: (attributeTypes: AttributeType[]) => void;
+    disabled?: boolean;
 };
-export declare const MoreAttributesButton: ({ label, popupTitle, data, parent, dense, onApply }: Props) => React.JSX.Element;
+export declare const MoreAttributesButton: ({ label, popupTitle, data, parent, dense, onApply, disabled }: Props) => React.JSX.Element;
 export {};

package/cjs/MoreAttributesButton/MoreAttributesButton.js

@@ -45,17 +45,17 @@ var constants_1 = require("./constants");
 var styles_1 = require("./styles");
 var MoreAttributesButton = function (_a) {
     var _b;
-    var label = _a.label, _c = _a.popupTitle, popupTitle = _c === void 0 ? label : _c, data = _a.data, parent = _a.parent, dense = _a.dense, onApply = _a.onApply;
+    var label = _a.label, _c = _a.popupTitle, popupTitle = _c === void 0 ? label : _c, data = _a.data, parent = _a.parent, dense = _a.dense, onApply = _a.onApply, _d = _a.disabled, disabled = _d === void 0 ? false : _d;
     var styles = (0, styles_1.useStyles)();
     var inputRef = (0, react_1.useRef)();
-    var _d = (0, react_1.useState)(false), isOpen = _d[0], setIsOpen = _d[1];
+    var _e = (0, react_1.useState)(false), isOpen = _e[0], setIsOpen = _e[1];
     var togglePopupOpen = function () { return setIsOpen(!isOpen); };
     var closePopup = function () { return setIsOpen(false); };
-    var _e = (0, react_1.useState)(''), filter = _e[0], setFilter = _e[1];
+    var _f = (0, react_1.useState)(''), filter = _f[0], setFilter = _f[1];
     var clearFilter = function () { return setFilter(''); };
-    var _f = (0, react_1.useState)([]), selectedItems = _f[0], setSelectedItems = _f[1];
+    var _g = (0, react_1.useState)([]), selectedItems = _g[0], setSelectedItems = _g[1];
     var clearSelectedItems = function () { return setSelectedItems([]); };
-    var _g = (0, useMoreAttributesItems_1.useMoreAttributesItems)({ data: data, parent: parent, filter: filter }), items = _g.items, hasGroups = _g.hasGroups, parentGroupLength = _g.parentGroupLength, attributesGroupLength = _g.attributesGroupLength;
+    var _h = (0, useMoreAttributesItems_1.useMoreAttributesItems)({ data: data, parent: parent, filter: filter }), items = _h.items, hasGroups = _h.hasGroups, parentGroupLength = _h.parentGroupLength, attributesGroupLength = _h.attributesGroupLength;
     var addSelectedAttributes = function () {
         if (selectedItems.length > 0) {
             onApply((0, ramda_1.pluck)('attrType', selectedItems));
@@ -69,12 +69,12 @@ var MoreAttributesButton = function (_a) {
         var item = _a.item;
         handleListItemClick(item, (0, ramda_1.not)((0, ramda_1.any)((0, ramda_1.propEq)('id', item.id))(selectedItems)));
     }, [handleListItemClick, selectedItems]);
-    var _h = (0, useKeyboardNavigation_1.useKeyboardNavigation)({
+    var _j = (0, useKeyboardNavigation_1.useKeyboardNavigation)({
         items: items,
         open: isOpen,
         onSelectFocusedItem: handleSearchOnEnter,
         selectedItems: selectedItems
-    }), focusIndex = _h.focusIndex, handleKeyDown = _h.handleKeyDown;
+    }), focusIndex = _j.focusIndex, handleKeyDown = _j.handleKeyDown;
     var focusIndexRef = (0, react_1.useRef)(null);
     focusIndexRef.current = focusIndex;
     var groupsCount = hasGroups ? (parentGroupLength ? 1 : 0) + (attributesGroupLength ? 1 : 0) : 0;
@@ -90,7 +90,7 @@ var MoreAttributesButton = function (_a) {
     }, [filter, handleListItemClick, selectedItems]);
     var renderGroupTitle = (0, react_1.useCallback)(function (style, item) { return (react_1.default.createElement(ListItem_1.default, { component: 'div', className: styles.subHeader, style: style, key: "group-".concat(item.item.id) }, item.item.label)); }, []);
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.moreAttributes, (_b = {}, _b[styles.dense] = dense, _b)) },
-        react_1.default.createElement(Button_1.default, { color: "primary", onClick: togglePopupOpen, ref: inputRef, className: styles.moreButton },
+        react_1.default.createElement(Button_1.default, { color: "primary", onClick: togglePopupOpen, ref: inputRef, className: styles.moreButton, disabled: disabled },
             react_1.default.createElement(Add_1.default, { classes: { root: styles.icon } }),
             react_1.default.createElement("div", { className: styles.buttonLabel }, label)),
         react_1.default.createElement(SelectionPopup_1.SelectionPopup, { open: isOpen, className: (0, classnames_1.default)(styles.moreAttributesPopup, styles.popupContainer), anchorEl: inputRef.current, onClose: (0, ramda_1.pipe)(addSelectedAttributes, closePopup, clearFilter, clearSelectedItems), onSearch: setFilter, containerHeight: containerHeight, title: popupTitle, containerWidth: constants_1.LIST_CONTAINER_WIDTH, searchInputOnKeyDown: handleKeyDown },

package/cjs/MoreAttributesButton/useMoreAttributesItems.d.ts

@@ -1,20 +1,20 @@
-import { AttributeType } from '@reltio/mdm-sdk';
+import { type AttributeType } from '@reltio/mdm-sdk';
 type Props = {
     data: AttributeType[];
     parent?: AttributeType;
     filter?: string;
 };
-type Item = {
+export type MoreAttributesItem = {
     id: string;
     label: string;
     attrType?: AttributeType;
 };
 export type GroupedItem = {
-    item: Item;
+    item: MoreAttributesItem;
     items?: GroupedItem[];
 };
 export declare const useMoreAttributesItems: ({ data, parent, filter }: Props) => {
-    items: import("../VirtualGroupedList").VirtualGroupedListMainItem<Item>[];
+    items: import("../VirtualGroupedList").VirtualGroupedListMainItem<MoreAttributesItem>[];
     hasGroups: boolean;
     parentGroupLength: number;
     attributesGroupLength: number;

package/cjs/features/activity-log/ActivityLog/ActivityLog.test.js

@@ -57,6 +57,7 @@ var react_2 = require("@testing-library/react");
 var user_event_1 = __importDefault(require("@testing-library/user-event"));
 var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
 var ActivityLog_1 = require("./ActivityLog");
+var constants_1 = require("./constants");
 describe('Activity log tests', function () {
     (0, jsdom_testing_mocks_1.mockResizeObserver)();
     var activities = [
@@ -450,6 +451,33 @@ describe('Activity log tests', function () {
             }
         });
     }); });
+    it('displays client type label when clientType is in CLIENT_TYPES', function () {
+        var activityWithKnownClientType = [
+            {
+                uri: 'activities/client-type-known',
+                user: 'agent.user',
+                label: 'USER_LOGIN',
+                description: 'User agent.user was logged in',
+                timestamp: 1622625987531,
+                items: [
+                    {
+                        id: 'client-type-item',
+                        user: 'agent.user',
+                        method: 'POST',
+                        url: '/reltio/api/test/activities',
+                        clientType: 'Match_Resolution_Agent',
+                        timestamp: 1622625987531
+                    }
+                ],
+                itemsTotal: 1
+            }
+        ];
+        setUp({ activities: activityWithKnownClientType });
+        var activityItem = react_2.screen.getAllByTestId('activity-log-item')[0];
+        expect(activityItem).toHaveTextContent(constants_1.CLIENT_TYPES.Match_Resolution_Agent);
+        expect(activityItem).toHaveTextContent(ui_i18n_1.default.text('via'));
+        expect(activityItem).toHaveTextContent(ui_i18n_1.default.text('agent'));
+    });
     it('should not fail for activities without items', function () {
         var activitiesWithoutItems = [
             {

package/cjs/features/activity-log/ActivityLog/components/ActivityItem/ActivityItem.js

@@ -5,26 +5,37 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActivityItem = void 0;
 var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var activities_1 = require("../../../utils/activities");
-var ActivitiesFactory_1 = require("../../../ActivitiesFactory");
 var ErrorBoundary_1 = require("../../../../../ErrorBoundary");
+var ActivitiesFactory_1 = require("../../../ActivitiesFactory");
 var ActivityTitle_1 = require("../../../ActivityTitle");
-var styles_1 = require("./styles");
+var activities_1 = require("../../../utils/activities");
+var constants_1 = require("../../constants");
+var ActivityItem_module_css_1 = __importDefault(require("./ActivityItem.module.css"));
 var ActivityItem = function (_a) {
+    var _b, _c;
     var item = _a.item;
-    var styles = (0, styles_1.useStyles)();
     var type = (0, activities_1.getActivityType)(item);
     var activities = (0, activities_1.splitActivityByType)(item);
-    return (react_1.default.createElement("div", { className: styles.activityItem, "data-reltio-id": "activity-log-item" },
-        react_1.default.createElement("div", { className: styles.activityIcon }, ActivitiesFactory_1.ActivitiesFactory.getIcon(type)),
-        react_1.default.createElement("div", { className: styles.activityInfo },
-            react_1.default.createElement("div", { className: styles.userContainer },
-                react_1.default.createElement("span", { className: styles.activityUser }, item.user),
-                react_1.default.createElement("span", { className: styles.date }, ui_i18n_1.default.date(item.timestamp, 'LT'))),
+    var clientTypeName = constants_1.CLIENT_TYPES[(_c = (_b = item.items) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.clientType];
+    return (react_1.default.createElement("div", { className: ActivityItem_module_css_1.default.activityItem, "data-reltio-id": "activity-log-item" },
+        react_1.default.createElement("div", { className: ActivityItem_module_css_1.default.activityIcon }, ActivitiesFactory_1.ActivitiesFactory.getIcon(type)),
+        react_1.default.createElement("div", { className: ActivityItem_module_css_1.default.activityInfo },
+            react_1.default.createElement("div", { className: ActivityItem_module_css_1.default.userContainer },
+                react_1.default.createElement("span", { className: ActivityItem_module_css_1.default.activityUser }, item.user),
+                clientTypeName ? (react_1.default.createElement("span", { className: (0, classnames_1.default)(ActivityItem_module_css_1.default.activityUser, ActivityItem_module_css_1.default.activityUserClient) },
+                    "(",
+                    ui_i18n_1.default.text('via'),
+                    " ",
+                    clientTypeName,
+                    " ",
+                    ui_i18n_1.default.text('agent'),
+                    ")")) : null,
+                react_1.default.createElement("span", { className: ActivityItem_module_css_1.default.date }, ui_i18n_1.default.date(item.timestamp, 'LT'))),
             activities.map(function (activity, index) {
                 var activityType = (0, activities_1.getActivityType)(activity);
-                return (react_1.default.createElement("div", { key: index, className: styles.activityEvent },
+                return (react_1.default.createElement("div", { key: index, className: ActivityItem_module_css_1.default.activityEvent },
                     react_1.default.createElement(ErrorBoundary_1.ErrorBoundary, { error: react_1.default.createElement(react_1.default.Fragment, null,
                             react_1.default.createElement(ActivityTitle_1.ActivityTitle, { type: activityType }),
                             ui_i18n_1.default.text("Can't render activity")) }, ActivitiesFactory_1.ActivitiesFactory.getComponent({

package/cjs/features/activity-log/ActivityLog/components/ActivityItem/ActivityItem.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"activityItem":"ActivityItem-activityItem--c5xTq","activityIcon":"ActivityItem-activityIcon--rHySh","userContainer":"ActivityItem-userContainer--cEXoW","activityInfo":"ActivityItem-activityInfo--9s7Vx","activityUser":"ActivityItem-activityUser--NsEvM","activityUserClient":"ActivityItem-activityUserClient--Zirlu","activityEvent":"ActivityItem-activityEvent--6s1wq","date":"ActivityItem-date--fvRDG"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.ActivityItem-activityItem--c5xTq{box-sizing:border-box;display:flex;min-height:40px;padding:10px 16px 5px 0}.ActivityItem-activityIcon--rHySh{align-items:center;background:var(--mui-palette-primary-main);border:1px solid #fff;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-left:-13px;margin-right:15px;width:24px}.ActivityItem-activityIcon--rHySh svg{fill:#fff;font-size:14px}.ActivityItem-userContainer--cEXoW{display:flex}.ActivityItem-activityInfo--9s7Vx{flex:1;overflow:hidden;position:relative}.ActivityItem-activityUser--NsEvM{color:var(--mui-palette-text-secondary);font-size:13px;line-height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ActivityItem-activityUserClient--Zirlu{margin-left:.25em}.ActivityItem-activityEvent--6s1wq{margin-top:5px}.ActivityItem-date--fvRDG{color:var(--mui-palette-text-primary);flex-shrink:0;font-size:12px;line-height:16px;margin-left:auto;padding-left:8px}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/features/activity-log/ActivityLog/constants.d.ts

@@ -0,0 +1,17 @@
+export declare const CLIENT_TYPES: {
+    Match_Resolution_Agent: string;
+    Unmerge_Remediation_Agent: string;
+    Data_Exploration_Agent: string;
+    Intelligent_Workflow_Assignment_Agent: string;
+    Global_Menu_Item_Assignment_Agent: string;
+    Menu_Item_Characteristics_Enrichment_Agent: string;
+    Address_Enrichment_Agent: string;
+    Product_Recommendation_Agent: string;
+    Hierarchy_Management_Agent: string;
+    Data_Quality_Service_Agent: string;
+    Agent_Dev_Template: string;
+    Match_Explanation_Analyzer: string;
+    Reltio_On_Reltio_Agent: string;
+    External_Party_Resolution_Agent: string;
+    Segmentation_Agent: string;
+};

package/cjs/features/activity-log/ActivityLog/constants.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CLIENT_TYPES = void 0;
+exports.CLIENT_TYPES = {
+    Match_Resolution_Agent: 'MRA',
+    Unmerge_Remediation_Agent: 'URA',
+    Data_Exploration_Agent: 'DEA',
+    Intelligent_Workflow_Assignment_Agent: 'IAWA',
+    Global_Menu_Item_Assignment_Agent: 'GMIAA',
+    Menu_Item_Characteristics_Enrichment_Agent: 'MICEA',
+    Address_Enrichment_Agent: 'AEA',
+    Product_Recommendation_Agent: 'PRA',
+    Hierarchy_Management_Agent: 'EHRA',
+    Data_Quality_Service_Agent: 'DQSA',
+    Agent_Dev_Template: 'DEV',
+    Match_Explanation_Analyzer: 'MEA',
+    Reltio_On_Reltio_Agent: 'RORA',
+    External_Party_Resolution_Agent: 'EPRA',
+    Segmentation_Agent: 'SA'
+};

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ChangeRequest, WorkflowTaskData, GroupedObjectsInfo } from '@reltio/mdm-sdk';
+import type { ChangeRequest, WorkflowTaskData, GroupedObjectsInfo } from '@reltio/mdm-sdk';
 type Props = {
     dcr: ChangeRequest;
     task: WorkflowTaskData;

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

@@ -1,4 +1,15 @@
 "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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -28,23 +39,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChangeRequestEditor = void 0;
 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 react_context_selector_1 = require("@fluentui/react-context-selector");
 var SuggestedChanges_1 = __importDefault(require("../../../icons/SuggestedChanges"));
 var EntityChangesGroup_1 = require("./components/EntityChangesGroup");
+var mergeAddedAttributesWithDCRChanges_1 = require("./helpers/mergeAddedAttributesWithDCRChanges");
+var AddedAttributesContext_1 = require("../contexts/AddedAttributesContext");
 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 addedAttributes = (0, react_context_selector_1.useContextSelector)(AddedAttributesContext_1.AddedAttributesContext, function (ctx) { return ctx.getAddedAttributes(); });
     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]);
+        if (!(dcr === null || dcr === void 0 ? void 0 : dcr.changes))
+            return null;
+        var enrichedChanges = (0, mergeAddedAttributesWithDCRChanges_1.mergeAddedAttributesWithDCRChanges)(dcr.changes, addedAttributes);
+        return __assign(__assign({}, dcr), { changes: enrichedChanges });
+    }, [dcr, addedAttributes]);
     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 },

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { Diff } from '../../../types';
+type Props = {
+    change: Diff;
+};
+export declare const AddSameAttributeButton: ({ change }: Props) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,67 @@
+"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.AddSameAttributeButton = void 0;
+var react_1 = __importStar(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var react_context_selector_1 = require("@fluentui/react-context-selector");
+var Add_1 = __importDefault(require("@mui/icons-material/Add"));
+var AddedAttributesContext_1 = require("../../../contexts/AddedAttributesContext");
+var SmallIconButton_1 = require("../../../../../SmallIconButton");
+var merge_1 = require("../../../helpers/merge");
+var addedAttributes_1 = require("../../helpers/addedAttributes");
+var AddSameAttributeButton = function (_a) {
+    var _b, _c;
+    var change = _a.change;
+    var attributeType = change.attributeType, lineIds = change.lineIds;
+    var lineId = (_b = lineIds === null || lineIds === void 0 ? void 0 : lineIds[0]) !== null && _b !== void 0 ? _b : (_c = (0, merge_1.extractLineIds)(change === null || change === void 0 ? void 0 : change.newValue)) === null || _c === void 0 ? void 0 : _c[0];
+    var addedId = (0, addedAttributes_1.getAddedId)(change);
+    var addAddedAttributes = (0, react_context_selector_1.useContextSelector)(AddedAttributesContext_1.AddedAttributesContext, function (ctx) { return ctx.addAddedAttributes; });
+    var handleAdd = (0, react_1.useCallback)(function () {
+        if (!attributeType || !lineId)
+            return;
+        var changeOverrides = (0, addedAttributes_1.getParentChangeOverrides)(change);
+        if ((0, addedAttributes_1.isRootAddedAttribute)(lineId)) {
+            addAddedAttributes({
+                attributeTypes: [attributeType],
+                objectUri: (0, addedAttributes_1.getObjectIdFromLineId)(lineId),
+                changeOverrides: changeOverrides
+            });
+        }
+        else {
+            addAddedAttributes({
+                attributeTypes: [attributeType],
+                parentLineId: (0, addedAttributes_1.getParentLineId)(lineId),
+                parentId: addedId ? (0, addedAttributes_1.getParentAddedId)(addedId) : undefined,
+                changeOverrides: changeOverrides
+            });
+        }
+    }, [attributeType, lineId, addedId, change, addAddedAttributes]);
+    return react_1.default.createElement(SmallIconButton_1.SmallIconButton, { icon: Add_1.default, onClick: handleAdd, title: ui_i18n_1.default.text('Add'), size: "S" });
+};
+exports.AddSameAttributeButton = AddSameAttributeButton;