@reltio/components 1.4.1637 → 1.4.1639

package/esm/components/crosswalks/AttributesTable/cell-renderers/RuleTypeInfoButton.js

@@ -1,5 +1,4 @@
 import React, { useState } from 'react';
-import { useSelector } from 'react-redux';
 import { cond, prop } from 'ramda';
 import i18n from 'ui-i18n';
 import IconButton from '@mui/material/IconButton';
@@ -12,21 +11,19 @@ import CloseIcon from '@mui/icons-material/Close';
 import InfoIcon from '@mui/icons-material/Info';
 import { SmallIconButtonWithTooltip } from '../../../SmallIconButton';
 import SourceIcon from '../../../SourceIcon/SourceIcon';
-import mdmModule from '@reltio/mdm-module';
 import { findAttributeTypeByUri, getLabel, getSourceSystemLabel } from '@reltio/mdm-sdk';
+import { useMdmMetadata } from '../../../../contexts';
 import { useStyles } from './styles';
 var SourcesRenderer = function (_a) {
-    var sourcesUriOrder = _a.sourcesUriOrder;
+    var sourcesUriOrder = _a.sourcesUriOrder, metadata = _a.metadata;
     var styles = useStyles();
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
     return (React.createElement(React.Fragment, null, sourcesUriOrder.map(function (sourceUri) { return (React.createElement(ListItem, { key: sourceUri, className: styles.popupItem },
         React.createElement(SourceIcon, { className: styles.sourceIcon, sourceType: sourceUri }),
         React.createElement(ListItemText, { primary: getSourceSystemLabel(metadata, sourceUri), primaryTypographyProps: { variant: 'body2' } }))); })));
 };
 var AttributeRenderer = function (_a) {
-    var attributeUri = _a.attributeUri;
+    var attributeUri = _a.attributeUri, metadata = _a.metadata;
     var styles = useStyles();
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
     var attributeType = findAttributeTypeByUri(metadata, attributeUri);
     return (React.createElement(ListItem, { key: attributeType.uri, className: styles.popupItem },
         React.createElement(ListItemText, { primary: getLabel(attributeType.label), primaryTypographyProps: { variant: 'body2' } })));
@@ -37,22 +34,28 @@ var getInfoTitle = cond([
     [prop('comparisonAttributeUri'), function () { return i18n.text('Comparison attribute'); }]
 ]);
 var getInfoContent = cond([
-    // eslint-disable-next-line react/display-name
-    [prop('sourcesUriOrder'), function (_a) {
+    [
+        prop('sourcesUriOrder'),
+        // eslint-disable-next-line react/display-name
+        function (_a, metadata) {
             var sourcesUriOrder = _a.sourcesUriOrder;
-            return React.createElement(SourcesRenderer, { sourcesUriOrder: sourcesUriOrder });
-        }],
-    // eslint-disable-next-line react/display-name
-    [prop('primaryAttributeUri'), function (_a) {
+            return React.createElement(SourcesRenderer, { metadata: metadata, sourcesUriOrder: sourcesUriOrder });
+        }
+    ],
+    [
+        prop('primaryAttributeUri'),
+        // eslint-disable-next-line react/display-name
+        function (_a, metadata) {
             var primaryAttributeUri = _a.primaryAttributeUri;
-            return React.createElement(AttributeRenderer, { attributeUri: primaryAttributeUri });
-        }],
+            return (React.createElement(AttributeRenderer, { metadata: metadata, attributeUri: primaryAttributeUri }));
+        }
+    ],
     [
         prop('comparisonAttributeUri'),
         // eslint-disable-next-line react/display-name
-        function (_a) {
+        function (_a, metadata) {
             var comparisonAttributeUri = _a.comparisonAttributeUri;
-            return React.createElement(AttributeRenderer, { attributeUri: comparisonAttributeUri });
+            return (React.createElement(AttributeRenderer, { metadata: metadata, attributeUri: comparisonAttributeUri }));
         }
     ]
 ]);
@@ -60,6 +63,7 @@ var RuleTypeInfoButton = function (_a) {
     var info = _a.info;
     var styles = useStyles();
     var _b = useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
+    var metadata = useMdmMetadata();
     var openPopup = function (event) { return setAnchorEl(event.currentTarget); };
     var closePopup = function () { return setAnchorEl(null); };
     return (React.createElement(React.Fragment, null,
@@ -75,6 +79,6 @@ var RuleTypeInfoButton = function (_a) {
                 React.createElement(IconButton, { className: styles.closeButton, onClick: closePopup, size: "large" },
                     React.createElement(CloseIcon, null)),
                 React.createElement(Typography, { variant: 'subtitle1', className: styles.popupTitle }, getInfoTitle(info))),
-            React.createElement(List, { component: "div", className: styles.popupItemsWrapper }, getInfoContent(info)))));
+            React.createElement(List, { component: "div", className: styles.popupItemsWrapper }, getInfoContent(info, metadata)))));
 };
 export default RuleTypeInfoButton;

package/esm/components/crosswalks/AttributesTable/cell-renderers/WinnerSourcesRenderer.js

@@ -1,18 +1,16 @@
 import React from 'react';
-import { useSelector } from 'react-redux';
 import List from '@mui/material/List';
 import ListItem from '@mui/material/ListItem';
 import ListItemText from '@mui/material/ListItemText';
 import { getCrosswalkColor, getCrosswalkId, getSourceSystemLabel } from '@reltio/mdm-sdk';
 import SourceIcon from '../../../SourceIcon/SourceIcon';
-import { useCrosswalkHighlight } from '../../../../contexts';
-import mdmModule from '@reltio/mdm-module';
+import { useCrosswalkHighlight, useMdmMetadata } from '../../../../contexts';
 import ColoredBlock from '../../ColoredBlock/ColoredBlock';
 import { useStyles } from './styles';
 var WinnerSource = function (_a) {
     var crosswalk = _a.crosswalk;
     var styles = useStyles();
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var metadata = useMdmMetadata();
     var _b = useCrosswalkHighlight(crosswalk), isDimmed = _b.isDimmed, highlightCrosswalk = _b.highlightCrosswalk, removeHighlight = _b.removeHighlight;
     return (React.createElement(ColoredBlock, { className: styles.winnerSourceItem, color: isDimmed ? 'rgba(0, 0, 0, 0.12)' : getCrosswalkColor(getCrosswalkId(crosswalk)), opacity: isDimmed ? 0.38 : 1, onMouseEnter: function () { return highlightCrosswalk(); }, onMouseLeave: function () { return removeHighlight(); } },
         React.createElement(SourceIcon, { className: styles.sourceIcon, sourceType: crosswalk.type }),

package/esm/components/crosswalks/CrosswalkAttributes/CrosswalkAttributes.js

@@ -1,28 +1,27 @@
 import React, { useMemo, useState } from 'react';
-import { useSelector } from 'react-redux';
+import { ascend, filter, has, isNil, map, pipe, prop, propEq, without } from 'ramda';
+import i18n from 'ui-i18n';
+import moment from 'moment';
+import { CrosswalksAttrTypes, formatDateTime, getCrosswalksTypes, getSourceSystemLabel, parseTimestamp } from '@reltio/mdm-sdk';
+import Typography from '@mui/material/Typography';
+import DeleteIcon from '@mui/icons-material/Delete';
 import ConfirmDeleteDialog from '../../ConfirmDeleteDialog/ConfirmDeleteDialog';
 import MoreAttributesButton from '../../attributes/editMode/MoreAttributesButton';
 import SimpleDropDownSelector from '../../SimpleDropDownSelector/SimpleDropDownSelector';
 import { SmallIconButtonWithTooltip } from '../../SmallIconButton';
 import SourceIcon from '../../SourceIcon/SourceIcon';
 import { TextEditor } from '../../editors';
-import Typography from '@mui/material/Typography';
-import DeleteIcon from '@mui/icons-material/Delete';
-import { CrosswalksAttrTypes, formatDateTime, getCrosswalksTypes, getSourceSystemLabel, parseTimestamp } from '@reltio/mdm-sdk';
-import { ascend, filter, has, isNil, map, pipe, prop, propEq, without } from 'ramda';
-import i18n from 'ui-i18n';
-import mdmModule from '@reltio/mdm-module';
 import CopyableValueField from '../CopyableValueField/CopyableValueField';
 import CrosswalkDateEditor from '../CrosswalkDateEditor/CrosswalkDateEditor';
-import moment from 'moment';
+import { useMdmMetadata } from '../../../contexts';
 import { useStyles } from './styles';
 var CrosswalkAttributes = function (_a) {
     var crosswalk = _a.crosswalk, _b = _a.canEditAttribute, canEditAttribute = _b === void 0 ? true : _b, onEditAttribute = _a.onEditAttribute, onDeleteAttribute = _a.onDeleteAttribute;
     var styles = useStyles();
-    var isTempCrosswalk = !('uri' in crosswalk);
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
     var _c = useState([]), addedAttributes = _c[0], setAddedAttributes = _c[1];
     var _d = useState(null), pendingDeletionAttrUri = _d[0], setPendingDeletionAttrUri = _d[1];
+    var metadata = useMdmMetadata();
+    var isTempCrosswalk = !('uri' in crosswalk);
     var addSelectedAttributes = function (selectedAttributes) {
         if (selectedAttributes.length > 0) {
             setAddedAttributes(function (addedAttributes) { return addedAttributes.concat(map(prop('uri'), selectedAttributes)); });

package/esm/components/crosswalks/CrosswalkDragLayer/CrosswalkDragPreview.js

@@ -1,17 +1,16 @@
 import React from 'react';
-import { useSelector } from 'react-redux';
 import { getSourceSystemLabel } from '@reltio/mdm-sdk';
+import Typography from '@mui/material/Typography';
 import ColoredBlock from '../ColoredBlock/ColoredBlock';
 import { useCrosswalkColor } from '../../../contexts/CrosswalksDisplayContext';
 import SourceIcon from '../../SourceIcon/SourceIcon';
-import Typography from '@mui/material/Typography';
-import mdmModule from '@reltio/mdm-module';
+import { useMdmMetadata } from '../../../contexts';
 import { useStyles } from './styles';
 var CrosswalkDragPreview = function (_a) {
     var crosswalk = _a.crosswalk;
     var styles = useStyles();
+    var metadata = useMdmMetadata();
     var color = useCrosswalkColor(crosswalk);
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
     var sourceSystemLabel = getSourceSystemLabel(metadata, crosswalk.type);
     return (React.createElement(ColoredBlock, { color: color, className: styles.crosswalkPreview },
         React.createElement(SourceIcon, { className: styles.sourceIcon, sourceType: crosswalk.type }),

package/esm/components/crosswalks/CrosswalkRow/CrosswalkRow.js

@@ -1,10 +1,11 @@
-import React, { memo, useEffect, useRef, useState } from 'react';
-import { useSelector } from 'react-redux';
+import React, { useEffect, useRef, useState, memo } from 'react';
 import i18n from 'ui-i18n';
+import { useDrag } from 'react-dnd';
+import { getEmptyImage } from 'react-dnd-html5-backend';
+import { eqCrosswalks, getLastUriPart, getSourceSystemLabel, isCrosswalkDisabled } from '@reltio/mdm-sdk';
 import Typography from '@mui/material/Typography';
 import DeleteIcon from '@mui/icons-material/Delete';
 import VisibilityIcon from '@mui/icons-material/Visibility';
-import { eqCrosswalks, getLastUriPart, getSourceSystemLabel, isCrosswalkDisabled } from '@reltio/mdm-sdk';
 import ArrowExpandButton from '../../ArrowExpandButton/ArrowExpandButton';
 import ExpandedValueTooltip from '../../ExpandedValueTooltip/ExpandedValueTooltip';
 import ColoredBlock from '../ColoredBlock/ColoredBlock';
@@ -13,28 +14,26 @@ import { SmallIconButtonWithTooltip } from '../../SmallIconButton';
 import SourceIcon from '../../SourceIcon/SourceIcon';
 import Spacer from '../../Spacer/Spacer';
 import { useCrosswalkColor, useCrosswalkFocus, useCrosswalkHighlight, useHighlightedCrosswalks } from '../../../contexts/CrosswalksDisplayContext';
-import mdmModule from '@reltio/mdm-module';
 import DependentIcon from '../../../icons/NestedAttribute';
-import { useDrag } from 'react-dnd';
-import { getEmptyImage } from 'react-dnd-html5-backend';
 import CrosswalkAttributes from '../CrosswalkAttributes/CrosswalkAttributes';
+import { useMdmMetadata } from '../../../contexts';
 import { useStyles } from './styles';
 var CrosswalkRow = function (_a) {
     var crosswalk = _a.crosswalk, isDependent = _a.isDependent, _b = _a.isEmpty, isEmpty = _b === void 0 ? false : _b, _c = _a.isColored, isColored = _c === void 0 ? true : _c, _d = _a.focusable, focusable = _d === void 0 ? true : _d, disableEdit = _a.disableEdit, disableDelete = _a.disableDelete, onDelete = _a.onDelete, onEdit = _a.onEdit;
     var ref = useRef(null);
+    var _e = useState(false), expanded = _e[0], setExpanded = _e[1];
+    var _f = useState(false), isDeleteDialogOpen = _f[0], setDeleteDialogOpen = _f[1];
+    var metadata = useMdmMetadata();
     var crosswalkColor = useCrosswalkColor(crosswalk);
-    var _e = useCrosswalkFocus(crosswalk), toggleCrosswalkFocus = _e.toggleCrosswalkFocus, isFocused = _e.isFocused;
-    var _f = useCrosswalkHighlight(crosswalk), isDimmed = _f.isDimmed, highlightCrosswalk = _f.highlightCrosswalk, removeHighlight = _f.removeHighlight;
+    var _g = useCrosswalkFocus(crosswalk), toggleCrosswalkFocus = _g.toggleCrosswalkFocus, isFocused = _g.isFocused;
+    var _h = useCrosswalkHighlight(crosswalk), isDimmed = _h.isDimmed, highlightCrosswalk = _h.highlightCrosswalk, removeHighlight = _h.removeHighlight;
+    var scrollToCrosswalk = useHighlightedCrosswalks()[0];
     var coloredCrosswalk = isDimmed ? 'rgba(0, 0, 0, 0.12)' : crosswalkColor;
     var color = isEmpty ? '#FFF' : isColored ? coloredCrosswalk : '#CACCD1';
-    var scrollToCrosswalk = useHighlightedCrosswalks()[0];
-    var styles = useStyles({ color: color, isOpaque: !isDimmed, isFocused: isFocused });
-    var _g = useState(false), expanded = _g[0], setExpanded = _g[1];
-    var _h = useState(false), isDeleteDialogOpen = _h[0], setDeleteDialogOpen = _h[1];
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
     var sourceSystemLabel = getSourceSystemLabel(metadata, crosswalk.type);
     var crosswalkId = getLastUriPart(crosswalk.uri);
     var crosswalkDisabled = isCrosswalkDisabled(crosswalk);
+    var styles = useStyles({ color: color, isOpaque: !isDimmed, isFocused: isFocused });
     var _j = useDrag({
         item: {
             type: 'Crosswalk',

package/esm/components/crosswalks/DummyCrosswalkRow/DummyCrosswalkRow.js

@@ -1,18 +1,17 @@
 import React, { memo } from 'react';
-import { useSelector } from 'react-redux';
+import { getSourceSystemLabel } from '@reltio/mdm-sdk';
 import Typography from '@mui/material/Typography';
 import VisibilityIcon from '@mui/icons-material/Visibility';
 import SourceIcon from '../../SourceIcon/SourceIcon';
 import SmallIconButton from '../../SmallIconButton/SmallIconButton';
 import { useCrosswalkHighlight } from '../../../contexts/CrosswalksDisplayContext';
-import mdmModule from '@reltio/mdm-module';
-import { getSourceSystemLabel } from '@reltio/mdm-sdk';
+import { useMdmMetadata } from '../../../contexts';
 import { useStyles } from './styles';
 var DummyCrosswalkRow = function (_a) {
     var crosswalkType = _a.crosswalkType, _b = _a.focusable, focusable = _b === void 0 ? true : _b;
     var isDimmed = useCrosswalkHighlight().isDimmed;
     var styles = useStyles({ isOpaque: !isDimmed });
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var metadata = useMdmMetadata();
     var sourceSystemLabel = getSourceSystemLabel(metadata, crosswalkType);
     return (React.createElement("div", { className: styles.root },
         React.createElement(SmallIconButton, { size: "XXS", className: styles.focusedIcon, icon: focusable && VisibilityIcon, disabled: true }),

package/esm/components/editors/DataTypeValueEditor/useEditorContext.d.ts

@@ -9,7 +9,7 @@ declare function useEditorContext(fieldName: any, dataTypeDefinition: any): {
     format?: undefined;
     tenant?: undefined;
 } | {
-    lookups: any;
+    lookups: import("@reltio/mdm-sdk").Lookups;
     lookupCode: any;
     getLookups: () => any;
     entries?: undefined;
@@ -18,7 +18,7 @@ declare function useEditorContext(fieldName: any, dataTypeDefinition: any): {
     format?: undefined;
     tenant?: undefined;
 } | {
-    lookups: any;
+    lookups: import("@reltio/mdm-sdk").Lookups;
     lookupCode: any;
     getLookups: ({ type, parents, displayNamePrefix, max, offset }: {
         type: any;
@@ -51,7 +51,7 @@ declare function useEditorContext(fieldName: any, dataTypeDefinition: any): {
     getSuggestions?: undefined;
     tenant?: undefined;
 } | {
-    tenant: any;
+    tenant: string;
     entries?: undefined;
     lookups?: undefined;
     lookupCode?: undefined;

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;