@reltio/components 1.4.1638 → 1.4.1639

package/cjs/hooks/useMatchesLoader.js

@@ -1,25 +1,21 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMatchesLoader = void 0;
 var react_1 = require("react");
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var usePagingSimulator_1 = require("./usePagingSimulator");
 var useSafePromise_1 = require("./useSafePromise");
+var contexts_1 = require("../contexts");
 var useMatchesLoader = function (_a) {
     var enabled = _a.enabled, entity = _a.entity, filter = _a.filter, rules = _a.rules, onFinishLoading = _a.onFinishLoading, onStartLoading = _a.onStartLoading, options = _a.options, page = _a.page, rowsPerPage = _a.rowsPerPage, sorting = _a.sorting, markMatchedValues = _a.markMatchedValues;
     var _b = sorting || {}, order = _b.order, field = _b.field;
     var _c = (0, react_1.useState)(0), total = _c[0], setTotal = _c[1];
     var _d = (0, react_1.useState)([]), matches = _d[0], setMatches = _d[1];
     var _e = (0, react_1.useState)({}), entitiesMap = _e[0], setEntitiesMap = _e[1];
-    var tenant = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getTenant);
-    var dtssPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getDtssPath);
-    var dataTenants = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getDataTenants);
-    var _f = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getGlobalSearchRequestOptions) || {}, activityFilter = _f.activityFilter, globalFilter = _f.globalFilter;
+    var tenant = (0, contexts_1.useMdmTenant)();
+    var dtssPath = (0, contexts_1.useMdmDtssPath)();
+    var dataTenants = (0, contexts_1.useMdmDataTenants)();
+    var _f = (0, contexts_1.useMdmGlobalSearchRequestOptions)() || {}, activityFilter = _f.activityFilter, globalFilter = _f.globalFilter;
     var activeness = typeof options.showInactiveEntities === 'boolean'
         ? options.showInactiveEntities
             ? mdm_sdk_1.ActivityFilters.ALL

package/cjs/hooks/useMergeAllRequest.js

@@ -1,43 +1,19 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMergeAllRequest = void 0;
 var react_1 = require("react");
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var core_1 = require("../core");
 var useIsMountedRef_1 = require("./useIsMountedRef");
 var merge_1 = require("./helpers/merge");
+var contexts_1 = require("../contexts");
 var useMergeAllRequest = function (_a) {
     var entities = _a.entities, entity = _a.entity, onFinishRequest = _a.onFinishRequest, onStartRequest = _a.onStartRequest, onSuccess = _a.onSuccess, _b = _a.onError, onError = _b === void 0 ? core_1.noop : _b;
     var isMountedRef = (0, useIsMountedRef_1.useIsMountedRef)();
-    var tenant = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getTenant);
-    var dtssPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getDtssPath);
     var _c = (0, react_1.useState)(false), isPending = _c[0], setIsPending = _c[1];
-    var dispatch = (0, react_redux_1.useDispatch)();
+    var updateSearchNavigationDataOnMerge = (0, contexts_1.useMdmAction)('updateSearchNavigationDataOnMerge');
+    var tenant = (0, contexts_1.useMdmTenant)();
+    var dtssPath = (0, contexts_1.useMdmDtssPath)();
     var sendMergeAllRequest = (0, react_1.useCallback)(function () {
         onStartRequest === null || onStartRequest === void 0 ? void 0 : onStartRequest();
         setIsPending(true);
@@ -50,7 +26,7 @@ var useMergeAllRequest = function (_a) {
             var uris = (0, merge_1.getWinnerLosersUrisFromMergeResponses)(entity, entities, responses);
             if (uris) {
                 var winnerUri = uris.winnerUri, losersUris = uris.losersUris;
-                dispatch(mdm_module_1.search.actions.updateSearchNavigationDataOnMerge({ winnerUri: winnerUri, losersUris: losersUris }));
+                updateSearchNavigationDataOnMerge({ winnerUri: winnerUri, losersUris: losersUris });
             }
         })
             .catch(onError)
@@ -58,7 +34,17 @@ var useMergeAllRequest = function (_a) {
             onFinishRequest === null || onFinishRequest === void 0 ? void 0 : onFinishRequest();
             isMountedRef.current && setIsPending(false);
         });
-    }, [dtssPath, entities, entity, onError, onFinishRequest, onStartRequest, onSuccess, tenant, dispatch]);
+    }, [
+        dtssPath,
+        entities,
+        entity,
+        onError,
+        onFinishRequest,
+        onStartRequest,
+        onSuccess,
+        tenant,
+        updateSearchNavigationDataOnMerge
+    ]);
     return { isPending: isPending, sendMergeAllRequest: sendMergeAllRequest };
 };
 exports.useMergeAllRequest = useMergeAllRequest;

package/cjs/hooks/useReadableSearchState.js

@@ -1,50 +1,26 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useReadableSearchState = void 0;
 var react_1 = require("react");
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var contexts_1 = require("../contexts");
 var useReadableSearchState = function (searchState) {
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
-    var dataTenants = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getDataTenants);
-    var attributePresentations = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getAttributePresentations);
-    var lookups = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getLookups);
+    var lookupsListResolved = (0, contexts_1.useMdmAction)('lookupsListResolved');
+    var metadata = (0, contexts_1.useMdmMetadata)();
+    var dataTenants = (0, contexts_1.useMdmDataTenants)();
+    var attributePresentations = (0, contexts_1.useMdmAttributePresentations)();
+    var lookups = (0, contexts_1.useMdmLookups)();
     var map = searchState.map;
     var keyword = (0, mdm_sdk_1.getKeywordFromSearchState)(searchState);
     var groups = (0, mdm_sdk_1.getGroupsFromSearchState)(metadata, dataTenants, true, searchState);
     var unresolvedLookups = (0, mdm_sdk_1.getUnresolvedLookupsListFromSearchGroups)(groups, lookups);
-    var dispatch = (0, react_redux_1.useDispatch)();
     (0, react_1.useEffect)(function () {
         if (unresolvedLookups.length > 0) {
             (0, ramda_1.pipe)((0, ramda_1.chain)(function (_a) {
                 var type = _a.type, codeValues = _a.codeValues;
                 return codeValues.map(function (codeValue) { return ({ type: type, codeValue: codeValue }); });
-            }), mdm_sdk_1.resolveLookupsList, (0, ramda_1.andThen)((0, ramda_1.pipe)(mdm_module_1.profile.lookups.actions.lookupsListResolved, dispatch)))(unresolvedLookups);
+            }), mdm_sdk_1.resolveLookupsList, (0, ramda_1.andThen)(lookupsListResolved))(unresolvedLookups);
         }
     }, [searchState]); // eslint-disable-line
     return (0, mdm_sdk_1.buildReadableQueryToString)(metadata, attributePresentations, lookups, groups, keyword, map);

package/cjs/hooks/useRelationsLoader.js

@@ -10,38 +10,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRelationsLoader = void 0;
 var react_1 = require("react");
-var react_redux_1 = require("react-redux");
 var ramda_1 = require("ramda");
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var useSafePromise_1 = require("./useSafePromise");
 var usePrevious_1 = require("./usePrevious");
+var contexts_1 = require("../contexts");
 var buildSuggestedIds = (0, ramda_1.when)(ramda_1.identity, (0, ramda_1.pipe)(mdm_sdk_1.wrapInArrayIfNeeded, ramda_1.length, (0, ramda_1.times)(function (n) { return n + 1; })));
 var isValidRequestConfig = function (config) {
     var _a;
@@ -57,12 +33,12 @@ var isValidRequestConfig = function (config) {
 var useRelationsLoader = function (_a) {
     var sorting = _a.sorting, filter = _a.filter, page = _a.page, rowsPerPage = _a.rowsPerPage, config = _a.config, entity = _a.entity, relationActivityFilter = _a.relationActivityFilter, mode = _a.mode, _b = _a.searchByOv, searchByOv = _b === void 0 ? false : _b;
     var _c = (0, react_1.useState)(false), isLoading = _c[0], setIsLoading = _c[1];
-    var dispatch = (0, react_redux_1.useDispatch)();
-    var tenant = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getTenant);
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
-    var dtssPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getDtssPath);
-    var _d = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getGlobalSearchRequestOptions) || {}, activityFilter = _d.activityFilter, globalFilter = _d.globalFilter;
-    var lastLoadedTime = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getProfileLastLoadedTime);
+    var relationsLoaded = (0, contexts_1.useMdmAction)('relationsLoaded');
+    var tenant = (0, contexts_1.useMdmTenant)();
+    var metadata = (0, contexts_1.useMdmMetadata)();
+    var dtssPath = (0, contexts_1.useMdmDtssPath)();
+    var _d = (0, contexts_1.useMdmGlobalSearchRequestOptions)() || {}, activityFilter = _d.activityFilter, globalFilter = _d.globalFilter;
+    var lastLoadedTime = (0, contexts_1.useMdmProfileLastLoadedTime)();
     var safePromise = (0, useSafePromise_1.useSafePromise)();
     var processContent = function (content) {
         var getUri = (0, ramda_1.when)(mdm_sdk_1.isObject, (0, ramda_1.prop)('uri'));
@@ -120,7 +96,7 @@ var useRelationsLoader = function (_a) {
                     throw Error(JSON.stringify(result));
                 }
                 var _a = result[0], connections = _a.connections, total = _a.total;
-                dispatch(mdm_module_1.profile.relations.actions.relationsLoaded({ id: config.id, connections: connections, total: total }));
+                relationsLoaded({ id: config.id, connections: connections, total: total });
             })
                 .catch(function (e) {
                 console.warn('Failed to load relations data', e);
@@ -134,7 +110,7 @@ var useRelationsLoader = function (_a) {
         activityFilter,
         metadata,
         config,
-        dispatch,
+        relationsLoaded,
         dtssPath,
         entity === null || entity === void 0 ? void 0 : entity.uri,
         entity === null || entity === void 0 ? void 0 : entity.dataTenant,

package/cjs/hooks/useScrollToAttributeError/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"@keyframes highlightAnimation" | "highlightError" | "highlightWarning" | "simpleAttribute">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"highlightError" | "@keyframes highlightAnimation" | "highlightWarning" | "simpleAttribute">;

package/cjs/hooks/useUsers.js

@@ -5,15 +5,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useUsers = void 0;
 var react_1 = require("react");
-var react_redux_1 = require("react-redux");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var memoize_one_1 = __importDefault(require("memoize-one"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var contexts_1 = require("../contexts");
 var getAllUsersForTenantMemoized = (0, memoize_one_1.default)(function (tenant, servicesPath) { return (0, mdm_sdk_1.getAllUsersForTenant)({ tenant: tenant, servicesPath: servicesPath }); });
 var useUsers = function () {
     var _a = (0, react_1.useState)([]), users = _a[0], setUsers = _a[1];
-    var tenant = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getTenant);
-    var servicesPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getServicesPath);
+    var tenant = (0, contexts_1.useMdmTenant)();
+    var servicesPath = (0, contexts_1.useMdmServicesPath)();
     var onError = function (e) {
         console.warn('Users error', e);
         setUsers([]);

package/esm/components/AttributeGroupIcon/AttributeGroupIcon.js

@@ -1,13 +1,12 @@
 import React from 'react';
-import { useSelector } from 'react-redux';
-import mdm from '@reltio/mdm-module';
 import { getAbsoluteImageUrl, getEntityTypeGraphIcon } from '@reltio/mdm-sdk';
 import AvatarWithFallback from '../AvatarWithFallback/AvatarWithFallback';
+import { useMdmAbsoluteImagePath } from '../../contexts';
 import { useStyles } from './styles';
 var AttributeGroupIcon = function (_a) {
     var group = _a.group, metadata = _a.metadata;
     var styles = useStyles();
-    var absoluteImagePath = useSelector(mdm.selectors.getAbsoluteImagePath);
+    var absoluteImagePath = useMdmAbsoluteImagePath();
     var entityTypeGraphIcon = getEntityTypeGraphIcon(metadata, { type: group.id });
     var absoluteImageUrl = getAbsoluteImageUrl(absoluteImagePath, entityTypeGraphIcon);
     return React.createElement(AvatarWithFallback, { className: styles.icon, icon: absoluteImageUrl, avatarText: group.title[0] });

package/esm/components/AttributeSelector/AttributeSelector.js

@@ -24,19 +24,18 @@ import React, { useCallback, useMemo } from 'react';
 import i18n from 'ui-i18n';
 import classnames from 'classnames';
 import { pipe, defaultTo } from 'ramda';
-import { useSelector } from 'react-redux';
-import mdmModule from '@reltio/mdm-module';
 import { getAttributeTypeSubAttributes } from '@reltio/mdm-sdk';
 import Typography from '@mui/material/Typography';
 import MultiSelect from '../ReactSelect/MultiSelect';
 import MultiValue from '../ReactSelect/commonComponents/MultiValue';
 import DropdownIndicatorWithIconButton from '../commonReactSelectComponents/DropdownIndicatorWithIconButton';
 import AttributeListItem from '../AttributeListItem/AttributeListItem';
+import { useMdmMetadata } from '../../contexts';
 import { customStyles, useStyles } from './styles';
 var AttributeSelector = function (_a) {
     var entityType = _a.entityType, selectedAttributes = _a.selectedAttributes, className = _a.className, onChange = _a.onChange, title = _a.title, disableUnderline = _a.disableUnderline, _b = _a.menuPlacement, menuPlacement = _b === void 0 ? 'bottom' : _b;
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
     var styles = useStyles();
+    var metadata = useMdmMetadata();
     var prepareItems = useCallback(function (data, level, prevLabel) {
         if (level === void 0) { level = 0; }
         if (prevLabel === void 0) { prevLabel = ''; }

package/esm/components/AttributesFiltersBuilder/AttributesFiltersBuilder.js

@@ -7,10 +7,8 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import React, { useCallback, useRef, useMemo, memo, useEffect } from 'react';
-import { useSelector } from 'react-redux';
+import React, { useCallback, useRef, useMemo, useEffect, memo } from 'react';
 import { always, evolve } from 'ramda';
-import mdmModule from '@reltio/mdm-module';
 import { getEntityType } from '@reltio/mdm-sdk';
 import { getAttributeSelectorItems, getRowsDataFromFilters, getEntityTypeFromAttrTypes } from './helpers';
 import FilterSelector from './components/FilterSelector/FilterSelector';
@@ -18,20 +16,21 @@ import RowActions from './components/RowActions/RowActions';
 import QueryBuilderRowsGroup from '../QueryBuilderRowsGroup/QueryBuilderRowsGroup';
 import AttributeSelector from './components/AttributeSelector/AttributeSelector';
 import ValuesEditor from './components/ValuesEditor/ValuesEditor';
+import { useMdmMetadata } from '../../contexts';
 import { useStyles } from './styles';
 var EMPTY_FILTER = { fieldName: null, filter: null, values: [] };
 var Stub = function () { return null; };
 var AttributesFiltersBuilder = function (_a) {
     var attributeTypes = _a.attributeTypes, filters = _a.filters, onChange = _a.onChange, _b = _a.components, components = _b === void 0 ? {} : _b;
     var CustomValuesEditor = components.ValuesEditor, CustomFilterSelector = components.FilterSelector;
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
-    var entityType = getEntityType(metadata, getEntityTypeFromAttrTypes(attributeTypes));
     var _c = useStyles(), attrSelector = _c.attrSelector, filterSelector = _c.filterSelector, actionContainer = _c.actionContainer;
     var actualFilters = useRef(filters);
-    actualFilters.current = filters;
     var attributeFilterRef = useRef(null);
     var lastAttributesCountRef = useRef(null);
     var attributesCountRef = useRef(null);
+    var metadata = useMdmMetadata();
+    var entityType = getEntityType(metadata, getEntityTypeFromAttrTypes(attributeTypes));
+    actualFilters.current = filters;
     var rowClasses = useMemo(function () { return ({
         attributeSelectorContainer: attrSelector,
         filterSelectorContainer: filterSelector,

package/esm/components/BasicTableView/ColumnFilter/FilterChip/FilterChip.d.ts

@@ -1,20 +1,14 @@
+/// <reference types="react" />
+import { DataTypeDefinition, PrimitiveValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
+type FilterValue = SimpleAttributeValue | PrimitiveValue;
+type Props = {
+    filterOption: {
+        value: string;
+        label: string;
+    };
+    filterValue: FilterValue | FilterValue[];
+    onDelete: () => void;
+    dataTypeDefinition: DataTypeDefinition;
+};
+declare const FilterChip: ({ filterOption, filterValue, onDelete, dataTypeDefinition }: Props) => JSX.Element;
 export default FilterChip;
-declare function FilterChip({ filterOption, filterValue, onDelete, dataTypeDefinition }: {
-    filterOption: any;
-    filterValue: any;
-    onDelete: any;
-    dataTypeDefinition: any;
-}): JSX.Element;
-declare namespace FilterChip {
-    namespace propTypes {
-        export { FilterValueType as filterValue };
-        export const filterOption: PropTypes.Requireable<PropTypes.InferProps<{
-            value: PropTypes.Requireable<string>;
-            label: PropTypes.Requireable<string>;
-        }>>;
-        export const onDelete: PropTypes.Requireable<(...args: any[]) => any>;
-        export const dataTypeDefinition: PropTypes.Requireable<object>;
-    }
-}
-import { FilterValueType } from '@reltio/mdm-sdk';
-import PropTypes from 'prop-types';

package/esm/components/BasicTableView/ColumnFilter/FilterChip/FilterChip.js

@@ -1,19 +1,17 @@
 import Chip from '@mui/material/Chip';
-import PropTypes from 'prop-types';
 import React from 'react';
-import mdm from '@reltio/mdm-module';
-import { checkIfOptionHasValues, FilterValueType, formatDataTypeValue, getFilterValueLabel, mapFilterValue } from '@reltio/mdm-sdk';
-import { useSelector } from 'react-redux';
-import { useStyles } from './styles';
+import { checkIfOptionHasValues, formatDataTypeValue, getFilterValueLabel, mapFilterValue } from '@reltio/mdm-sdk';
 import ExpandedValueTooltip from '../../../ExpandedValueTooltip/ExpandedValueTooltip';
+import { useMdmAttributePresentations, useMdmDateMask, useMdmDateTimeMask } from '../../../../contexts';
+import { useStyles } from './styles';
 var FilterChip = function (_a) {
     var filterOption = _a.filterOption, filterValue = _a.filterValue, onDelete = _a.onDelete, dataTypeDefinition = _a.dataTypeDefinition;
+    var styles = useStyles();
+    var attributePresentations = useMdmAttributePresentations();
+    var dateMask = useMdmDateMask();
+    var dateTimeMask = useMdmDateTimeMask();
     var canFilterAcceptValues = checkIfOptionHasValues(filterOption.value);
     var optionLabel = filterOption.label + (canFilterAcceptValues ? ': ' : '');
-    var styles = useStyles();
-    var attributePresentations = useSelector(mdm.selectors.getAttributePresentations);
-    var dateMask = useSelector(mdm.selectors.getDateMask);
-    var dateTimeMask = useSelector(mdm.selectors.getDateTimeMask);
     var formatValue = formatDataTypeValue({ attributePresentations: attributePresentations, dataTypeDefinition: dataTypeDefinition, dateMask: dateMask, dateTimeMask: dateTimeMask });
     var convertedValue = mapFilterValue(formatValue, filterValue);
     var filterLabel = canFilterAcceptValues ? getFilterValueLabel(filterOption.value, convertedValue) : '';
@@ -25,13 +23,4 @@ var FilterChip = function (_a) {
             label: styles['filter-chip__label']
         }, onDelete: onDelete }));
 };
-FilterChip.propTypes = {
-    filterValue: FilterValueType,
-    filterOption: PropTypes.shape({
-        value: PropTypes.string,
-        label: PropTypes.string
-    }),
-    onDelete: PropTypes.func,
-    dataTypeDefinition: PropTypes.object
-};
 export default FilterChip;

package/esm/components/BasicView/BasicView.d.ts

@@ -8,5 +8,5 @@ declare const BasicView: React.ForwardRefExoticComponent<Pick<{
     variant?: import("@mui/types").OverridableStringUnion<"elevation" | "outlined", import("@mui/material/Paper").PaperPropsVariantOverrides>;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
-}, "children" | "square" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "elevation" | "variant">, "title" | "id" | "hidden" | "key" | "children" | "defaultValue" | "prefix" | "results" | "slot" | "color" | "translate" | "square" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "lang" | "role" | "tabIndex" | "elevation" | "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" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "security" | "unselectable" | "inputMode" | "is" | "variant"> & React.RefAttributes<HTMLDivElement>>;
+}, "children" | "square" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "elevation" | "variant">, "id" | "hidden" | "title" | "key" | "children" | "defaultValue" | "prefix" | "results" | "slot" | "color" | "translate" | "square" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "lang" | "role" | "tabIndex" | "elevation" | "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" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "security" | "unselectable" | "inputMode" | "is" | "variant"> & React.RefAttributes<HTMLDivElement>>;
 export default BasicView;

package/esm/components/CollaborationItem/Comment/Comment.js

@@ -1,17 +1,15 @@
 import React, { useMemo, useContext, useRef, useCallback } from 'react';
-import { useSelector } from 'react-redux';
 import i18n from 'ui-i18n';
 import Link from '@mui/material/Link';
 import Box from '@mui/material/Box';
 import Typography from '@mui/material/Typography';
 import MoreVertIcon from '@mui/icons-material/MoreVert';
-import mdm from '@reltio/mdm-module';
 import DropDownMenuButton from '../../DropDownMenuButton/DropDownMenuButton';
 import { SmallIconButtonWithTooltip } from '../../SmallIconButton';
 import { CommentTarget } from '../CommentTarget/CommentTarget';
 import { CommentContent } from '../CommentContent/CommentContent';
 import { Avatar } from '../Avatar/Avatar';
-import { CollaborationContext } from '../../../contexts';
+import { CollaborationContext, useMdmUsername } from '../../../contexts';
 import { useAutoFocus } from '../../../hooks';
 import { createEditedCommentUri, formatDate } from '../utils';
 import { SendMessageArea } from '../SendMessageArea/SendMessageArea';
@@ -20,7 +18,7 @@ export var Comment = function (_a) {
     var onReply = _a.onReply, className = _a.className, uri = _a.uri, comment = _a.comment, relatedObjectUris = _a.relatedObjectUris, objectType = _a.objectType;
     var styles = useStyles();
     var inputRef = useRef();
-    var username = useSelector(mdm.selectors.getUserName);
+    var username = useMdmUsername();
     var commentId = comment.commentId, createdBy = comment.createdBy, createdTime = comment.createdTime, status = comment.status;
     var isResolved = status === 'resolved';
     var canChangeComment = createdBy === username;

package/esm/components/CollaborationItem/CommentTarget/CommentTarget.js

@@ -10,25 +10,23 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React, { useContext } from 'react';
-import { useSelector } from 'react-redux';
 import i18n from 'ui-i18n';
 import classnames from 'classnames';
 import { startsWith } from 'ramda';
-import mdm from '@reltio/mdm-module';
 import { CollaborationObjectTypes } from '@reltio/mdm-sdk';
 import { findAttributeTypeByUri, getLabel, getEntityUriForLink, getEntityId, getAttributeTypeUriByValueUri } from '@reltio/mdm-sdk';
 import Typography from '@mui/material/Typography';
 import Box from '@mui/material/Box';
-import { EntitiesMapContext } from '../../../contexts';
+import { EntitiesMapContext, useMdmEntity, useMdmMetadata } from '../../../contexts';
 import EntityUriLink from '../../EntityUriLink/EntityUriLink';
 import { getRelatedEntityUri } from '../utils';
 import { useStyles } from './styles';
 export var CommentTarget = function (_a) {
     var comment = _a.comment, className = _a.className;
     var styles = useStyles();
-    var entity = useSelector(mdm.selectors.getEntity);
-    var metadata = useSelector(mdm.selectors.getMetadata);
     var entitiesMap = useContext(EntitiesMapContext);
+    var metadata = useMdmMetadata();
+    var entity = useMdmEntity();
     var getContent = function () {
         var _a;
         switch (comment.objectType) {

package/esm/components/CollaborationItem/CommentTarget/styles.d.ts

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

package/esm/components/CollaborationItem/RepliedComment/RepliedComment.js

@@ -1,15 +1,13 @@
 import React, { useRef, useContext, useMemo, useCallback } from 'react';
-import { useSelector } from 'react-redux';
 import i18n from 'ui-i18n';
 import classnames from 'classnames';
-import mdm from '@reltio/mdm-module';
 import Box from '@mui/material/Box';
 import MoreVertIcon from '@mui/icons-material/MoreVert';
 import Typography from '@mui/material/Typography';
 import { Avatar } from '../Avatar/Avatar';
 import { CommentContent } from '../CommentContent/CommentContent';
 import { createEditedReplyUri, formatDate } from '../utils';
-import { CollaborationContext } from '../../../contexts';
+import { CollaborationContext, useMdmUsername } from '../../../contexts';
 import { useAutoFocus } from '../../../hooks';
 import DropDownMenuButton from '../../DropDownMenuButton/DropDownMenuButton';
 import { SmallIconButtonWithTooltip } from '../../SmallIconButton';
@@ -18,8 +16,8 @@ import { useStyles } from './styles';
 export var RepliedComment = function (_a) {
     var className = _a.className, reply = _a.reply, uri = _a.uri, comment = _a.comment, popperRef = _a.popperRef;
     var inputRef = useRef();
+    var username = useMdmUsername();
     var createdBy = reply.createdBy, action = reply.action, createdTime = reply.createdTime;
-    var username = useSelector(mdm.selectors.getUserName);
     var canChangeReply = createdBy === username && comment.status !== 'resolved';
     var _b = useContext(CollaborationContext), deleteReply = _b.deleteReply, updateCommentState = _b.updateCommentState, getCommentState = _b.getCommentState;
     var commentUri = createEditedReplyUri(comment, reply);

package/esm/components/CollaborationItem/SendMessageArea/SendMessageArea.js

@@ -1,14 +1,12 @@
 import React, { useState, useContext, useEffect } from 'react';
 import i18n from 'ui-i18n';
 import classnames from 'classnames';
-import { useSelector } from 'react-redux';
 import { always, cond, T } from 'ramda';
-import mdm from '@reltio/mdm-module';
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import { TextFieldWithMentions } from '../TextFieldWithMentions/TextFieldWithMentions';
 import { Avatar } from '../Avatar/Avatar';
-import { CollaborationContext } from '../../../contexts';
+import { CollaborationContext, useMdmUsername } from '../../../contexts';
 import { createCommentUri, transformPlainTextValueToValueWithMentions } from '../utils';
 import { useStyles } from './styles';
 var getPlaceholder = function (status) {
@@ -45,8 +43,8 @@ export var SendMessageArea = function (_a) {
     var isEditing = isEditingComment || isEditingReply;
     var styles = useStyles({ isEditing: isEditing });
     var _b = useState(false), focused = _b[0], setFocused = _b[1];
-    var username = useSelector(mdm.selectors.getUserName);
     var _c = useContext(CollaborationContext), createReply = _c.createReply, createComment = _c.createComment, sending = _c.sending, editComment = _c.editComment, editReply = _c.editReply, getCommentState = _c.getCommentState, updateCommentState = _c.updateCommentState, clearCommentState = _c.clearCommentState;
+    var username = useMdmUsername();
     var commentUri = createCommentUri({ comment: comment, reply: reply, isEditingComment: isEditingComment, isEditingReply: isEditingReply });
     var defaultCommentState = getDefaultCommentState({ comment: comment, reply: reply, isEditingComment: isEditingComment, isEditingReply: isEditingReply });
     var _d = getCommentState(uri, commentUri), _e = _d.value, value = _e === void 0 ? defaultCommentState.value : _e, _f = _d.plainTextValue, plainTextValue = _f === void 0 ? defaultCommentState.plainTextValue : _f, _g = _d.mentions, mentions = _g === void 0 ? defaultCommentState.mentions : _g;

package/esm/components/ColoredSourceIcon/ColoredSourceIcon.js

@@ -1,17 +1,15 @@
 import React, { memo } from 'react';
 import classnames from 'classnames';
-import mdm from '@reltio/mdm-module';
-import { useSelector } from 'react-redux';
 import Tooltip from '@mui/material/Tooltip';
 import { getSourceSystemLabel } from '@reltio/mdm-sdk';
-import { useCrosswalkColor } from '../../contexts';
+import { useCrosswalkColor, useMdmMetadata } from '../../contexts';
 import SourceIcon from '../SourceIcon/SourceIcon';
 import { useStyles } from './styles';
 var ColoredSourceIcon = function (_a) {
     var className = _a.className, crosswalk = _a.crosswalk, _b = _a.showTooltip, showTooltip = _b === void 0 ? true : _b;
     var styles = useStyles();
     var color = useCrosswalkColor(crosswalk);
-    var metadata = useSelector(mdm.selectors.getMetadata) || {};
+    var metadata = useMdmMetadata() || {};
     var content = (React.createElement("div", { className: classnames(styles.itemContainer, className), style: { background: color } },
         React.createElement(SourceIcon, { sourceType: crosswalk.type, className: styles.item })));
     return showTooltip ? React.createElement(Tooltip, { title: getSourceSystemLabel(metadata, crosswalk.type) }, content) : content;