@reltio/components 1.4.2175 → 1.4.2177

package/cjs/FacetsSelector/components/AttributeSelectorPopup/AttributeSelectorPopup.js

@@ -0,0 +1,107 @@
+"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.AttributeSelectorPopup = void 0;
+var react_1 = __importStar(require("react"));
+var ramda_1 = require("ramda");
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var useKeyboardNavigation_1 = require("../../../hooks/useKeyboardNavigation");
+var helpers_1 = require("../../helpers");
+var VirtualGroupedList_1 = require("../../../VirtualGroupedList");
+var FacetsList_1 = require("../FacetsList");
+var SelectionPopup_1 = require("../../../SelectionPopup");
+var constants_1 = require("../../constants");
+var AttributeSelectorPopup_module_css_1 = __importDefault(require("./AttributeSelectorPopup.module.css"));
+var defaultLastFacetClicked = {};
+var AttributeSelectorPopup = function (_a) {
+    var _b, _c;
+    var open = _a.open, selectedFacets = _a.selectedFacets, _d = _a.data, data = _d === void 0 ? [] : _d, _e = _a.lastFacetClicked, lastFacetClicked = _e === void 0 ? defaultLastFacetClicked : _e, anchorRef = _a.anchorRef, onListItemClick = _a.onListItemClick, onSearch = _a.onSearch, onClose = _a.onClose;
+    var _f = (0, react_1.useState)(constants_1.DEFAULT_LIST_HEIGHT), listHeight = _f[0], setListHeight = _f[1];
+    var _g = (0, helpers_1.adjustVerticalPopupLayout)(anchorRef.current, constants_1.DEFAULT_ATTRIBUTE_SELECTOR_POPUP_HEIGHT), verticalOrigin = _g.verticalOrigin, _h = _g.popupHeight, popupHeight = _h === void 0 ? constants_1.DEFAULT_ATTRIBUTE_SELECTOR_POPUP_HEIGHT : _h;
+    var maxListHeight = popupHeight - constants_1.POPUP_HEADER_HEIGHT;
+    (0, react_1.useEffect)(function () {
+        setListHeight(maxListHeight);
+    }, [maxListHeight]);
+    var handleResizeList = (0, react_1.useCallback)(function (width, height) { return setListHeight((0, ramda_1.clamp)(constants_1.MIN_LIST_HEIGHT, maxListHeight, height)); }, [maxListHeight]);
+    var popupActionRef = (0, react_1.useRef)();
+    (0, react_1.useEffect)(function () {
+        var updatePopupPosition = (0, ramda_1.path)(['current', 'updatePosition'], popupActionRef);
+        if (updatePopupPosition)
+            updatePopupPosition();
+    }, [listHeight]);
+    var getFacetGroupData = (0, react_1.useCallback)(function (item, groupId, level) {
+        if (level === void 0) { level = 0; }
+        return [
+            {
+                type: 'item',
+                item: item,
+                moveTo: (0, ramda_1.has)('facetConfig')(lastFacetClicked) &&
+                    lastFacetClicked.facetConfig.fieldName === item.fieldName &&
+                    groupId === lastFacetClicked.groupId,
+                level: level,
+                groupId: groupId
+            }
+        ]
+            .concat(item.children
+            ? item.children.flatMap(function (subItem) { return getFacetGroupData(subItem, groupId, level + 1); })
+            : [])
+            .flat()
+            .filter(function (item) { return !item.item.hide; });
+    }, [lastFacetClicked]);
+    var getFacetsData = (0, react_1.useCallback)(function (data) {
+        return data
+            .map(function (group) { return ({
+            type: 'group',
+            item: group,
+            items: group.facets.filter(function (item) { return !item.hide; }).map(function (item) { return getFacetGroupData(item, group.id); })
+        }); })
+            .filter(function (group) { return group.items.length; });
+    }, [getFacetGroupData]);
+    var groupedItems = (0, react_1.useMemo)(function () { return getFacetsData(data); }, [data, getFacetsData]);
+    var items = (0, react_1.useMemo)(function () { return (0, VirtualGroupedList_1.flattenGroupedItemsData)(groupedItems); }, [groupedItems]);
+    var popupOrigin = (0, helpers_1.constructPopoverOrigin)(verticalOrigin);
+    var popupWidth = (_c = (_b = anchorRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().width) !== null && _c !== void 0 ? _c : 0;
+    var handleSearchOnEnter = (0, react_1.useCallback)(function (_a) {
+        var item = _a.item, groupData = _a.groupData;
+        onListItemClick(item, !(0, helpers_1.isSelectedFacet)({ facet: item, selectedFacets: selectedFacets }), groupData.groupId);
+    }, [onListItemClick, selectedFacets]);
+    var _j = (0, useKeyboardNavigation_1.useKeyboardNavigation)({
+        items: items,
+        open: open,
+        onSelectFocusedItem: handleSearchOnEnter,
+        selectedItems: selectedFacets
+    }), focusIndex = _j.focusIndex, handleKeyDown = _j.handleKeyDown;
+    var containerWidth = Math.max(popupWidth || (0, mdm_sdk_1.getMaxItemWidth)('title')(groupedItems), constants_1.DEFAULT_MIN_CONTAINER_WIDTH);
+    return (react_1.default.createElement(SelectionPopup_1.SelectionPopup, { open: open, action: popupActionRef, title: ui_i18n_1.default.text('Select attribute'), containerWidth: containerWidth, searchInputOnKeyDown: handleKeyDown, containerHeight: constants_1.POPUP_HEADER_HEIGHT + listHeight, anchorOrigin: popupOrigin, transformOrigin: popupOrigin, headerPlacement: verticalOrigin === 'bottom' ? 'bottom' : 'top', anchorEl: anchorRef.current, disableRestoreFocus: true, onSearch: onSearch, onClose: onClose },
+        react_1.default.createElement(FacetsList_1.FacetsList, { focusIndex: focusIndex, selectedFacets: selectedFacets, onListItemClick: onListItemClick, items: items, height: listHeight, onInnerContainerResize: handleResizeList }),
+        items.length === 0 && (react_1.default.createElement("div", { className: AttributeSelectorPopup_module_css_1.default.noResultsCaptionContainer },
+            react_1.default.createElement(Typography_1.default, { variant: "caption", display: "block", gutterBottom: true }, ui_i18n_1.default.text('No results found'))))));
+};
+exports.AttributeSelectorPopup = AttributeSelectorPopup;

package/cjs/FacetsSelector/components/AttributeSelectorPopup/AttributeSelectorPopup.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"noResultsCaptionContainer":"AttributeSelectorPopup-noResultsCaptionContainer--EjZUT"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.AttributeSelectorPopup-noResultsCaptionContainer--EjZUT{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/FacetsSelector/components/AttributeSelectorPopup/index.d.ts

@@ -0,0 +1 @@
+export { AttributeSelectorPopup } from './AttributeSelectorPopup';

package/cjs/FacetsSelector/components/AttributeSelectorPopup/index.js

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

package/cjs/FacetsSelector/components/FacetsList/FacetsList.d.ts

@@ -0,0 +1,17 @@
+import React, { ComponentProps } from 'react';
+import { AttributeType, FacetConfig } from '@reltio/mdm-sdk';
+import { VirtualGroupedList } from '../../../VirtualGroupedList';
+type Data = {
+    fieldName: string;
+    title: string;
+    filterText?: string;
+    attrType: AttributeType;
+    LogoIcon?: React.ElementType;
+};
+type Props = Omit<ComponentProps<typeof VirtualGroupedList>, 'renderItem' | 'getItemSize'> & {
+    focusIndex: number;
+    selectedFacets: FacetConfig[];
+    onListItemClick: (data: Data, checked: boolean, groupId: string) => void;
+};
+export declare const FacetsList: ({ onListItemClick, focusIndex, selectedFacets, ...otherProps }: Props) => React.JSX.Element;
+export {};

package/cjs/FacetsSelector/components/FacetsList/FacetsList.js

@@ -0,0 +1,82 @@
+"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 __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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FacetsList = void 0;
+var react_1 = __importStar(require("react"));
+var ListItem_1 = __importDefault(require("@mui/material/ListItem"));
+var helpers_1 = require("../../helpers");
+var AttributeListItem_1 = require("../../../AttributeListItem");
+var VirtualGroupedList_1 = require("../../../VirtualGroupedList");
+var Highlighter_1 = require("../../../Highlighter");
+var AttributeGroupIcon_1 = require("../../../AttributeGroupIcon");
+var constants_1 = require("../../constants");
+var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
+var FacetsList_module_css_1 = __importDefault(require("./FacetsList.module.css"));
+var ITEM_GROUP_TITLE_HEIGHT = 40;
+var FacetsList = function (_a) {
+    var onListItemClick = _a.onListItemClick, focusIndex = _a.focusIndex, selectedFacets = _a.selectedFacets, otherProps = __rest(_a, ["onListItemClick", "focusIndex", "selectedFacets"]);
+    var selectedFacetsRef = (0, react_1.useRef)(null);
+    selectedFacetsRef.current = selectedFacets;
+    var focusIndexRef = (0, react_1.useRef)(null);
+    focusIndexRef.current = focusIndex;
+    var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
+    var renderItem = (0, react_1.useCallback)(function (style, _a, index) {
+        var item = _a.item, level = _a.level, groupId = _a.groupId;
+        var checked = (0, helpers_1.isSelectedFacet)({ facet: item, selectedFacets: selectedFacetsRef.current });
+        var isFocused = focusIndexRef.current === index;
+        return (react_1.default.createElement(AttributeListItem_1.AttributeListItem, { key: "item-".concat(groupId, "-").concat(item.fieldName), onClick: onListItemClick, data: item, label: react_1.default.createElement(Highlighter_1.Highlighter, { text: item.title, highlight: item.filterText }), labelInText: item.title, level: level, style: style, checked: checked, isFocused: isFocused, groupId: groupId, LogoIcon: item.LogoIcon }));
+    }, [onListItemClick]);
+    var renderGroupTitle = (0, react_1.useCallback)(function (style, item) { return (react_1.default.createElement(ListItem_1.default, { component: 'div', className: FacetsList_module_css_1.default.subHeader, style: style, key: "group-".concat(item.item.id) },
+        item.item.needGroupIcon && react_1.default.createElement(AttributeGroupIcon_1.AttributeGroupIcon, { metadata: metadata, group: item.item }),
+        item.item.title)); }, [metadata]);
+    var getItemSize = (0, react_1.useCallback)(function (i, item) { return (item.items ? ITEM_GROUP_TITLE_HEIGHT : constants_1.FACET_LIST_ITEM_HEIGHT); }, []);
+    return (react_1.default.createElement(VirtualGroupedList_1.VirtualGroupedList, __assign({ getItemSize: getItemSize, renderGroupTitle: renderGroupTitle, renderItem: renderItem, focusIndex: focusIndex }, otherProps, { disableHorizontalScrollbar: true })));
+};
+exports.FacetsList = FacetsList;

package/cjs/FacetsSelector/components/FacetsList/FacetsList.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"subHeader":"FacetsList-subHeader--jcWLn","icon":"FacetsList-icon--HO3ZO","recommendedIcon":"FacetsList-recommendedIcon--ekXsX"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.FacetsList-subHeader--jcWLn{align-items:center;background-color:#f5f5f5;color:rgba(0,0,0,.84);display:flex;font-size:14px;font-weight:500;margin:0;padding:0 16px}.FacetsList-subHeader--jcWLn .FacetsList-icon--HO3ZO{margin-right:16px;max-height:25px;max-width:25px}.FacetsList-recommendedIcon--ekXsX:is(.FacetsList-subHeader--jcWLn .FacetsList-icon--HO3ZO){height:20px;width:20px}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/FacetsSelector/components/FacetsList/index.d.ts

@@ -0,0 +1 @@
+export { FacetsList } from './FacetsList';

package/cjs/FacetsSelector/components/FacetsList/index.js

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

package/cjs/FacetsSelector/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const FACET_LIST_ITEM_HEIGHT = 28;
+export declare const DEFAULT_LIST_HEIGHT = 464;
+export declare const DEFAULT_MIN_CONTAINER_WIDTH = 240;
+export declare const MIN_LIST_HEIGHT: number;
+export declare const POPUP_HEADER_HEIGHT = 110;
+export declare const DEFAULT_ATTRIBUTE_SELECTOR_POPUP_HEIGHT: number;

package/cjs/FacetsSelector/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_ATTRIBUTE_SELECTOR_POPUP_HEIGHT = exports.POPUP_HEADER_HEIGHT = exports.MIN_LIST_HEIGHT = exports.DEFAULT_MIN_CONTAINER_WIDTH = exports.DEFAULT_LIST_HEIGHT = exports.FACET_LIST_ITEM_HEIGHT = void 0;
+exports.FACET_LIST_ITEM_HEIGHT = 28;
+exports.DEFAULT_LIST_HEIGHT = 464;
+exports.DEFAULT_MIN_CONTAINER_WIDTH = 240;
+exports.MIN_LIST_HEIGHT = exports.FACET_LIST_ITEM_HEIGHT * 2;
+exports.POPUP_HEADER_HEIGHT = 110;
+exports.DEFAULT_ATTRIBUTE_SELECTOR_POPUP_HEIGHT = exports.POPUP_HEADER_HEIGHT + exports.DEFAULT_LIST_HEIGHT;

package/cjs/FacetsSelector/helpers.d.ts

@@ -0,0 +1,16 @@
+import { PopoverOrigin } from '@mui/material/Popover';
+import { MoreFacetItem } from './types';
+declare const adjustVerticalPopupLayout: (anchorEl: HTMLElement, popupHeight: number) => {
+    verticalOrigin: "bottom" | "top";
+    popupHeight: number;
+};
+declare const filterItemsInGroups: (groups: MoreFacetItem[], filterText: string) => MoreFacetItem[];
+declare const isSelectedFacet: ({ facet, selectedFacets }: {
+    facet: any;
+    selectedFacets: any;
+}) => boolean;
+declare const constructPopoverOrigin: (verticalOrigin: PopoverOrigin["vertical"], horizontalOrigin?: PopoverOrigin["horizontal"]) => {
+    vertical: number | "bottom" | "top" | "center";
+    horizontal: number | "left" | "right" | "center";
+};
+export { adjustVerticalPopupLayout, filterItemsInGroups, isSelectedFacet, constructPopoverOrigin };

package/cjs/FacetsSelector/helpers.js

@@ -0,0 +1,68 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.constructPopoverOrigin = exports.isSelectedFacet = exports.filterItemsInGroups = exports.adjustVerticalPopupLayout = void 0;
+var ramda_1 = require("ramda");
+var adjustVerticalPopupLayout = function (anchorEl, popupHeight) {
+    var verticalOrigin = 'top';
+    var marginThreshold = 16;
+    if (anchorEl) {
+        var anchorRect = anchorEl.getBoundingClientRect();
+        var highestPoint = marginThreshold;
+        var lowestPoint = window.innerHeight - marginThreshold;
+        if (anchorRect.top + popupHeight > lowestPoint) {
+            if (anchorRect.bottom - popupHeight < highestPoint) {
+                var maxHeightToBottom = anchorRect.bottom - highestPoint;
+                var maxHeightToTop = lowestPoint - anchorRect.top;
+                popupHeight = Math.max(maxHeightToBottom, maxHeightToTop);
+                verticalOrigin = maxHeightToBottom > maxHeightToTop ? 'bottom' : 'top';
+            }
+            else {
+                verticalOrigin = 'bottom';
+            }
+        }
+    }
+    return { verticalOrigin: verticalOrigin, popupHeight: popupHeight };
+};
+exports.adjustVerticalPopupLayout = adjustVerticalPopupLayout;
+var filterItem = function (item, filterText) { var _a, _b; return (_b = (_a = item.title) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(filterText.toLowerCase())) !== null && _b !== void 0 ? _b : false; };
+var filterItemsTree = function (item, filterText) {
+    return filterItem(item, filterText) || (item.children || []).some(function (child) { return filterItemsTree(child, filterText); });
+};
+var getFilteredFacets = function (facets, filterText) {
+    return (facets || [])
+        .map(function (facet) { return (__assign(__assign({}, facet), { hide: !filterItemsTree(facet, filterText), filterText: filterText })); })
+        .map(function (facet) {
+        var children = getFilteredFacets(facet.children, filterText);
+        return (0, ramda_1.isEmpty)(children)
+            ? facet
+            : __assign(__assign({}, facet), { children: children });
+    });
+};
+var filterItemsInGroups = function (groups, filterText) {
+    return groups.map(function (group) { return (__assign(__assign({}, group), { facets: getFilteredFacets(group.facets, filterText) })); });
+};
+exports.filterItemsInGroups = filterItemsInGroups;
+var isSelectedFacet = function (_a) {
+    var facet = _a.facet, selectedFacets = _a.selectedFacets;
+    return !!selectedFacets.find(function (selFacet) { return selFacet.fieldName === facet.fieldName || selFacet.fieldName.includes("".concat(facet.fieldName, ".")); });
+};
+exports.isSelectedFacet = isSelectedFacet;
+var constructPopoverOrigin = function (verticalOrigin, horizontalOrigin) {
+    if (horizontalOrigin === void 0) { horizontalOrigin = 'right'; }
+    return {
+        vertical: verticalOrigin,
+        horizontal: horizontalOrigin
+    };
+};
+exports.constructPopoverOrigin = constructPopoverOrigin;

package/cjs/FacetsSelector/helpers.test.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/FacetsSelector/helpers.test.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var helpers_1 = require("./helpers");
+describe('helpers tests', function () {
+    describe('adjustVerticalPopupLayout tests', function () {
+        it('should return top vertical origin if popup fits to the bottom', function () {
+            var anchorEl = document.createElement('div');
+            anchorEl.getBoundingClientRect = jest.fn(function () {
+                return { top: 100, bottom: 200 };
+            });
+            var popupHeight = 50;
+            var result = (0, helpers_1.adjustVerticalPopupLayout)(anchorEl, popupHeight);
+            expect(result).toEqual({ verticalOrigin: 'top', popupHeight: popupHeight });
+        });
+        it('should return correct height', function () {
+            var originalInnerHeight = global.innerHeight;
+            global.innerHeight = 600;
+            var anchorEl = document.createElement('div');
+            anchorEl.getBoundingClientRect = jest.fn(function () {
+                return { top: 540, bottom: 580 };
+            });
+            var popupHeight = 574;
+            var result = (0, helpers_1.adjustVerticalPopupLayout)(anchorEl, popupHeight);
+            expect(result).toEqual({ verticalOrigin: 'bottom', popupHeight: 564 });
+            global.innerHeight = originalInnerHeight;
+        });
+    });
+});

package/cjs/FacetsSelector/index.d.ts

@@ -0,0 +1,2 @@
+export { FacetsSelector } from './FacetsSelector';
+export type { MoreFacetItem, SelectedFacet } from './types';

package/cjs/FacetsSelector/index.js

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

package/cjs/FacetsSelector/types.d.ts

@@ -0,0 +1,11 @@
+import { FacetConfig } from '@reltio/mdm-sdk';
+export type SelectedFacet = {
+    facetConfig: FacetConfig;
+    groupId: string;
+};
+export type MoreFacetItem = {
+    id: string;
+    title: string;
+    needGroupIcon: boolean;
+    facets: FacetConfig[];
+};

package/cjs/FacetsSelector/types.js

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

package/cjs/QuickFiltersFacetPanel/QuickFiltersFacetPanel.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 type Props = {
     children: React.ReactNode;
-    onScroll: (scrollTop: number, event: Event) => void;
+    onScroll?: (scrollTop: number, event: Event) => void;
 };
 export declare const QuickFiltersFacetPanel: ({ children, onScroll }: Props) => React.ReactElement;
 export {};

package/cjs/QuickFiltersFacetPanel/QuickFiltersFacetPanel.js

@@ -34,7 +34,7 @@ var QuickFiltersFacetPanel = function (_a) {
     var children = _a.children, onScroll = _a.onScroll;
     var containerRef = (0, react_1.useRef)(null);
     var onContainerScroll = (0, react_1.useCallback)(function (e) {
-        onScroll(containerRef.current.scrollTop, e);
+        onScroll === null || onScroll === void 0 ? void 0 : onScroll(containerRef.current.scrollTop, e);
     }, [onScroll]);
     var boundariesElement = containerRef.current;
     var popupBoundariesValue = (0, react_1.useMemo)(function () { return ({

package/cjs/index.d.ts

@@ -189,6 +189,7 @@ export { QuickFiltersFacetPanel } from './QuickFiltersFacetPanel';
 export { FacetGroup } from './FacetGroup';
 export { QuickFiltersEntityTypeFacet } from './QuickFiltersEntityTypeFacet';
 export { FacetGroupTitle } from './FacetGroupTitle';
+export { FacetsSelector } from './FacetsSelector';
 export { withTooltip } from './HOCs/withTooltip';
 export { withAsyncMount } from './HOCs/withAsyncMount';
 export { withDragHandle } from './HOCs/withDragHandle';

package/cjs/index.js

@@ -18,10 +18,10 @@ exports.NestedAttributeEditor = exports.NestedAttribute = exports.MoreAttributes
 exports.DropDownSelector = exports.ReactSelectOptionWithCheckIcon = exports.ReactSelectMenuWithPopper = exports.ReactSelectMenuList = exports.ReactSelectLoadMoreButton = exports.ReactSelectDropdownIndicatorWithIconButton = exports.ReactSelectDropdownIndicator = exports.Highlighter = exports.HierarchyNodeTitle = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.ExpandableSearchInput = exports.ErrorPopup = exports.ErrorBoundary = exports.SegmentIdLink = exports.EntityUriLink = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = exports.EmptyState = exports.Drawer = exports.DataTypeValue = exports.DataTenantBadge = exports.ConnectionRelationTypeSelector = exports.CollaborationItem = exports.ConfirmationDialog = exports.CommentsContainer = exports.ColoredSourceIcon = exports.CollapseButton = exports.TreeChart = exports.TableWithBars = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleAttributeEditor = exports.SimpleAttribute = exports.RowCellAutoSizer = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.ReferenceAttribute = exports.ImageAttributesLine = exports.ReadOnlyAttributesPager = exports.ReadOnlyAttributesList = exports.ReadOnlyAttribute = exports.ReadOnlyAttributeValuesBlock = exports.PieChart = exports.OvIcon = void 0;
 exports.SimpleMatchRulesBuilder = exports.SimpleMatchRulesBlock = exports.SimpleMatchRules = exports.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportButton = exports.ReadableSearchQueryBuilder = exports.ReadableSearchQuery = exports.LogicOperator = exports.TableSkeleton = exports.StepNavigation = exports.TenantLabel = exports.RelevanceScoreBadge = exports.RequiredMark = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.ProfilesList = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.ImageGalleryDialog = exports.RelationTypesSelector = exports.ScreenProfileBand = exports.ProfileBandNavigation = exports.EmptyStub = exports.MaskingSwitcher = exports.FileTypeEditor = exports.EmptySearchResult = exports.DropDownEditor = exports.FilterValueEditor = exports.MultiValueChip = exports.TextEditor = exports.DateRangeEditor = exports.NumberEditor = exports.DataTypeValueEditor = exports.DateEditor = exports.ErrorWrapper = exports.ErrorMessage = exports.HIDE = exports.INSERT_RIGHT = exports.INSERT_LEFT = exports.ConfigColumnPopup = exports.ConfigureColumnsPopup = exports.ConnectionEditor = void 0;
 exports.FacetGroup = exports.QuickFiltersFacetPanel = exports.AdvancedSearchFabButton = exports.QuickFiltersDrawer = exports.DefaultHeadCellRendererWithTooltip = exports.LazyRenderer = exports.MetadataTypesSelector = exports.DateRangeSelector = exports.UpSetChart = exports.GaugeChart = exports.RelationEditor = exports.ReltioMap = exports.Marginator = exports.LightArrowTooltip = exports.ScrollableTabs = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopup = exports.WhiteSearchInput = exports.SearchInput = exports.ProfileResizablePanes = exports.ResizablePanes = exports.ReltioGridLayout = exports.RCTreeSwitchRenderer = exports.RCTreeLevelLines = exports.RCTree = exports.reactSortableTreeHelpers = exports.ReactSortableTree = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = void 0;
-exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.RelationContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.usePerspectivesSettings = exports.PerspectivesSettingsContext = exports.PivotingAttributeContext = exports.UsersContext = exports.InitialCollaborationContextValue = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockNavigationContext = exports.BlockImageGalleryDialogContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = exports.MdmModuleProvider = exports.withColumnConfigurator = exports.withBlockNavigation = exports.withCollapseButton = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.withContext = exports.withDateRangeSelector = exports.withDragHandle = exports.withAsyncMount = exports.withTooltip = exports.FacetGroupTitle = exports.QuickFiltersEntityTypeFacet = void 0;
-exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = exports.useMatchesColumnsData = exports.useScrollToAttributeError = exports.ThemeProvider = exports.ProfileTablesContext = exports.HiddenAttributesContext = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.useDeleteUnmaskedAttributeForRelation = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.useReloadData = exports.ReloadDataProvider = exports.useAttributeValueConfigPermissions = exports.ConfigPermissionsContextProvider = exports.ConfigPermissionsContext = exports.useActionsHook = exports.ActionsHookProvider = exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.isHighlightedAttributeType = exports.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = void 0;
-exports.fixClicksOnResizablePanes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.getAttrPathFromColumnId = exports.getAttributeHeight = exports.getNestedPathByColumnId = exports.applyCompactValuesCountConstraint = exports.getAttributeSelectorItems = exports.mergeClasses = exports.isControlOrCommandPressed = exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsSizeById = exports.buildColumnsFilter = exports.useSegmentsLoader = exports.useDndBasicTableScrollModifier = exports.useDynamicYAxisWidth = exports.useFilterAutoFocus = exports.useSegmentationRequest = exports.resolveMarkers = exports.useMarkers = exports.useMaskedAttribute = exports.useKeyboardNavigation = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.useHiddenAttributes = exports.useSavedSearchesRequest = exports.useRequestDCRReview = exports.useAutoFocus = exports.useExpandInvalidRelations = exports.useLayoutResetter = exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = void 0;
-exports.mockComputedStyles = exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = void 0;
+exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.RelationContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.usePerspectivesSettings = exports.PerspectivesSettingsContext = exports.PivotingAttributeContext = exports.UsersContext = exports.InitialCollaborationContextValue = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockNavigationContext = exports.BlockImageGalleryDialogContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = exports.MdmModuleProvider = exports.withColumnConfigurator = exports.withBlockNavigation = exports.withCollapseButton = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.withContext = exports.withDateRangeSelector = exports.withDragHandle = exports.withAsyncMount = exports.withTooltip = exports.FacetsSelector = exports.FacetGroupTitle = exports.QuickFiltersEntityTypeFacet = void 0;
+exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = exports.useMatchesColumnsData = exports.useScrollToAttributeError = exports.ThemeProvider = exports.ProfileTablesContext = exports.HiddenAttributesContext = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.useDeleteUnmaskedAttributeForRelation = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.useReloadData = exports.ReloadDataProvider = exports.useAttributeValueConfigPermissions = exports.ConfigPermissionsContextProvider = exports.ConfigPermissionsContext = exports.useActionsHook = exports.ActionsHookProvider = exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.isHighlightedAttributeType = exports.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = void 0;
+exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.getAttrPathFromColumnId = exports.getAttributeHeight = exports.getNestedPathByColumnId = exports.applyCompactValuesCountConstraint = exports.getAttributeSelectorItems = exports.mergeClasses = exports.isControlOrCommandPressed = exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsSizeById = exports.buildColumnsFilter = exports.useSegmentsLoader = exports.useDndBasicTableScrollModifier = exports.useDynamicYAxisWidth = exports.useFilterAutoFocus = exports.useSegmentationRequest = exports.resolveMarkers = exports.useMarkers = exports.useMaskedAttribute = exports.useKeyboardNavigation = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.useHiddenAttributes = exports.useSavedSearchesRequest = exports.useRequestDCRReview = exports.useAutoFocus = exports.useExpandInvalidRelations = exports.useLayoutResetter = exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = void 0;
+exports.mockComputedStyles = exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = exports.fixClicksOnResizablePanes = void 0;
 // components
 var ActionButton_1 = require("./ActionButton");
 Object.defineProperty(exports, "ActionButton", { enumerable: true, get: function () { return ActionButton_1.ActionButton; } });
@@ -415,6 +415,8 @@ var QuickFiltersEntityTypeFacet_1 = require("./QuickFiltersEntityTypeFacet");
 Object.defineProperty(exports, "QuickFiltersEntityTypeFacet", { enumerable: true, get: function () { return QuickFiltersEntityTypeFacet_1.QuickFiltersEntityTypeFacet; } });
 var FacetGroupTitle_1 = require("./FacetGroupTitle");
 Object.defineProperty(exports, "FacetGroupTitle", { enumerable: true, get: function () { return FacetGroupTitle_1.FacetGroupTitle; } });
+var FacetsSelector_1 = require("./FacetsSelector");
+Object.defineProperty(exports, "FacetsSelector", { enumerable: true, get: function () { return FacetsSelector_1.FacetsSelector; } });
 // HOCs
 var withTooltip_1 = require("./HOCs/withTooltip");
 Object.defineProperty(exports, "withTooltip", { enumerable: true, get: function () { return withTooltip_1.withTooltip; } });

package/index.d.ts

@@ -189,6 +189,7 @@ export { QuickFiltersFacetPanel } from './QuickFiltersFacetPanel';
 export { FacetGroup } from './FacetGroup';
 export { QuickFiltersEntityTypeFacet } from './QuickFiltersEntityTypeFacet';
 export { FacetGroupTitle } from './FacetGroupTitle';
+export { FacetsSelector } from './FacetsSelector';
 export { withTooltip } from './HOCs/withTooltip';
 export { withAsyncMount } from './HOCs/withAsyncMount';
 export { withDragHandle } from './HOCs/withDragHandle';

package/index.js

@@ -189,6 +189,7 @@ export { QuickFiltersFacetPanel } from './QuickFiltersFacetPanel';
 export { FacetGroup } from './FacetGroup';
 export { QuickFiltersEntityTypeFacet } from './QuickFiltersEntityTypeFacet';
 export { FacetGroupTitle } from './FacetGroupTitle';
+export { FacetsSelector } from './FacetsSelector';
 // HOCs
 export { withTooltip } from './HOCs/withTooltip';
 export { withAsyncMount } from './HOCs/withAsyncMount';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2175",
+  "version": "1.4.2177",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -11,7 +11,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@googlemaps/markerclusterer": "^2.5.3",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.1987",
+    "@reltio/mdm-sdk": "^1.4.1989",
     "@vis.gl/react-google-maps": "^1.3.0",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",