@reltio/components 1.4.1674 → 1.4.1676

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

@@ -98,7 +98,7 @@ var MoreAttributesButton = function (_a) {
             react_1.default.createElement(Add_1.default, { classes: { root: styles.icon } }),
             react_1.default.createElement("div", { className: styles.buttonLabel }, label)),
         react_1.default.createElement(SelectionPopup_1.default, { open: isOpen, className: (0, classnames_1.default)(styles.moreAttributesPopup, styles.popupContainer), anchorEl: inputRef.current, onClose: (0, ramda_1.pipe)(addSelectedAttributes, closePopup, clearFilter, clearSelectedItems), onSearch: setFilter, containerHeight: containerHeight, title: popupTitle, containerWidth: LIST_CONTAINER_WIDTH, searchInputOnKeyDown: handleKeyDown },
-            react_1.default.createElement(VirtualGroupedList_1.default, { getItemSize: getItemSize, renderItem: listItemRenderer, renderGroupTitle: renderGroupTitle, items: items, height: listHeight, focusIndex: focusIndex }),
+            react_1.default.createElement(VirtualGroupedList_1.default, { getItemSize: getItemSize, renderItem: listItemRenderer, renderGroupTitle: renderGroupTitle, disableHorizontalScrollbar: true, items: items, height: listHeight, focusIndex: focusIndex }),
             items.length === 0 && (react_1.default.createElement("div", { className: styles.noResultsCaptionContainer },
                 react_1.default.createElement(Typography_1.default, { variant: "caption", display: "block", gutterBottom: true }, ui_i18n_1.default.text('No results found')))))));
 };

package/cjs/hooks/useRelationsLoader.d.ts

@@ -12,8 +12,9 @@ type Props = {
     relationActivityFilter?: ActivityFilter;
     mode: Mode;
     searchByOv?: boolean;
+    showSnackbarMessage?: (message: string) => void;
 };
-export declare const useRelationsLoader: ({ sorting, filter, page, rowsPerPage, config, entity, relationActivityFilter, mode, searchByOv }: Props) => {
+export declare const useRelationsLoader: ({ sorting, filter, page, rowsPerPage, config, entity, relationActivityFilter, mode, searchByOv, showSnackbarMessage }: Props) => {
     isLoading: boolean;
     reload: () => void;
 };

package/cjs/hooks/useRelationsLoader.js

@@ -10,10 +10,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRelationsLoader = void 0;
 var react_1 = require("react");
 var ramda_1 = require("ramda");
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var useSafePromise_1 = require("./useSafePromise");
 var usePrevious_1 = require("./usePrevious");
@@ -31,7 +35,7 @@ var isValidRequestConfig = function (config) {
     return true;
 };
 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 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, showSnackbarMessage = _a.showSnackbarMessage;
     var _c = (0, react_1.useState)(false), isLoading = _c[0], setIsLoading = _c[1];
     var relationsLoaded = (0, contexts_1.useMdmAction)('relationsLoaded');
     var tenant = (0, contexts_1.useMdmTenant)();
@@ -97,7 +101,10 @@ var useRelationsLoader = function (_a) {
                 if (!Array.isArray(result)) {
                     throw Error(JSON.stringify(result));
                 }
-                var _a = result[0], connections = _a.connections, total = _a.total;
+                var _a = result[0], connections = _a.connections, total = _a.total, notAllDataFetched = _a.notAllDataFetched;
+                if (notAllDataFetched && showSnackbarMessage) {
+                    showSnackbarMessage(ui_i18n_1.default.text('This profile contains a large number of relationships. We have disabled filtering and sorting to help optimize performance.'));
+                }
                 relationsLoaded({ id: config.id, connections: connections, total: total, mode: modeRef.current });
             })
                 .catch(function (e) {

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

@@ -70,7 +70,7 @@ var MoreAttributesButton = function (_a) {
             React.createElement(AddIcon, { classes: { root: styles.icon } }),
             React.createElement("div", { className: styles.buttonLabel }, label)),
         React.createElement(SelectionPopup, { open: isOpen, className: classnames(styles.moreAttributesPopup, styles.popupContainer), anchorEl: inputRef.current, onClose: pipe(addSelectedAttributes, closePopup, clearFilter, clearSelectedItems), onSearch: setFilter, containerHeight: containerHeight, title: popupTitle, containerWidth: LIST_CONTAINER_WIDTH, searchInputOnKeyDown: handleKeyDown },
-            React.createElement(VirtualGroupedList, { getItemSize: getItemSize, renderItem: listItemRenderer, renderGroupTitle: renderGroupTitle, items: items, height: listHeight, focusIndex: focusIndex }),
+            React.createElement(VirtualGroupedList, { getItemSize: getItemSize, renderItem: listItemRenderer, renderGroupTitle: renderGroupTitle, disableHorizontalScrollbar: true, items: items, height: listHeight, focusIndex: focusIndex }),
             items.length === 0 && (React.createElement("div", { className: styles.noResultsCaptionContainer },
                 React.createElement(Typography, { variant: "caption", display: "block", gutterBottom: true }, i18n.text('No results found')))))));
 };

package/esm/hooks/useRelationsLoader.d.ts

@@ -12,8 +12,9 @@ type Props = {
     relationActivityFilter?: ActivityFilter;
     mode: Mode;
     searchByOv?: boolean;
+    showSnackbarMessage?: (message: string) => void;
 };
-export declare const useRelationsLoader: ({ sorting, filter, page, rowsPerPage, config, entity, relationActivityFilter, mode, searchByOv }: Props) => {
+export declare const useRelationsLoader: ({ sorting, filter, page, rowsPerPage, config, entity, relationActivityFilter, mode, searchByOv, showSnackbarMessage }: Props) => {
     isLoading: boolean;
     reload: () => void;
 };

package/esm/hooks/useRelationsLoader.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { cond, pipe, prop, T, evolve, filter as filterFn, when, identity, times, length, ifElse, always } from 'ramda';
+import i18n from 'ui-i18n';
 import { ActivityFilter, addGlobalFilterToQuery, getRelationsForDataTenantEntity, getRelationsForEntity, isAvailableEntityTypeUri, isAvailableRelationTypeUri, isDataTenantEntity, isObject, isTempUri, Mode, wrapInArrayIfNeeded } from '@reltio/mdm-sdk';
 import { useSafePromise } from './useSafePromise';
 import { usePrevious } from './usePrevious';
@@ -28,7 +29,7 @@ var isValidRequestConfig = function (config) {
     return true;
 };
 export 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 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, showSnackbarMessage = _a.showSnackbarMessage;
     var _c = useState(false), isLoading = _c[0], setIsLoading = _c[1];
     var relationsLoaded = useMdmAction('relationsLoaded');
     var tenant = useMdmTenant();
@@ -94,7 +95,10 @@ export var useRelationsLoader = function (_a) {
                 if (!Array.isArray(result)) {
                     throw Error(JSON.stringify(result));
                 }
-                var _a = result[0], connections = _a.connections, total = _a.total;
+                var _a = result[0], connections = _a.connections, total = _a.total, notAllDataFetched = _a.notAllDataFetched;
+                if (notAllDataFetched && showSnackbarMessage) {
+                    showSnackbarMessage(i18n.text('This profile contains a large number of relationships. We have disabled filtering and sorting to help optimize performance.'));
+                }
                 relationsLoaded({ id: config.id, connections: connections, total: total, mode: modeRef.current });
             })
                 .catch(function (e) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1674",
+  "version": "1.4.1676",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
@@ -8,7 +8,7 @@
     "@date-io/moment": "^1.3.5",
     "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-sdk": "^1.4.1674",
+    "@reltio/mdm-sdk": "^1.4.1676",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",