@reltio/components 1.4.1638 → 1.4.1640

package/cjs/components/activityLog/activities/SearchActivity.js

@@ -27,25 +27,24 @@ 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 = require("@reltio/mdm-module");
-var ActivityTitle_1 = __importDefault(require("./ActivityTitle/ActivityTitle"));
 var ramda_1 = require("ramda");
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var ActivityTitle_1 = __importDefault(require("./ActivityTitle/ActivityTitle"));
 var core_1 = require("../../../core");
 var hooks_1 = require("../../../hooks");
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var contexts_1 = require("../../../contexts");
 var styles_1 = require("./styles");
 var SearchActivity = function (_a) {
     var data = _a.data, type = _a.type;
     var styles = (0, styles_1.useStyles)();
-    var dispatch = (0, react_redux_1.useDispatch)();
+    var openSearch = (0, contexts_1.useMdmAction)('openSearch');
     var searchState = (0, react_1.useMemo)(function () {
         var searchData = (0, core_1.parseJSON)(data.description);
         return searchData.version === '2.0' ? searchData.activity.uiState : searchData;
     }, [data.description]);
-    var openSearch = (0, ramda_1.pipe)((0, ramda_1.always)(searchState), mdm_module_1.ui.actions.openSearch, dispatch);
+    var handleOpenSearch = (0, ramda_1.pipe)((0, ramda_1.always)(searchState), openSearch);
     var searchString = (0, hooks_1.useReadableSearchState)(searchState);
     return (react_1.default.createElement(ActivityTitle_1.default, { type: type },
-        react_1.default.createElement("span", { className: styles.link, onClick: openSearch }, searchString || ui_i18n_1.default.text('all profiles'))));
+        react_1.default.createElement("span", { className: styles.link, onClick: handleOpenSearch }, searchString || ui_i18n_1.default.text('all profiles'))));
 };
 exports.default = SearchActivity;

package/cjs/components/activityLog/activities/fields/DeltaField.js

@@ -3,24 +3,23 @@ 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 classnames_1 = __importDefault(require("classnames"));
+var types_1 = require("../../types");
 var Chip_1 = __importDefault(require("@mui/material/Chip"));
 var ArrowForward_1 = __importDefault(require("@mui/icons-material/ArrowForward"));
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var classnames_1 = __importDefault(require("classnames"));
-var react_1 = __importDefault(require("react"));
-var react_redux_1 = require("react-redux");
-var types_1 = require("../../types");
 var activities_1 = require("../../utils/activities");
-var styles_1 = require("./styles");
+var contexts_1 = require("../../../../contexts");
 var commonStyles_1 = require("./commonStyles");
+var styles_1 = require("./styles");
 var DeltaField = function (_a) {
     var _b, _c;
     var delta = _a.delta;
     var styles = (0, styles_1.useStyles)();
     var commonStyles = (0, commonStyles_1.useCommonStyles)();
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
-    var attributePresentations = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getAttributePresentations);
+    var metadata = (0, contexts_1.useMdmMetadata)();
+    var attributePresentations = (0, contexts_1.useMdmAttributePresentations)();
     var attribute = (0, mdm_sdk_1.findAttributeTypeByUri)(metadata, delta.attributeType);
     var newValue = (_b = delta.newValue) === null || _b === void 0 ? void 0 : _b.value;
     var oldValue = (_c = delta.oldValue) === null || _c === void 0 ? void 0 : _c.value;

package/cjs/components/activityLog/activities/fields/commonStyles.d.ts

@@ -1 +1 @@
-export declare const useCommonStyles: (props?: any) => import("@mui/styles").ClassNameMap<"fieldName" | "link" | "field">;
+export declare const useCommonStyles: (props?: any) => import("@mui/styles").ClassNameMap<"link" | "fieldName" | "field">;

package/cjs/components/activityLog/activities/records/EntityRecord.js

@@ -3,26 +3,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var Restore_1 = __importDefault(require("@mui/icons-material/Restore"));
-var mdm_module_1 = require("@reltio/mdm-module");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var react_1 = __importDefault(require("react"));
-var react_redux_1 = require("react-redux");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Restore_1 = __importDefault(require("@mui/icons-material/Restore"));
 var types_1 = require("../../types");
 var EntityObject_1 = __importDefault(require("../EntityObject/EntityObject"));
 var RecordUpdates_1 = __importDefault(require("./RecordUpdates"));
+var contexts_1 = require("../../../../contexts");
 var styles_1 = require("./styles");
 var EntityRecord = function (_a) {
     var _b;
     var item = _a.item;
     var styles = (0, styles_1.useStyles)();
-    var dispatch = (0, react_redux_1.useDispatch)();
+    var openHistoryEvent = (0, contexts_1.useMdmAction)('openHistoryEvent');
     var deltaArray = (_b = item.deltaCollection) === null || _b === void 0 ? void 0 : _b.delta;
     var isEntityChanged = (0, ramda_1.path)(['data', 'type'])(item) === types_1.ActivityTypes.ENTITY_CHANGED;
-    var openHistoryEvent = function () {
+    var handleOpenHistoryEvent = function () {
         (0, mdm_sdk_1.getEntityPreviousChange)(item.objectUri, item.timestamp)
             .then(function (previousTimestamp) {
             if (previousTimestamp !== -1) {
@@ -30,7 +29,7 @@ var EntityRecord = function (_a) {
                     aStamp: item.timestamp,
                     bStamp: previousTimestamp
                 };
-                dispatch(mdm_module_1.ui.actions.openHistoryEvent({ entityUri: item.objectUri, historyEvent: historyEvent }));
+                openHistoryEvent({ entityUri: item.objectUri, historyEvent: historyEvent });
             }
         })
             .catch(function (err) { return console.error(err); });
@@ -39,7 +38,7 @@ var EntityRecord = function (_a) {
         react_1.default.createElement(Typography_1.default, { className: styles.label },
             !deltaArray && react_1.default.createElement("span", { className: styles.description }, ui_i18n_1.default.text('Profile changed')),
             react_1.default.createElement(EntityObject_1.default, { item: item })),
-        isEntityChanged && react_1.default.createElement(Restore_1.default, { className: styles.restoreIcon, onClick: openHistoryEvent }),
+        isEntityChanged && (react_1.default.createElement(Restore_1.default, { "data-reltio-id": "reltio-entity-record-restore-icon", className: styles.restoreIcon, onClick: handleOpenHistoryEvent })),
         react_1.default.createElement(RecordUpdates_1.default, { updates: deltaArray, recordId: item.id })));
 };
 exports.default = EntityRecord;

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { AttributesViewOwnProps } from '../types';
-declare const AttributesView: ({ mode, attributesCount, pinnedAttributes, entity, ...restProps }: AttributesViewOwnProps) => JSX.Element;
+import { AttributesViewProps } from '../types';
+declare const AttributesView: ({ attributesCount, pinnedAttributes, ...restProps }: AttributesViewProps) => JSX.Element;
 export default AttributesView;

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

@@ -27,11 +27,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var AttributesView_1 = __importDefault(require("../readMode/AttributesView"));
-var AttributesView_2 = __importDefault(require("../editMode/AttributesView"));
+var AttributesView_1 = __importDefault(require("../readMode/AttributesView/AttributesView"));
+var AttributesView_2 = __importDefault(require("../editMode/AttributesView/AttributesView"));
 var contexts_1 = require("../../../contexts");
 var AttributesView = function (_a) {
-    var _b = _a.mode, mode = _b === void 0 ? mdm_sdk_1.Mode.Viewing : _b, attributesCount = _a.attributesCount, pinnedAttributes = _a.pinnedAttributes, entity = _a.entity, restProps = __rest(_a, ["mode", "attributesCount", "pinnedAttributes", "entity"]);
-    return (react_1.default.createElement(contexts_1.EntityContext.Provider, { value: entity }, (0, mdm_sdk_1.isViewMode)(mode) ? (react_1.default.createElement(AttributesView_1.default, __assign({ attributesCount: attributesCount, entity: entity }, restProps))) : (react_1.default.createElement(AttributesView_2.default, __assign({ mode: mode, pinnedAttributes: pinnedAttributes, entity: entity }, restProps)))));
+    var attributesCount = _a.attributesCount, pinnedAttributes = _a.pinnedAttributes, restProps = __rest(_a, ["attributesCount", "pinnedAttributes"]);
+    var mdmEntity = (0, contexts_1.useMdmEntityWithDiff)();
+    var mdmMode = (0, contexts_1.useMdmMode)();
+    var entity = restProps.entity || mdmEntity;
+    var mode = restProps.mode || mdmMode;
+    return (react_1.default.createElement(contexts_1.EntityContext.Provider, { value: entity }, (0, mdm_sdk_1.isViewMode)(mode) ? (react_1.default.createElement(AttributesView_1.default, __assign({}, restProps, { attributesCount: attributesCount, entity: entity }))) : (react_1.default.createElement(AttributesView_2.default, __assign({}, restProps, { mode: mode, pinnedAttributes: pinnedAttributes, entity: entity })))));
 };
 exports.default = AttributesView;

package/cjs/components/attributes/DescriptionIcon/DescriptionIcon.d.ts

@@ -25,7 +25,7 @@ export declare const ChipWithTooltip: React.ForwardRefExoticComponent<import("pr
     variant?: import("@mui/types").OverridableStringUnion<"filled" | "outlined", import("@mui/material/Chip").ChipPropsVariantOverrides>;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
-}, "label" | "icon" | "children" | "size" | "color" | "disabled" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "tabIndex" | "variant" | "deleteIcon" | "avatar" | "clickable" | "onDelete" | "skipFocusWhenDisabled">>;
+}, "label" | "icon" | "children" | "size" | "color" | "disabled" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "tabIndex" | "variant" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled">>;
 type Props = {
     className?: string;
     description?: string;

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

@@ -1,6 +1,5 @@
 import React from '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 './styles';
 export type ImageRenderProps = {
     onDownload?: (url: string[]) => void;

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

@@ -38,10 +38,8 @@ 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 react_resize_detector_1 = __importDefault(require("react-resize-detector"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var contexts_1 = require("../../../contexts");
 var ImageAttributesGallery_1 = __importDefault(require("../../ImageAttributesGallery/ImageAttributesGallery"));
@@ -50,9 +48,6 @@ var constants_1 = require("./constants");
 var styles_1 = require("./styles");
 var ImageAttributesLine = function (_a) {
     var attributeType = _a.attributeType, _b = _a.attributeValues, attributeValues = _b === void 0 ? [] : _b, renderImage = _a.renderImage, _c = _a.overlay, overlay = _c === void 0 ? false : _c, _d = _a.countFixedItems, countFixedItems = _d === void 0 ? 0 : _d, children = _a.children, onUpload = _a.onUpload, onDeleteAttribute = _a.onDeleteAttribute, _e = _a.imageSize, imageSize = _e === void 0 ? constants_1.DEFAULT_IMAGE_SIZE : _e, paging = _a.paging, parentUri = _a.parentUri, showNonOv = _a.showNonOv, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
-    var entity = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getEntity) || {};
-    var isViewMode = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getIsViewMode);
-    var dispatch = (0, react_redux_1.useDispatch)();
     var styles = (0, styles_1.useStyles)(imageSize);
     (0, react_1.useEffect)(function () {
         if (paging && requestNextPageOfAttributeValues) {
@@ -74,6 +69,10 @@ var ImageAttributesLine = function (_a) {
     var isBlockImageGalleryDialog = (0, react_1.useContext)(contexts_1.BlockImageGalleryDialogContext);
     var _h = (0, react_1.useState)(false), isOpenDialog = _h[0], setIsOpenDialog = _h[1];
     var _j = (0, react_1.useState)(), currentAttributeValueUri = _j[0], setCurrentAttributeValueUri = _j[1];
+    var setDefaultProfilePicForEntity = (0, contexts_1.useMdmAction)('setDefaultProfilePicForEntity');
+    var setDefaultProfilePicForModifiedEntity = (0, contexts_1.useMdmAction)('setDefaultProfilePicForModifiedEntity');
+    var entity = (0, contexts_1.useMdmEntity)() || {};
+    var isViewMode = (0, contexts_1.useMdmIsViewMode)();
     var adjustMaxItemsToScreenWidth = (0, react_1.useCallback)(function (width) {
         var imageMargin = imageSize.imageMargin, imageWidth = imageSize.imageWidth;
         var maxItemsPerScreen = Math.floor((width + imageMargin) / (imageWidth + imageMargin)) - countFixedItems;
@@ -112,17 +111,17 @@ var ImageAttributesLine = function (_a) {
             (0, mdm_sdk_1.insertDefaultImageByAttrUri)(entity.uri, attributeValue.uri).then(function (_a) {
                 var status = _a.status;
                 if (status === 'success') {
-                    dispatch(mdm_module_1.profile.entity.actions.setDefaultProfilePic(attributeValue));
+                    setDefaultProfilePicForEntity(attributeValue);
                 }
             });
         }
         else {
-            dispatch(mdm_module_1.profile.modifiedEntities.actions.setDefaultProfilePic({
+            setDefaultProfilePicForModifiedEntity({
                 entityUri: entity.uri,
                 value: attributeValue
-            }));
+            });
         }
-    }, [isViewMode, entity.uri, dispatch]);
+    }, [isViewMode, entity.uri, setDefaultProfilePicForEntity, setDefaultProfilePicForModifiedEntity]);
     var renderImageProps = __assign({ onOpenImageGalleryDialog: handleOpenImageGalleryDialog }, (overlay && {
         onDownload: handleDownload,
         onShareLink: handleShareLink,

package/cjs/components/attributes/OvIcon/OvIcon.d.ts

@@ -26,7 +26,7 @@ export declare const ChipWithTooltip: React.ForwardRefExoticComponent<import("pr
     variant?: import("@mui/types").OverridableStringUnion<"filled" | "outlined", import("@mui/material/Chip").ChipPropsVariantOverrides>;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
-}, "label" | "icon" | "children" | "size" | "color" | "disabled" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "tabIndex" | "variant" | "deleteIcon" | "avatar" | "clickable" | "onDelete" | "skipFocusWhenDisabled">>;
+}, "label" | "icon" | "children" | "size" | "color" | "disabled" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "tabIndex" | "variant" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled">>;
 type ComplexWithLabel = NestedAttributeValue | ReferenceAttributeValue;
 type Props = {
     className?: string;

package/cjs/components/attributes/OvIcon/OvIcon.js

@@ -29,10 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChipWithTooltip = void 0;
 var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
-var react_redux_1 = require("react-redux");
-var Chip_1 = __importDefault(require("@mui/material/Chip"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var mdm_module_1 = require("@reltio/mdm-module");
+var Chip_1 = __importDefault(require("@mui/material/Chip"));
 var DataTypeValue_1 = __importDefault(require("../../DataTypeValue/DataTypeValue"));
 var HOCs_1 = require("../../../HOCs");
 var contexts_1 = require("../../../contexts");
@@ -42,12 +40,12 @@ exports.ChipWithTooltip = (0, HOCs_1.withTooltip)(Chip_1.default);
 var OvIcon = function (_a) {
     var className = _a.className, attributeType = _a.attributeType, _b = _a.nonOvValues, nonOvValues = _b === void 0 ? [] : _b, nonOvTotal = _a.nonOvTotal;
     var styles = (0, styles_1.useStyles)();
-    var dispatch = (0, react_redux_1.useDispatch)();
+    var openEntity = (0, contexts_1.useMdmAction)('openEntity');
     var entity = (0, react_1.useContext)(contexts_1.EntityContext);
     var entityUri = (0, heplers_1.getEntityUri)(entity, nonOvValues);
     var onClick = (0, react_1.useCallback)(function () {
-        dispatch(mdm_module_1.ui.actions.openEntity({ uri: entityUri, viewId: null, screen: 'sources' }));
-    }, [dispatch, entityUri]);
+        openEntity({ uri: entityUri, viewId: null, screen: 'sources' });
+    }, [openEntity, entityUri]);
     if (!nonOvTotal) {
         return null;
     }

package/cjs/components/attributes/PivotingAttributes/PivotingTooltip.js

@@ -28,9 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PivotingTooltip = void 0;
 var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
 var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ramda_1 = require("ramda");
 var contexts_1 = require("../../../contexts");
@@ -43,10 +41,10 @@ var PivotingTooltip = function (_a) {
     var value = _a.value, attributeType = _a.attributeType, children = _a.children, className = _a.className;
     var styles = (0, styles_1.usePivotingTooltipStyles)();
     var contentStyles = (0, styles_1.useStyles)();
-    var dispatch = (0, react_redux_1.useDispatch)();
     var pivotingAttributesList = (0, react_1.useContext)(contexts_1.PivotingAttributeContext) || [];
+    var openPivotingPerspective = (0, contexts_1.useMdmAction)('openPivotingPerspective');
+    var metadata = (0, contexts_1.useMdmMetadata)() || {};
     var isNestedAttribute = (0, mdm_sdk_1.isNested)(attributeType);
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata) || {};
     var pivotingValue = isNestedAttribute
         ? (0, helpers_1.generatePivotingValue)(attributeType, value.value, pivotingAttributesList, metadata)
         : (0, helpers_1.preparePivotingAttributeValue)(value.lookupCode || value.value, attributeType);
@@ -67,7 +65,7 @@ var PivotingTooltip = function (_a) {
     };
     var generatedValue = isPivotingAttribute ? convertPivotingValue() : undefined;
     var handleSeeAllClick = function () {
-        dispatch(mdm_module_1.ui.actions.openPivotingPerspective({ value: generatedValue, attributeType: attributeType }));
+        openPivotingPerspective({ value: generatedValue, attributeType: attributeType });
     };
     return isPivotingAttribute ? (react_1.default.createElement(Tooltip_1.default, { arrow: true, placement: "right-start", classes: styles, disableInteractive: false, title: react_1.default.createElement(PivotingTooltipContent_1.PivotingTooltipContent, { value: pivotingValue, generatedValue: generatedValue, attributeType: attributeType, config: pivotingAttribute.popup, onSeeAllClick: handleSeeAllClick }) },
         react_1.default.createElement("span", { className: className },

package/cjs/components/attributes/PivotingAttributes/PivotingTooltipContent.js

@@ -39,24 +39,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PivotingTooltipContent = void 0;
 var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var EntityAvatar_1 = __importDefault(require("../../EntityAvatar/EntityAvatar"));
 var EntityUriLink_1 = __importDefault(require("../../EntityUriLink/EntityUriLink"));
 var PivotingUriLink_1 = __importDefault(require("../../PivotingUriLink/PivotingUriLink"));
 var hooks_1 = require("../../../hooks");
+var contexts_1 = require("../../../contexts");
 var styles_1 = require("./styles");
 var MAX_ENTITIES_PIVOTING_TOOLTIP = 6;
 var PivotingTooltipContent = function (_a) {
     var value = _a.value, attributeType = _a.attributeType, _b = _a.config, config = _b === void 0 ? {} : _b, generatedValue = _a.generatedValue, onSeeAllClick = _a.onSeeAllClick;
     var _c = (0, react_1.useState)([]), entities = _c[0], setEntities = _c[1];
     var _d = (0, react_1.useState)(0), total = _d[0], setTotal = _d[1];
-    var entity = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getEntity) || {};
     var safePromise = (0, hooks_1.useSafePromise)();
     var styles = (0, styles_1.useStyles)();
-    var globalSearchRequestOptions = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getGlobalSearchRequestOptions) || {};
+    var entity = (0, contexts_1.useMdmEntity)() || {};
+    var globalSearchRequestOptions = (0, contexts_1.useMdmGlobalSearchRequestOptions)() || {};
     var entityType = config.entityType || entity.type;
     var shouldShowSeeAllButton = total > MAX_ENTITIES_PIVOTING_TOOLTIP;
     (0, react_1.useEffect)(function () {

package/cjs/components/attributes/PivotingAttributes/styles.d.ts

@@ -1,2 +1,2 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"content" | "title" | "icon" | "entityLabel" | "body" | "entityTypeLabel" | "footer" | "header" | "container" | "divider" | "headerCount" | "profileIcon" | "entityContainer" | "seeAllButton">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"content" | "icon" | "entityLabel" | "title" | "body" | "entityTypeLabel" | "footer" | "header" | "container" | "divider" | "headerCount" | "profileIcon" | "entityContainer" | "seeAllButton">;
 export declare const usePivotingTooltipStyles: (props?: any) => import("@mui/styles").ClassNameMap<"tooltip" | "arrow">;

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

@@ -29,7 +29,7 @@ var react_1 = __importDefault(require("react"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var SimpleAttributeEditor_1 = __importDefault(require("../SimpleAttributeEditor/SimpleAttributeEditor"));
 var NestedAttribute_1 = __importDefault(require("../NestedAttribute/NestedAttribute"));
-var ReferenceAttribute_1 = __importDefault(require("../ReferenceAttribute"));
+var ReferenceAttribute_1 = __importDefault(require("../ReferenceAttribute/ReferenceAttribute"));
 var EditModeAttributesFactory = /** @class */ (function () {
     function EditModeAttributesFactory() {
     }

package/cjs/components/attributes/editMode/AttributesPager/AttributeRenderer.d.ts

@@ -1,9 +1,14 @@
 import React from 'react';
-import { AttributeValue, NestedAttributeValue, ReferenceAttributeValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
-import { AttributePagerProps } from './index';
+import { AttributeValue, NestedAttributeValue, ReferenceAttributeValue, SimpleAttributeValue, AttributeError, RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-sdk';
+import { AttributePagerProps } from './types';
 type Props = Omit<AttributePagerProps, 'values'> & {
     values?: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue)[];
     nonVisibleValues: AttributeValue[];
+    errorMessage?: string;
+    errors?: AttributeError[];
+    max?: number;
+    onDeactivateError?: (id: string) => void;
+    requestNextPageOfAttributeValues?: (payload: RequestNextPageOfAttributeValuesPayload) => void;
 };
 declare const _default: React.MemoExoticComponent<{
     ({ max, values, attributeType, parentUri, mode, drawLines, showEmptyEditors, errorMessage, errors, paging, crosswalks, showNonOv, nonVisibleValues, highlightedError, highlightedAttribute, onAddAttributes, onDeleteAttribute, onChangeAttribute, onDeactivateError, additionalControlsRenderer, requestNextPageOfAttributeValues }: Props): JSX.Element;

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

@@ -1,40 +1,4 @@
 import React from 'react';
-import { AttributeError, AttributeType, Mode, NestedAttributeValue, ReferenceAttributeValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
-declare const _default: React.ComponentType<{
-    errorMessage: string;
-    errors: AttributeError[];
-    max: number;
-} & {
-    onDeactivateError: (id: string) => void;
-    requestNextPageOfAttributeValues: (payload: import("@reltio/mdm-module").RequestNextPageOfAttributeValuesPayload) => void;
-} & {
-    values: (string | number | SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue | import("@reltio/mdm-sdk").ImageAttributeValue)[];
-    attributeType: AttributeType;
-    paging?: import("@reltio/mdm-sdk").Paging;
-    mode?: Mode;
-    crosswalks?: import("@reltio/mdm-sdk").Crosswalk[];
-    parentUri: string;
-    drawLines: boolean;
-    max?: number;
-    showEmptyEditors: boolean;
-    showNonOv?: boolean;
-    onAddAttributes: (params: import("@reltio/mdm-sdk").AttributeItem[]) => void;
-    onDeleteAttribute: (param: import("@reltio/mdm-sdk").AttributeItem) => void;
-    onChangeAttribute: (param: import("@reltio/mdm-sdk").AttributeItem) => void;
-    additionalControlsRenderer?: (props: any) => JSX.Element;
-    highlightedError?: {
-        element: unknown;
-        type: import("../../../../contexts").ScrollType;
-        highlightError?: (element: unknown) => void;
-        highlightAttribute?: (element: unknown) => void;
-        scrollIntoRef: (ref: React.MutableRefObject<HTMLDivElement>) => void;
-    };
-    highlightedAttribute?: {
-        element: unknown;
-        type: import("../../../../contexts").ScrollType;
-        highlightError?: (element: unknown) => void;
-        highlightAttribute?: (element: unknown) => void;
-        scrollIntoRef: (ref: React.MutableRefObject<HTMLDivElement>) => void;
-    };
-}>;
+import { AttributePagerProps } from './types';
+declare const _default: React.ComponentType<AttributePagerProps>;
 export default _default;

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

@@ -30,14 +30,22 @@ var RENDERER_TYPES;
     RENDERER_TYPES["default"] = "default";
 })(RENDERER_TYPES || (RENDERER_TYPES = {}));
 var AttributesPager = function (_a) {
-    var values = _a.values, attributeType = _a.attributeType, _b = _a.mode, mode = _b === void 0 ? mdm_sdk_1.Mode.Viewing : _b, crosswalks = _a.crosswalks, drawLines = _a.drawLines, _c = _a.paging, paging = _c === void 0 ? {} : _c, parentUri = _a.parentUri, errors = _a.errors, errorMessage = _a.errorMessage, _d = _a.max, max = _d === void 0 ? Infinity : _d, showEmptyEditors = _a.showEmptyEditors, showNonOv = _a.showNonOv, highlightedError = _a.highlightedError, highlightedAttribute = _a.highlightedAttribute, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
+    var _b;
+    var values = _a.values, attributeType = _a.attributeType, _c = _a.mode, mode = _c === void 0 ? mdm_sdk_1.Mode.Viewing : _c, crosswalks = _a.crosswalks, drawLines = _a.drawLines, _d = _a.paging, paging = _d === void 0 ? {} : _d, parentUri = _a.parentUri, maxProp = _a.max, showEmptyEditors = _a.showEmptyEditors, showNonOv = _a.showNonOv, highlightedError = _a.highlightedError, highlightedAttribute = _a.highlightedAttribute, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, additionalControlsRenderer = _a.additionalControlsRenderer;
+    var onDeactivateError = (0, contexts_1.useMdmAction)('errorDeactivated');
+    var requestNextPageOfAttributeValues = (0, contexts_1.useMdmAction)('requestNextPageOfAttributeValues');
+    var activeErrors = (0, contexts_1.useMdmActiveErrorsForAttributesPager)(parentUri, attributeType);
+    var profileErrors = (0, contexts_1.useMdmProfileErrors)();
+    var defaultMaxValues = (0, contexts_1.useMdmDefaultMaxValues)();
+    var errorMessage = (0, mdm_sdk_1.getAttributePagerActiveTypeErrorMessage)(parentUri, attributeType, profileErrors);
+    var max = (_b = maxProp !== null && maxProp !== void 0 ? maxProp : defaultMaxValues) !== null && _b !== void 0 ? _b : Infinity;
     var partitionByOv = (0, ramda_1.partition)(mdm_sdk_1.isOv);
     var _e = partitionByOv(values), ovValues = _e[0], nonOvValues = _e[1];
     var visibleValues = showNonOv ? values : ovValues;
     var nonVisibleValues = showNonOv ? [] : nonOvValues;
     var commonProps = {
         errorMessage: errorMessage,
-        errors: errors,
+        errors: activeErrors,
         mode: mode,
         parentUri: parentUri,
         onAddAttributes: onAddAttributes,

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

@@ -1,6 +1,5 @@
 import React from 'react';
-import { AttributeItem, AttributeType, ImageAttributeValue, Paging } from '@reltio/mdm-sdk';
-import { RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-module';
+import { AttributeItem, AttributeType, ImageAttributeValue, Paging, RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-sdk';
 import { ScrollToElementContext } from '../../../../contexts';
 type Props = {
     attributeType: AttributeType;

package/cjs/components/attributes/editMode/AttributesPager/index.d.ts

@@ -1,39 +1,2 @@
-import React from 'react';
-import { RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-module';
-import { AttributeError, AttributeType, Crosswalk, ImageAttributeValue, Mode, NestedAttributeValue, Paging, ReferenceAttributeValue, SimpleAttributeValue, AttributeItem } from '@reltio/mdm-sdk';
-import AttributesPager from './AttributesPager';
-import CardinalityMessage from './CardinalityMessage';
-import { ScrollToElementContext } from '../../../../contexts';
-type StateProps = {
-    errorMessage: string;
-    errors: AttributeError[];
-    max: number;
-};
-type DispatchProps = {
-    onDeactivateError: (id: string) => void;
-    requestNextPageOfAttributeValues: (payload: RequestNextPageOfAttributeValuesPayload) => void;
-};
-type OwnProps = {
-    values: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue | ImageAttributeValue | string | number)[];
-    attributeType: AttributeType;
-    paging?: Paging;
-    mode?: Mode;
-    crosswalks?: Crosswalk[];
-    parentUri: string;
-    drawLines: boolean;
-    max?: number;
-    showEmptyEditors: boolean;
-    showNonOv?: boolean;
-    onAddAttributes: (params: AttributeItem[]) => void;
-    onDeleteAttribute: (param: AttributeItem) => void;
-    onChangeAttribute: (param: AttributeItem) => void;
-    additionalControlsRenderer?: (props: any) => JSX.Element;
-    highlightedError?: React.ContextType<typeof ScrollToElementContext>;
-    highlightedAttribute?: React.ContextType<typeof ScrollToElementContext>;
-};
-export type AttributePagerProps = StateProps & DispatchProps & OwnProps;
-export { AttributesPager, CardinalityMessage };
-declare const _default: import("react-redux").ConnectedComponent<React.ComponentType<StateProps & DispatchProps & OwnProps>, (import("react-redux").Omit<React.ClassAttributes<React.Component<StateProps & DispatchProps & OwnProps, any, any>> & StateProps & DispatchProps & OwnProps, "max" | "errorMessage" | "errors" | "requestNextPageOfAttributeValues" | "onDeactivateError"> | import("react-redux").Omit<StateProps & DispatchProps & OwnProps & {
-    children?: React.ReactNode;
-}, "max" | "errorMessage" | "errors" | "requestNextPageOfAttributeValues" | "onDeactivateError">) & OwnProps>;
-export default _default;
+export { default as CardinalityMessage } from './CardinalityMessage';
+export { default } from './AttributesPager';

package/cjs/components/attributes/editMode/AttributesPager/index.js

@@ -1,49 +1,10 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardinalityMessage = exports.AttributesPager = void 0;
-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 AttributesPager_1 = __importDefault(require("./AttributesPager"));
-exports.AttributesPager = AttributesPager_1.default;
-var CardinalityMessage_1 = __importDefault(require("./CardinalityMessage"));
-exports.CardinalityMessage = CardinalityMessage_1.default;
-var mapStateToProps = function (state, _a) {
-    var parentUri = _a.parentUri, attributeType = _a.attributeType, max = _a.max;
-    return ({
-        errors: mdm_module_1.default.selectors.getActiveErrorsForAttributesPager(state, parentUri, attributeType),
-        errorMessage: (0, mdm_sdk_1.getAttributePagerActiveTypeErrorMessage)(parentUri, attributeType, mdm_module_1.default.selectors.getProfileErrors(state)),
-        max: max || mdm_module_1.default.selectors.getDefaultMaxValues(state)
-    });
-};
-var mapDispatchToProps = {
-    requestNextPageOfAttributeValues: mdm_module_1.profile.actions.requestNextPageOfAttributeValues,
-    onDeactivateError: mdm_module_1.profile.errors.actions.errorDeactivated
-};
-exports.default = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(AttributesPager_1.default);
+exports.default = exports.CardinalityMessage = void 0;
+var CardinalityMessage_1 = require("./CardinalityMessage");
+Object.defineProperty(exports, "CardinalityMessage", { enumerable: true, get: function () { return __importDefault(CardinalityMessage_1).default; } });
+var AttributesPager_1 = require("./AttributesPager");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AttributesPager_1).default; } });

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"title" | "link" | "description" | "caption" | "wrapper" | "ovIcon" | "svg-icon__root" | "attributesWrapper" | "typeError" | "titleWrapper">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"link" | "description" | "caption" | "title" | "wrapper" | "ovIcon" | "svg-icon__root" | "attributesWrapper" | "typeError" | "titleWrapper">;

package/cjs/components/attributes/editMode/AttributesPager/types.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { AttributeType, Crosswalk, ImageAttributeValue, Mode, NestedAttributeValue, Paging, ReferenceAttributeValue, SimpleAttributeValue, AttributeItem } from '@reltio/mdm-sdk';
+import { ScrollToElementContext } from '../../../../contexts';
+export type AttributePagerProps = {
+    values: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue | ImageAttributeValue | string | number)[];
+    attributeType: AttributeType;
+    paging?: Paging;
+    mode?: Mode;
+    crosswalks?: Crosswalk[];
+    parentUri: string;
+    drawLines: boolean;
+    max?: number;
+    showEmptyEditors: boolean;
+    showNonOv?: boolean;
+    onAddAttributes: (params: AttributeItem[]) => void;
+    onDeleteAttribute: (param: AttributeItem) => void;
+    onChangeAttribute: (param: AttributeItem) => void;
+    additionalControlsRenderer?: (props: any) => JSX.Element;
+    highlightedError?: React.ContextType<typeof ScrollToElementContext>;
+    highlightedAttribute?: React.ContextType<typeof ScrollToElementContext>;
+};

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

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