@reltio/components 1.4.1637 → 1.4.1639

package/esm/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/esm/components/attributes/OvIcon/OvIcon.js

@@ -1,24 +1,22 @@
 import React, { useCallback, useContext } from 'react';
 import classnames from 'classnames';
-import { useDispatch } from 'react-redux';
-import Chip from '@mui/material/Chip';
 import { getAttrDataTypeDefinition, getAttributeValue, isComplexAttribute, getLabel } from '@reltio/mdm-sdk';
-import { ui } from '@reltio/mdm-module';
+import Chip from '@mui/material/Chip';
 import DataTypeValue from '../../DataTypeValue/DataTypeValue';
 import { withTooltip } from '../../../HOCs';
-import { EntityContext } from '../../../contexts';
+import { EntityContext, useMdmAction } from '../../../contexts';
 import { getEntityUri } from './heplers';
 import { useStyles } from './styles';
 export var ChipWithTooltip = withTooltip(Chip);
 var OvIcon = function (_a) {
     var className = _a.className, attributeType = _a.attributeType, _b = _a.nonOvValues, nonOvValues = _b === void 0 ? [] : _b, nonOvTotal = _a.nonOvTotal;
     var styles = useStyles();
-    var dispatch = useDispatch();
+    var openEntity = useMdmAction('openEntity');
     var entity = useContext(EntityContext);
     var entityUri = getEntityUri(entity, nonOvValues);
     var onClick = useCallback(function () {
-        dispatch(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/esm/components/attributes/PivotingAttributes/PivotingTooltip.js

@@ -1,10 +1,8 @@
 import React, { useContext } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
 import Tooltip from '@mui/material/Tooltip';
-import mdm, { ui as mdmModuleUi } from '@reltio/mdm-module';
 import { isNested } from '@reltio/mdm-sdk';
 import { isNil } from 'ramda';
-import { PivotingAttributeContext } from '../../../contexts';
+import { PivotingAttributeContext, useMdmAction, useMdmMetadata } from '../../../contexts';
 import { convertNestedAttributePivotingValue, convertSimpleAttributePivotingValue, generatePivotingValue, preparePivotingAttributeValue } from './helpers';
 import PivotingIcon from '../../../icons/PivotingIcon';
 import { PivotingTooltipContent } from './PivotingTooltipContent';
@@ -14,10 +12,10 @@ export var PivotingTooltip = function (_a) {
     var value = _a.value, attributeType = _a.attributeType, children = _a.children, className = _a.className;
     var styles = usePivotingTooltipStyles();
     var contentStyles = useStyles();
-    var dispatch = useDispatch();
     var pivotingAttributesList = useContext(PivotingAttributeContext) || [];
+    var openPivotingPerspective = useMdmAction('openPivotingPerspective');
+    var metadata = useMdmMetadata() || {};
     var isNestedAttribute = isNested(attributeType);
-    var metadata = useSelector(mdm.selectors.getMetadata) || {};
     var pivotingValue = isNestedAttribute
         ? generatePivotingValue(attributeType, value.value, pivotingAttributesList, metadata)
         : preparePivotingAttributeValue(value.lookupCode || value.value, attributeType);
@@ -38,7 +36,7 @@ export var PivotingTooltip = function (_a) {
     };
     var generatedValue = isPivotingAttribute ? convertPivotingValue() : undefined;
     var handleSeeAllClick = function () {
-        dispatch(mdmModuleUi.actions.openPivotingPerspective({ value: generatedValue, attributeType: attributeType }));
+        openPivotingPerspective({ value: generatedValue, attributeType: attributeType });
     };
     return isPivotingAttribute ? (React.createElement(Tooltip, { arrow: true, placement: "right-start", classes: styles, disableInteractive: false, title: React.createElement(PivotingTooltipContent, { value: pivotingValue, generatedValue: generatedValue, attributeType: attributeType, config: pivotingAttribute.popup, onSeeAllClick: handleSeeAllClick }) },
         React.createElement("span", { className: className },

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

@@ -10,24 +10,23 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React, { useEffect, useState } from 'react';
-import { useSelector } from 'react-redux';
 import i18n from 'ui-i18n';
-import mdm from '@reltio/mdm-module';
 import { getEntityUriForLink, getFilteredEntities, getLabel, getTotals, convertPivotingValueToSearchFilters } from '@reltio/mdm-sdk';
 import EntityAvatar from '../../EntityAvatar/EntityAvatar';
 import EntityUriLink from '../../EntityUriLink/EntityUriLink';
 import PivotingUriLink from '../../PivotingUriLink/PivotingUriLink';
 import { useSafePromise } from '../../../hooks';
+import { useMdmEntity, useMdmGlobalSearchRequestOptions } from '../../../contexts';
 import { useStyles } from './styles';
 var MAX_ENTITIES_PIVOTING_TOOLTIP = 6;
 export 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 = useState([]), entities = _c[0], setEntities = _c[1];
     var _d = useState(0), total = _d[0], setTotal = _d[1];
-    var entity = useSelector(mdm.selectors.getEntity) || {};
     var safePromise = useSafePromise();
     var styles = useStyles();
-    var globalSearchRequestOptions = useSelector(mdm.selectors.getGlobalSearchRequestOptions) || {};
+    var entity = useMdmEntity() || {};
+    var globalSearchRequestOptions = useMdmGlobalSearchRequestOptions() || {};
     var entityType = config.entityType || entity.type;
     var shouldShowSeeAllButton = total > MAX_ENTITIES_PIVOTING_TOOLTIP;
     useEffect(function () {

package/esm/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/esm/components/attributes/editMode/AttributesFactory/AttributesFactory.js

@@ -24,7 +24,7 @@ import React from 'react';
 import { DataTypes, isReltioCrosswalk } from '@reltio/mdm-sdk';
 import SimpleAttributeEditor from '../SimpleAttributeEditor/SimpleAttributeEditor';
 import NestedAttribute from '../NestedAttribute/NestedAttribute';
-import ReferenceAttribute from '../ReferenceAttribute';
+import ReferenceAttribute from '../ReferenceAttribute/ReferenceAttribute';
 var EditModeAttributesFactory = /** @class */ (function () {
     function EditModeAttributesFactory() {
     }

package/esm/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/esm/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/esm/components/attributes/editMode/AttributesPager/AttributesPager.js

@@ -10,14 +10,14 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from 'react';
-import { isAttributeTypeError, isImage, isOv, isSpecialAttribute, Mode } from '@reltio/mdm-sdk';
+import { getAttributePagerActiveTypeErrorMessage, isAttributeTypeError, isImage, isOv, isSpecialAttribute, Mode } from '@reltio/mdm-sdk';
 import { always, cond, T, partition } from 'ramda';
 import BranchDecorator from '../../BranchDecorator/BranchDecorator';
 import AttributeRenderer from './AttributeRenderer';
 import SpecialRenderer from './SpecialRenderer';
 import { ImageLineRenderer } from './ImageLineRenderer';
 import { withContext } from '../../../../HOCs';
-import { isHighlightedAttributeType, isHighlightedErrorType, ScrollToElementContext } from '../../../../contexts';
+import { isHighlightedAttributeType, isHighlightedErrorType, ScrollToElementContext, useMdmAction, useMdmActiveErrorsForAttributesPager, useMdmDefaultMaxValues, useMdmProfileErrors } from '../../../../contexts';
 var RENDERER_TYPES;
 (function (RENDERER_TYPES) {
     RENDERER_TYPES["imageLine"] = "imageLine";
@@ -25,14 +25,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 ? 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 ? 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 = useMdmAction('errorDeactivated');
+    var requestNextPageOfAttributeValues = useMdmAction('requestNextPageOfAttributeValues');
+    var activeErrors = useMdmActiveErrorsForAttributesPager(parentUri, attributeType);
+    var profileErrors = useMdmProfileErrors();
+    var defaultMaxValues = useMdmDefaultMaxValues();
+    var errorMessage = getAttributePagerActiveTypeErrorMessage(parentUri, attributeType, profileErrors);
+    var max = (_b = maxProp !== null && maxProp !== void 0 ? maxProp : defaultMaxValues) !== null && _b !== void 0 ? _b : Infinity;
     var partitionByOv = partition(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/esm/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/esm/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/esm/components/attributes/editMode/AttributesPager/index.js

@@ -1,19 +1,2 @@
-import { connect } from 'react-redux';
-import mdmModule, { profile } from '@reltio/mdm-module';
-import { getAttributePagerActiveTypeErrorMessage } from '@reltio/mdm-sdk';
-import AttributesPager from './AttributesPager';
-import CardinalityMessage from './CardinalityMessage';
-var mapStateToProps = function (state, _a) {
-    var parentUri = _a.parentUri, attributeType = _a.attributeType, max = _a.max;
-    return ({
-        errors: mdmModule.selectors.getActiveErrorsForAttributesPager(state, parentUri, attributeType),
-        errorMessage: getAttributePagerActiveTypeErrorMessage(parentUri, attributeType, mdmModule.selectors.getProfileErrors(state)),
-        max: max || mdmModule.selectors.getDefaultMaxValues(state)
-    });
-};
-var mapDispatchToProps = {
-    requestNextPageOfAttributeValues: profile.actions.requestNextPageOfAttributeValues,
-    onDeactivateError: profile.errors.actions.errorDeactivated
-};
-export { AttributesPager, CardinalityMessage };
-export default connect(mapStateToProps, mapDispatchToProps)(AttributesPager);
+export { default as CardinalityMessage } from './CardinalityMessage';
+export { default } from './AttributesPager';

package/esm/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/esm/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/esm/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;

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

@@ -10,34 +10,32 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React, { useCallback, useContext, useMemo } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
 import classnames from 'classnames';
-import { pipe } from 'ramda';
-import mdmModule, { profile } from '@reltio/mdm-module';
 import { isTempUri, getPinnedAttributesForUser } from '@reltio/mdm-sdk';
 import Box from '@mui/material/Box';
 import BasicView from '../../../BasicView/BasicView';
 import FacetViewHeader from '../../../FacetViewHeader/FacetViewHeader';
 import AttributesList from '../AttributesList';
-import { ViewIdContext } from '../../../../contexts';
+import { ViewIdContext, useMdmAction, useMdmMetadata, useMdmModifiedEntity, useMdmUserRoles } from '../../../../contexts';
 import { getFilteredAttrTypes } from '../../helpers/attributesView';
 import { PinnedAttributesContext } from '../contexts/PinnedAttributesContext';
 import { useStyles } from './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 = useStyles();
-    var dispatch = useDispatch();
     var viewId = useContext(ViewIdContext);
-    var userRoles = useSelector(mdmModule.selectors.getUserRoles);
+    var addAttributes = useMdmAction('addAttributes');
+    var modifyAttribute = useMdmAction('modifyAttribute');
+    var removeAttribute = useMdmAction('removeAttribute');
+    var metadata = useMdmMetadata();
+    var userRoles = useMdmUserRoles();
+    var modifiedEntity = useMdmModifiedEntity(entity.uri) || {};
     var pinnedAttributeUris = useMemo(function () { return getPinnedAttributesForUser(pinnedAttributes, userRoles); }, [pinnedAttributes, userRoles]);
-    var modifiedEntity = useSelector(function (state) { return mdmModule.selectors.getModifiedEntity(state, entity.uri) || {}; });
     var filteredAttrTypes = useMemo(function () { return getFilteredAttrTypes(metadata, modifiedEntity.type, includeUris, excludeUris); }, [excludeUris, includeUris, metadata, modifiedEntity.type]);
-    var onAddAttributes = useCallback(function (params) {
-        return pipe(profile.actions.addAttributes, dispatch)(params.map(function (param) { return (__assign(__assign({}, param), { viewId: viewId })); }));
-    }, [viewId, dispatch]);
-    var onChangeAttribute = useCallback(function (params) { return pipe(profile.actions.modifyAttribute, dispatch)(__assign(__assign({}, params), { viewId: viewId })); }, [viewId, dispatch]);
-    var onDeleteAttribute = useCallback(function (params) { return pipe(profile.actions.removeAttribute, dispatch)(__assign(__assign({}, params), { viewId: viewId })); }, [viewId, dispatch]);
+    var onAddAttributes = useCallback(function (params) { return addAttributes(params.map(function (param) { return (__assign(__assign({}, param), { viewId: viewId })); })); }, [viewId, addAttributes]);
+    var onChangeAttribute = useCallback(function (params) { return modifyAttribute(__assign(__assign({}, params), { viewId: viewId })); }, [viewId, modifyAttribute]);
+    var onDeleteAttribute = useCallback(function (params) { return removeAttribute(__assign(__assign({}, params), { viewId: viewId })); }, [viewId, removeAttribute]);
     return (React.createElement(BasicView, { className: className },
         caption && React.createElement(FacetViewHeader, { className: styles.header, title: caption }),
         React.createElement(Box, { className: classnames(styles.attributesContainer, (_b = {}, _b[styles.noCaption] = !caption, _b)) },

package/esm/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/esm/components/attributes/editMode/EntityCreator/EntityCreator.js

@@ -1,22 +1,14 @@
 import React, { useMemo } from 'react';
-import PropTypes from 'prop-types';
 import AttributesList from '../AttributesList';
-import { ModeType } from '@reltio/mdm-sdk';
+import { useMdmAction, useMdmModifiedEntity } from '../../../../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 = useMdmAction('addAttributes');
+    var removeAttribute = useMdmAction('removeAttribute');
+    var modifyAttribute = useMdmAction('modifyAttribute');
+    var entity = useMdmModifiedEntity(entityUri);
     var attributeTypes = useMemo(function () { return attributeTypesSelectionStrategy(entityType); }, [attributeTypesSelectionStrategy, entityType]);
-    return entity ? (React.createElement(AttributesList, { 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: PropTypes.string,
-    parentUri: PropTypes.string,
-    entity: PropTypes.object,
-    entityType: PropTypes.object,
-    attributeTypesSelectionStrategy: PropTypes.func,
-    mode: ModeType,
-    onAddAttributes: PropTypes.func,
-    onDeleteAttribute: PropTypes.func,
-    onChangeAttribute: PropTypes.func
+    return entity ? (React.createElement(AttributesList, { 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;
 };
 export default EntityCreator;

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

@@ -29,7 +29,7 @@ import DropDownSelector from '../../../DropDownSelector/DropDownSelector';
 import EntityOption from './components/EntityOption';
 import SingleValue from './components/SingleValue';
 import ClearIndicator from './components/ClearIndicator';
-import EntityCreator from '../EntityCreator';
+import EntityCreator from '../EntityCreator/EntityCreator';
 import { EmptyStub } from '../../../../core';
 import Group from './components/Group';
 import { useStyles } from './styles';

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

@@ -10,27 +10,24 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React, { useContext } from 'react';
-import { always, pipe } from 'ramda';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { useDispatch, useSelector } from 'react-redux';
 import i18n from 'ui-i18n';
-import mdmModule, { ui } from '@reltio/mdm-module';
 import { getLabel, isTempUri } from '@reltio/mdm-sdk';
 import Typography from '@mui/material/Typography';
-import { UrlGeneratorsContext, ViewIdContext } from '../../../../../contexts';
+import { ViewIdContext, UrlGeneratorsContext, useMdmUiPath, useMdmAction } from '../../../../../contexts';
 import { useSingleValueStyles } from './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 = useSingleValueStyles();
-    var dispatch = useDispatch();
+    var openEntity = useMdmAction('openEntity');
+    var uiPath = useMdmUiPath();
     var viewId = useContext(ViewIdContext);
     var generateEntityUrl = useContext(UrlGeneratorsContext).generateEntityUrl;
-    var uiPath = useSelector(mdmModule.selectors.getUIPath);
     var handleOnMouseDown = function (event) {
         event.stopPropagation();
         if (!disableLinkClick) {
-            pipe(always({ uri: data.entityUri, viewId: viewId }), ui.actions.openEntity, dispatch)();
+            openEntity({ uri: data.entityUri, viewId: viewId });
         }
     };
     var valueProps = isTempUri(data.entityUri)

package/esm/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/esm/components/attributes/editMode/ImageAttributesLine/ImageAttributesLine.js

@@ -1,7 +1,5 @@
 import React, { useCallback, useState } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
 import CloudUploadIcon from '@mui/icons-material/CloudUpload';
-import mdmModule, { profile } from '@reltio/mdm-module';
 import { generateUri, getImageAttributeOvThumbnailUrl, getImageAttributeOvUrl } from '@reltio/mdm-sdk';
 import Image from '../../../Image/Image';
 import ImageActionsOverlay from '../../../Image/ImageActionsOverlay/ImageActionsOverlay';
@@ -9,16 +7,16 @@ import { SmallIconButton } from '../../../SmallIconButton';
 import { UploadImageDialog } from '../../../UploadImageDialog/UploadImageDialog';
 import ImageAttributesLineCommon from '../../ImageAttributesLine';
 import { DEFAULT_IMAGE_SIZE } from '../../ImageAttributesLine/constants';
+import { useMdmAction, useMdmEntity, useMdmModifiedEntityDefaultProfilePic } from '../../../../contexts';
 import { useStyles } from './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 ? DEFAULT_IMAGE_SIZE : _d;
     var styles = useStyles(imageSize);
-    var entity = useSelector(mdmModule.selectors.getEntity) || {};
-    var defaultProfilePic = useSelector(function (state) {
-        return mdmModule.selectors.getModifiedEntityDefaultProfilePic(state, entity.uri);
-    });
-    var dispatch = useDispatch();
     var _e = useState(false), isVisibleUploadDialog = _e[0], setIsVisibleUploadDialog = _e[1];
+    var setDefaultProfilePic = useMdmAction('setDefaultProfilePicForModifiedEntity');
+    var entity = useMdmEntity() || defaultEntity;
+    var defaultProfilePic = useMdmModifiedEntityDefaultProfilePic(entity.uri);
     var toggleVisibilityUploadDialog = useCallback(function () {
         setIsVisibleUploadDialog(function (visible) { return !visible; });
     }, []);
@@ -51,12 +49,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(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 = getImageAttributeOvUrl(attribute);

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

@@ -3,8 +3,7 @@ import i18n from 'ui-i18n';
 import { SortingStrategy } from '@reltio/mdm-sdk';
 import { flattenGroupedItemsData } from '../../../VirtualGroupedList/helpers';
 import { preparedGroupedItems } from './helpers';
-import mdmModule from '@reltio/mdm-module';
-import { useSelector } from 'react-redux';
+import { useMdmAttributesSortingStrategy } from '../../../../contexts';
 var GROUP_NAMES;
 (function (GROUP_NAMES) {
     GROUP_NAMES["parent"] = "parent";
@@ -12,8 +11,8 @@ var GROUP_NAMES;
 })(GROUP_NAMES || (GROUP_NAMES = {}));
 export var useMoreAttributesItems = function (_a) {
     var data = _a.data, parent = _a.parent, filter = _a.filter;
+    var strategy = useMdmAttributesSortingStrategy();
     var hasGroups = Boolean(parent);
-    var strategy = useSelector(mdmModule.selectors.getAttributesSortingStrategy);
     var sortingFn = useMemo(function () {
         switch (strategy) {
             case SortingStrategy.ASC_BY_NAME: