@reltio/components 1.4.1318 → 1.4.1320

package/cjs/components/SettingsMenu/SettingsMenu.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { DropDownMenuItem } from '../../types';
+declare type Props = {
+    items: Array<DropDownMenuItem>;
+    menuId: string;
+};
+declare const SettingsMenu: ({ items, menuId }: Props) => JSX.Element;
+export default SettingsMenu;

package/cjs/components/SettingsMenu/SettingsMenu.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var Settings_1 = __importDefault(require("@material-ui/icons/Settings"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var SmallIconButton_1 = require("../SmallIconButton");
+var DropDownMenuButton_1 = __importDefault(require("../DropDownMenuButton/DropDownMenuButton"));
+var SettingsMenu = function (_a) {
+    var items = _a.items, menuId = _a.menuId;
+    return (react_1.default.createElement(DropDownMenuButton_1.default, { buttonComponent: SmallIconButton_1.SmallIconButtonWithTooltip, buttonProps: {
+            icon: Settings_1.default,
+            tooltipTitle: ui_i18n_1.default.text('Settings'),
+            size: 'L'
+        }, menuId: menuId, menuItems: items }));
+};
+exports.default = SettingsMenu;

package/cjs/components/index.d.ts

@@ -140,3 +140,4 @@ export { default as MatchRulesSelector } from './MatchRulesSelector/MatchRulesSe
 export { default as SourceSystemsSelector } from './SourceSystemsSelector/SourceSystemsSelector';
 export { TenantIcon } from './TenantIcon/TenantIcon';
 export { TenantsDropDownSelector } from './TenantsDropDownSelector/TenantsDropDownSelector';
+export { default as SettingsMenu } from './SettingsMenu/SettingsMenu';

package/cjs/components/index.js

@@ -19,7 +19,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = exports.EmptyState = exports.NoResults = exports.NoData = exports.DropDownSelector = exports.DropDownMenuButton = exports.Drawer = exports.DataTypeValue = exports.ConnectionRelationTypeSelector = exports.ConfigureColumnsPopup = exports.MenuWithPopper = exports.MenuList = exports.LoadMoreButton = exports.DropdownIndicatorWithIconButton = exports.DropdownIndicator = exports.CommentsContainer = exports.ColorBar = exports.CollapseButton = exports.CollaborationItem = exports.ClickAwayProvider = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.ProfileBandNavigation = exports.AvatarWithFallback = exports.AutoSizeList = exports.ReadOnlyAttributesPager = exports.SimpleAttribute = exports.ReferenceAttribute = exports.NestedAttribute = exports.EditableImageAttributesLine = exports.ImageAttributesLine = exports.ReadOnlyAttributesList = exports.ReadOnlyAttributeValuesBlock = exports.EditableAttribute = exports.ReadOnlyAttribute = exports.CardinalityMessage = exports.AttributesPager = exports.SimpleAttributeEditor = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.NestedAttributeEditor = exports.MoreAttributesButton = exports.EntitySelector = exports.EntityCreator = exports.AttributesList = exports.BranchDecorator = exports.AttributesView = exports.AttributeListItem = void 0;
 exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopupPopper = exports.SelectionPopup = exports.useKeyboardNavigation = exports.WhiteSearchInput = exports.SearchInput = exports.ResizablePanes = exports.ReltioGridLayout = exports.ReactSortableTreeUtils = exports.ReactSortableTreeHandlers = exports.ReactSortableTree = exports.ReactSelectOptionFilters = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = exports.SimpleMatchRulesBlock = exports.MatchRuleVariant = exports.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportModes = exports.ImportButton = exports.ImageGalleryDialog = exports.Highlighter = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.FlipCard = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.ErrorWrapper = exports.ErrorPopup = exports.ErrorBoundary = exports.EntityUriLink = exports.RelationTypesSelector = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = void 0;
-exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.DragAndDrop = exports.ConnectionEditor = exports.AttributesFiltersBuilder = exports.AttributesFiltersButton = exports.AttributeGroupIcon = exports.BasicAttributeSelector = exports.ProfilesList = exports.ActionButtonMode = exports.ActionButton = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.RelationEditor = exports.OvIcon = exports.ErrorMessage = exports.ReltioMap = exports.ConfirmDeleteDialog = exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = void 0;
+exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.DragAndDrop = exports.ConnectionEditor = exports.AttributesFiltersBuilder = exports.AttributesFiltersButton = exports.AttributeGroupIcon = exports.BasicAttributeSelector = exports.ProfilesList = exports.ActionButtonMode = exports.ActionButton = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.RelationEditor = exports.OvIcon = exports.ErrorMessage = exports.ReltioMap = exports.ConfirmDeleteDialog = exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = void 0;
 __exportStar(require("./activityLog"), exports);
 var AttributeListItem_1 = require("./AttributeListItem/AttributeListItem");
 Object.defineProperty(exports, "AttributeListItem", { enumerable: true, get: function () { return __importDefault(AttributeListItem_1).default; } });
@@ -302,3 +302,5 @@ var TenantIcon_1 = require("./TenantIcon/TenantIcon");
 Object.defineProperty(exports, "TenantIcon", { enumerable: true, get: function () { return TenantIcon_1.TenantIcon; } });
 var TenantsDropDownSelector_1 = require("./TenantsDropDownSelector/TenantsDropDownSelector");
 Object.defineProperty(exports, "TenantsDropDownSelector", { enumerable: true, get: function () { return TenantsDropDownSelector_1.TenantsDropDownSelector; } });
+var SettingsMenu_1 = require("./SettingsMenu/SettingsMenu");
+Object.defineProperty(exports, "SettingsMenu", { enumerable: true, get: function () { return __importDefault(SettingsMenu_1).default; } });

package/cjs/hooks/useRelationsLoader.d.ts

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

package/cjs/hooks/useRelationsLoader.js

@@ -44,14 +44,17 @@ var useSafePromise_1 = require("./useSafePromise");
 var usePrevious_1 = require("./usePrevious");
 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 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;
-    var _b = (0, react_1.useState)(false), isLoading = _b[0], setIsLoading = _b[1];
+    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 dtssPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getDtssPath);
-    var _c = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getGlobalSearchRequestOptions) || {}, activityFilter = _c.activityFilter, globalFilter = _c.globalFilter;
+    var _d = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getGlobalSearchRequestOptions) || {}, activityFilter = _d.activityFilter, globalFilter = _d.globalFilter;
     var safePromise = (0, useSafePromise_1.useSafePromise)();
     var suggested = config.suggested;
+    var options = (0, react_1.useMemo)(function () { return ({
+        searchByOv: searchByOv
+    }); }, [searchByOv]);
     var loadRelations = (0, react_1.useCallback)(function () {
         if (entity === null || entity === void 0 ? void 0 : entity.uri) {
             var requestConfig_1 = __assign(__assign({}, config.content), { sortBy: sorting === null || sorting === void 0 ? void 0 : sorting.field, order: sorting === null || sorting === void 0 ? void 0 : sorting.order, returnDates: true, returnObjects: true, activeness: {
@@ -71,11 +74,12 @@ var useRelationsLoader = function (_a) {
                             configs: configs_1,
                             customerTenant: tenant,
                             dataTenant: entity.dataTenant,
-                            dtssPath: dtssPath
+                            dtssPath: dtssPath,
+                            options: options
                         });
                     }
                 ],
-                [ramda_1.T, function (entity) { return (0, mdm_sdk_1.getRelationsForEntity)(entity.uri, configs_1); }]
+                [ramda_1.T, function (entity) { return (0, mdm_sdk_1.getRelationsForEntity)(entity.uri, configs_1, options); }]
             ]);
             setIsLoading(true);
             safePromise(request(entity))
@@ -102,7 +106,8 @@ var useRelationsLoader = function (_a) {
         rowsPerPage,
         safePromise,
         sorting,
-        tenant
+        tenant,
+        options
     ]);
     var isRequestSentRef = (0, react_1.useRef)(false);
     isRequestSentRef.current = false;

package/esm/components/SettingsMenu/SettingsMenu.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { DropDownMenuItem } from '../../types';
+declare type Props = {
+    items: Array<DropDownMenuItem>;
+    menuId: string;
+};
+declare const SettingsMenu: ({ items, menuId }: Props) => JSX.Element;
+export default SettingsMenu;

package/esm/components/SettingsMenu/SettingsMenu.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import SettingsIcon from '@material-ui/icons/Settings';
+import i18n from 'ui-i18n';
+import { SmallIconButtonWithTooltip } from '../SmallIconButton';
+import DropDownMenuButton from '../DropDownMenuButton/DropDownMenuButton';
+var SettingsMenu = function (_a) {
+    var items = _a.items, menuId = _a.menuId;
+    return (React.createElement(DropDownMenuButton, { buttonComponent: SmallIconButtonWithTooltip, buttonProps: {
+            icon: SettingsIcon,
+            tooltipTitle: i18n.text('Settings'),
+            size: 'L'
+        }, menuId: menuId, menuItems: items }));
+};
+export default SettingsMenu;

package/esm/components/index.d.ts

@@ -140,3 +140,4 @@ export { default as MatchRulesSelector } from './MatchRulesSelector/MatchRulesSe
 export { default as SourceSystemsSelector } from './SourceSystemsSelector/SourceSystemsSelector';
 export { TenantIcon } from './TenantIcon/TenantIcon';
 export { TenantsDropDownSelector } from './TenantsDropDownSelector/TenantsDropDownSelector';
+export { default as SettingsMenu } from './SettingsMenu/SettingsMenu';

package/esm/components/index.js

@@ -140,3 +140,4 @@ export { default as MatchRulesSelector } from './MatchRulesSelector/MatchRulesSe
 export { default as SourceSystemsSelector } from './SourceSystemsSelector/SourceSystemsSelector';
 export { TenantIcon } from './TenantIcon/TenantIcon';
 export { TenantsDropDownSelector } from './TenantsDropDownSelector/TenantsDropDownSelector';
+export { default as SettingsMenu } from './SettingsMenu/SettingsMenu';

package/esm/hooks/useRelationsLoader.d.ts

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

package/esm/hooks/useRelationsLoader.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { useCallback, useEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { cond, pipe, prop, T, when, identity, times, length, ifElse, always } from 'ramda';
 import mdm, { profile } from '@reltio/mdm-module';
@@ -18,14 +18,17 @@ import { useSafePromise } from './useSafePromise';
 import { usePrevious } from './usePrevious';
 var buildSuggestedIds = when(identity, pipe(wrapInArrayIfNeeded, length, times(function (n) { return n + 1; })));
 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;
-    var _b = useState(false), isLoading = _b[0], setIsLoading = _b[1];
+    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 = useState(false), isLoading = _c[0], setIsLoading = _c[1];
     var dispatch = useDispatch();
     var tenant = useSelector(mdm.selectors.getTenant);
     var dtssPath = useSelector(mdm.selectors.getDtssPath);
-    var _c = useSelector(mdm.selectors.getGlobalSearchRequestOptions) || {}, activityFilter = _c.activityFilter, globalFilter = _c.globalFilter;
+    var _d = useSelector(mdm.selectors.getGlobalSearchRequestOptions) || {}, activityFilter = _d.activityFilter, globalFilter = _d.globalFilter;
     var safePromise = useSafePromise();
     var suggested = config.suggested;
+    var options = useMemo(function () { return ({
+        searchByOv: searchByOv
+    }); }, [searchByOv]);
     var loadRelations = useCallback(function () {
         if (entity === null || entity === void 0 ? void 0 : entity.uri) {
             var requestConfig_1 = __assign(__assign({}, config.content), { sortBy: sorting === null || sorting === void 0 ? void 0 : sorting.field, order: sorting === null || sorting === void 0 ? void 0 : sorting.order, returnDates: true, returnObjects: true, activeness: {
@@ -45,11 +48,12 @@ export var useRelationsLoader = function (_a) {
                             configs: configs_1,
                             customerTenant: tenant,
                             dataTenant: entity.dataTenant,
-                            dtssPath: dtssPath
+                            dtssPath: dtssPath,
+                            options: options
                         });
                     }
                 ],
-                [T, function (entity) { return getRelationsForEntity(entity.uri, configs_1); }]
+                [T, function (entity) { return getRelationsForEntity(entity.uri, configs_1, options); }]
             ]);
             setIsLoading(true);
             safePromise(request(entity))
@@ -76,7 +80,8 @@ export var useRelationsLoader = function (_a) {
         rowsPerPage,
         safePromise,
         sorting,
-        tenant
+        tenant,
+        options
     ]);
     var isRequestSentRef = useRef(false);
     isRequestSentRef.current = false;

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1318",
+  "version": "1.4.1320",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-module": "^1.4.1318",
-    "@reltio/mdm-sdk": "^1.4.1318",
+    "@reltio/mdm-module": "^1.4.1320",
+    "@reltio/mdm-sdk": "^1.4.1320",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",