@reltio/components 1.4.848 → 1.4.849

package/components/ProfileBand/styles.js

@@ -32,7 +32,7 @@ var useStyles = styles_1.makeStyles(function (theme) { return ({
     profileInfo: {
         display: 'flex',
         flexDirection: 'column',
-        width: '100%'
+        flex: '1 1 50%'
     },
     badge: {},
     label: {

package/components/attributes/inline/AttributesList/AttributesList.d.ts

@@ -11,8 +11,8 @@ declare type Props = {
     attributes: RecordAttributesType;
     parentUri: string;
     crosswalksMap: CrosswalksMap;
-    allowDelete?: boolean;
-    allowEdit?: boolean;
+    disableDelete?: boolean;
+    disableEdit?: boolean;
     onPin: (event: PinAttributeEvent) => void;
     onIgnore: (event: IgnoreAttributeEvent) => void;
     onDelete: (event: DeleteAttributeEvent) => void;

package/components/attributes/inline/AttributesPager/AttributesPager.d.ts

@@ -13,8 +13,8 @@ declare type Props = {
     paging?: Paging;
     max?: number;
     crosswalksMap: CrosswalksMap;
-    allowDelete?: boolean;
-    allowEdit?: boolean;
+    disableDelete?: boolean;
+    disableEdit?: boolean;
     onPin: (event: PinAttributeEvent) => void;
     onIgnore: (event: IgnoreAttributeEvent) => void;
     onDelete: (event: DeleteAttributeEvent) => void;

package/components/attributes/inline/ComplexAttribute/ComplexAttribute.d.ts

@@ -13,13 +13,13 @@ declare type Props = {
     lazy?: boolean;
     attributeTypesList: AttributeType[];
     crosswalksMap: CrosswalksMap;
-    allowEdit?: boolean;
-    allowDelete?: boolean;
+    disableEdit?: boolean;
+    disableDelete?: boolean;
     onPin: (event: PinAttributeEvent) => void;
     onIgnore: (event: IgnoreAttributeEvent) => void;
     onDelete: (event: DeleteAttributeEvent) => void;
     onEdit: (event: EditAttributeEvent) => void;
     onAdd: (event: AddAttributeEvent) => void;
 };
-declare const ComplexAttribute: ({ attributeType, attributeValue, attributeTypesList, label, crosswalksMap, allowEdit, allowDelete, onPin, onIgnore, onDelete, onEdit, onAdd }: Props) => JSX.Element;
+declare const ComplexAttribute: ({ attributeType, attributeValue, attributeTypesList, label, crosswalksMap, disableEdit, disableDelete, onPin, onIgnore, onDelete, onEdit, onAdd }: Props) => JSX.Element;
 export default ComplexAttribute;

package/components/attributes/inline/ComplexAttribute/ComplexAttribute.js

@@ -37,17 +37,17 @@ var hooks_1 = require("../../../../hooks");
 var contexts_1 = require("../../../../contexts");
 var styles_1 = require("./styles");
 var ComplexAttribute = function (_a) {
-    var attributeType = _a.attributeType, attributeValue = _a.attributeValue, attributeTypesList = _a.attributeTypesList, label = _a.label, crosswalksMap = _a.crosswalksMap, _b = _a.allowEdit, allowEdit = _b === void 0 ? true : _b, _c = _a.allowDelete, allowDelete = _c === void 0 ? true : _c, onPin = _a.onPin, onIgnore = _a.onIgnore, onDelete = _a.onDelete, onEdit = _a.onEdit, onAdd = _a.onAdd;
+    var attributeType = _a.attributeType, attributeValue = _a.attributeValue, attributeTypesList = _a.attributeTypesList, label = _a.label, crosswalksMap = _a.crosswalksMap, disableEdit = _a.disableEdit, disableDelete = _a.disableDelete, onPin = _a.onPin, onIgnore = _a.onIgnore, onDelete = _a.onDelete, onEdit = _a.onEdit, onAdd = _a.onAdd;
     var styles = styles_1.useStyles();
-    var _d = useAttributeState_1.useAttributeState(), isReadingMode = _d.isReadingMode, onMouseEnter = _d.onMouseEnter, onMouseLeave = _d.onMouseLeave;
-    var canEdit = allowEdit && mdm_sdk_1.checkMetadataForUpdate(mdm_sdk_1.ModeTypes.EDITING, attributeType);
-    var canDelete = allowDelete && mdm_sdk_1.checkMetadataForDelete(mdm_sdk_1.ModeTypes.EDITING, attributeType);
+    var _b = useAttributeState_1.useAttributeState(), isReadingMode = _b.isReadingMode, onMouseEnter = _b.onMouseEnter, onMouseLeave = _b.onMouseLeave;
+    var canEdit = !disableEdit && mdm_sdk_1.checkMetadataForUpdate(mdm_sdk_1.ModeTypes.EDITING, attributeType);
+    var canDelete = !disableDelete && mdm_sdk_1.checkMetadataForDelete(mdm_sdk_1.ModeTypes.EDITING, attributeType);
     var isTemporary = mdm_sdk_1.isTempUri(attributeValue.uri);
     var showPin = !isTemporary && ((!isReadingMode && canEdit) || attributeValue.pin);
     var showIgnore = !isTemporary && ((!isReadingMode && canEdit) || attributeValue.ignored);
     var showDelete = !isReadingMode && canDelete;
     var expandedFromContext = contexts_1.useAttributeExpanded(attributeValue.uri);
-    var _e = react_1.useState(expandedFromContext || isTemporary), expanded = _e[0], setExpanded = _e[1];
+    var _c = react_1.useState(expandedFromContext || isTemporary), expanded = _c[0], setExpanded = _c[1];
     hooks_1.useDidUpdateEffect(function () {
         if (expandedFromContext)
             setExpanded(expandedFromContext);
@@ -70,6 +70,6 @@ var ComplexAttribute = function (_a) {
                             crosswalks: crosswalksMap[attributeValue.uri]
                         });
                     } })))),
-        expanded && (react_1.default.createElement(AttributesList_1.default, { attributeTypes: attributeTypesList, attributes: attributeValue.value, parentUri: attributeValue.uri, crosswalksMap: crosswalksMap, allowEdit: canEdit, allowDelete: canDelete, onPin: onPin, onIgnore: onIgnore, onDelete: onDelete, onEdit: onEdit, onAdd: onAdd }))));
+        expanded && (react_1.default.createElement(AttributesList_1.default, { attributeTypes: attributeTypesList, attributes: attributeValue.value, parentUri: attributeValue.uri, crosswalksMap: crosswalksMap, disableEdit: !canEdit, disableDelete: !canDelete, onPin: onPin, onIgnore: onIgnore, onDelete: onDelete, onEdit: onEdit, onAdd: onAdd }))));
 };
 exports.default = ComplexAttribute;

package/components/attributes/inline/ImageAttribute/ImageAttribute.d.ts

@@ -10,8 +10,8 @@ declare type Props = {
     attributeValue: ImageAttributeValue;
     attributeType: AttributeType;
     crosswalksMap: CrosswalksMap;
-    allowEdit?: boolean;
-    allowDelete?: boolean;
+    disableEdit?: boolean;
+    disableDelete?: boolean;
     onPin: (event: PinAttributeEvent) => void;
     onIgnore: (event: IgnoreAttributeEvent) => void;
     onDelete: (event: DeleteAttributeEvent) => void;

package/components/attributes/inline/ImageAttributesBlock/ImageAttributesBlock.d.ts

@@ -11,8 +11,8 @@ declare type Props = {
     attributeType: AttributeType;
     attributeValues: ImageAttributeValue[];
     crosswalksMap: CrosswalksMap;
-    allowDelete?: boolean;
-    allowEdit?: boolean;
+    disableDelete?: boolean;
+    disableEdit?: boolean;
     onPin: (event: PinAttributeEvent) => void;
     onIgnore: (event: IgnoreAttributeEvent) => void;
     onDelete: (event: DeleteAttributeEvent) => void;

package/components/attributes/inline/NestedAttribute/NestedAttribute.d.ts

@@ -10,8 +10,8 @@ declare type Props = {
     attributeValue: NestedAttributeValue;
     attributeType: AttributeType;
     crosswalksMap: CrosswalksMap;
-    allowEdit?: boolean;
-    allowDelete?: boolean;
+    disableEdit?: boolean;
+    disableDelete?: boolean;
     onPin: (event: PinAttributeEvent) => void;
     onIgnore: (event: IgnoreAttributeEvent) => void;
     onDelete: (event: DeleteAttributeEvent) => void;

package/components/attributes/inline/NestedAttributesBlock/NestedAttributesBlock.d.ts

@@ -12,13 +12,13 @@ declare type Props = {
     attributeValues: NestedAttributeValue[];
     crosswalksMap: CrosswalksMap;
     parentUri: string;
-    allowDelete?: boolean;
-    allowEdit?: boolean;
+    disableDelete?: boolean;
+    disableEdit?: boolean;
     onPin: (event: PinAttributeEvent) => void;
     onIgnore: (event: IgnoreAttributeEvent) => void;
     onDelete: (event: DeleteAttributeEvent) => void;
     onEdit: (event: EditAttributeEvent) => void;
     onAdd: (event: AddAttributeEvent) => void;
 };
-declare const NestedAttributesBlock: ({ className, attributeValues, attributeType, onAdd, parentUri, ...props }: Props) => JSX.Element;
+declare const NestedAttributesBlock: ({ className, attributeValues, attributeType, onAdd, parentUri, disableEdit, ...props }: Props) => JSX.Element;
 export default NestedAttributesBlock;

package/components/attributes/inline/NestedAttributesBlock/NestedAttributesBlock.js

@@ -31,14 +31,14 @@ var NestedAttribute_1 = __importDefault(require("../NestedAttribute/NestedAttrib
 var Button_1 = __importDefault(require("@material-ui/core/Button"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var NestedAttributesBlock = function (_a) {
-    var className = _a.className, attributeValues = _a.attributeValues, attributeType = _a.attributeType, onAdd = _a.onAdd, parentUri = _a.parentUri, props = __rest(_a, ["className", "attributeValues", "attributeType", "onAdd", "parentUri"]);
-    var canCreate = mdm_sdk_1.checkMetadataForCreate(mdm_sdk_1.ModeTypes.EDITING, attributeType);
+    var className = _a.className, attributeValues = _a.attributeValues, attributeType = _a.attributeType, onAdd = _a.onAdd, parentUri = _a.parentUri, disableEdit = _a.disableEdit, props = __rest(_a, ["className", "attributeValues", "attributeType", "onAdd", "parentUri", "disableEdit"]);
+    var canCreate = !disableEdit && mdm_sdk_1.checkMetadataForCreate(mdm_sdk_1.ModeTypes.EDITING, attributeType);
     return attributeValues.length === 0 && canCreate ? (react_1.default.createElement(Button_1.default, { variant: "text", color: "primary", onClick: function () {
             return onAdd({
                 parentUri: parentUri,
                 attributeType: attributeType,
                 index: 0
             });
-        } }, ui_i18n_1.default.text('Create attribute'))) : (react_1.default.createElement("div", { className: className }, attributeValues.map(function (value) { return (react_1.default.createElement(NestedAttribute_1.default, __assign({ key: value.uri, attributeValue: value, attributeType: attributeType, onAdd: onAdd }, props))); })));
+        } }, ui_i18n_1.default.text('Create attribute'))) : (react_1.default.createElement("div", { className: className }, attributeValues.map(function (value) { return (react_1.default.createElement(NestedAttribute_1.default, __assign({ key: value.uri, attributeValue: value, attributeType: attributeType, onAdd: onAdd, disableEdit: disableEdit }, props))); })));
 };
 exports.default = NestedAttributesBlock;

package/components/attributes/inline/ReferenceAttribute/ReferenceAttribute.d.ts

@@ -10,8 +10,8 @@ declare type Props = {
     attributeValue: ReferenceAttributeValue;
     attributeType: AttributeType;
     crosswalksMap: RelationCrosswalksMap;
-    allowEdit?: boolean;
-    allowDelete?: boolean;
+    disableEdit?: boolean;
+    disableDelete?: boolean;
     onPin: (event: PinAttributeEvent) => void;
     onIgnore: (event: IgnoreAttributeEvent) => void;
     onDelete: (event: DeleteAttributeEvent) => void;

package/components/attributes/inline/ReferenceAttributesBlock/ReferenceAttributesBlock.d.ts

@@ -11,8 +11,8 @@ declare type Props = {
     attributeType: AttributeType;
     attributeValues: ReferenceAttributeValue[];
     crosswalksMap: RelationCrosswalksMap;
-    allowDelete?: boolean;
-    allowEdit?: boolean;
+    disableDelete?: boolean;
+    disableEdit?: boolean;
     onPin: (event: PinAttributeEvent) => void;
     onIgnore: (event: IgnoreAttributeEvent) => void;
     onDelete: (event: DeleteAttributeEvent) => void;

package/components/attributes/inline/SimpleAttribute/SimpleAttribute.d.ts

@@ -10,12 +10,12 @@ declare type Props = {
     attributeValue: SimpleAttributeValue;
     attributeType: AttributeType;
     crosswalk: Crosswalk | RelationCrosswalk;
-    allowEdit?: boolean;
-    allowDelete?: boolean;
+    disableEdit?: boolean;
+    disableDelete?: boolean;
     onDelete: (event: DeleteAttributeEvent) => void;
     onEdit: (event: EditAttributeEvent) => void;
     onPin: (event: PinAttributeEvent) => void;
     onIgnore: (event: IgnoreAttributeEvent) => void;
 };
-declare const SimpleAttribute: ({ className, dataReltioId, attributeType, attributeValue, crosswalk, allowEdit, allowDelete, onIgnore, onEdit, onPin, onDelete }: Props) => JSX.Element;
+declare const SimpleAttribute: ({ className, dataReltioId, attributeType, attributeValue, crosswalk, disableEdit, disableDelete, onIgnore, onEdit, onPin, onDelete }: Props) => JSX.Element;
 export default SimpleAttribute;

package/components/attributes/inline/SimpleAttribute/SimpleAttribute.js

@@ -40,19 +40,19 @@ var useAttributeState_1 = require("../hooks/useAttributeState");
 var contexts_1 = require("../../../../contexts");
 var styles_1 = require("./styles");
 var SimpleAttribute = function (_a) {
-    var className = _a.className, dataReltioId = _a.dataReltioId, _b = _a.attributeType, attributeType = _b === void 0 ? null : _b, attributeValue = _a.attributeValue, crosswalk = _a.crosswalk, _c = _a.allowEdit, allowEdit = _c === void 0 ? true : _c, _d = _a.allowDelete, allowDelete = _d === void 0 ? true : _d, onIgnore = _a.onIgnore, onEdit = _a.onEdit, onPin = _a.onPin, onDelete = _a.onDelete;
-    var _e = useAttributeState_1.useAttributeState(), isReadingMode = _e.isReadingMode, isEditingMode = _e.isEditingMode, isHovered = _e.isHovered, onMouseEnter = _e.onMouseEnter, onMouseLeave = _e.onMouseLeave, setReadingMode = _e.setReadingMode, setEditingMode = _e.setEditingMode;
+    var className = _a.className, dataReltioId = _a.dataReltioId, _b = _a.attributeType, attributeType = _b === void 0 ? null : _b, attributeValue = _a.attributeValue, crosswalk = _a.crosswalk, disableEdit = _a.disableEdit, disableDelete = _a.disableDelete, onIgnore = _a.onIgnore, onEdit = _a.onEdit, onPin = _a.onPin, onDelete = _a.onDelete;
+    var _c = useAttributeState_1.useAttributeState(), isReadingMode = _c.isReadingMode, isEditingMode = _c.isEditingMode, isHovered = _c.isHovered, onMouseEnter = _c.onMouseEnter, onMouseLeave = _c.onMouseLeave, setReadingMode = _c.setReadingMode, setEditingMode = _c.setEditingMode;
     var containerRef = react_1.useRef();
     var id = mdm_sdk_1.getLastUriPart(attributeValue.uri);
     var crosswalkDisabled = mdm_sdk_1.isCrosswalkDisabled(crosswalk);
     var canModifyAttribute = !attributeType.system && !crosswalkDisabled;
-    var canEdit = canModifyAttribute && allowEdit && mdm_sdk_1.checkMetadataForUpdate(mdm_sdk_1.ModeTypes.EDITING, attributeType);
-    var canDelete = canModifyAttribute && allowDelete && mdm_sdk_1.checkMetadataForDelete(mdm_sdk_1.ModeTypes.EDITING, attributeType);
+    var canEdit = canModifyAttribute && !disableEdit && mdm_sdk_1.checkMetadataForUpdate(mdm_sdk_1.ModeTypes.EDITING, attributeType);
+    var canDelete = canModifyAttribute && !disableDelete && mdm_sdk_1.checkMetadataForDelete(mdm_sdk_1.ModeTypes.EDITING, attributeType);
     var isTemporary = mdm_sdk_1.isTempUri(attributeValue.uri);
     var showPin = !isTemporary && ((!isReadingMode && canEdit) || attributeValue.pin);
     var showIgnore = !isTemporary && ((!isReadingMode && canEdit) || attributeValue.ignored);
     var color = contexts_1.useCrosswalkColor(crosswalk);
-    var _f = contexts_1.useCrosswalkHighlight(crosswalk), isHighlighted = _f.isHighlighted, isDimmed = _f.isDimmed, highlightCrosswalk = _f.highlightCrosswalk, removeHighlight = _f.removeHighlight;
+    var _d = contexts_1.useCrosswalkHighlight(crosswalk), isHighlighted = _d.isHighlighted, isDimmed = _d.isDimmed, highlightCrosswalk = _d.highlightCrosswalk, removeHighlight = _d.removeHighlight;
     var styles = styles_1.useStyles({
         variant: crosswalkDisabled ? 'outlined' : 'filled',
         opaque: !isDimmed,

package/components/attributes/inline/SimpleAttributesBlock/SimpleAttributesBlock.d.ts

@@ -11,13 +11,13 @@ declare type Props = {
     attributeValues: SimpleAttributeValue[];
     crosswalksMap: CrosswalksMap;
     parentUri: string;
-    allowDelete?: boolean;
-    allowEdit?: boolean;
+    disableDelete?: boolean;
+    disableEdit?: boolean;
     onPin: (event: PinAttributeEvent) => void;
     onIgnore: (event: IgnoreAttributeEvent) => void;
     onDelete: (event: DeleteAttributeEvent) => void;
     onEdit: (event: EditAttributeEvent) => void;
     onAdd: (event: AddAttributeEvent) => void;
 };
-declare const SimpleAttributesBlock: ({ attributeValues, attributeType, parentUri, allowEdit, crosswalksMap, onAdd, ...props }: Props) => JSX.Element;
+declare const SimpleAttributesBlock: ({ attributeValues, attributeType, parentUri, disableEdit, crosswalksMap, onAdd, ...props }: Props) => JSX.Element;
 export default SimpleAttributesBlock;

package/components/attributes/inline/SimpleAttributesBlock/SimpleAttributesBlock.js

@@ -32,7 +32,7 @@ var react_dnd_1 = require("react-dnd");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var styles_1 = require("./styles");
 var SimpleAttributesBlock = function (_a) {
-    var attributeValues = _a.attributeValues, attributeType = _a.attributeType, parentUri = _a.parentUri, allowEdit = _a.allowEdit, crosswalksMap = _a.crosswalksMap, onAdd = _a.onAdd, props = __rest(_a, ["attributeValues", "attributeType", "parentUri", "allowEdit", "crosswalksMap", "onAdd"]);
+    var attributeValues = _a.attributeValues, attributeType = _a.attributeType, parentUri = _a.parentUri, disableEdit = _a.disableEdit, crosswalksMap = _a.crosswalksMap, onAdd = _a.onAdd, props = __rest(_a, ["attributeValues", "attributeType", "parentUri", "disableEdit", "crosswalksMap", "onAdd"]);
     var styles = styles_1.useStyles();
     var _b = react_dnd_1.useDrop({
         accept: 'Crosswalk',
@@ -41,7 +41,7 @@ var SimpleAttributesBlock = function (_a) {
             var isRelationCrosswalk = mdm_sdk_1.isRelationUri(crosswalk.uri) || crosswalk.ownerType === 'relation';
             var isEntityCrosswalk = mdm_sdk_1.isEntityUri(crosswalk.uri) && crosswalk.ownerType === 'entity';
             return (mdm_sdk_1.checkMetadataForCreate(mdm_sdk_1.ModeTypes.EDITING, attributeType) &&
-                allowEdit !== false &&
+                !disableEdit &&
                 ((isRelationCrosswalk && mdm_sdk_1.isRelationTypeUri(attributeType.uri)) ||
                     (isEntityCrosswalk && mdm_sdk_1.isEntityTypeUri(attributeType.uri))));
         },
@@ -58,7 +58,7 @@ var SimpleAttributesBlock = function (_a) {
     return (react_1.default.createElement("div", { ref: drop, className: styles.simpleAttributesWrapper },
         attributeValues.map(function (value) {
             var _a;
-            return (_a = crosswalksMap[value.uri]) === null || _a === void 0 ? void 0 : _a.map(function (crosswalk) { return (react_1.default.createElement(SimpleAttribute_1.default, __assign({ key: value.uri + crosswalk.uri, attributeType: attributeType, attributeValue: value, crosswalk: crosswalk, allowEdit: allowEdit, dataReltioId: "value-index-" + attributeIndex++ }, props))); });
+            return (_a = crosswalksMap[value.uri]) === null || _a === void 0 ? void 0 : _a.map(function (crosswalk) { return (react_1.default.createElement(SimpleAttribute_1.default, __assign({ key: value.uri + crosswalk.uri, attributeType: attributeType, attributeValue: value, crosswalk: crosswalk, disableEdit: disableEdit, dataReltioId: "value-index-" + attributeIndex++ }, props))); });
         }),
         isDragItemOver && react_1.default.createElement("div", { className: styles.dropIndicator }, ui_i18n_1.default.text('Drop here'))));
 };

package/components/crosswalks/AttributesTable/AttributesTable.d.ts

@@ -8,13 +8,14 @@ declare type Props = {
     crosswalksMap: CrosswalksByOwnerTypeMap;
     visibleColumns?: string[];
     onChangeVisibleColumns?: (visibleColumns: string[]) => void;
-    onDelete: (event: DeleteInlineAttributeEvent) => void;
-    onPin: (event: PinInlineAttributeEvent) => void;
-    onIgnore: (event: IgnoreInlineAttributeEvent) => void;
-    onEdit: (event: EditInlineAttributeEvent) => void;
-    onAdd: (event: AddInlineAttributeEvent) => void;
+    readOnly?: boolean;
+    onDelete?: (event: DeleteInlineAttributeEvent) => void;
+    onPin?: (event: PinInlineAttributeEvent) => void;
+    onIgnore?: (event: IgnoreInlineAttributeEvent) => void;
+    onEdit?: (event: EditInlineAttributeEvent) => void;
+    onAdd?: (event: AddInlineAttributeEvent) => void;
     selectedAttributeTypes?: AttributeType[];
-    onSelectAttributeTypes: (selected: AttributeType[]) => void;
+    onSelectAttributeTypes?: (selected: AttributeType[]) => void;
 };
-declare const _default: React.MemoExoticComponent<({ entity, isLoading, crosswalksMap, visibleColumns, onChangeVisibleColumns, onDelete, onPin, onIgnore, onEdit, onAdd, selectedAttributeTypes, onSelectAttributeTypes }: Props) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ entity, isLoading, crosswalksMap, visibleColumns, onChangeVisibleColumns, readOnly, onDelete, onPin, onIgnore, onEdit, onAdd, selectedAttributeTypes, onSelectAttributeTypes }: Props) => JSX.Element>;
 export default _default;

package/components/crosswalks/AttributesTable/AttributesTable.js

@@ -46,10 +46,11 @@ var RowCellRenderer_1 = __importDefault(require("./cell-renderers/RowCellRendere
 var LinearLoadIndicator_1 = __importDefault(require("../../LinearLoadIndicator/LinearLoadIndicator"));
 var ConfirmDeleteDialog_1 = __importDefault(require("../../ConfirmDeleteDialog/ConfirmDeleteDialog"));
 var ConfirmEditIgnoredDialog_1 = __importDefault(require("./ConfirmEditIgnoredDialog/ConfirmEditIgnoredDialog"));
+var core_1 = require("../../../core");
 var styles_1 = require("./styles");
 var DEFAULT_ROW_HEIGHT = 68;
 var AttributesTable = function (_a) {
-    var entity = _a.entity, isLoading = _a.isLoading, crosswalksMap = _a.crosswalksMap, _b = _a.visibleColumns, visibleColumns = _b === void 0 ? helpers_1.DEFAULT_VISIBLE_COLUMNS : _b, onChangeVisibleColumns = _a.onChangeVisibleColumns, onDelete = _a.onDelete, onPin = _a.onPin, onIgnore = _a.onIgnore, onEdit = _a.onEdit, onAdd = _a.onAdd, selectedAttributeTypes = _a.selectedAttributeTypes, onSelectAttributeTypes = _a.onSelectAttributeTypes;
+    var entity = _a.entity, isLoading = _a.isLoading, crosswalksMap = _a.crosswalksMap, _b = _a.visibleColumns, visibleColumns = _b === void 0 ? helpers_1.DEFAULT_VISIBLE_COLUMNS : _b, onChangeVisibleColumns = _a.onChangeVisibleColumns, readOnly = _a.readOnly, _c = _a.onDelete, onDelete = _c === void 0 ? core_1.noop : _c, _d = _a.onPin, onPin = _d === void 0 ? core_1.noop : _d, _e = _a.onIgnore, onIgnore = _e === void 0 ? core_1.noop : _e, _f = _a.onEdit, onEdit = _f === void 0 ? core_1.noop : _f, _g = _a.onAdd, onAdd = _g === void 0 ? core_1.noop : _g, selectedAttributeTypes = _a.selectedAttributeTypes, _h = _a.onSelectAttributeTypes, onSelectAttributeTypes = _h === void 0 ? core_1.noop : _h;
     var styles = styles_1.useStyles();
     var visibleColumnsData = react_1.useMemo(function () {
         return ramda_1.pipe(ramda_1.filter(function (_a) {
@@ -57,27 +58,27 @@ var AttributesTable = function (_a) {
             return visibleColumns.includes(id);
         }), helpers_1.getBasicTableColumnsData)(helpers_1.COLUMNS_DATA);
     }, [visibleColumns]);
-    var _c = entity || {}, parentTypeUri = _c.type, parentUri = _c.uri, _d = _c.attributes, attributes = _d === void 0 ? {} : _d;
+    var _j = entity || {}, parentTypeUri = _j.type, parentUri = _j.uri, _k = _j.attributes, attributes = _k === void 0 ? {} : _k;
     var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
     react_1.useEffect(function () {
-        if (parentUri) {
+        if (entity && ramda_1.isNil(selectedAttributeTypes)) {
             var initialAttrTypes = ramda_1.pipe(ramda_1.keys, ramda_1.without(['paging']), ramda_1.map(mdm_sdk_1.makeAttrTypeUri(parentTypeUri)), ramda_1.map(function (attrTypeUri) { return mdm_sdk_1.findAttributeTypeByUri(metadata, attrTypeUri, parentTypeUri); }), ramda_1.filter(mdm_sdk_1.isReadableAttribute))(attributes);
             onSelectAttributeTypes(initialAttrTypes);
         }
-    }, [parentUri]);
+    }, [entity, selectedAttributeTypes]);
     var rowsData = react_1.useMemo(function () {
         return parentTypeUri
             ? helpers_1.getBasicTableRowsData(metadata, parentTypeUri, selectedAttributeTypes, visibleColumns, crosswalksMap, attributes)
             : [];
     }, [metadata, parentTypeUri, selectedAttributeTypes, visibleColumns, attributes, crosswalksMap]);
-    var _e = BasicTableView_1.useDynamicRowCellHeight(), getDynamicRowCellHeight = _e.getDynamicRowCellHeight, changeRowCellHeight = _e.changeRowCellHeight;
+    var _l = BasicTableView_1.useDynamicRowCellHeight(), getDynamicRowCellHeight = _l.getDynamicRowCellHeight, changeRowCellHeight = _l.changeRowCellHeight;
     var renderRowCell = react_1.useCallback(function (props) { return (react_1.default.createElement(BasicTableView_1.RowCellAutoSizer, __assign({ onChangeHeight: changeRowCellHeight }, props),
         react_1.default.createElement(RowCellRenderer_1.default, __assign({}, props)))); }, [changeRowCellHeight]);
     var getRowCellHeight = react_1.useCallback(ramda_1.either(getDynamicRowCellHeight, ramda_1.always(DEFAULT_ROW_HEIGHT)), [
         getDynamicRowCellHeight
     ]);
-    var _f = react_1.useState(null), pendingDeletion = _f[0], setPendingDeletion = _f[1];
-    var _g = react_1.useState(null), pendingIgnoredEditing = _g[0], setPendingIgnoredEditing = _g[1];
+    var _m = react_1.useState(null), pendingDeletion = _m[0], setPendingDeletion = _m[1];
+    var _o = react_1.useState(null), pendingIgnoredEditing = _o[0], setPendingIgnoredEditing = _o[1];
     var handleEdit = react_1.useCallback(function (event) {
         event.attributeValue.ignored ? setPendingIgnoredEditing(event) : onEdit(event);
     }, [onEdit, setPendingIgnoredEditing]);
@@ -90,7 +91,8 @@ var AttributesTable = function (_a) {
         parentUri: parentUri,
         parentTypeUri: parentTypeUri,
         selectedAttributeTypes: selectedAttributeTypes,
-        onSelectAttributeTypes: onSelectAttributeTypes
+        onSelectAttributeTypes: onSelectAttributeTypes,
+        readOnly: readOnly
     }); }, [
         setPendingDeletion,
         onPin,
@@ -100,7 +102,8 @@ var AttributesTable = function (_a) {
         parentUri,
         parentTypeUri,
         selectedAttributeTypes,
-        onSelectAttributeTypes
+        onSelectAttributeTypes,
+        readOnly
     ]);
     return (react_1.default.createElement("div", { className: styles.tableContainer },
         react_1.default.createElement(BasicViewHeader_1.default, { classes: { root: styles.tableHeader }, title: ui_i18n_1.default.text('Sources') },

package/components/crosswalks/AttributesTable/cell-renderers/AttributeValuesRenderer.d.ts

@@ -13,7 +13,8 @@ declare type Props = {
     onIgnore: (event: IgnoreInlineAttributeEvent) => void;
     onAdd: (event: AddInlineAttributeEvent) => void;
     parentUri: string;
+    readOnly?: boolean;
 };
-export declare const AttributeValuesRenderer: ({ value, onDelete, onEdit, onPin, onIgnore, onAdd, parentUri }: Props) => JSX.Element;
+export declare const AttributeValuesRenderer: ({ value, onDelete, onEdit, onPin, onIgnore, onAdd, parentUri, readOnly }: Props) => JSX.Element;
 declare const _default: any;
 export default _default;

package/components/crosswalks/AttributesTable/cell-renderers/AttributeValuesRenderer.js

@@ -19,13 +19,13 @@ var AttributesFactory_1 = __importDefault(require("./attribute-renderers/Attribu
 var BasicTableView_1 = require("../../../BasicTableView");
 var ramda_1 = require("ramda");
 var AttributeValuesRenderer = function (_a) {
-    var value = _a.value, onDelete = _a.onDelete, onEdit = _a.onEdit, onPin = _a.onPin, onIgnore = _a.onIgnore, onAdd = _a.onAdd, parentUri = _a.parentUri;
+    var value = _a.value, onDelete = _a.onDelete, onEdit = _a.onEdit, onPin = _a.onPin, onIgnore = _a.onIgnore, onAdd = _a.onAdd, parentUri = _a.parentUri, readOnly = _a.readOnly;
     return AttributesFactory_1.default.build(value.attributeType.type, __assign(__assign({}, value), { parentUri: parentUri,
         onDelete: onDelete,
         onEdit: onEdit,
         onPin: onPin,
         onIgnore: onIgnore,
-        onAdd: onAdd }));
+        onAdd: onAdd, disableEdit: readOnly, disableDelete: readOnly }));
 };
 exports.AttributeValuesRenderer = AttributeValuesRenderer;
-exports.default = BasicTableView_1.withTableContext(ramda_1.pick(['onDelete', 'onPin', 'onIgnore', 'onEdit', 'onAdd', 'parentUri']))(exports.AttributeValuesRenderer);
+exports.default = BasicTableView_1.withTableContext(ramda_1.pick(['onDelete', 'onPin', 'onIgnore', 'onEdit', 'onAdd', 'parentUri', 'readOnly']))(exports.AttributeValuesRenderer);

package/components/crosswalks/AttributesTable/cell-renderers/AttributesHeadCellRenderer.d.ts

@@ -1,3 +1,10 @@
 /// <reference types="react" />
-declare const AttributesHeadCellRenderer: (props: any) => JSX.Element;
-export default AttributesHeadCellRenderer;
+declare type Props = {
+    readOnly?: boolean;
+    headCellData: {
+        label: string;
+    };
+};
+export declare const AttributesHeadCellRenderer: ({ readOnly, ...props }: Props) => JSX.Element;
+declare const _default: any;
+export default _default;

package/components/crosswalks/AttributesTable/cell-renderers/AttributesHeadCellRenderer.js

@@ -10,17 +10,33 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.AttributesHeadCellRenderer = void 0;
 var react_1 = __importDefault(require("react"));
 var HeadCellRenderer_1 = __importDefault(require("./HeadCellRenderer"));
 var AddAttributesButton_1 = __importDefault(require("../AddAttributesButton/AddAttributesButton"));
 var Spacer_1 = __importDefault(require("../../../Spacer/Spacer"));
-var AttributesHeadCellRenderer = function (props) {
-    return (react_1.default.createElement(HeadCellRenderer_1.default, __assign({}, props),
+var BasicTableView_1 = require("../../../BasicTableView");
+var ramda_1 = require("ramda");
+var AttributesHeadCellRenderer = function (_a) {
+    var readOnly = _a.readOnly, props = __rest(_a, ["readOnly"]);
+    return readOnly ? (react_1.default.createElement(HeadCellRenderer_1.default, __assign({}, props))) : (react_1.default.createElement(HeadCellRenderer_1.default, __assign({}, props),
         react_1.default.createElement(Spacer_1.default, null),
         react_1.default.createElement(AddAttributesButton_1.default, null)));
 };
-exports.default = AttributesHeadCellRenderer;
+exports.AttributesHeadCellRenderer = AttributesHeadCellRenderer;
+exports.default = BasicTableView_1.withTableContext(ramda_1.pick(['readOnly']))(exports.AttributesHeadCellRenderer);

package/components/crosswalks/AttributesTable/cell-renderers/attribute-renderers/AttributesFactory.d.ts

@@ -6,6 +6,8 @@ export declare type AttributesRendererProps = {
     attributeType: AttributeType;
     crosswalksMap: CrosswalksMap;
     parentUri: string;
+    disableDelete?: boolean;
+    disableEdit?: boolean;
     onDelete: (event: DeleteInlineAttributeEvent) => void;
     onEdit: (event: EditInlineAttributeEvent) => void;
     onPin: (event: PinInlineAttributeEvent) => void;

package/components/history/ProfileBandHistory/ProfileBandHistory.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ProfileBandHistory: () => JSX.Element;
+export default ProfileBandHistory;

package/components/history/ProfileBandHistory/ProfileBandHistory.js

@@ -0,0 +1,45 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_redux_1 = require("react-redux");
+var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
+var Button_1 = __importDefault(require("@material-ui/core/Button"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var ramda_1 = require("ramda");
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var styles_1 = require("./styles");
+var ProfileBandHistory = function () {
+    var styles = styles_1.useStyles();
+    var historyEvent = react_redux_1.useSelector(mdm_module_1.default.selectors.getHistoryEvent);
+    var dispatch = react_redux_1.useDispatch();
+    var onCancel = ramda_1.pipe(mdm_module_1.profile.history.actions.clearHistoryEvent, dispatch);
+    return historyEvent ? (react_1.default.createElement("div", { className: styles.root },
+        react_1.default.createElement(Typography_1.default, { component: 'div' },
+            ui_i18n_1.default.text('You are viewing a historic slice:'),
+            ' ',
+            react_1.default.createElement("span", { className: styles.slice }, ui_i18n_1.default.date(historyEvent.aStamp, 'llll'))),
+        react_1.default.createElement(Button_1.default, { className: styles.cancelButton, variant: "contained", color: "primary", onClick: onCancel }, ui_i18n_1.default.text('Cancel')))) : null;
+};
+exports.default = ProfileBandHistory;

package/components/history/ProfileBandHistory/styles.d.ts

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

package/components/history/ProfileBandHistory/styles.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = styles_1.makeStyles({
+    root: {
+        display: 'flex',
+        alignItems: 'flex-start'
+    },
+    slice: {
+        fontWeight: 500
+    },
+    cancelButton: {
+        width: '88px',
+        flexShrink: 0,
+        marginLeft: '15px'
+    }
+});

package/components/history/hooks/useHistorySlice.d.ts

@@ -0,0 +1,4 @@
+export declare const useHistorySlice: () => {
+    isLoading: boolean;
+    historySlice: import("@reltio/mdm-module").HistorySlice;
+};

package/components/history/hooks/useHistorySlice.js

@@ -0,0 +1,58 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHistorySlice = void 0;
+var react_1 = require("react");
+var react_redux_1 = require("react-redux");
+var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var hooks_1 = require("../../../hooks");
+var useHistorySlice = function () {
+    var _a = react_1.useState(false), isLoading = _a[0], setIsLoading = _a[1];
+    var historyEvent = react_redux_1.useSelector(mdm_module_1.default.selectors.getHistoryEvent);
+    var historySlice = react_redux_1.useSelector(mdm_module_1.default.selectors.getHistorySlice);
+    var entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity);
+    var dispatch = react_redux_1.useDispatch();
+    var safePromise = hooks_1.useSafePromise();
+    var _b = historyEvent || {}, aStamp = _b.aStamp, bStamp = _b.bStamp, overrideUri = _b.overrideUri;
+    var entityUri = overrideUri || (entity === null || entity === void 0 ? void 0 : entity.uri);
+    react_1.useEffect(function () {
+        if (!historySlice && historyEvent && entityUri) {
+            setIsLoading(true);
+            safePromise(Promise.all([
+                mdm_sdk_1.getEntityTimeSlice(entityUri, aStamp),
+                bStamp && bStamp !== 1 ? mdm_sdk_1.getEntityTimeSlice(entityUri, bStamp) : Promise.resolve(null)
+            ]))
+                .then(function (_a) {
+                var aEntity = _a[0], bEntity = _a[1];
+                dispatch(mdm_module_1.profile.history.actions.setHistorySlice({ aEntity: aEntity, bEntity: bEntity }));
+            })
+                .catch(function (e) {
+                console.warn('Failed to load entity slice', e);
+            })
+                .finally(function () {
+                setIsLoading(false);
+            });
+        }
+    }, [aStamp, bStamp, entityUri]);
+    return { isLoading: isLoading, historySlice: historySlice };
+};
+exports.useHistorySlice = useHistorySlice;

package/components/history/index.d.ts

@@ -1,7 +1,7 @@
 export { useHistoricUris } from './hooks/useHistoricUris';
 export { useHistoryWithTotal } from './hooks/useHistoryWithTotal';
+export { useHistorySlice } from './hooks/useHistorySlice';
 export { default as HistoryView } from './HistoryView/HistoryView';
 export { default as HistoryHeader } from './HistoryHeader/HistoryHeader';
-export { default as HistoryFilterButton } from './HistoryFilterButton/HistoryFilterButton';
-export { default as HistoryMenuButton } from './HistoryMenuButton/HistoryMenuButton';
+export { default as ProfileBandHistory } from './ProfileBandHistory/ProfileBandHistory';
 export * from './types';

package/components/history/index.js

@@ -13,17 +13,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HistoryMenuButton = exports.HistoryFilterButton = exports.HistoryHeader = exports.HistoryView = exports.useHistoryWithTotal = exports.useHistoricUris = void 0;
+exports.ProfileBandHistory = exports.HistoryHeader = exports.HistoryView = exports.useHistorySlice = exports.useHistoryWithTotal = exports.useHistoricUris = void 0;
 var useHistoricUris_1 = require("./hooks/useHistoricUris");
 Object.defineProperty(exports, "useHistoricUris", { enumerable: true, get: function () { return useHistoricUris_1.useHistoricUris; } });
 var useHistoryWithTotal_1 = require("./hooks/useHistoryWithTotal");
 Object.defineProperty(exports, "useHistoryWithTotal", { enumerable: true, get: function () { return useHistoryWithTotal_1.useHistoryWithTotal; } });
+var useHistorySlice_1 = require("./hooks/useHistorySlice");
+Object.defineProperty(exports, "useHistorySlice", { enumerable: true, get: function () { return useHistorySlice_1.useHistorySlice; } });
 var HistoryView_1 = require("./HistoryView/HistoryView");
 Object.defineProperty(exports, "HistoryView", { enumerable: true, get: function () { return __importDefault(HistoryView_1).default; } });
 var HistoryHeader_1 = require("./HistoryHeader/HistoryHeader");
 Object.defineProperty(exports, "HistoryHeader", { enumerable: true, get: function () { return __importDefault(HistoryHeader_1).default; } });
-var HistoryFilterButton_1 = require("./HistoryFilterButton/HistoryFilterButton");
-Object.defineProperty(exports, "HistoryFilterButton", { enumerable: true, get: function () { return __importDefault(HistoryFilterButton_1).default; } });
-var HistoryMenuButton_1 = require("./HistoryMenuButton/HistoryMenuButton");
-Object.defineProperty(exports, "HistoryMenuButton", { enumerable: true, get: function () { return __importDefault(HistoryMenuButton_1).default; } });
+var ProfileBandHistory_1 = require("./ProfileBandHistory/ProfileBandHistory");
+Object.defineProperty(exports, "ProfileBandHistory", { enumerable: true, get: function () { return __importDefault(ProfileBandHistory_1).default; } });
 __exportStar(require("./types"), exports);

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.848",
+  "version": "1.4.849",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "^2.7.0",
-    "@reltio/mdm-module": "^1.4.848",
-    "@reltio/mdm-sdk": "^1.4.848",
+    "@reltio/mdm-module": "^1.4.849",
+    "@reltio/mdm-sdk": "^1.4.849",
     "classnames": "^2.2.5",
     "frontend-collective-react-dnd-scrollzone": "^1.0.2",
     "nanoid": "^2.0.0",