@reltio/components 1.4.876 → 1.4.880

package/components/PopupWithArrow/PopupWithArrow.js

@@ -1,29 +1,23 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PopupWithArrow = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var Paper_1 = __importDefault(require("@material-ui/core/Paper"));
-var ClickAwayListener_1 = __importDefault(require("@material-ui/core/ClickAwayListener"));
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
-var Popper_1 = __importDefault(require("../Popper/Popper"));
-var styles_1 = require("./styles");
+import React from 'react';
+import classnames from 'classnames';
+import Paper from '@material-ui/core/Paper';
+import ClickAwayListener from '@material-ui/core/ClickAwayListener';
+import Box from '@material-ui/core/Box';
+import Popper from '../Popper/Popper';
+import { useStyles } from './styles';
 var isChildOfPortalModal = function (child) {
     return Array.from(document.querySelectorAll('[data-modal]')).some(function (el) { return el.contains(child); });
 };
-var PopupWithArrow = function (_a) {
+export var PopupWithArrow = function (_a) {
     var anchorEl = _a.anchorEl, _b = _a.placement, placement = _b === void 0 ? 'top' : _b, _c = _a.arrow, arrow = _c === void 0 ? true : _c, open = _a.open, _d = _a.onClose, onClose = _d === void 0 ? function () { } : _d, children = _a.children, className = _a.className, popperRef = _a.popperRef;
-    var styles = styles_1.useStyles();
-    var _e = react_1.default.useState(null), arrowRef = _e[0], setArrowRef = _e[1];
+    var styles = useStyles();
+    var _e = React.useState(null), arrowRef = _e[0], setArrowRef = _e[1];
     var onClickOutside = function (e) {
         if (!isChildOfPortalModal(e.target)) {
             onClose();
         }
     };
-    return (react_1.default.createElement(Popper_1.default, { anchorEl: anchorEl, placement: placement, className: classnames_1.default(styles.popper, className), modifiers: {
+    return (React.createElement(Popper, { anchorEl: anchorEl, placement: placement, className: classnames(styles.popper, className), modifiers: {
             preventOverflow: {
                 enabled: true,
                 boundariesElement: 'window'
@@ -33,10 +27,9 @@ var PopupWithArrow = function (_a) {
                 element: arrowRef
             }
         }, open: open, modal: false, popperRef: popperRef },
-        react_1.default.createElement(Box_1.default, null,
-            react_1.default.createElement(ClickAwayListener_1.default, { onClickAway: onClickOutside },
-                react_1.default.createElement(Paper_1.default, { className: styles.popoverRoot },
-                    arrow ? react_1.default.createElement("span", { className: styles.arrow, ref: setArrowRef }) : null,
-                    react_1.default.createElement(Box_1.default, null, children))))));
+        React.createElement(Box, null,
+            React.createElement(ClickAwayListener, { onClickAway: onClickOutside },
+                React.createElement(Paper, { className: styles.popoverRoot },
+                    arrow ? React.createElement("span", { className: styles.arrow, ref: setArrowRef }) : null,
+                    React.createElement(Box, null, children))))));
 };
-exports.PopupWithArrow = PopupWithArrow;

package/components/PopupWithArrow/styles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function (theme) {
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function (theme) {
     var color = theme.palette.background.paper;
     return {
         popoverRoot: {

package/components/PotentialMatchReviewCard/PotentialMatchReviewCard.js

@@ -1,65 +1,41 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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 });
-var prop_types_1 = __importDefault(require("prop-types"));
-var react_1 = __importStar(require("react"));
-var Flag_1 = __importDefault(require("@material-ui/icons/Flag"));
-var CollapseButton_1 = __importDefault(require("../CollapseButton/CollapseButton"));
-var PmIcon_1 = __importDefault(require("../../icons/PmIcon"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var classnames_1 = __importDefault(require("classnames"));
-var styles_1 = require("./styles");
+import PropTypes from 'prop-types';
+import React, { useState } from 'react';
+import FlagIcon from '@material-ui/icons/Flag';
+import CollapseButton from '../CollapseButton/CollapseButton';
+import PMIcon from '../../icons/PmIcon';
+import i18n from 'ui-i18n';
+import classnames from 'classnames';
+import { useStyles } from './styles';
 var PotentialMatchReviewCard = function (_a) {
     var _b;
     var date = _a.date, type = _a.type, createdBy = _a.createdBy, step = _a.step, children = _a.children, Actions = _a.Actions;
-    var styles = styles_1.useStyles();
-    var _c = react_1.useState(false), isExpanded = _c[0], setExpanded = _c[1];
-    return (react_1.default.createElement("div", { className: styles.pmReviewCard },
-        react_1.default.createElement("div", { className: classnames_1.default(styles.header, (_b = {}, _b[styles.expanded] = isExpanded, _b)) },
-            react_1.default.createElement(PmIcon_1.default, { className: styles.icon }),
-            react_1.default.createElement("div", { className: styles.mainInfo },
-                react_1.default.createElement("div", { className: styles.title },
-                    react_1.default.createElement("div", { className: classnames_1.default(styles.caption, styles.flex) }, ui_i18n_1.default.text('Match review')),
-                    react_1.default.createElement(Flag_1.default, { className: styles.flag }),
-                    react_1.default.createElement("span", { className: styles.date }, ui_i18n_1.default.date(date, 'L')),
-                    react_1.default.createElement(CollapseButton_1.default, { isOpen: isExpanded, onClick: function () {
+    var styles = useStyles();
+    var _c = useState(false), isExpanded = _c[0], setExpanded = _c[1];
+    return (React.createElement("div", { className: styles.pmReviewCard },
+        React.createElement("div", { className: classnames(styles.header, (_b = {}, _b[styles.expanded] = isExpanded, _b)) },
+            React.createElement(PMIcon, { className: styles.icon }),
+            React.createElement("div", { className: styles.mainInfo },
+                React.createElement("div", { className: styles.title },
+                    React.createElement("div", { className: classnames(styles.caption, styles.flex) }, i18n.text('Match review')),
+                    React.createElement(FlagIcon, { className: styles.flag }),
+                    React.createElement("span", { className: styles.date }, i18n.date(date, 'L')),
+                    React.createElement(CollapseButton, { isOpen: isExpanded, onClick: function () {
                             setExpanded(!isExpanded);
                         } })),
-                react_1.default.createElement("div", { className: styles.infoBlock },
-                    react_1.default.createElement("div", { className: styles.flex },
-                        react_1.default.createElement("div", { className: styles.info }, type),
-                        react_1.default.createElement("div", { className: styles.info }, ui_i18n_1.default.text('Created by ${createdBy}', { createdBy: createdBy })),
-                        react_1.default.createElement("div", { className: styles.info }, ui_i18n_1.default.text('Step: ${step}', { step: step }))),
+                React.createElement("div", { className: styles.infoBlock },
+                    React.createElement("div", { className: styles.flex },
+                        React.createElement("div", { className: styles.info }, type),
+                        React.createElement("div", { className: styles.info }, i18n.text('Created by ${createdBy}', { createdBy: createdBy })),
+                        React.createElement("div", { className: styles.info }, i18n.text('Step: ${step}', { step: step }))),
                     Actions))),
         isExpanded ? children : null));
 };
 PotentialMatchReviewCard.propTypes = {
-    date: prop_types_1.default.number,
-    createdBy: prop_types_1.default.string,
-    type: prop_types_1.default.string,
-    step: prop_types_1.default.string,
-    children: prop_types_1.default.oneOfType([prop_types_1.default.node, prop_types_1.default.arrayOf(prop_types_1.default.node)]),
-    Actions: prop_types_1.default.node
+    date: PropTypes.number,
+    createdBy: PropTypes.string,
+    type: PropTypes.string,
+    step: PropTypes.string,
+    children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
+    Actions: PropTypes.node
 };
-exports.default = PotentialMatchReviewCard;
+export default PotentialMatchReviewCard;

package/components/PotentialMatchReviewCard/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"flex" | "caption" | "title" | "expanded" | "icon" | "header" | "date" | "info" | "infoBlock" | "flag" | "pmReviewCard" | "mainInfo">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"flex" | "caption" | "title" | "expanded" | "icon" | "header" | "date" | "info" | "infoBlock" | "flag" | "mainInfo" | "pmReviewCard">;

package/components/PotentialMatchReviewCard/styles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function (theme) { return ({
     expanded: {
         backgroundColor: 'rgba(0, 0, 0, 0.03)'
     },

package/components/ProfileBand/ProfileBand.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,87 +9,64 @@ 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;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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 });
-var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var classnames_1 = __importDefault(require("classnames"));
-var react_redux_1 = require("react-redux");
-var ramda_1 = require("ramda");
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var Tooltip_1 = __importDefault(require("@material-ui/core/Tooltip"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var EntityAvatar_1 = __importDefault(require("../EntityAvatar/EntityAvatar"));
-var Score_1 = __importDefault(require("../Score/Score"));
-var EntityTypeBadge_1 = __importDefault(require("../EntityTypeBadge/EntityTypeBadge"));
-var styles_1 = __importDefault(require("./styles"));
+import React, { useCallback } from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import { useSelector } from 'react-redux';
+import { isNil } from 'ramda';
+import Typography from '@material-ui/core/Typography';
+import Tooltip from '@material-ui/core/Tooltip';
+import i18n from 'ui-i18n';
+import { getLabel, isActiveObject, getScores, getBusinessCardAttributesText, getEntityId } from '@reltio/mdm-sdk';
+import mdmModule from '@reltio/mdm-module';
+import EntityAvatar from '../EntityAvatar/EntityAvatar';
+import Score from '../Score/Score';
+import EntityTypeBadge from '../EntityTypeBadge/EntityTypeBadge';
+import useStyles from './styles';
 var ProfileBand = function (_a) {
     var _b;
     var className = _a.className, entity = _a.entity, scoresToShow = _a.scoresToShow, rangeColorsConfig = _a.rangeColorsConfig, children = _a.children, classes = _a.classes;
-    var styles = styles_1.default({ classes: classes });
-    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
-    var handleCopyEntityIdToClipboard = react_1.useCallback(function () {
-        navigator.clipboard.writeText(mdm_sdk_1.getEntityId(entity));
+    var styles = useStyles({ classes: classes });
+    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var handleCopyEntityIdToClipboard = useCallback(function () {
+        navigator.clipboard.writeText(getEntityId(entity));
     }, [entity]);
-    if (ramda_1.isNil(entity)) {
+    if (isNil(entity)) {
         return null;
     }
-    var label = mdm_sdk_1.getLabel(entity.label);
+    var label = getLabel(entity.label);
     var secondaryLabel = entity.secondaryLabel;
-    var businessCardText = mdm_sdk_1.getBusinessCardAttributesText(metadata, entity);
-    var isActive = mdm_sdk_1.isActiveObject(entity);
-    var scores = mdm_sdk_1.getScores(metadata, entity, scoresToShow);
+    var businessCardText = getBusinessCardAttributesText(metadata, entity);
+    var isActive = isActiveObject(entity);
+    var scores = getScores(metadata, entity, scoresToShow);
     var entityUri = entity.uri;
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.profileBandWrapper, className) },
-        react_1.default.createElement("div", { className: classnames_1.default(styles.profileBand, (_b = {},
+    return (React.createElement("div", { className: classnames(styles.profileBandWrapper, className) },
+        React.createElement("div", { className: classnames(styles.profileBand, (_b = {},
                 _b[styles.inactive] = !isActive,
                 _b)), "data-entity-uri": entityUri },
-            react_1.default.createElement(EntityAvatar_1.default, { key: entity.uri, entity: entity, avatarClassName: styles.profileIcon, imageClassName: styles.imageProfileIcon }),
-            react_1.default.createElement("div", { className: styles.profileInfo },
-                react_1.default.createElement("div", null,
-                    react_1.default.createElement(Typography_1.default, { variant: "h6", className: styles.label }, label),
-                    secondaryLabel && (react_1.default.createElement(Typography_1.default, { variant: "subtitle2", className: styles.secondaryLabel }, secondaryLabel)),
-                    businessCardText && (react_1.default.createElement(Typography_1.default, { variant: "subtitle1", className: styles.businessCard }, businessCardText))),
-                react_1.default.createElement("div", { className: styles.specialInfo },
-                    react_1.default.createElement("div", { className: styles.entityType },
-                        react_1.default.createElement(EntityTypeBadge_1.default, { entity: entity, size: "medium", className: styles.badge }),
-                        scores.length > 0 && (react_1.default.createElement("div", { className: styles.scores }, scores.map(function (score) { return (react_1.default.createElement(Score_1.default, __assign({ key: score.uri }, score, { rangeColorsConfig: rangeColorsConfig }))); }))),
-                        react_1.default.createElement(Tooltip_1.default, { title: ui_i18n_1.default.text('Copy to clipboard') },
-                            react_1.default.createElement(Typography_1.default, { display: "inline", variant: "body2", className: styles.entityId, onClick: handleCopyEntityIdToClipboard },
-                                ui_i18n_1.default.text('Entity ID'),
+            React.createElement(EntityAvatar, { key: entity.uri, entity: entity, avatarClassName: styles.profileIcon, imageClassName: styles.imageProfileIcon }),
+            React.createElement("div", { className: styles.profileInfo },
+                React.createElement("div", null,
+                    React.createElement(Typography, { variant: "h6", className: styles.label }, label),
+                    secondaryLabel && (React.createElement(Typography, { variant: "subtitle2", className: styles.secondaryLabel }, secondaryLabel)),
+                    businessCardText && (React.createElement(Typography, { variant: "subtitle1", className: styles.businessCard }, businessCardText))),
+                React.createElement("div", { className: styles.specialInfo },
+                    React.createElement("div", { className: styles.entityType },
+                        React.createElement(EntityTypeBadge, { entity: entity, size: "medium", className: styles.badge }),
+                        scores.length > 0 && (React.createElement("div", { className: styles.scores }, scores.map(function (score) { return (React.createElement(Score, __assign({ key: score.uri }, score, { rangeColorsConfig: rangeColorsConfig }))); }))),
+                        React.createElement(Tooltip, { title: i18n.text('Copy to clipboard') },
+                            React.createElement(Typography, { display: "inline", variant: "body2", className: styles.entityId, onClick: handleCopyEntityIdToClipboard },
+                                i18n.text('Entity ID'),
                                 ": ",
-                                mdm_sdk_1.getEntityId(entity)))))),
-            children && react_1.default.createElement("div", null, children))));
+                                getEntityId(entity)))))),
+            children && React.createElement("div", null, children))));
 };
 ProfileBand.propTypes = {
-    className: prop_types_1.default.string,
-    entity: prop_types_1.default.object,
-    scoresToShow: prop_types_1.default.arrayOf(prop_types_1.default.string),
-    rangeColorsConfig: prop_types_1.default.object,
-    children: prop_types_1.default.node,
-    classes: prop_types_1.default.object
+    className: PropTypes.string,
+    entity: PropTypes.object,
+    scoresToShow: PropTypes.arrayOf(PropTypes.string),
+    rangeColorsConfig: PropTypes.object,
+    children: PropTypes.node,
+    classes: PropTypes.object
 };
-exports.default = ProfileBand;
+export default ProfileBand;

package/components/ProfileBand/styles.js

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@material-ui/core/styles");
-var useStyles = styles_1.makeStyles(function (theme) { return ({
+import { makeStyles } from '@material-ui/core/styles';
+var useStyles = makeStyles(function (theme) { return ({
     profileBandWrapper: {
         // especially for IE (overflow fix)
         flexShrink: 0
@@ -89,4 +87,4 @@ var useStyles = styles_1.makeStyles(function (theme) { return ({
         paddingRight: '20px'
     }
 }); });
-exports.default = useStyles;
+export default useStyles;

package/components/ProfileBandNavigation/ProfileBandNavigation.js

@@ -1,16 +1,10 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProfileBandNavigation = void 0;
-var react_1 = __importDefault(require("react"));
-var ProfileBandNavigationWidget_1 = require("./ProfileBandNavigationWidget");
-var useSearchNavigation_1 = require("./hooks/useSearchNavigation");
-var useSearchNavigationVisibility_1 = require("./hooks/useSearchNavigationVisibility");
+import React from 'react';
+import { ProfileBandNavigationWidget } from './ProfileBandNavigationWidget';
+import { useSearchNavigation } from './hooks/useSearchNavigation';
+import { useSearchNavigationVisibility } from './hooks/useSearchNavigationVisibility';
 var ProfileBandNavigation = function () {
-    var _a = useSearchNavigation_1.useSearchNavigation(), total = _a.total, onPrev = _a.onPrev, onNext = _a.onNext, onSearchResultsClick = _a.onSearchResultsClick, isPrevDisabled = _a.isPrevDisabled, isNextDisabled = _a.isNextDisabled;
-    var isVisible = useSearchNavigationVisibility_1.useSearchNavigationVisibility();
-    return isVisible ? (react_1.default.createElement(ProfileBandNavigationWidget_1.ProfileBandNavigationWidget, { total: total, onPrev: onPrev, onNext: onNext, onSearchResultsClick: onSearchResultsClick, isPrevDisabled: isPrevDisabled, isNextDisabled: isNextDisabled })) : null;
+    var _a = useSearchNavigation(), total = _a.total, onPrev = _a.onPrev, onNext = _a.onNext, onSearchResultsClick = _a.onSearchResultsClick, isPrevDisabled = _a.isPrevDisabled, isNextDisabled = _a.isNextDisabled;
+    var isVisible = useSearchNavigationVisibility();
+    return isVisible ? (React.createElement(ProfileBandNavigationWidget, { total: total, onPrev: onPrev, onNext: onNext, onSearchResultsClick: onSearchResultsClick, isPrevDisabled: isPrevDisabled, isNextDisabled: isNextDisabled })) : null;
 };
-exports.ProfileBandNavigation = ProfileBandNavigation;
+export { ProfileBandNavigation };

package/components/ProfileBandNavigation/ProfileBandNavigationWidget.js

@@ -1,29 +1,22 @@
-"use strict";
-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 ui_i18n_1 = __importDefault(require("ui-i18n"));
-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 styles_1 = require("./styles");
-var LinkWithTooltip = HOCs_1.withTooltip(Link_1.default);
-exports.LinkWithTooltip = LinkWithTooltip;
+import React from 'react';
+import i18n from 'ui-i18n';
+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 { useStyles } from './styles';
+var LinkWithTooltip = withTooltip(Link);
 var ProfileBandNavigationWidget = function (_a) {
     var _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 styles = styles_1.useStyles();
-    return (react_1.default.createElement("div", { className: styles.container },
-        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') },
-            mdm_sdk_1.formatNumberAsMetric(total, 1000000),
+    var styles = useStyles();
+    return (React.createElement("div", { className: styles.container },
+        React.createElement(LinkWithTooltip, { className: styles.link, component: "button", variant: "caption", onClick: onSearchResultsClick, underline: "none", tooltipTitle: i18n.text('Go to search results') },
+            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 ? 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 })));
 };
-exports.ProfileBandNavigationWidget = ProfileBandNavigationWidget;
+export { ProfileBandNavigationWidget, LinkWithTooltip };

package/components/ProfileBandNavigation/hooks/useSearchNavigation.js

@@ -1,69 +1,47 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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 __spreadArray = (this && this.__spreadArray) || function (to, from) {
     for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
         to[j] = from[i];
     return to;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSearchNavigation = exports.REQUEST_PAGE_SIZE = 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 contexts_1 = require("../../../contexts");
-var hooks_1 = require("../../../hooks");
-var SearchProviderFactory_1 = require("../searchProviders/SearchProviderFactory");
-exports.REQUEST_PAGE_SIZE = 15;
+import { useCallback, useContext, useEffect, useMemo, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import mdmModule, { search as mdmModuleSearch, ui as mdmModuleUi } from '@reltio/mdm-module';
+import { getEntityUriForLink } from '@reltio/mdm-sdk';
+import { map, pipe, prop, reject } from 'ramda';
+import { ViewIdContext } from '../../../contexts';
+import { useSafePromise } from '../../../hooks';
+import { getSearchProvider } from '../searchProviders/SearchProviderFactory';
+export var REQUEST_PAGE_SIZE = 15;
 var getNewUris = function (entities, cache) {
-    return ramda_1.pipe(ramda_1.map(ramda_1.prop('uri')), ramda_1.reject(function (uri) { return cache.includes(uri); }))(entities);
+    return pipe(map(prop('uri')), reject(function (uri) { return cache.includes(uri); }))(entities);
 };
 var useSearchNavigation = function () {
-    var safeCheckEntityPromise = hooks_1.useSafePromise();
-    var safeRequestTotalPromise = hooks_1.useSafePromise();
-    var safeRequestEntitiesPromise = hooks_1.useSafePromise();
-    var _a = react_redux_1.useSelector(mdm_module_1.default.selectors.getSearchNavigationData) || {}, uri = _a.uri, index = _a.index, total = _a.total, searchTenant = _a.tenant, cache = _a.cache;
-    var _b = react_redux_1.useSelector(mdm_module_1.default.selectors.getSearchProviderData) || {}, type = _b.type, data = _b.data;
-    var tenant = react_redux_1.useSelector(mdm_module_1.default.selectors.getTenant);
-    var apiPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getApiPath);
-    var dtssPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getDtssPath);
-    var globalSearchRequestOptions = react_redux_1.useSelector(function (state) {
-        return mdm_module_1.default.selectors.getGlobalSearchRequestOptions(state, ['ovOnly']);
+    var safeCheckEntityPromise = useSafePromise();
+    var safeRequestTotalPromise = useSafePromise();
+    var safeRequestEntitiesPromise = useSafePromise();
+    var _a = useSelector(mdmModule.selectors.getSearchNavigationData) || {}, uri = _a.uri, index = _a.index, total = _a.total, searchTenant = _a.tenant, cache = _a.cache;
+    var _b = useSelector(mdmModule.selectors.getSearchProviderData) || {}, type = _b.type, data = _b.data;
+    var tenant = useSelector(mdmModule.selectors.getTenant);
+    var apiPath = useSelector(mdmModule.selectors.getApiPath);
+    var dtssPath = useSelector(mdmModule.selectors.getDtssPath);
+    var globalSearchRequestOptions = useSelector(function (state) {
+        return mdmModule.selectors.getGlobalSearchRequestOptions(state, ['ovOnly']);
     });
-    var viewId = react_1.useContext(contexts_1.ViewIdContext);
-    var dispatch = react_redux_1.useDispatch();
-    var _c = react_1.useState(false), loading = _c[0], setLoading = _c[1];
-    var searchProvider = react_1.useMemo(function () { return SearchProviderFactory_1.getSearchProvider(type, { data: data, tenant: tenant, searchTenant: searchTenant, apiPath: apiPath, dtssPath: dtssPath, globalSearchRequestOptions: globalSearchRequestOptions }); }, [type, data, tenant, searchTenant, apiPath, dtssPath, globalSearchRequestOptions]);
-    var updateNavigationData = react_1.useCallback(function (data) {
-        dispatch(mdm_module_1.search.actions.updateSearchNavigationDataFields(data));
+    var viewId = useContext(ViewIdContext);
+    var dispatch = useDispatch();
+    var _c = useState(false), loading = _c[0], setLoading = _c[1];
+    var searchProvider = useMemo(function () { return getSearchProvider(type, { data: data, tenant: tenant, searchTenant: searchTenant, apiPath: apiPath, dtssPath: dtssPath, globalSearchRequestOptions: globalSearchRequestOptions }); }, [type, data, tenant, searchTenant, apiPath, dtssPath, globalSearchRequestOptions]);
+    var updateNavigationData = useCallback(function (data) {
+        dispatch(mdmModuleSearch.actions.updateSearchNavigationDataFields(data));
     }, [dispatch]);
-    var openEntity = react_1.useCallback(function (uri) {
-        var preparedUri = tenant !== searchTenant ? mdm_sdk_1.getEntityUriForLink({ uri: uri, dataTenant: searchTenant }) : uri;
-        dispatch(mdm_module_1.ui.actions.openEntity({ uri: preparedUri, viewId: viewId, source: 'navigation' }));
+    var openEntity = useCallback(function (uri) {
+        var preparedUri = tenant !== searchTenant ? getEntityUriForLink({ uri: uri, dataTenant: searchTenant }) : uri;
+        dispatch(mdmModuleUi.actions.openEntity({ uri: preparedUri, viewId: viewId, source: 'navigation' }));
     }, [dispatch, viewId, tenant, searchTenant]);
-    var onSearchResultsClick = react_1.useCallback(function () {
-        dispatch(mdm_module_1.ui.actions.openPerspective({ perspectiveId: type, viewId: viewId }));
+    var onSearchResultsClick = useCallback(function () {
+        dispatch(mdmModuleUi.actions.openPerspective({ perspectiveId: type, viewId: viewId }));
     }, [dispatch, type, viewId]);
-    react_1.useEffect(function () {
+    useEffect(function () {
         if (index >= total) {
             updateNavigationData({
                 index: total - 1
@@ -75,11 +53,11 @@ var useSearchNavigation = function () {
             });
         }
     }, [total, index, updateNavigationData]);
-    var requestNextPage = react_1.useCallback(function (cache, total, index) {
+    var requestNextPage = useCallback(function (cache, total, index) {
         setLoading(true);
         safeRequestTotalPromise(searchProvider.requestTotal()).then(function (total) { return updateNavigationData({ total: total }); });
         var newIndex = index + 1;
-        return safeRequestEntitiesPromise(searchProvider.requestEntities(exports.REQUEST_PAGE_SIZE, newIndex))
+        return safeRequestEntitiesPromise(searchProvider.requestEntities(REQUEST_PAGE_SIZE, newIndex))
             .then(function (entities) {
             if (!entities) {
                 return;
@@ -107,12 +85,12 @@ var useSearchNavigation = function () {
             setLoading(false);
         });
     }, [searchProvider, updateNavigationData, openEntity]);
-    var requestPrevPage = react_1.useCallback(function (cache, index) {
+    var requestPrevPage = useCallback(function (cache, index) {
         setLoading(true);
         safeRequestTotalPromise(searchProvider.requestTotal()).then(function (total) { return updateNavigationData({ total: total }); });
         var newIndex = index - 1;
-        var offset = Math.max(0, index - exports.REQUEST_PAGE_SIZE);
-        var max = exports.REQUEST_PAGE_SIZE + Math.min(0, index - exports.REQUEST_PAGE_SIZE);
+        var offset = Math.max(0, index - REQUEST_PAGE_SIZE);
+        var max = REQUEST_PAGE_SIZE + Math.min(0, index - REQUEST_PAGE_SIZE);
         return safeRequestEntitiesPromise(searchProvider.requestEntities(max, offset))
             .then(function (entities) {
             if (!entities) {
@@ -141,7 +119,7 @@ var useSearchNavigation = function () {
             setLoading(false);
         });
     }, [searchProvider, updateNavigationData, openEntity]);
-    var stepForwardWithCheck = react_1.useCallback(function (cache, cacheIndex, total, index) {
+    var stepForwardWithCheck = useCallback(function (cache, cacheIndex, total, index) {
         if (cacheIndex < cache.length) {
             var uri_1 = cache[cacheIndex];
             setLoading(true);
@@ -177,7 +155,7 @@ var useSearchNavigation = function () {
             return requestNextPage(cache, total, index);
         }
     }, [searchProvider, updateNavigationData, openEntity, requestNextPage]);
-    var stepBackWithCheck = react_1.useCallback(function (cache, cacheIndex, total, index) {
+    var stepBackWithCheck = useCallback(function (cache, cacheIndex, total, index) {
         if (cacheIndex > -1) {
             var uri_2 = cache[cacheIndex];
             setLoading(true);
@@ -213,13 +191,13 @@ var useSearchNavigation = function () {
             return requestPrevPage(cache, index);
         }
     }, [searchProvider, updateNavigationData, openEntity, requestPrevPage]);
-    var onPrev = react_1.useCallback(function () {
+    var onPrev = useCallback(function () {
         if (cache && uri) {
             var cacheIndex = cache.indexOf(uri) - 1;
             stepBackWithCheck(cache, cacheIndex, total, index);
         }
     }, [stepBackWithCheck, cache, uri, total, index]);
-    var onNext = react_1.useCallback(function () {
+    var onNext = useCallback(function () {
         if (cache && uri) {
             var cacheIndex = cache.indexOf(uri) + 1;
             stepForwardWithCheck(cache, cacheIndex, total, index);
@@ -229,4 +207,4 @@ var useSearchNavigation = function () {
     var isNextDisabled = loading || index >= total - 1;
     return { total: total, onPrev: onPrev, onNext: onNext, onSearchResultsClick: onSearchResultsClick, isPrevDisabled: isPrevDisabled, isNextDisabled: isNextDisabled };
 };
-exports.useSearchNavigation = useSearchNavigation;
+export { useSearchNavigation };