@reltio/components 1.4.731 → 1.4.732

package/components/ProfileBandNavigation/ProfileBandNavigation.js

@@ -0,0 +1,16 @@
+"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");
+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;
+};
+exports.ProfileBandNavigation = ProfileBandNavigation;

package/components/ProfileBandNavigation/ProfileBandNavigationWidget.js

@@ -0,0 +1,29 @@
+"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;
+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),
+            ' ',
+            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 })));
+};
+exports.ProfileBandNavigationWidget = ProfileBandNavigationWidget;

package/components/ProfileBandNavigation/hooks/useSearchNavigation.js

@@ -0,0 +1,232 @@
+"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;
+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);
+};
+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 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));
+    }, [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' }));
+    }, [dispatch, viewId, tenant, searchTenant]);
+    var onSearchResultsClick = react_1.useCallback(function () {
+        dispatch(mdm_module_1.ui.actions.openPerspective({ perspectiveId: type, viewId: viewId }));
+    }, [dispatch, type, viewId]);
+    react_1.useEffect(function () {
+        if (index >= total) {
+            updateNavigationData({
+                index: total - 1
+            });
+        }
+        else if (index < 0) {
+            updateNavigationData({
+                index: 0
+            });
+        }
+    }, [total, index, updateNavigationData]);
+    var requestNextPage = react_1.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))
+            .then(function (entities) {
+            if (!entities) {
+                return;
+            }
+            if (entities.length) {
+                var newUris = getNewUris(entities, cache);
+                if (newUris.length > 0) {
+                    updateNavigationData({
+                        cache: cache.concat(newUris),
+                        uri: newUris[0],
+                        index: newIndex + entities.length - newUris.length
+                    });
+                    openEntity(newUris[0]);
+                    return;
+                }
+                else if (index + entities.length < total - 1) {
+                    return requestNextPage(cache, total - entities.length, index + entities.length);
+                }
+            }
+            updateNavigationData({
+                index: newIndex
+            });
+        })
+            .finally(function () {
+            setLoading(false);
+        });
+    }, [searchProvider, updateNavigationData, openEntity]);
+    var requestPrevPage = react_1.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);
+        return safeRequestEntitiesPromise(searchProvider.requestEntities(max, offset))
+            .then(function (entities) {
+            if (!entities) {
+                return;
+            }
+            if (entities.length) {
+                var newUris = getNewUris(entities, cache);
+                if (newUris.length > 0) {
+                    updateNavigationData({
+                        cache: newUris.concat(cache),
+                        uri: newUris[newUris.length - 1],
+                        index: newIndex - (entities.length - newUris.length)
+                    });
+                    openEntity(newUris[newUris.length - 1]);
+                    return;
+                }
+                else if (index - entities.length > 0) {
+                    return requestPrevPage(cache, index - entities.length);
+                }
+            }
+            updateNavigationData({
+                index: 0
+            });
+        })
+            .finally(function () {
+            setLoading(false);
+        });
+    }, [searchProvider, updateNavigationData, openEntity]);
+    var stepForwardWithCheck = react_1.useCallback(function (cache, cacheIndex, total, index) {
+        if (cacheIndex < cache.length) {
+            var uri_1 = cache[cacheIndex];
+            setLoading(true);
+            return safeCheckEntityPromise(searchProvider.checkEntity(uri_1))
+                .then(function (isExists) {
+                if (isExists) {
+                    updateNavigationData({
+                        index: index + 1,
+                        uri: uri_1,
+                        cache: cache,
+                        total: total
+                    });
+                    openEntity(uri_1);
+                }
+                else {
+                    var clearedCache = __spreadArray([], cache);
+                    clearedCache.splice(cacheIndex, 1);
+                    return stepForwardWithCheck(clearedCache, cacheIndex, total - 1, index);
+                }
+            })
+                .finally(function () {
+                setLoading(false);
+            });
+        }
+        else if (index >= total - 1) {
+            updateNavigationData({
+                cache: cache,
+                total: total,
+                index: total - 1
+            });
+        }
+        else {
+            return requestNextPage(cache, total, index);
+        }
+    }, [searchProvider, updateNavigationData, openEntity, requestNextPage]);
+    var stepBackWithCheck = react_1.useCallback(function (cache, cacheIndex, total, index) {
+        if (cacheIndex > -1) {
+            var uri_2 = cache[cacheIndex];
+            setLoading(true);
+            return safeCheckEntityPromise(searchProvider.checkEntity(uri_2))
+                .then(function (isExists) {
+                if (isExists) {
+                    updateNavigationData({
+                        index: index - 1,
+                        uri: uri_2,
+                        cache: cache,
+                        total: total
+                    });
+                    openEntity(uri_2);
+                }
+                else {
+                    var clearedCache = __spreadArray([], cache);
+                    clearedCache.splice(cacheIndex, 1);
+                    return stepBackWithCheck(clearedCache, cacheIndex - 1, total - 1, index - 1);
+                }
+            })
+                .finally(function () {
+                setLoading(false);
+            });
+        }
+        else if (index <= 0) {
+            updateNavigationData({
+                index: 0,
+                cache: cache,
+                total: total
+            });
+        }
+        else {
+            return requestPrevPage(cache, index);
+        }
+    }, [searchProvider, updateNavigationData, openEntity, requestPrevPage]);
+    var onPrev = react_1.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 () {
+        if (cache && uri) {
+            var cacheIndex = cache.indexOf(uri) + 1;
+            stepForwardWithCheck(cache, cacheIndex, total, index);
+        }
+    }, [stepForwardWithCheck, cache, uri, total, index]);
+    var isPrevDisabled = loading || index <= 0;
+    var isNextDisabled = loading || index >= total - 1;
+    return { total: total, onPrev: onPrev, onNext: onNext, onSearchResultsClick: onSearchResultsClick, isPrevDisabled: isPrevDisabled, isNextDisabled: isNextDisabled };
+};
+exports.useSearchNavigation = useSearchNavigation;

package/components/ProfileBandNavigation/hooks/useSearchNavigationVisibility.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSearchNavigationVisibility = void 0;
+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 useSearchNavigationVisibility = function () {
+    var cache = (react_redux_1.useSelector(mdm_module_1.default.selectors.getSearchNavigationData) || {}).cache;
+    var mode = react_redux_1.useSelector(mdm_module_1.default.selectors.getMode);
+    var entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity);
+    return mdm_sdk_1.isViewMode(mode) && (cache === null || cache === void 0 ? void 0 : cache.includes(entity === null || entity === void 0 ? void 0 : entity.uri));
+};
+exports.useSearchNavigationVisibility = useSearchNavigationVisibility;

package/components/ProfileBandNavigation/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProfileBandNavigation = void 0;
+var ProfileBandNavigation_1 = require("./ProfileBandNavigation");
+Object.defineProperty(exports, "ProfileBandNavigation", { enumerable: true, get: function () { return ProfileBandNavigation_1.ProfileBandNavigation; } });

package/components/ProfileBandNavigation/searchProviders/GraphSearchProvider.js

@@ -0,0 +1,67 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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.GraphSearchProvider = void 0;
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var GraphSearchProvider = /** @class */ (function () {
+    function GraphSearchProvider(_a) {
+        var _this = this;
+        var data = _a.data, tenant = _a.tenant, apiPath = _a.apiPath;
+        this.getEntities = function (filters, options) {
+            if (filters === void 0) { filters = []; }
+            if (options === void 0) { options = {}; }
+            var allFilters = __spreadArray([
+                {
+                    rawFilter: _this.searchBody.filter
+                }
+            ], filters);
+            return mdm_sdk_1.getGraphSearchEntities({
+                apiPath: _this.apiPath,
+                tenant: _this.tenant,
+                searchBody: __assign(__assign({}, _this.searchBody), { filter: filters.length ? mdm_sdk_1.buildFilterQueryString()(allFilters) : _this.searchBody.filter }),
+                options: options
+            });
+        };
+        this.checkEntity = function (uri) {
+            return _this.getEntities([
+                {
+                    filter: 'equals',
+                    fieldName: 'id',
+                    values: [mdm_sdk_1.getEntityId({ uri: uri })]
+                }
+            ], { from: 0, max: 1 }).then(function (entities) {
+                return entities && entities.length > 0 && entities[0].uri === uri;
+            });
+        };
+        this.requestEntities = function (max, from) {
+            return _this.getEntities([], { from: from, max: max });
+        };
+        this.requestTotal = function () {
+            return mdm_sdk_1.getGraphSearchCount({
+                apiPath: _this.apiPath,
+                tenant: _this.tenant,
+                searchBody: _this.searchBody
+            }).then(function (json) { return json.count; });
+        };
+        this.searchBody = data;
+        this.tenant = tenant;
+        this.apiPath = apiPath;
+    }
+    return GraphSearchProvider;
+}());
+exports.GraphSearchProvider = GraphSearchProvider;

package/components/ProfileBandNavigation/searchProviders/MainSearchProvider.js

@@ -0,0 +1,80 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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.MainSearchProvider = void 0;
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var MainSearchProvider = /** @class */ (function () {
+    function MainSearchProvider(_a) {
+        var _this = this;
+        var _b = _a.data, query = _b.query, sortField = _b.sortField, sortOrder = _b.sortOrder, tenant = _a.tenant, searchTenant = _a.searchTenant, apiPath = _a.apiPath, dtssPath = _a.dtssPath, globalSearchRequestOptions = _a.globalSearchRequestOptions;
+        this.isDT = function () { return _this.tenant !== _this.searchTenant; };
+        this.getQueryFilter = function () { return ({ rawFilter: _this.query }); };
+        this.getEntities = function (filters, options) {
+            if (filters === void 0) { filters = []; }
+            if (options === void 0) { options = {}; }
+            var requestFilters = __spreadArray([_this.getQueryFilter()], filters);
+            var requestOptions = __assign(__assign(__assign({}, _this.globalSearchRequestOptions), { sort: _this.sortField, order: _this.sortOrder, select: 'uri,label,type', scoreEnabled: false }), options);
+            return _this.isDT()
+                ? mdm_sdk_1.getFilteredEntitiesFromDataTenant({
+                    filters: requestFilters,
+                    options: requestOptions,
+                    customerTenant: _this.tenant,
+                    dataTenant: _this.searchTenant,
+                    dtssPath: _this.dtssPath
+                })
+                : mdm_sdk_1.getFilteredEntities(requestFilters, requestOptions);
+        };
+        this.checkEntity = function (uri) {
+            return _this.getEntities([
+                {
+                    filter: 'equals',
+                    fieldName: 'uri',
+                    values: [uri]
+                }
+            ], { offset: 0, max: 1 }).then(function (entities) {
+                return entities && entities.length > 0 && entities[0].uri === uri;
+            });
+        };
+        this.requestEntities = function (max, offset) {
+            return _this.getEntities([], { offset: offset, max: max });
+        };
+        this.requestTotal = function () {
+            var filters = [_this.getQueryFilter()];
+            var options = _this.globalSearchRequestOptions;
+            return (_this.isDT()
+                ? mdm_sdk_1.getTotalFromDataTenant({
+                    filters: filters,
+                    options: options,
+                    customerTenant: _this.tenant,
+                    dataTenant: _this.searchTenant,
+                    dtssPath: _this.dtssPath
+                })
+                : mdm_sdk_1.getTotals(filters, options)).then(function (json) { return json.total; });
+        };
+        this.query = query;
+        this.sortField = sortField;
+        this.sortOrder = sortOrder;
+        this.tenant = tenant;
+        this.searchTenant = searchTenant;
+        this.apiPath = apiPath;
+        this.dtssPath = dtssPath;
+        this.globalSearchRequestOptions = globalSearchRequestOptions;
+    }
+    return MainSearchProvider;
+}());
+exports.MainSearchProvider = MainSearchProvider;

package/components/ProfileBandNavigation/searchProviders/SearchProvider.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/components/ProfileBandNavigation/searchProviders/SearchProviderFactory.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSearchProvider = void 0;
+var MainSearchProvider_1 = require("./MainSearchProvider");
+var GraphSearchProvider_1 = require("./GraphSearchProvider");
+var getSearchProvider = function (type, options) {
+    switch (type) {
+        case 'search':
+            return new MainSearchProvider_1.MainSearchProvider(options);
+        case 'graphsearch':
+            return new GraphSearchProvider_1.GraphSearchProvider(options);
+    }
+};
+exports.getSearchProvider = getSearchProvider;

package/components/ProfileBandNavigation/styles.js

@@ -0,0 +1,14 @@
+"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({
+    container: {
+        display: 'flex',
+        alignItems: 'center'
+    },
+    link: {
+        whiteSpace: 'nowrap',
+        marginRight: '9px'
+    }
+});

package/components/ProfileBandNavigation/types/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/components/index.js

@@ -13,9 +13,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorBoundary = exports.EntityUriLink = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = 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.DropdownIndicatorWithIconButton = exports.DropdownIndicator = exports.CommentsContainer = exports.ColorBar = exports.CollapseButton = exports.CollaborationItem = exports.ClickAwayProvider = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.AvatarWithFallback = exports.AutoSizeList = exports.ReadOnlyAttributesPager = exports.SimpleAttribute = exports.ReferenceAttribute = exports.NestedAttribute = exports.ImageAttributesLine = exports.ReadOnlyAttributesList = exports.ReadOnlyAttributeValuesBlock = exports.ReadOnlyAttribute = 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.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopupPopper = exports.SelectionPopup = exports.useKeyboardNavigation = exports.WhiteSearchInput = exports.SearchInput = exports.ScoreLabel = exports.Score = 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.SimpleMatchRulesBuilder = exports.SimpleMatchRulesBlock = 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 = void 0;
-exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = void 0;
+exports.EntityUriLink = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = 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.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.ImageAttributesLine = exports.ReadOnlyAttributesList = exports.ReadOnlyAttributeValuesBlock = exports.ReadOnlyAttribute = 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.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopupPopper = exports.SelectionPopup = exports.useKeyboardNavigation = exports.WhiteSearchInput = exports.SearchInput = exports.ScoreLabel = exports.Score = 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.SimpleMatchRulesBuilder = exports.SimpleMatchRulesBlock = 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 = void 0;
+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 = 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; } });
@@ -62,6 +62,8 @@ Object.defineProperty(exports, "AutoSizeList", { enumerable: true, get: function
 var AvatarWithFallback_1 = require("./AvatarWithFallback/AvatarWithFallback");
 Object.defineProperty(exports, "AvatarWithFallback", { enumerable: true, get: function () { return __importDefault(AvatarWithFallback_1).default; } });
 __exportStar(require("./BasicTableView"), exports);
+var ProfileBandNavigation_1 = require("./ProfileBandNavigation");
+Object.defineProperty(exports, "ProfileBandNavigation", { enumerable: true, get: function () { return ProfileBandNavigation_1.ProfileBandNavigation; } });
 var BasicView_1 = require("./BasicView/BasicView");
 Object.defineProperty(exports, "BasicView", { enumerable: true, get: function () { return __importDefault(BasicView_1).default; } });
 var BasicViewContent_1 = require("./BasicViewContent/BasicViewContent");

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.731",
+  "version": "1.4.732",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
-    "@reltio/mdm-module": "^1.4.731",
-    "@reltio/mdm-sdk": "^1.4.731",
+    "@reltio/mdm-module": "^1.4.732",
+    "@reltio/mdm-sdk": "^1.4.732",
     "classnames": "^2.2.5",
     "frontend-collective-react-dnd-scrollzone": "^1.0.2",
     "nanoid": "^2.0.0",