@reltio/components 1.4.1638 → 1.4.1639

package/esm/components/editors/DataTypeValueEditor/useEditorContext.js

@@ -9,17 +9,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import mdm, { profile } from '@reltio/mdm-module';
-import { DataTypes, intl, getDependentLookups, getFacetedAttributeData, getLookups, resolveLookupsList, getNumberFormat } from '@reltio/mdm-sdk';
-import { useDispatch, useSelector } from 'react-redux';
 import { useCallback } from 'react';
 import { propOr, prop, pipe, keys } from 'ramda';
+import { DataTypes, intl, getDependentLookups, getFacetedAttributeData, getLookups, resolveLookupsList, getNumberFormat } from '@reltio/mdm-sdk';
+import { useMdmAction, useMdmAttributePresentations, useMdmGlobalSearchRequestOptions, useMdmLookups, useMdmTenant } from '../../../contexts';
 var useEditorContext = function (fieldName, dataTypeDefinition) {
-    var tenant = useSelector(mdm.selectors.getTenant);
-    var lookups = useSelector(mdm.selectors.getLookups);
-    var attributePresentations = useSelector(mdm.selectors.getAttributePresentations);
-    var globalSearchRequestOptions = useSelector(mdm.selectors.getGlobalSearchRequestOptions);
-    var dispatch = useDispatch();
+    var lookupsLoaded = useMdmAction('lookupsLoaded');
+    var lookupsForTypeResolved = useMdmAction('lookupsForTypeResolved');
+    var tenant = useMdmTenant();
+    var lookups = useMdmLookups();
+    var attributePresentations = useMdmAttributePresentations();
+    var globalSearchRequestOptions = useMdmGlobalSearchRequestOptions();
     var typeaheadGetSuggestion = useCallback(function (searchValue, max, pageNo) {
         return getFacetedAttributeData({
             fieldName: fieldName,
@@ -37,7 +37,7 @@ var useEditorContext = function (fieldName, dataTypeDefinition) {
                 lookupCode: lookupCode,
                 getLookups: function () {
                     return getLookups().then(function (lookups) {
-                        dispatch(profile.lookups.actions.lookupsLoaded(lookups));
+                        lookupsLoaded(lookups);
                     });
                 }
             };
@@ -57,10 +57,7 @@ var useEditorContext = function (fieldName, dataTypeDefinition) {
                     return resolveLookupsList(lookupsList).then(function (response) {
                         if (Array.isArray(response)) {
                             var lookups_1 = response.reduce(function (acc, lookupData) { return (__assign(__assign({}, acc), lookupData[type])); }, {});
-                            dispatch(profile.lookups.actions.lookupsForTypeResolved({
-                                type: type,
-                                values: lookups_1
-                            }));
+                            lookupsForTypeResolved({ type: type, values: lookups_1 });
                         }
                     });
                 }

package/esm/components/editors/DateRangeEditor/DateRangeEditor.d.ts

@@ -18,11 +18,11 @@ export type DateRangeEditorProps = {
 };
 declare const _default: {
     (props: DateRangeEditorProps & React.RefAttributes<HTMLDivElement> & {
-        values?: string | [Date, Date] | Omit<import("@reltio/mdm-sdk/src/constants/filter-values").default, "PICK_DATE">;
+        values?: string | Omit<import("@reltio/mdm-sdk/src/constants/filter-values").default, "PICK_DATE"> | [Date, Date];
         options?: import("../../../HOCs/withDateRangeSelector/helpers").Option[];
         dataTypeDefinition?: import("@reltio/mdm-sdk").DataTypeDefinition;
-        getValuesDateRange?: (value: string | [Date, Date] | Omit<import("@reltio/mdm-sdk/src/constants/filter-values").default, "PICK_DATE">) => [Date, Date];
-        onChange?: (value: string | [Date, Date] | Omit<import("@reltio/mdm-sdk/src/constants/filter-values").default, "PICK_DATE">) => void;
+        getValuesDateRange?: (value: string | Omit<import("@reltio/mdm-sdk/src/constants/filter-values").default, "PICK_DATE"> | [Date, Date]) => [Date, Date];
+        onChange?: (value: string | Omit<import("@reltio/mdm-sdk/src/constants/filter-values").default, "PICK_DATE"> | [Date, Date]) => void;
         DateRangePickerProps?: Partial<{
             onApply: ([startDate, endDate]: [Date, Date]) => void;
             values?: [Date, Date];

package/esm/components/editors/TypeaheadEditor/TypeaheadEditor.js

@@ -117,7 +117,7 @@ var TypeaheadEditor = function (_a) {
         }
     };
     return (React.createElement(Autosuggest, { suggestions: displayedSuggestions, shouldRenderSuggestions: T, inputProps: __assign(__assign({ value: inputValue, onChange: pipe(nthArg(1), onInputChange), onKeyDown: function (event) {
-                if (event.keyCode === 13 && multiple && !hasHighlightedItem) {
+                if (event.code === 'Enter' && multiple && !hasHighlightedItem) {
                     onInputChange({ method: 'enter', newValue: currentValue });
                 }
             }, fullWidth: fullWidth }, inputProps), { autoComplete: 'nope' }), getSuggestionValue: identity, onSuggestionsFetchRequested: ifElse(propEq('reason', 'input-changed'), debouncedFetchSuggestions, fetchSuggestions), onSuggestionsClearRequested: pipe(always([]), setSuggestions, F, setPlaceholderVisibility, always(1), setPageNumber), renderInputComponent: function (_a) {

package/esm/components/history/HistoryGraph/HistoryCircle.d.ts

@@ -9,5 +9,5 @@ declare const _default: React.ForwardRefExoticComponent<Pick<{
     isCollapsed?: boolean;
     showCollapseIcon?: boolean;
     showLine?: boolean;
-} & React.SVGProps<SVGGElement>, "string" | "y" | "d" | "filter" | "fill" | "values" | "local" | "visibility" | "type" | "operator" | "id" | "in" | "name" | "direction" | "max" | "attributeType" | "mode" | "key" | "children" | "offset" | "method" | "path" | "end" | "radius" | "order" | "width" | "height" | "version" | "format" | "attributeName" | "origin" | "from" | "to" | "style" | "clipPath" | "mask" | "color" | "cursor" | "display" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "imageRendering" | "letterSpacing" | "opacity" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "wordSpacing" | "writingMode" | "overflow" | "textDecoration" | "azimuth" | "clip" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "accumulate" | "unicode" | "x" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "className" | "viewBox" | "lang" | "media" | "min" | "target" | "role" | "tabIndex" | "crossOrigin" | "accentHeight" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "href" | "in2" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "numOctaves" | "orient" | "orientation" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "isDashed" | "isCollapsed" | "showCollapseIcon" | "showLine"> & React.RefAttributes<unknown>>;
+} & React.SVGProps<SVGGElement>, "string" | "y" | "d" | "filter" | "fill" | "values" | "in" | "id" | "type" | "name" | "direction" | "max" | "local" | "visibility" | "operator" | "attributeType" | "mode" | "key" | "children" | "offset" | "method" | "path" | "end" | "radius" | "order" | "width" | "height" | "version" | "format" | "attributeName" | "origin" | "from" | "to" | "style" | "clipPath" | "mask" | "color" | "cursor" | "display" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "imageRendering" | "letterSpacing" | "opacity" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "wordSpacing" | "writingMode" | "overflow" | "textDecoration" | "azimuth" | "clip" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "accumulate" | "unicode" | "x" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "className" | "viewBox" | "lang" | "media" | "min" | "target" | "role" | "tabIndex" | "crossOrigin" | "accentHeight" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "href" | "in2" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "numOctaves" | "orient" | "orientation" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "isDashed" | "isCollapsed" | "showCollapseIcon" | "showLine"> & React.RefAttributes<unknown>>;
 export default _default;

package/esm/components/history/HistoryGraph/HistoryGraph.d.ts

@@ -16,7 +16,7 @@ export declare const HistoryCircleWithTooltip: React.ForwardRefExoticComponent<i
     isCollapsed?: boolean;
     showCollapseIcon?: boolean;
     showLine?: boolean;
-} & React.SVGProps<SVGGElement>, "string" | "y" | "d" | "filter" | "fill" | "values" | "local" | "visibility" | "type" | "operator" | "id" | "in" | "name" | "direction" | "max" | "attributeType" | "mode" | "key" | "children" | "offset" | "method" | "path" | "end" | "radius" | "order" | "width" | "height" | "version" | "format" | "attributeName" | "origin" | "from" | "to" | "style" | "clipPath" | "mask" | "color" | "cursor" | "display" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "imageRendering" | "letterSpacing" | "opacity" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "wordSpacing" | "writingMode" | "overflow" | "textDecoration" | "azimuth" | "clip" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "accumulate" | "unicode" | "x" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "className" | "viewBox" | "lang" | "media" | "min" | "target" | "role" | "tabIndex" | "crossOrigin" | "accentHeight" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "href" | "in2" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "numOctaves" | "orient" | "orientation" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "isDashed" | "isCollapsed" | "showCollapseIcon" | "showLine"> & React.RefAttributes<unknown>>;
+} & React.SVGProps<SVGGElement>, "string" | "y" | "d" | "filter" | "fill" | "values" | "in" | "id" | "type" | "name" | "direction" | "max" | "local" | "visibility" | "operator" | "attributeType" | "mode" | "key" | "children" | "offset" | "method" | "path" | "end" | "radius" | "order" | "width" | "height" | "version" | "format" | "attributeName" | "origin" | "from" | "to" | "style" | "clipPath" | "mask" | "color" | "cursor" | "display" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "imageRendering" | "letterSpacing" | "opacity" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "wordSpacing" | "writingMode" | "overflow" | "textDecoration" | "azimuth" | "clip" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "accumulate" | "unicode" | "x" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "className" | "viewBox" | "lang" | "media" | "min" | "target" | "role" | "tabIndex" | "crossOrigin" | "accentHeight" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "href" | "in2" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "numOctaves" | "orient" | "orientation" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "isDashed" | "isCollapsed" | "showCollapseIcon" | "showLine"> & React.RefAttributes<unknown>>;
 type Props = {
     graphData: HistoryData;
     onHistoryCircleMouseOver?: (uri: string, timestamp: number, index: number) => void;

package/esm/components/history/HistoryMenuButton/HistoryMenuButton.js

@@ -1,28 +1,24 @@
 import React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
 import i18n from 'ui-i18n';
 import MoreVertIcon from '@mui/icons-material/MoreVert';
-import mdmModule, { profile } from '@reltio/mdm-module';
 import { HistoryMode } from '@reltio/mdm-sdk';
 import { SmallIconButton } from '../../SmallIconButton';
 import DropDownMenuButton from '../../DropDownMenuButton/DropDownMenuButton';
 import MenuItemRenderer from './MenuItemRenderer';
+import { useMdmAction, useMdmHistoryMode } from '../../../contexts';
 var HistoryMenuButton = function () {
-    var mode = useSelector(mdmModule.selectors.getHistoryMode);
-    var dispatch = useDispatch();
-    var handleModeChange = function (selectedMode) {
-        dispatch(profile.history.actions.setHistoryMode(selectedMode));
-    };
+    var setHistoryMode = useMdmAction('setHistoryMode');
+    var mode = useMdmHistoryMode();
     var menuItems = [
         {
             text: i18n.text('Compare to Current view'),
             selected: mode === HistoryMode.Current,
-            onClick: function () { return handleModeChange(HistoryMode.Current); }
+            onClick: function () { return setHistoryMode(HistoryMode.Current); }
         },
         {
             text: i18n.text('Compare to Previous view'),
             selected: mode === HistoryMode.Previous,
-            onClick: function () { return handleModeChange(HistoryMode.Previous); }
+            onClick: function () { return setHistoryMode(HistoryMode.Previous); }
         }
     ];
     return (React.createElement(DropDownMenuButton, { MenuItemRenderer: MenuItemRenderer, buttonComponent: SmallIconButton, buttonProps: {

package/esm/components/history/HistoryTree/HistoryTree.js

@@ -10,28 +10,29 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
 import ReactResizeDetector from 'react-resize-detector';
 import i18n from 'ui-i18n';
 import { isNil, uniqBy, prop, identity } from 'ramda';
 import classnames from 'classnames';
 import { getEntity, Mode, getCrosswalkType } from '@reltio/mdm-sdk';
-import mdm, { profile } from '@reltio/mdm-module';
 import Button from '@mui/material/Button';
 import HistoryRow from '../HistoryRow/HistoryRow';
 import HistoryGraph from '../HistoryGraph/HistoryGraph';
 import LinearLoadIndicator from '../../LinearLoadIndicator/LinearLoadIndicator';
+import { useMdmAction, useMdmIsEditableMode, useMdmMetadata } from '../../../contexts';
 import { useStyles } from './styles';
 var HistoryTree = function (_a) {
     var _b;
     var historyData = _a.historyData, isLoading = _a.isLoading, canLoadMore = _a.canLoadMore, onLoadMore = _a.onLoadMore, entityUri = _a.entityUri, historyEvent = _a.historyEvent, findPreviousChange = _a.findPreviousChange;
     var styles = useStyles();
-    var dispatch = useDispatch();
-    var isEditableMode = useSelector(mdm.selectors.getIsEditableMode);
-    var metadata = useSelector(mdm.selectors.getMetadata);
     var _c = useState({ historyLanes: {}, rows: [] }), graphData = _c[0], setGraphData = _c[1];
     var _d = useState(false), isScrollable = _d[0], setIsScrollable = _d[1];
     var _e = useState(-1), selectedIndex = _e[0], setSelectedIndex = _e[1];
+    var setHistoryEvent = useMdmAction('setHistoryEvent');
+    var clearHistoryEvent = useMdmAction('clearHistoryEvent');
+    var modeUpdated = useMdmAction('modeUpdated');
+    var metadata = useMdmMetadata();
+    var isEditableMode = useMdmIsEditableMode();
     useEffect(function () {
         if (isNil(historyEvent)) {
             setSelectedIndex(0);
@@ -77,14 +78,14 @@ var HistoryTree = function (_a) {
     var handleHistoryRowClick = function (index, change, isSelected, isCurrent) {
         if (isEditableMode) {
             if (window.confirm(i18n.text('Are you sure you want to go in history mode? All your changes will be lost.'))) {
-                dispatch(profile.mode.actions.modeUpdated(Mode.Viewing));
+                modeUpdated(Mode.Viewing);
             }
             else {
                 return;
             }
         }
         if ((isCurrent && !isSelected) || (!isCurrent && isSelected)) {
-            dispatch(profile.history.actions.clearHistoryEvent());
+            clearHistoryEvent();
             setSelectedIndex(0);
         }
         else if (!isCurrent && !isSelected) {
@@ -93,7 +94,7 @@ var HistoryTree = function (_a) {
             var aStamp = aChange === null || aChange === void 0 ? void 0 : aChange.timestamp;
             var bStamp = bChange === null || bChange === void 0 ? void 0 : bChange.timestamp;
             var overrideUri = (change === null || change === void 0 ? void 0 : change.uri) === entityUri ? null : change === null || change === void 0 ? void 0 : change.uri;
-            dispatch(profile.history.actions.setHistoryEvent({ aStamp: aStamp, bStamp: bStamp, overrideUri: overrideUri }));
+            setHistoryEvent({ aStamp: aStamp, bStamp: bStamp, overrideUri: overrideUri });
             setSelectedIndex(index);
         }
     };

package/esm/components/history/HistoryTree/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"history" | "historyTree" | "graph" | "buttonContainer" | "shadow">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"historyTree" | "graph" | "history" | "buttonContainer" | "shadow">;

package/esm/components/history/ProfileBandHistory/ProfileBandHistory.js

@@ -1,21 +1,18 @@
 import React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import mdmModule, { profile } from '@reltio/mdm-module';
+import i18n from 'ui-i18n';
 import Button from '@mui/material/Button';
 import Typography from '@mui/material/Typography';
-import { pipe } from 'ramda';
-import i18n from 'ui-i18n';
+import { useMdmAction, useMdmHistoryEvent } from '../../../contexts';
 import { useStyles } from './styles';
 var ProfileBandHistory = function () {
     var styles = useStyles();
-    var historyEvent = useSelector(mdmModule.selectors.getHistoryEvent);
-    var dispatch = useDispatch();
-    var onCancel = pipe(profile.history.actions.clearHistoryEvent, dispatch);
+    var clearHistoryEvent = useMdmAction('clearHistoryEvent');
+    var historyEvent = useMdmHistoryEvent();
     return historyEvent ? (React.createElement("div", { className: styles.root },
         React.createElement(Typography, { component: 'div' },
             i18n.text('You are viewing a historic slice:'),
             ' ',
             React.createElement("span", { className: styles.slice }, i18n.date(historyEvent.aStamp, 'llll'))),
-        React.createElement(Button, { className: styles.cancelButton, variant: "contained", color: "primary", onClick: onCancel }, i18n.text('Cancel')))) : null;
+        React.createElement(Button, { className: styles.cancelButton, variant: "contained", color: "primary", onClick: clearHistoryEvent }, i18n.text('Cancel')))) : null;
 };
 export default ProfileBandHistory;

package/esm/components/history/hooks/useHistoryDiff.js

@@ -1,8 +1,7 @@
 import { useEffect } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
 import { evolve, map } from 'ramda';
 import { entity as History, HistoryMode, wrapInArrayIfNeeded } from '@reltio/mdm-sdk';
-import mdmModule, { profile } from '@reltio/mdm-module';
+import { useMdmAction, useMdmEntity, useMdmHistoryDiff, useMdmHistoryMode, useMdmHistorySlice } from '../../../contexts';
 export var defaultHistoryDiff = {
     appearance: {},
     attributes: {},
@@ -22,18 +21,18 @@ var prepareHistorySlice = function (historySlice) {
     return historySlice;
 };
 export var useHistoryDiff = function () {
-    var dispatch = useDispatch();
-    var historySlice = useSelector(mdmModule.selectors.getHistorySlice);
-    var historyDiff = useSelector(mdmModule.selectors.getHistoryDiff);
-    var historyMode = useSelector(mdmModule.selectors.getHistoryMode);
-    var entity = useSelector(mdmModule.selectors.getEntity);
+    var setHistoryDiff = useMdmAction('setHistoryDiff');
+    var historySlice = useMdmHistorySlice();
+    var historyDiff = useMdmHistoryDiff();
+    var historyMode = useMdmHistoryMode();
+    var entity = useMdmEntity();
     useEffect(function () {
         if (historySlice) {
             var aEntity = historySlice.aEntity, bEntity = historySlice.bEntity;
             var historyManager = History.HistoryManager.createHistoryManager();
             var historyDiff_1 = historyManager.computeEntityHistoryDiff(prepareHistorySlice(historyMode === HistoryMode.Current ? entity : bEntity), prepareHistorySlice(aEntity));
-            dispatch(profile.history.actions.setHistoryDiff(historyDiff_1));
+            setHistoryDiff(historyDiff_1);
         }
-    }, [historySlice, historyMode, dispatch, entity]);
+    }, [historySlice, historyMode, setHistoryDiff, entity]);
     return historyDiff || defaultHistoryDiff;
 };

package/esm/components/history/hooks/useHistorySlice.js

@@ -1,13 +1,12 @@
 import { useState, useEffect } from 'react';
-import { useSelector, useDispatch } from 'react-redux';
-import mdmModule, { profile } from '@reltio/mdm-module';
 import { getEntityTimeSlice } from '@reltio/mdm-sdk';
 import { useSafePromise } from '../../../hooks';
+import { useMdmAction, useMdmHistorySlice } from '../../../contexts';
 export var useHistorySlice = function (_a) {
     var entity = _a.entity, historyEvent = _a.historyEvent;
     var _b = useState(false), isLoading = _b[0], setIsLoading = _b[1];
-    var historySlice = useSelector(mdmModule.selectors.getHistorySlice);
-    var dispatch = useDispatch();
+    var setHistorySlice = useMdmAction('setHistorySlice');
+    var historySlice = useMdmHistorySlice();
     var safePromise = useSafePromise();
     var _c = historyEvent || {}, aStamp = _c.aStamp, bStamp = _c.bStamp, overrideUri = _c.overrideUri;
     var entityUri = overrideUri || (entity === null || entity === void 0 ? void 0 : entity.uri);
@@ -20,7 +19,7 @@ export var useHistorySlice = function (_a) {
             ]))
                 .then(function (_a) {
                 var aEntity = _a[0], bEntity = _a[1];
-                dispatch(profile.history.actions.setHistorySlice({ aEntity: aEntity, bEntity: bEntity }));
+                setHistorySlice({ aEntity: aEntity, bEntity: bEntity });
             })
                 .catch(function (e) {
                 console.warn('Failed to load entity slice', e);

package/esm/components/index.d.ts

@@ -1,14 +1,14 @@
 export * from './activityLog';
 export { default as AttributeListItem } from './AttributeListItem/AttributeListItem';
-export { default as AttributesView } from './attributes/AttributesView';
+export { default as AttributesView } from './attributes/AttributesView/AttributesView';
 export { default as DescriptionIcon } from './attributes/DescriptionIcon';
 export { default as BranchDecorator } from './attributes/BranchDecorator/BranchDecorator';
 export { default as AttributesList } from './attributes/editMode/AttributesList';
-export { default as EntityCreator } from './attributes/editMode/EntityCreator';
+export { default as EntityCreator } from './attributes/editMode/EntityCreator/EntityCreator';
 export { default as EntitySelector } from './attributes/editMode/EntitySelector/EntitySelector';
 export { default as MoreAttributesButton } from './attributes/editMode/MoreAttributesButton';
 export { default as NestedAttributeEditor } from './attributes/editMode/NestedAttribute/NestedAttribute';
-export { default as ReferenceAttributeEditor } from './attributes/editMode/ReferenceAttribute';
+export { default as ReferenceAttributeEditor } from './attributes/editMode/ReferenceAttribute/ReferenceAttribute';
 export { default as RelationTypeSelector } from './attributes/editMode/RelationTypeSelector/RelationTypeSelector';
 export { default as SimpleAttributeEditor } from './attributes/editMode/SimpleAttributeEditor/SimpleAttributeEditor';
 export { default as AttributesPager, CardinalityMessage } from './attributes/editMode/AttributesPager';
@@ -21,7 +21,7 @@ export { default as EditableImageAttributesLine } from './attributes/editMode/Im
 export { default as NestedAttribute } from './attributes/readMode/NestedAttribute';
 export { default as ReferenceAttribute } from './attributes/readMode/ReferenceAttribute';
 export { default as SimpleAttribute } from './attributes/readMode/SimpleAttribute';
-export { default as ReadOnlyAttributesPager } from './attributes/readMode/AttributesPager';
+export { default as ReadOnlyAttributesPager } from './attributes/readMode/AttributesPager/AttributesPager';
 export { default as AutoSizeList } from './AutoSizeList/AutoSizeList';
 export { default as AvatarWithFallback } from './AvatarWithFallback/AvatarWithFallback';
 export * from './BasicTableView';
@@ -125,13 +125,13 @@ export { ReltioMap } from './ReltioMap';
 export { default as ErrorMessage } from './ErrorWrapper/ErrorMessage';
 export * from './history';
 export { default as OvIcon } from './attributes/OvIcon';
-export { default as RelationEditor } from './RelationEditor';
+export { default as RelationEditor } from './RelationEditor/RelationEditor';
 export * from './workflow';
 export { ProfileMatchCard } from './ProfileMatchCard/ProfileMatchCard';
 export { MergeButton } from './MergeButton/MergeButton';
 export { NotMatchButton } from './NotMatchButton/NotMatchButton';
 export { ActionButton, ActionButtonMode } from './ActionButton/ActionButton';
-export { default as ProfilesList } from './ProfilesList';
+export { default as ProfilesList } from './ProfilesList/ProfilesList';
 export { default as BasicAttributeSelector } from './BasicAttributeSelector/BasicAttributeSelector';
 export { default as AttributeGroupIcon } from './AttributeGroupIcon/AttributeGroupIcon';
 export { default as AttributesFiltersButton } from './AttributesFiltersButton/AttributesFiltersButton';

package/esm/components/index.js

@@ -1,14 +1,14 @@
 export * from './activityLog';
 export { default as AttributeListItem } from './AttributeListItem/AttributeListItem';
-export { default as AttributesView } from './attributes/AttributesView';
+export { default as AttributesView } from './attributes/AttributesView/AttributesView';
 export { default as DescriptionIcon } from './attributes/DescriptionIcon';
 export { default as BranchDecorator } from './attributes/BranchDecorator/BranchDecorator';
 export { default as AttributesList } from './attributes/editMode/AttributesList';
-export { default as EntityCreator } from './attributes/editMode/EntityCreator';
+export { default as EntityCreator } from './attributes/editMode/EntityCreator/EntityCreator';
 export { default as EntitySelector } from './attributes/editMode/EntitySelector/EntitySelector';
 export { default as MoreAttributesButton } from './attributes/editMode/MoreAttributesButton';
 export { default as NestedAttributeEditor } from './attributes/editMode/NestedAttribute/NestedAttribute';
-export { default as ReferenceAttributeEditor } from './attributes/editMode/ReferenceAttribute';
+export { default as ReferenceAttributeEditor } from './attributes/editMode/ReferenceAttribute/ReferenceAttribute';
 export { default as RelationTypeSelector } from './attributes/editMode/RelationTypeSelector/RelationTypeSelector';
 export { default as SimpleAttributeEditor } from './attributes/editMode/SimpleAttributeEditor/SimpleAttributeEditor';
 export { default as AttributesPager, CardinalityMessage } from './attributes/editMode/AttributesPager';
@@ -21,7 +21,7 @@ export { default as EditableImageAttributesLine } from './attributes/editMode/Im
 export { default as NestedAttribute } from './attributes/readMode/NestedAttribute';
 export { default as ReferenceAttribute } from './attributes/readMode/ReferenceAttribute';
 export { default as SimpleAttribute } from './attributes/readMode/SimpleAttribute';
-export { default as ReadOnlyAttributesPager } from './attributes/readMode/AttributesPager';
+export { default as ReadOnlyAttributesPager } from './attributes/readMode/AttributesPager/AttributesPager';
 export { default as AutoSizeList } from './AutoSizeList/AutoSizeList';
 export { default as AvatarWithFallback } from './AvatarWithFallback/AvatarWithFallback';
 export * from './BasicTableView';
@@ -125,13 +125,13 @@ export { ReltioMap } from './ReltioMap';
 export { default as ErrorMessage } from './ErrorWrapper/ErrorMessage';
 export * from './history';
 export { default as OvIcon } from './attributes/OvIcon';
-export { default as RelationEditor } from './RelationEditor';
+export { default as RelationEditor } from './RelationEditor/RelationEditor';
 export * from './workflow';
 export { ProfileMatchCard } from './ProfileMatchCard/ProfileMatchCard';
 export { MergeButton } from './MergeButton/MergeButton';
 export { NotMatchButton } from './NotMatchButton/NotMatchButton';
 export { ActionButton, ActionButtonMode } from './ActionButton/ActionButton';
-export { default as ProfilesList } from './ProfilesList';
+export { default as ProfilesList } from './ProfilesList/ProfilesList';
 export { default as BasicAttributeSelector } from './BasicAttributeSelector/BasicAttributeSelector';
 export { default as AttributeGroupIcon } from './AttributeGroupIcon/AttributeGroupIcon';
 export { default as AttributesFiltersButton } from './AttributesFiltersButton/AttributesFiltersButton';

package/esm/components/workflow/cards/GenericWorkflowTaskCard/styles.d.ts

@@ -1,3 +1,3 @@
 export declare const useStyles: (props: {
     color: string;
-}) => import("@mui/styles").ClassNameMap<"date" | "title" | "icon" | "caption" | "priority" | "flex" | "line" | "header" | "info" | "comments" | "card" | "withBackground" | "lineWrapper" | "commentsInfo" | "commentsIcon" | "infoValue" | "infoBlock" | "flag" | "mainInfo" | "controlsBox" | "controlsInRow">;
+}) => import("@mui/styles").ClassNameMap<"date" | "icon" | "caption" | "title" | "priority" | "flex" | "line" | "header" | "info" | "comments" | "card" | "withBackground" | "lineWrapper" | "commentsInfo" | "commentsIcon" | "infoValue" | "infoBlock" | "flag" | "mainInfo" | "controlsBox" | "controlsInRow">;

package/esm/components/workflow/cards/PotentialMatchTaskCard/PotentialMatchTaskCard.js

@@ -1,12 +1,11 @@
 import React from 'react';
-import { useSelector } from 'react-redux';
-import mdmModule from '@reltio/mdm-module';
-import { useStyles } from './styles';
 import GenericWorkflowTaskCard from '../GenericWorkflowTaskCard/GenericWorkflowTaskCard';
 import LineDecorator from '../../components/LineDecorator/LineDecorator';
 import PmTaskIcon from '../../../../icons/PmTaskIcon';
 import { useMatchesLoader } from '../../../../hooks/useMatchesLoader';
 import { ProfileMatchCard } from '../../../ProfileMatchCard/ProfileMatchCard';
+import { useMdmEntity, useMdmMetadata } from '../../../../contexts';
+import { useStyles } from './styles';
 var defaultOptions = {
     showTransitiveMatches: true,
     showInactiveEntities: false
@@ -14,9 +13,9 @@ var defaultOptions = {
 var PotentialMatchTaskCard = function (_a) {
     var task = _a.task;
     var styles = useStyles();
+    var entity = useMdmEntity();
+    var metadata = useMdmMetadata();
     var objectURIs = task.objectURIs;
-    var entity = useSelector(mdmModule.selectors.getEntity);
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
     var _b = useMatchesLoader({
         enabled: !!entity.uri,
         entity: entity,

package/esm/components/workflow/components/AttributesChanges/AttributesChanges.js

@@ -1,8 +1,6 @@
 import React, { useMemo } from 'react';
-import { useSelector } from 'react-redux';
 import i18n from 'ui-i18n';
 import { always, any, flatten, ifElse, propOr } from 'ramda';
-import mdmModule from '@reltio/mdm-module';
 import { getEntityUriForLink, getLabel } from '@reltio/mdm-sdk';
 import { mergeChanges } from './helpers/mergeHelpers';
 import ShowMoreLink from './components/ShowMoreLink/ShowMoreLink';
@@ -11,11 +9,12 @@ import { AttributesChangesContext } from './contexts/AttributesChangesContext';
 import { useCollapsibleList } from './hooks/useCollapsibleList';
 import EntityUriLink from '../../../EntityUriLink/EntityUriLink';
 import { getEntityUriForChangeRequest, isCreateEntityOperation } from '../../helpers/dcrHelpers';
+import { useMdmMetadata } from '../../../../contexts';
 import { useStyles } from './styles';
 var AttributesChanges = function (_a) {
     var changes = _a.changes, dcrUri = _a.dcrUri, objectsInfo = _a.objectsInfo, entityInfo = _a.entityInfo, relationsInfo = _a.relationsInfo, max = _a.max;
     var styles = useStyles();
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var metadata = useMdmMetadata();
     var _b = useMemo(function () { return mergeChanges(metadata, changes, entityInfo, relationsInfo); }, [metadata, changes, entityInfo, relationsInfo]), mergedEntityChanges = _b[0], mergedRelationsChanges = _b[1];
     var changesList = useMemo(function () {
         var relationshipTitle = { label: i18n.text('Relationships') };

package/esm/components/workflow/components/AttributesChanges/components/DiffRenderer/DiffRenderer.js

@@ -1,20 +1,19 @@
 import React, { useCallback, useContext, useMemo } from 'react';
-import { useSelector } from 'react-redux';
 import { isNil } from 'ramda';
 import classnames from 'classnames';
 import { getAttributeValue, getLabel, isReference } from '@reltio/mdm-sdk';
-import mdmModule from '@reltio/mdm-module';
 import ChangeView from '../ChangeView/ChangeView';
 import { AttributesChangesContext } from '../../contexts/AttributesChangesContext';
 import { getAttributeDescription, getDataTypeDefinition } from '../../helpers/helpers';
 import DataTypeValue from '../../../../../DataTypeValue/DataTypeValue';
 import EntityUriLink from '../../../../../EntityUriLink/EntityUriLink';
+import { useMdmEntityUri } from '../../../../../../contexts';
 import { useStyles } from './styles';
 var DiffRenderer = function (_a) {
     var label = _a.label, level = _a.level, attributeType = _a.attributeType, attributeValue = _a.attributeValue, oldValue = _a.oldValue, newValue = _a.newValue, operation = _a.operation;
     var styles = useStyles({ level: level });
-    var entityUri = useSelector(mdmModule.selectors.getEntityUri);
     var objectsInfo = useContext(AttributesChangesContext);
+    var entityUri = useMdmEntityUri();
     var getLinkDescription = useCallback(function () {
         var _a, _b, _c;
         if (isReference(attributeType)) {

package/esm/components/workflow/components/WorkflowComments/styles.d.ts

@@ -1,4 +1,4 @@
 export declare const useCommentStyles: (props?: any) => import("@mui/styles").ClassNameMap<"date" | "icon" | "comment" | "text" | "info" | "avatar" | "firstLine" | "author">;
-export declare const useCollapsedCommentsStyles: (props?: any) => import("@mui/styles").ClassNameMap<"circleButton" | "delimiter">;
+export declare const useCollapsedCommentsStyles: (props?: any) => import("@mui/styles").ClassNameMap<"delimiter" | "circleButton">;
 export declare const useWorkflowStyles: (props?: any) => import("@mui/styles").ClassNameMap<"title" | "container" | "commentsContainer" | "filledInputRoot" | "modeSwitcherWrapper">;
 export declare const useExpandedComments: (props?: any) => import("@mui/styles").ClassNameMap<"messageContainer">;

package/esm/components/workflow/hooks/useWorkflowActions.js

@@ -1,17 +1,15 @@
 import { useCallback, useContext, useMemo, useState } from 'react';
-import { useSelector } from 'react-redux';
 import { runTaskAction } from '@reltio/mdm-sdk';
-import mdmModule from '@reltio/mdm-module';
 import { showWorkflowError } from '../helpers/errors';
-import { WorkflowTasksContext } from '../../../contexts/WorkflowTasksContext';
 import { isOpenTask } from '../helpers';
+import { WorkflowTasksContext, useMdmTenant, useMdmUsername, useMdmWorkflowEnvironmentUrl, useMdmWorkflowPath } from '../../../contexts';
 export var useWorkflowActions = function (_a) {
     var possibleActions = _a.possibleActions, assignee = _a.assignee, taskId = _a.taskId, isOpen = _a.isOpen;
     var onActionSuccess = (useContext(WorkflowTasksContext) || {}).onActionSuccess;
-    var workflowPath = useSelector(mdmModule.selectors.getWorkflowPath);
-    var environment = useSelector(mdmModule.selectors.getWorkflowEnvironmentUrl);
-    var tenant = useSelector(mdmModule.selectors.getTenant);
-    var username = useSelector(mdmModule.selectors.getUserName);
+    var workflowPath = useMdmWorkflowPath();
+    var environment = useMdmWorkflowEnvironmentUrl();
+    var tenant = useMdmTenant();
+    var username = useMdmUsername();
     var _b = useState(false), actionRequestIsInProgress = _b[0], setActionRequestIsInProgress = _b[1];
     var performTaskAction = useCallback(function (action) { return function (comment) {
         if (workflowPath && taskId) {