@reltio/components 1.4.1405 → 1.4.1407

package/cjs/components/ProfileBandNavigation/ProfileBandNavigationWidget.js

@@ -1,30 +1,64 @@
 "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;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LinkWithTooltip = exports.ProfileBandNavigationWidget = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var react_1 = __importStar(require("react"));
 var Link_1 = __importDefault(require("@material-ui/core/Link"));
-var HOCs_1 = require("../../HOCs");
-var SmallIconButton_1 = require("../SmallIconButton");
 var KeyboardArrowLeft_1 = __importDefault(require("@material-ui/icons/KeyboardArrowLeft"));
 var KeyboardArrowRight_1 = __importDefault(require("@material-ui/icons/KeyboardArrowRight"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var classnames_1 = __importDefault(require("classnames"));
+var ramda_1 = require("ramda");
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var LabelsContext_1 = require("../../contexts/LabelsContext");
+var HOCs_1 = require("../../HOCs");
+var SmallIconButton_1 = require("../SmallIconButton");
 var styles_1 = require("./styles");
 var LinkWithTooltip = (0, HOCs_1.withTooltip)(Link_1.default);
 exports.LinkWithTooltip = LinkWithTooltip;
 var ProfileBandNavigationWidget = function (_a) {
-    var className = _a.className, _b = _a.total, total = _b === void 0 ? 0 : _b, onPrev = _a.onPrev, onNext = _a.onNext, onSearchResultsClick = _a.onSearchResultsClick, isPrevDisabled = _a.isPrevDisabled, isNextDisabled = _a.isNextDisabled;
+    var _b;
+    var className = _a.className, _c = _a.total, total = _c === void 0 ? 0 : _c, onPrev = _a.onPrev, onNext = _a.onNext, onSearchResultsClick = _a.onSearchResultsClick, isPrevDisabled = _a.isPrevDisabled, isNextDisabled = _a.isNextDisabled;
     var styles = (0, styles_1.useStyles)();
+    var labels = (0, react_1.useContext)(LabelsContext_1.LabelsContext);
+    var _d = (0, ramda_1.mergeRight)({
+        OPEN_RESULTS: ui_i18n_1.default.text('Go to search results'),
+        SEARCH_RESULT: ui_i18n_1.default.text('Search result'),
+        SEARCH_RESULTS: ui_i18n_1.default.text('Search results'),
+        PREVIOUS_PROFILE: ui_i18n_1.default.text('Go to previous profile'),
+        NEXT_PROFILE: ui_i18n_1.default.text('Go to next profile')
+    }, (_b = labels === null || labels === void 0 ? void 0 : labels.profileBand) !== null && _b !== void 0 ? _b : {}), OPEN_RESULTS = _d.OPEN_RESULTS, SEARCH_RESULT = _d.SEARCH_RESULT, SEARCH_RESULTS = _d.SEARCH_RESULTS, NEXT_PROFILE = _d.NEXT_PROFILE, PREVIOUS_PROFILE = _d.PREVIOUS_PROFILE;
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.container, className) },
-        react_1.default.createElement(LinkWithTooltip, { className: styles.link, component: "button", variant: "caption", onClick: onSearchResultsClick, underline: "none", tooltipTitle: ui_i18n_1.default.text('Go to search results') },
+        react_1.default.createElement(LinkWithTooltip, { className: styles.link, component: "button", variant: "caption", onClick: onSearchResultsClick, underline: "none", tooltipTitle: OPEN_RESULTS },
             (0, mdm_sdk_1.formatNumberAsMetric)(total, 1000000),
-            ' ',
-            total === 1 ? ui_i18n_1.default.text('Search result') : ui_i18n_1.default.text('Search results')),
-        react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { size: "L", icon: KeyboardArrowLeft_1.default, tooltipTitle: ui_i18n_1.default.text('Go to previous profile'), onClick: onPrev, disabled: isPrevDisabled, showForDisabled: true }),
-        react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { size: "L", icon: KeyboardArrowRight_1.default, tooltipTitle: ui_i18n_1.default.text('Go to next profile'), onClick: onNext, disabled: isNextDisabled, showForDisabled: true })));
+            " ",
+            total === 1 ? SEARCH_RESULT : SEARCH_RESULTS),
+        react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { size: "L", icon: KeyboardArrowLeft_1.default, tooltipTitle: PREVIOUS_PROFILE, onClick: onPrev, disabled: isPrevDisabled, showForDisabled: true }),
+        react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { size: "L", icon: KeyboardArrowRight_1.default, tooltipTitle: NEXT_PROFILE, onClick: onNext, disabled: isNextDisabled, showForDisabled: true })));
 };
 exports.ProfileBandNavigationWidget = ProfileBandNavigationWidget;

package/cjs/contexts/LabelsContext/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+declare type Labels = {
+    profileBand: {
+        OPEN_RESULTS?: string;
+        SEARCH_RESULT?: string;
+        SEARCH_RESULTS?: string;
+        NEXT_PROFILE?: string;
+        PREVIOUS_PROFILE?: string;
+    };
+};
+export declare const LabelsContext: React.Context<Labels>;
+export {};

package/cjs/contexts/LabelsContext/index.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LabelsContext = void 0;
+var react_1 = __importDefault(require("react"));
+exports.LabelsContext = react_1.default.createContext({
+    profileBand: {}
+});
+exports.LabelsContext.displayName = 'LabelsContext';

package/cjs/contexts/index.d.ts

@@ -24,3 +24,4 @@ export { InterceptHandlersContext } from './InterceptHandlersContext';
 export { SearchValueContext } from './SearchValueContext';
 export { ScrollToErrorContext, ScrollToErrorProvider } from './ScrollToErrorContext';
 export { GenerateEntityUrlContext } from './GenerateEntityUrlContext';
+export { LabelsContext } from './LabelsContext';

package/cjs/contexts/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.GenerateEntityUrlContext = exports.ScrollToErrorProvider = exports.ScrollToErrorContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.PivotingAttributeContext = exports.UsersContext = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.ViewIdContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = void 0;
+exports.LabelsContext = exports.GenerateEntityUrlContext = exports.ScrollToErrorProvider = exports.ScrollToErrorContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.PivotingAttributeContext = exports.UsersContext = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.ViewIdContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = void 0;
 var AsyncMountContext_1 = require("./AsyncMountContext");
 Object.defineProperty(exports, "AsyncMountContext", { enumerable: true, get: function () { return AsyncMountContext_1.AsyncMountContext; } });
 var HistoryAppearanceContext_1 = require("./HistoryAppearanceContext");
@@ -61,3 +61,5 @@ Object.defineProperty(exports, "ScrollToErrorContext", { enumerable: true, get:
 Object.defineProperty(exports, "ScrollToErrorProvider", { enumerable: true, get: function () { return ScrollToErrorContext_1.ScrollToErrorProvider; } });
 var GenerateEntityUrlContext_1 = require("./GenerateEntityUrlContext");
 Object.defineProperty(exports, "GenerateEntityUrlContext", { enumerable: true, get: function () { return GenerateEntityUrlContext_1.GenerateEntityUrlContext; } });
+var LabelsContext_1 = require("./LabelsContext");
+Object.defineProperty(exports, "LabelsContext", { enumerable: true, get: function () { return LabelsContext_1.LabelsContext; } });

package/esm/components/ProfileBandNavigation/ProfileBandNavigationWidget.js

@@ -1,23 +1,34 @@
-import React from 'react';
-import classnames from 'classnames';
-import i18n from 'ui-i18n';
+import React, { useContext } from 'react';
 import Link from '@material-ui/core/Link';
-import { withTooltip } from '../../HOCs';
-import { SmallIconButtonWithTooltip } from '../SmallIconButton';
 import KeyboardArrowLeft from '@material-ui/icons/KeyboardArrowLeft';
 import KeyboardArrowRight from '@material-ui/icons/KeyboardArrowRight';
 import { formatNumberAsMetric } from '@reltio/mdm-sdk';
+import classnames from 'classnames';
+import { mergeRight } from 'ramda';
+import i18n from 'ui-i18n';
+import { LabelsContext } from '../../contexts/LabelsContext';
+import { withTooltip } from '../../HOCs';
+import { SmallIconButtonWithTooltip } from '../SmallIconButton';
 import { useStyles } from './styles';
 var LinkWithTooltip = withTooltip(Link);
 var ProfileBandNavigationWidget = function (_a) {
-    var className = _a.className, _b = _a.total, total = _b === void 0 ? 0 : _b, onPrev = _a.onPrev, onNext = _a.onNext, onSearchResultsClick = _a.onSearchResultsClick, isPrevDisabled = _a.isPrevDisabled, isNextDisabled = _a.isNextDisabled;
+    var _b;
+    var className = _a.className, _c = _a.total, total = _c === void 0 ? 0 : _c, onPrev = _a.onPrev, onNext = _a.onNext, onSearchResultsClick = _a.onSearchResultsClick, isPrevDisabled = _a.isPrevDisabled, isNextDisabled = _a.isNextDisabled;
     var styles = useStyles();
+    var labels = useContext(LabelsContext);
+    var _d = mergeRight({
+        OPEN_RESULTS: i18n.text('Go to search results'),
+        SEARCH_RESULT: i18n.text('Search result'),
+        SEARCH_RESULTS: i18n.text('Search results'),
+        PREVIOUS_PROFILE: i18n.text('Go to previous profile'),
+        NEXT_PROFILE: i18n.text('Go to next profile')
+    }, (_b = labels === null || labels === void 0 ? void 0 : labels.profileBand) !== null && _b !== void 0 ? _b : {}), OPEN_RESULTS = _d.OPEN_RESULTS, SEARCH_RESULT = _d.SEARCH_RESULT, SEARCH_RESULTS = _d.SEARCH_RESULTS, NEXT_PROFILE = _d.NEXT_PROFILE, PREVIOUS_PROFILE = _d.PREVIOUS_PROFILE;
     return (React.createElement("div", { className: classnames(styles.container, className) },
-        React.createElement(LinkWithTooltip, { className: styles.link, component: "button", variant: "caption", onClick: onSearchResultsClick, underline: "none", tooltipTitle: i18n.text('Go to search results') },
+        React.createElement(LinkWithTooltip, { className: styles.link, component: "button", variant: "caption", onClick: onSearchResultsClick, underline: "none", tooltipTitle: OPEN_RESULTS },
             formatNumberAsMetric(total, 1000000),
-            ' ',
-            total === 1 ? i18n.text('Search result') : i18n.text('Search results')),
-        React.createElement(SmallIconButtonWithTooltip, { size: "L", icon: KeyboardArrowLeft, tooltipTitle: i18n.text('Go to previous profile'), onClick: onPrev, disabled: isPrevDisabled, showForDisabled: true }),
-        React.createElement(SmallIconButtonWithTooltip, { size: "L", icon: KeyboardArrowRight, tooltipTitle: i18n.text('Go to next profile'), onClick: onNext, disabled: isNextDisabled, showForDisabled: true })));
+            " ",
+            total === 1 ? SEARCH_RESULT : SEARCH_RESULTS),
+        React.createElement(SmallIconButtonWithTooltip, { size: "L", icon: KeyboardArrowLeft, tooltipTitle: PREVIOUS_PROFILE, onClick: onPrev, disabled: isPrevDisabled, showForDisabled: true }),
+        React.createElement(SmallIconButtonWithTooltip, { size: "L", icon: KeyboardArrowRight, tooltipTitle: NEXT_PROFILE, onClick: onNext, disabled: isNextDisabled, showForDisabled: true })));
 };
 export { ProfileBandNavigationWidget, LinkWithTooltip };

package/esm/contexts/LabelsContext/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+declare type Labels = {
+    profileBand: {
+        OPEN_RESULTS?: string;
+        SEARCH_RESULT?: string;
+        SEARCH_RESULTS?: string;
+        NEXT_PROFILE?: string;
+        PREVIOUS_PROFILE?: string;
+    };
+};
+export declare const LabelsContext: React.Context<Labels>;
+export {};

package/esm/contexts/LabelsContext/index.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export var LabelsContext = React.createContext({
+    profileBand: {}
+});
+LabelsContext.displayName = 'LabelsContext';

package/esm/contexts/index.d.ts

@@ -24,3 +24,4 @@ export { InterceptHandlersContext } from './InterceptHandlersContext';
 export { SearchValueContext } from './SearchValueContext';
 export { ScrollToErrorContext, ScrollToErrorProvider } from './ScrollToErrorContext';
 export { GenerateEntityUrlContext } from './GenerateEntityUrlContext';
+export { LabelsContext } from './LabelsContext';

package/esm/contexts/index.js

@@ -24,3 +24,4 @@ export { InterceptHandlersContext } from './InterceptHandlersContext';
 export { SearchValueContext } from './SearchValueContext';
 export { ScrollToErrorContext, ScrollToErrorProvider } from './ScrollToErrorContext';
 export { GenerateEntityUrlContext } from './GenerateEntityUrlContext';
+export { LabelsContext } from './LabelsContext';

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1405",
+  "version": "1.4.1407",
   "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.1405",
-    "@reltio/mdm-sdk": "^1.4.1405",
+    "@reltio/mdm-module": "^1.4.1407",
+    "@reltio/mdm-sdk": "^1.4.1407",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",