@reltio/components 1.4.1638 → 1.4.1639

package/cjs/components/attributes/editMode/AttributesView/AttributesView.js

@@ -38,10 +38,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
 var classnames_1 = __importDefault(require("classnames"));
-var ramda_1 = require("ramda");
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Box_1 = __importDefault(require("@mui/material/Box"));
 var BasicView_1 = __importDefault(require("../../../BasicView/BasicView"));
@@ -53,19 +50,20 @@ var PinnedAttributesContext_1 = require("../contexts/PinnedAttributesContext");
 var styles_1 = require("./styles");
 var AttributesView = function (_a) {
     var _b;
-    var className = _a.className, _c = _a.entity, entity = _c === void 0 ? {} : _c, mode = _a.mode, metadata = _a.metadata, _d = _a.caption, caption = _d === void 0 ? '' : _d, _e = _a.excludeUris, excludeUris = _e === void 0 ? [] : _e, _f = _a.includeUris, includeUris = _f === void 0 ? [] : _f, pinnedAttributes = _a.pinnedAttributes;
+    var className = _a.className, mode = _a.mode, entity = _a.entity, _c = _a.caption, caption = _c === void 0 ? '' : _c, _d = _a.excludeUris, excludeUris = _d === void 0 ? [] : _d, _e = _a.includeUris, includeUris = _e === void 0 ? [] : _e, pinnedAttributes = _a.pinnedAttributes;
     var styles = (0, styles_1.useStyles)();
-    var dispatch = (0, react_redux_1.useDispatch)();
     var viewId = (0, react_1.useContext)(contexts_1.ViewIdContext);
-    var userRoles = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUserRoles);
+    var addAttributes = (0, contexts_1.useMdmAction)('addAttributes');
+    var modifyAttribute = (0, contexts_1.useMdmAction)('modifyAttribute');
+    var removeAttribute = (0, contexts_1.useMdmAction)('removeAttribute');
+    var metadata = (0, contexts_1.useMdmMetadata)();
+    var userRoles = (0, contexts_1.useMdmUserRoles)();
+    var modifiedEntity = (0, contexts_1.useMdmModifiedEntity)(entity.uri) || {};
     var pinnedAttributeUris = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getPinnedAttributesForUser)(pinnedAttributes, userRoles); }, [pinnedAttributes, userRoles]);
-    var modifiedEntity = (0, react_redux_1.useSelector)(function (state) { return mdm_module_1.default.selectors.getModifiedEntity(state, entity.uri) || {}; });
     var filteredAttrTypes = (0, react_1.useMemo)(function () { return (0, attributesView_1.getFilteredAttrTypes)(metadata, modifiedEntity.type, includeUris, excludeUris); }, [excludeUris, includeUris, metadata, modifiedEntity.type]);
-    var onAddAttributes = (0, react_1.useCallback)(function (params) {
-        return (0, ramda_1.pipe)(mdm_module_1.profile.actions.addAttributes, dispatch)(params.map(function (param) { return (__assign(__assign({}, param), { viewId: viewId })); }));
-    }, [viewId, dispatch]);
-    var onChangeAttribute = (0, react_1.useCallback)(function (params) { return (0, ramda_1.pipe)(mdm_module_1.profile.actions.modifyAttribute, dispatch)(__assign(__assign({}, params), { viewId: viewId })); }, [viewId, dispatch]);
-    var onDeleteAttribute = (0, react_1.useCallback)(function (params) { return (0, ramda_1.pipe)(mdm_module_1.profile.actions.removeAttribute, dispatch)(__assign(__assign({}, params), { viewId: viewId })); }, [viewId, dispatch]);
+    var onAddAttributes = (0, react_1.useCallback)(function (params) { return addAttributes(params.map(function (param) { return (__assign(__assign({}, param), { viewId: viewId })); })); }, [viewId, addAttributes]);
+    var onChangeAttribute = (0, react_1.useCallback)(function (params) { return modifyAttribute(__assign(__assign({}, params), { viewId: viewId })); }, [viewId, modifyAttribute]);
+    var onDeleteAttribute = (0, react_1.useCallback)(function (params) { return removeAttribute(__assign(__assign({}, params), { viewId: viewId })); }, [viewId, removeAttribute]);
     return (react_1.default.createElement(BasicView_1.default, { className: className },
         caption && react_1.default.createElement(FacetViewHeader_1.default, { className: styles.header, title: caption }),
         react_1.default.createElement(Box_1.default, { className: (0, classnames_1.default)(styles.attributesContainer, (_b = {}, _b[styles.noCaption] = !caption, _b)) },

package/cjs/components/attributes/editMode/EntityCreator/EntityCreator.d.ts

@@ -1,25 +1,10 @@
+/// <reference types="react" />
+import { AttributeType, Mode, TEntityType } from '@reltio/mdm-sdk';
+type Props = {
+    entityUri: string;
+    entityType: TEntityType;
+    mode: Mode;
+    attributeTypesSelectionStrategy?: (entityType: TEntityType) => AttributeType[];
+};
+declare const EntityCreator: ({ entityUri, entityType, mode, attributeTypesSelectionStrategy }: Props) => JSX.Element;
 export default EntityCreator;
-declare function EntityCreator({ entity, entityType, attributeTypesSelectionStrategy, mode, onAddAttributes, onDeleteAttribute, onChangeAttribute }: {
-    entity: any;
-    entityType: any;
-    attributeTypesSelectionStrategy?: (entityType: any) => any;
-    mode: any;
-    onAddAttributes: any;
-    onDeleteAttribute: any;
-    onChangeAttribute: any;
-}): JSX.Element;
-declare namespace EntityCreator {
-    namespace propTypes {
-        export const entityUri: PropTypes.Requireable<string>;
-        export const parentUri: PropTypes.Requireable<string>;
-        export const entity: PropTypes.Requireable<object>;
-        export const entityType: PropTypes.Requireable<object>;
-        export const attributeTypesSelectionStrategy: PropTypes.Requireable<(...args: any[]) => any>;
-        export { ModeType as mode };
-        export const onAddAttributes: PropTypes.Requireable<(...args: any[]) => any>;
-        export const onDeleteAttribute: PropTypes.Requireable<(...args: any[]) => any>;
-        export const onChangeAttribute: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-}
-import PropTypes from 'prop-types';
-import { ModeType } from '@reltio/mdm-sdk';

package/cjs/components/attributes/editMode/EntityCreator/EntityCreator.js

@@ -27,24 +27,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var AttributesList_1 = __importDefault(require("../AttributesList"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var contexts_1 = require("../../../../contexts");
 var defaultAttributeTypesSelectionStrategy = function (entityType) { return entityType && entityType.attributes; };
 var EntityCreator = function (_a) {
-    var entity = _a.entity, entityType = _a.entityType, _b = _a.attributeTypesSelectionStrategy, attributeTypesSelectionStrategy = _b === void 0 ? defaultAttributeTypesSelectionStrategy : _b, mode = _a.mode, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute;
+    var entityUri = _a.entityUri, entityType = _a.entityType, mode = _a.mode, _b = _a.attributeTypesSelectionStrategy, attributeTypesSelectionStrategy = _b === void 0 ? defaultAttributeTypesSelectionStrategy : _b;
+    var addAttributes = (0, contexts_1.useMdmAction)('addAttributes');
+    var removeAttribute = (0, contexts_1.useMdmAction)('removeAttribute');
+    var modifyAttribute = (0, contexts_1.useMdmAction)('modifyAttribute');
+    var entity = (0, contexts_1.useMdmModifiedEntity)(entityUri);
     var attributeTypes = (0, react_1.useMemo)(function () { return attributeTypesSelectionStrategy(entityType); }, [attributeTypesSelectionStrategy, entityType]);
-    return entity ? (react_1.default.createElement(AttributesList_1.default, { key: entity.uri, attrTypes: attributeTypes, entity: entity, showEmptyEditors: true, drawLines: true, parentUri: entity.uri, mode: mode, crosswalks: entity.crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute })) : null;
-};
-EntityCreator.propTypes = {
-    entityUri: prop_types_1.default.string,
-    parentUri: prop_types_1.default.string,
-    entity: prop_types_1.default.object,
-    entityType: prop_types_1.default.object,
-    attributeTypesSelectionStrategy: prop_types_1.default.func,
-    mode: mdm_sdk_1.ModeType,
-    onAddAttributes: prop_types_1.default.func,
-    onDeleteAttribute: prop_types_1.default.func,
-    onChangeAttribute: prop_types_1.default.func
+    return entity ? (react_1.default.createElement(AttributesList_1.default, { key: entity.uri, attrTypes: attributeTypes, entity: entity, showEmptyEditors: true, drawLines: true, parentUri: entity.uri, mode: mode, crosswalks: entity.crosswalks, onAddAttributes: addAttributes, onChangeAttribute: modifyAttribute, onDeleteAttribute: removeAttribute })) : null;
 };
 exports.default = EntityCreator;

package/cjs/components/attributes/editMode/EntitySelector/EntitySelector.js

@@ -57,7 +57,7 @@ var DropDownSelector_1 = __importDefault(require("../../../DropDownSelector/Drop
 var EntityOption_1 = __importDefault(require("./components/EntityOption"));
 var SingleValue_1 = __importDefault(require("./components/SingleValue"));
 var ClearIndicator_1 = __importDefault(require("./components/ClearIndicator"));
-var EntityCreator_1 = __importDefault(require("../EntityCreator"));
+var EntityCreator_1 = __importDefault(require("../EntityCreator/EntityCreator"));
 var core_1 = require("../../../../core");
 var Group_1 = __importDefault(require("./components/Group"));
 var styles_1 = require("./styles");

package/cjs/components/attributes/editMode/EntitySelector/components/SingleValue.js

@@ -38,12 +38,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var ramda_1 = require("ramda");
 var prop_types_1 = __importDefault(require("prop-types"));
 var classnames_1 = __importDefault(require("classnames"));
-var react_redux_1 = require("react-redux");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var contexts_1 = require("../../../../../contexts");
@@ -51,14 +48,14 @@ var styles_1 = require("./styles");
 var SingleValue = function (props) {
     var _a = props.selectProps, currentEntityType = _a.currentEntityType, menuIsOpen = _a.menuIsOpen, disableLinkClick = _a.disableLinkClick, children = props.children, data = props.data;
     var styles = (0, styles_1.useSingleValueStyles)();
-    var dispatch = (0, react_redux_1.useDispatch)();
+    var openEntity = (0, contexts_1.useMdmAction)('openEntity');
+    var uiPath = (0, contexts_1.useMdmUiPath)();
     var viewId = (0, react_1.useContext)(contexts_1.ViewIdContext);
     var generateEntityUrl = (0, react_1.useContext)(contexts_1.UrlGeneratorsContext).generateEntityUrl;
-    var uiPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUIPath);
     var handleOnMouseDown = function (event) {
         event.stopPropagation();
         if (!disableLinkClick) {
-            (0, ramda_1.pipe)((0, ramda_1.always)({ uri: data.entityUri, viewId: viewId }), mdm_module_1.ui.actions.openEntity, dispatch)();
+            openEntity({ uri: data.entityUri, viewId: viewId });
         }
     };
     var valueProps = (0, mdm_sdk_1.isTempUri)(data.entityUri)

package/cjs/components/attributes/editMode/ImageAttributesLine/ImageAttributesLine.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-import { RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-module';
-import { AttributeType, ImageAttributeValue, Paging, AttributeItem } from '@reltio/mdm-sdk';
+import { AttributeType, ImageAttributeValue, Paging, AttributeItem, RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-sdk';
 import { SIZES_TYPE } from '../../ImageAttributesLine/styles';
 type Props = {
     attributeType: AttributeType;

package/cjs/components/attributes/editMode/ImageAttributesLine/ImageAttributesLine.js

@@ -27,9 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
 var CloudUpload_1 = __importDefault(require("@mui/icons-material/CloudUpload"));
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Image_1 = __importDefault(require("../../../Image/Image"));
 var ImageActionsOverlay_1 = __importDefault(require("../../../Image/ImageActionsOverlay/ImageActionsOverlay"));
@@ -37,16 +35,16 @@ var SmallIconButton_1 = require("../../../SmallIconButton");
 var UploadImageDialog_1 = require("../../../UploadImageDialog/UploadImageDialog");
 var ImageAttributesLine_1 = __importDefault(require("../../ImageAttributesLine"));
 var constants_1 = require("../../ImageAttributesLine/constants");
+var contexts_1 = require("../../../../contexts");
 var styles_1 = require("./styles");
+var defaultEntity = {};
 var ImageAttributesLine = function (_a) {
     var _b = _a.attributeType, attributeType = _b === void 0 ? {} : _b, _c = _a.attributeValues, attributeValues = _c === void 0 ? [] : _c, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, parentUri = _a.parentUri, paging = _a.paging, showNonOv = _a.showNonOv, _d = _a.imageSize, imageSize = _d === void 0 ? constants_1.DEFAULT_IMAGE_SIZE : _d;
     var styles = (0, styles_1.useStyles)(imageSize);
-    var entity = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getEntity) || {};
-    var defaultProfilePic = (0, react_redux_1.useSelector)(function (state) {
-        return mdm_module_1.default.selectors.getModifiedEntityDefaultProfilePic(state, entity.uri);
-    });
-    var dispatch = (0, react_redux_1.useDispatch)();
     var _e = (0, react_1.useState)(false), isVisibleUploadDialog = _e[0], setIsVisibleUploadDialog = _e[1];
+    var setDefaultProfilePic = (0, contexts_1.useMdmAction)('setDefaultProfilePicForModifiedEntity');
+    var entity = (0, contexts_1.useMdmEntity)() || defaultEntity;
+    var defaultProfilePic = (0, contexts_1.useMdmModifiedEntityDefaultProfilePic)(entity.uri);
     var toggleVisibilityUploadDialog = (0, react_1.useCallback)(function () {
         setIsVisibleUploadDialog(function (visible) { return !visible; });
     }, []);
@@ -79,12 +77,12 @@ var ImageAttributesLine = function (_a) {
         onDeleteAttribute(param);
         if (defaultProfilePic === param.uri) {
             var newDefaultPic = ((_a = attributeValues[0]) === null || _a === void 0 ? void 0 : _a.uri) === param.uri ? attributeValues[1] : attributeValues[0];
-            dispatch(mdm_module_1.profile.modifiedEntities.actions.setDefaultProfilePic({
+            setDefaultProfilePic({
                 entityUri: entity.uri,
                 value: newDefaultPic || {}
-            }));
+            });
         }
-    }, [onDeleteAttribute, entity, defaultProfilePic, attributeValues]);
+    }, [onDeleteAttribute, entity, defaultProfilePic, attributeValues, setDefaultProfilePic]);
     var renderImageActionsOverlay = function (methods, attribute) {
         var onOpenImageGalleryDialog = methods.onOpenImageGalleryDialog, onDownload = methods.onDownload, onShareLink = methods.onShareLink, onSetAsDefault = methods.onSetAsDefault;
         var imageUrl = (0, mdm_sdk_1.getImageAttributeOvUrl)(attribute);

package/cjs/components/attributes/editMode/MoreAttributesButton/useMoreAttributesItems.js

@@ -9,8 +9,7 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var helpers_1 = require("../../../VirtualGroupedList/helpers");
 var helpers_2 = require("./helpers");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var react_redux_1 = require("react-redux");
+var contexts_1 = require("../../../../contexts");
 var GROUP_NAMES;
 (function (GROUP_NAMES) {
     GROUP_NAMES["parent"] = "parent";
@@ -18,8 +17,8 @@ var GROUP_NAMES;
 })(GROUP_NAMES || (GROUP_NAMES = {}));
 var useMoreAttributesItems = function (_a) {
     var data = _a.data, parent = _a.parent, filter = _a.filter;
+    var strategy = (0, contexts_1.useMdmAttributesSortingStrategy)();
     var hasGroups = Boolean(parent);
-    var strategy = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getAttributesSortingStrategy);
     var sortingFn = (0, react_1.useMemo)(function () {
         switch (strategy) {
             case mdm_sdk_1.SortingStrategy.ASC_BY_NAME:

package/cjs/components/attributes/editMode/ReferenceAttribute/ReferenceAttribute.js

@@ -63,10 +63,18 @@ var styles_1 = require("./styles");
 var ReferenceAttribute = function (props) {
     var _a;
     var styles = (0, styles_1.useStyles)();
-    var modifiedEntity = props.modifiedEntity, metadata = props.metadata, globalSearchRequestOptions = props.globalSearchRequestOptions, onDeleteModifiedEntity = props.onDeleteModifiedEntity, onUpdateModifiedEntity = props.onUpdateModifiedEntity, onDeactivateError = props.onDeactivateError, highlightedError = props.highlightedError, ownProps = __rest(props, ["modifiedEntity", "metadata", "globalSearchRequestOptions", "onDeleteModifiedEntity", "onUpdateModifiedEntity", "onDeactivateError", "highlightedError"]);
+    var highlightedError = props.highlightedError, ownProps = __rest(props, ["highlightedError"]);
     var attributeValue = ownProps.attributeValue, attributeType = ownProps.attributeType, mode = ownProps.mode, crosswalks = ownProps.crosswalks, errors = ownProps.errors, onChangeAttribute = ownProps.onChangeAttribute;
     var initialAttributeValue = (0, react_1.useRef)(attributeValue);
     var _b = (0, hooks_1.useScrollToAttributeError)({ highlightedError: highlightedError, isSimple: true }), ref = _b.ref, errorClassName = _b.errorClassName;
+    var entityUri = (0, mdm_sdk_1.getReferencedEntityUriFromAttrValue)(attributeValue);
+    var entityDeleted = (0, contexts_1.useMdmAction)('entityDeleted');
+    var entityCreated = (0, contexts_1.useMdmAction)('entityCreated');
+    var errorDeactivated = (0, contexts_1.useMdmAction)('errorDeactivated');
+    var mdmModifiedEntity = (0, contexts_1.useMdmModifiedEntity)(entityUri);
+    var modifiedEntity = (0, mdm_sdk_1.isTempUri)(entityUri) ? mdmModifiedEntity : null;
+    var metadata = (0, contexts_1.useMdmMetadata)();
+    var globalSearchRequestOptions = (0, contexts_1.useMdmGlobalSearchRequestOptions)(['ovOnly']);
     var referencedEntity = (0, mdm_sdk_1.getReferencedEntityFromAttrValue)(attributeValue);
     var referencedRelation = (0, mdm_sdk_1.getReferencedRelationFromAttrValue)(attributeValue);
     var referencedEntityTypeUri = (0, mdm_sdk_1.getReferencedEntityTypeUriFromAttrType)(attributeType);
@@ -92,7 +100,7 @@ var ReferenceAttribute = function (props) {
     var newEntityAttrTypesSelectionStrategy = (0, react_1.useCallback)(function (entityType) { return (0, mdm_sdk_1.referencedEntityAttributeTypesSelectionStrategy)(attributeType, entityType); }, [attributeType]);
     var onChangeEntity = (0, react_1.useCallback)(function (entity) {
         if (modifiedEntity) {
-            onDeleteModifiedEntity(modifiedEntity.uri);
+            entityDeleted(modifiedEntity.uri);
         }
         var initialAttrValue = initialAttributeValue.current;
         var isInitialEntity = !(0, ramda_1.isEmpty)(entity) && entity.uri === (0, mdm_sdk_1.getReferencedEntityUriFromAttrValue)(initialAttrValue);
@@ -101,15 +109,15 @@ var ReferenceAttribute = function (props) {
                 : (0, mdm_sdk_1.createReferencedRelationForAttrValue)(attributeValue) });
         onChangeAttribute({ value: modifiedValue, attributeType: attributeType, uri: attributeValue.uri });
         if (referencedEntityMissedError) {
-            onDeactivateError((0, mdm_sdk_1.getErrorId)(referencedEntityMissedError));
+            errorDeactivated((0, mdm_sdk_1.getErrorId)(referencedEntityMissedError));
         }
     }, [
         attributeValue,
         attributeType,
         modifiedEntity,
         onChangeAttribute,
-        onDeleteModifiedEntity,
-        onDeactivateError,
+        entityDeleted,
+        errorDeactivated,
         referencedEntityMissedError
     ]);
     var onCreateEntity = (0, react_1.useCallback)(function (entityTypeUri, initValue) {
@@ -122,15 +130,8 @@ var ReferenceAttribute = function (props) {
             mode: mode
         });
         onChangeEntity(newEntity);
-        onUpdateModifiedEntity(newEntity);
-    }, [
-        newEntityAttrTypesSelectionStrategy,
-        mode,
-        referencedEntityType,
-        metadata,
-        onChangeEntity,
-        onUpdateModifiedEntity
-    ]);
+        entityCreated(newEntity);
+    }, [newEntityAttrTypesSelectionStrategy, mode, referencedEntityType, metadata, onChangeEntity, entityCreated]);
     var canChangeReferencedEntity = (0, react_1.useMemo)(function () {
         return (0, mdm_sdk_1.checkCanEditAttribute)({
             attributeType: attributeType,
@@ -148,7 +149,7 @@ var ReferenceAttribute = function (props) {
                         _a[styles.dense] = errorMessage || (selectedEntity && (0, mdm_sdk_1.isTempUri)(selectedEntity.entityUri)),
                         _a)), entity: selectedEntity || {}, entityTypesUris: entityTypesUris, max: 20, globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, isDisabled: !canChangeReferencedEntity, onChange: onChangeEntity, onCreate: canCreateReferencedEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: newEntityAttrTypesSelectionStrategy })))));
 };
-ReferenceAttribute.propTypes = __assign(__assign({}, mdm_sdk_1.ReferenceAttributeType), { modifiedEntity: mdm_sdk_1.EntityType, metadata: mdm_sdk_1.MetadataType, globalSearchRequestOptions: prop_types_1.default.object, onDeleteModifiedEntity: prop_types_1.default.func, onUpdateModifiedEntity: prop_types_1.default.func, onDeactivateError: prop_types_1.default.func, highlightedError: prop_types_1.default.object });
+ReferenceAttribute.propTypes = __assign(__assign({}, mdm_sdk_1.ReferenceAttributeType), { highlightedError: prop_types_1.default.object });
 exports.default = (0, HOCs_1.withContext)(contexts_1.ScrollToElementContext, function (contextValue, _a) {
     var attributeValue = _a.attributeValue, attributeType = _a.attributeType;
     var _b = contextValue || {}, element = _b.element, type = _b.type;

package/cjs/components/attributes/editMode/Roles/Roles.js

@@ -29,20 +29,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Roles = void 0;
 var react_1 = __importStar(require("react"));
 var ramda_1 = require("ramda");
-var react_redux_1 = require("react-redux");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var SimpleDropDownSelector_1 = __importDefault(require("../../../SimpleDropDownSelector/SimpleDropDownSelector"));
 var __1 = require("../../..");
 var styles_1 = require("./styles");
 var SmallIconButton_1 = __importDefault(require("../../../SmallIconButton/SmallIconButton"));
 var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
+var contexts_1 = require("../../../../contexts");
 var components = { MultiValue: __1.MultiValueChip };
 var Roles = function (_a) {
     var values = _a.values, onChange = _a.onChange, onDelete = _a.onDelete;
     var styles = (0, styles_1.useStyles)();
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
-    var entity = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getEntity);
+    var metadata = (0, contexts_1.useMdmMetadata)();
+    var entity = (0, contexts_1.useMdmEntity)();
     var entityUri = entity.uri;
     var options = (0, mdm_sdk_1.getRolesForEntityType)(metadata, entity.type).map(function (role) { return ({
         value: role.uri,
@@ -69,6 +68,6 @@ var Roles = function (_a) {
     }, [entityUri, onDelete]);
     return (react_1.default.createElement("div", { className: styles.container, "data-reltio-id": "reltio-attribute-value" },
         react_1.default.createElement(SimpleDropDownSelector_1.default, { label: '', height: 40, isMulti: true, options: options, value: formattedValues, onChange: handleChange, components: components, classes: styles, className: styles.roleContainer }),
-        !!onDelete && (react_1.default.createElement(SmallIconButton_1.default, { className: styles.deleteButton, icon: Delete_1.default, onClick: handleDelete, size: "L" }))));
+        !!onDelete && (react_1.default.createElement(SmallIconButton_1.default, { "data-reltio-id": "reltio-roles-delete-button", className: styles.deleteButton, icon: Delete_1.default, onClick: handleDelete, size: "L" }))));
 };
 exports.Roles = Roles;

package/cjs/components/attributes/editMode/SimpleAttributeEditor/SimpleAttributeEditor.js

@@ -50,7 +50,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var prop_types_1 = __importDefault(require("prop-types"));
-var react_redux_1 = require("react-redux");
 var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
 var Add_1 = __importDefault(require("@mui/icons-material/Add"));
@@ -64,7 +63,6 @@ var ErrorWrapper_1 = __importDefault(require("../../../ErrorWrapper/ErrorWrapper
 var SmallIconButton_1 = __importDefault(require("../../../SmallIconButton/SmallIconButton"));
 var utils_1 = require("./utils");
 var withAsyncMount_1 = __importDefault(require("../../../../HOCs/withAsyncMount/withAsyncMount"));
-var getDependentLookupEditorContext_1 = require("./selectors/getDependentLookupEditorContext");
 var HOCs_1 = require("../../../../HOCs");
 var contexts_1 = require("../../../../contexts");
 var hooks_1 = require("../../../../hooks");
@@ -86,11 +84,7 @@ var SimpleAttributeEditor = function (_a) {
     var canDelete = (0, mdm_sdk_1.checkCanDeleteAttribute)({ attributeType: attributeType, attributeValue: attributeValue, mode: mode, isReltioCrosswalk: isReltioCrosswalk });
     var showToEdit = canEdit && isEditableMode;
     var errorMessage = (0, mdm_sdk_1.getErrorMessage)(ownError);
-    var dependentLookupEditorContext = (0, react_redux_1.useSelector)(function (state) {
-        return (0, mdm_sdk_1.isDependentLookupAttrType)(attributeType)
-            ? (0, getDependentLookupEditorContext_1.getDependentLookupEditorContext)(state, attributeValue, attributeType === null || attributeType === void 0 ? void 0 : attributeType.uri)
-            : null;
-    });
+    var dependentLookupEditorContext = (0, contexts_1.useMdmDependentLookupEditorContext)(attributeValue, attributeType);
     var _e = (0, hooks_1.useScrollToAttributeError)({ highlightedError: highlightedError, isSimple: true }), ref = _e.ref, errorClassName = _e.errorClassName;
     (0, react_1.useEffect)(function () {
         // when editor is empty but has default lookup code, onChangeAttribute will be called by useLookupsResolver
@@ -156,9 +150,10 @@ SimpleAttributeEditor.propTypes = {
     highlightedError: prop_types_1.default.object,
     isEmptyEditor: prop_types_1.default.bool
 };
-exports.default = (0, withAsyncMount_1.default)((0, HOCs_1.withContext)(contexts_1.ScrollToElementContext, function (contextValue, _a) {
+var SimpleAttributeEditorWithScrollToElementContext = (0, HOCs_1.withContext)(contexts_1.ScrollToElementContext, function (contextValue, _a) {
     var attributeValue = _a.attributeValue;
     var _b = contextValue || {}, element = _b.element, type = _b.type;
     var isHighlighted = (0, contexts_1.isHighlightedErrorType)(type) && (element === null || element === void 0 ? void 0 : element.uri) === attributeValue.uri;
     return { highlightedError: isHighlighted ? contextValue : null };
-}, SimpleAttributeEditor), AsyncMountPlaceholder);
+}, SimpleAttributeEditor);
+exports.default = (0, withAsyncMount_1.default)(SimpleAttributeEditorWithScrollToElementContext, AsyncMountPlaceholder);

package/cjs/components/attributes/editMode/SimpleAttributeEditor/useAutopopulationContextValue.js

@@ -1,43 +1,20 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAutopopulationContextValue = void 0;
 var react_1 = require("react");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
+var contexts_1 = require("../../../../contexts");
 var useAutopopulationContextValue = function (_a) {
     var enabled = _a.enabled, attributeTypeUri = _a.attributeTypeUri, valueUri = _a.valueUri;
-    var dispatch = (0, react_redux_1.useDispatch)();
-    var autocompleteConfig = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getLookupAutocomplete);
+    var dependentLookupsEditorTouched = (0, contexts_1.useMdmAction)('dependentLookupsEditorTouched');
+    var autocompleteConfig = (0, contexts_1.useMdmLookupAutocomplete)();
+    var dependentLookupEditorState = (0, contexts_1.useMdmDependentLookupEditorState)(valueUri);
     var autopopulationEnabled = enabled && (0, mdm_sdk_1.isAutopopulationEnabled)(autocompleteConfig, attributeTypeUri);
     var autopopulationId = autopopulationEnabled ? valueUri : null;
-    var _b = ((0, react_redux_1.useSelector)(function (state) { return autopopulationEnabled && mdm_module_1.default.selectors.getDependentLookupEditorState(state, valueUri); }) || {}).isTouched, isTouched = _b === void 0 ? false : _b;
+    var _b = ((autopopulationEnabled && dependentLookupEditorState) || {}).isTouched, isTouched = _b === void 0 ? false : _b;
     var onTouch = (0, react_1.useCallback)(function (valueUri) {
-        dispatch(mdm_module_1.profile.dependentLookups.actions.dependentLookupsEditorTouched({ uri: valueUri, isTouched: true }));
-    }, [dispatch]);
+        dependentLookupsEditorTouched({ uri: valueUri, isTouched: true });
+    }, [dependentLookupsEditorTouched]);
     var autopopulationContextValue = (0, react_1.useMemo)(function () {
         return autopopulationId
             ? {

package/cjs/components/attributes/editMode/Tags/Tags.js

@@ -27,12 +27,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
 var TypeaheadEditor_1 = __importDefault(require("../../../editors/TypeaheadEditor/TypeaheadEditor"));
 var SmallIconButton_1 = __importDefault(require("../../../SmallIconButton/SmallIconButton"));
+var contexts_1 = require("../../../../contexts");
 var styles_1 = require("./styles");
 var filtersWithSearch = function (searchQuery) { return [
     {
@@ -56,7 +55,7 @@ var getSuggestions = function (searchQuery) {
 var Tags = function (_a) {
     var className = _a.className, values = _a.values, onChange = _a.onChange, onDelete = _a.onDelete;
     var styles = (0, styles_1.useStyles)();
-    var entityUri = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getEntityUri);
+    var entityUri = (0, contexts_1.useMdmEntityUri)();
     var handleChange = (0, react_1.useCallback)(function (tags) {
         onChange({
             value: tags,
@@ -69,6 +68,6 @@ var Tags = function (_a) {
     }, [entityUri, onDelete]);
     return (react_1.default.createElement("div", { className: styles.container, "data-reltio-id": "reltio-attribute-value" },
         react_1.default.createElement(TypeaheadEditor_1.default, { fullWidth: true, multiple: true, variant: "filled", className: className, value: values || [], onChange: handleChange, getSuggestions: getSuggestions }),
-        !!onDelete && (react_1.default.createElement(SmallIconButton_1.default, { className: styles.deleteButton, icon: Delete_1.default, onClick: handleDelete, size: "L" }))));
+        !!onDelete && (react_1.default.createElement(SmallIconButton_1.default, { "data-reltio-id": "reltio-tags-delete-button", className: styles.deleteButton, icon: Delete_1.default, onClick: handleDelete, size: "L" }))));
 };
 exports.default = Tags;

package/cjs/components/attributes/inline/ReferenceAttribute/ReferenceAttribute.js

@@ -49,11 +49,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ComplexAttribute_1 = __importDefault(require("../ComplexAttribute/ComplexAttribute"));
-var ramda_1 = require("ramda");
 var ComplexAttributeLabel_1 = require("../common/ComplexAttributeLabel");
 var InternalLink_1 = __importDefault(require("../../../InternalLink/InternalLink"));
 var contexts_1 = require("../../../../contexts");
@@ -62,8 +60,8 @@ var ReferenceAttribute = function (_a) {
     var attributeValue = _a.attributeValue, attributeType = _a.attributeType, other = __rest(_a, ["attributeValue", "attributeType"]);
     var styles = (0, styles_1.useStyles)();
     var generateEntityUrl = (0, react_1.useContext)(contexts_1.UrlGeneratorsContext).generateEntityUrl;
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
-    var uiPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUIPath);
+    var metadata = (0, contexts_1.useMdmMetadata)();
+    var uiPath = (0, contexts_1.useMdmUiPath)();
     var entityLabel = (react_1.default.createElement(ComplexAttributeLabel_1.ComplexAttributeLabel, null,
         react_1.default.createElement(InternalLink_1.default, { href: generateEntityUrl({ uiPath: uiPath, uri: (0, mdm_sdk_1.getReferencedEntityUriFromAttrValue)(attributeValue) }) },
             (0, mdm_sdk_1.getLabel)(attributeValue.label),

package/cjs/components/attributes/inline/common/SourceItem.js

@@ -5,12 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var classnames_1 = __importDefault(require("classnames"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var react_redux_1 = require("react-redux");
 var Visibility_1 = __importDefault(require("@mui/icons-material/Visibility"));
 var SourceIcon_1 = __importDefault(require("../../../SourceIcon/SourceIcon"));
-var classnames_1 = __importDefault(require("classnames"));
 var contexts_1 = require("../../../../contexts");
 var SmallIconButton_1 = require("../../../SmallIconButton");
 var styles_1 = require("./styles");
@@ -18,7 +16,7 @@ var SourceItem = function (_a) {
     var crosswalk = _a.crosswalk, color = _a.color, className = _a.className, _b = _a.focusable, focusable = _b === void 0 ? false : _b;
     var _c = (0, contexts_1.useCrosswalkFocus)(crosswalk), toggleCrosswalkFocus = _c.toggleCrosswalkFocus, isFocused = _c.isFocused;
     var styles = (0, styles_1.useStyles)({ color: color, isFocused: isFocused });
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
+    var metadata = (0, contexts_1.useMdmMetadata)();
     var label = (0, mdm_sdk_1.findSourceSystemByUri)(metadata, crosswalk.type).label;
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.sourceItem, className) },
         react_1.default.createElement(SourceIcon_1.default, { className: styles.sourceIcon, sourceType: crosswalk.type }),

package/cjs/components/attributes/readMode/AttributesList/AttributesList.js

@@ -41,7 +41,7 @@ var react_1 = __importStar(require("react"));
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var BranchDecorator_1 = __importDefault(require("../../BranchDecorator/BranchDecorator"));
-var AttributesPager_1 = __importDefault(require("../AttributesPager"));
+var AttributesPager_1 = __importDefault(require("../AttributesPager/AttributesPager"));
 var ShowMore_1 = __importDefault(require("../../pagersCommon/ShowMore"));
 var ShowLess_1 = __importDefault(require("../../pagersCommon/ShowLess"));
 var constants_1 = require("../../../../constants");

package/cjs/components/attributes/readMode/AttributesPager/AttributesPager.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { AttributeType, NestedAttributeValue, Paging, ReferenceAttributeValue, SimpleAttributeValue, ImageAttributeValue, AttributeValue } from '@reltio/mdm-sdk';
-import { RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-module';
 type Props = {
     values: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue | string | number | ImageAttributeValue | AttributeValue)[];
     attributeType: AttributeType;
@@ -8,10 +7,9 @@ type Props = {
     parentUri?: string;
     drawLines: boolean;
     max?: number;
-    requestNextPageOfAttributeValues: (payload: RequestNextPageOfAttributeValuesPayload) => void;
     titleClassName?: string;
     contentClassName?: string;
     showNonOv?: boolean;
 };
-declare const _default: React.MemoExoticComponent<({ values, attributeType, drawLines, paging, parentUri, max, requestNextPageOfAttributeValues, titleClassName, contentClassName, showNonOv }: Props) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ values, attributeType, drawLines, paging, parentUri, max: maxProp, titleClassName, contentClassName, showNonOv }: Props) => JSX.Element>;
 export default _default;

package/cjs/components/attributes/readMode/AttributesPager/AttributesPager.js

@@ -30,12 +30,13 @@ var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importStar(require("react"));
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var styles_1 = require("./styles");
 var BranchDecorator_1 = __importDefault(require("../../BranchDecorator/BranchDecorator"));
 var OneLineRenderer_1 = __importDefault(require("./OneLineRenderer"));
 var MultiLineRenderer_1 = __importDefault(require("./MultiLineRenderer"));
 var SpecialRenderer_1 = __importDefault(require("./SpecialRenderer"));
 var ImageLineRenderer_1 = require("./ImageLineRenderer");
+var contexts_1 = require("../../../../contexts");
+var styles_1 = require("./styles");
 var RENDERER_TYPES = {
     oneLine: 'oneLine',
     multiLine: 'multiLine',
@@ -44,8 +45,12 @@ var RENDERER_TYPES = {
 };
 var AttributesPager = function (_a) {
     var _b, _c;
-    var values = _a.values, attributeType = _a.attributeType, drawLines = _a.drawLines, _d = _a.paging, paging = _d === void 0 ? {} : _d, parentUri = _a.parentUri, _e = _a.max, max = _e === void 0 ? Infinity : _e, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv;
+    var _d;
+    var values = _a.values, attributeType = _a.attributeType, drawLines = _a.drawLines, _e = _a.paging, paging = _e === void 0 ? {} : _e, parentUri = _a.parentUri, maxProp = _a.max, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv;
     var styles = (0, styles_1.useStyles)();
+    var requestNextPageOfAttributeValues = (0, contexts_1.useMdmAction)('requestNextPageOfAttributeValues');
+    var defaultMaxValues = (0, contexts_1.useMdmDefaultMaxValues)();
+    var max = (_d = maxProp !== null && maxProp !== void 0 ? maxProp : defaultMaxValues) !== null && _d !== void 0 ? _d : Infinity;
     var partitionByOv = (0, ramda_1.partition)(mdm_sdk_1.isOv);
     if (!values || !values.length) {
         return null;

package/cjs/components/attributes/readMode/AttributesPager/ImageLineRenderer.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-import { AttributeType, ImageAttributeValue, Paging } from '@reltio/mdm-sdk';
-import { RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-module';
+import { AttributeType, ImageAttributeValue, Paging, RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-sdk';
 type Props = {
     attributeType: AttributeType;
     attributeValues: ImageAttributeValue[];

package/cjs/components/attributes/readMode/AttributesPager/MultiLineRenderer.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-import { RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-module';
-import { AttributeType, NestedAttributeValue, ReferenceAttributeValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
+import { AttributeType, NestedAttributeValue, ReferenceAttributeValue, SimpleAttributeValue, RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-sdk';
 type Props = {
     max: number;
     values: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue)[];

package/cjs/components/attributes/readMode/AttributesPager/styles.d.ts

@@ -1,3 +1,3 @@
 export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"paddingWrapper" | "paddingWrapperWithLines">;
 export declare const useOneLineStyles: (props?: any) => import("@mui/styles").ClassNameMap<"title" | "attribute" | "wrapper" | "collaborationWrapper" | "titleIcon" | "titleRow" | "ovIcon" | "descriptionIcon">;
-export declare const useMultiLineStyles: (props?: any) => import("@mui/styles").ClassNameMap<"title" | "attributes" | "attribute" | "wrapper" | "titleRow" | "ovIcon" | "descriptionIcon">;
+export declare const useMultiLineStyles: (props?: any) => import("@mui/styles").ClassNameMap<"attributes" | "title" | "attribute" | "wrapper" | "titleRow" | "ovIcon" | "descriptionIcon">;

package/cjs/components/attributes/readMode/AttributesView/AttributesView.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { AttributesViewProps } from '../../types';
-type Props = Omit<AttributesViewProps, 'mode'>;
-declare const AttributesView: ({ className, entity, metadata, caption, excludeUris, includeUris, attributesCount }: Props) => JSX.Element;
+type Props = Omit<AttributesViewProps, 'mode' | 'pinnedAttributes'>;
+declare const AttributesView: ({ className, entity, caption, excludeUris, includeUris, attributesCount }: Props) => JSX.Element;
 export default AttributesView;