@reltio/components 1.4.2151 → 1.4.2153

package/AdvancedSearchFabButton/AdvancedSearchFabButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type Props = {
+    tooltipTitle?: string;
+    onClick: () => void;
+};
+export declare const AdvancedSearchFabButton: ({ tooltipTitle, onClick, ...otherProps }: Props) => React.JSX.Element;
+export {};

package/AdvancedSearchFabButton/AdvancedSearchFabButton.js

@@ -0,0 +1,37 @@
+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 __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;
+};
+import React from 'react';
+import i18n from 'ui-i18n';
+import Fab from '@mui/material/Fab';
+import TuneIcon from '@mui/icons-material/Tune';
+import RightArrowIcon from '@mui/icons-material/ChevronRight';
+import { withTooltip } from '../HOCs/withTooltip';
+import styles from './AdvancedSearchFabButton.module.css';
+var FabButtonWithTooltip = withTooltip(Fab);
+export var AdvancedSearchFabButton = function (_a) {
+    var tooltipTitle = _a.tooltipTitle, onClick = _a.onClick, otherProps = __rest(_a, ["tooltipTitle", "onClick"]);
+    return (React.createElement(FabButtonWithTooltip, __assign({ tooltipTitle: tooltipTitle || i18n.text('Open advanced search'), tooltipPlacement: "bottom-end", variant: "extended", classes: { root: styles.buttonRoot, extended: styles.buttonExtended }, onClick: onClick, "data-reltio-id": "reltio-advanced-search-fab-button" }, otherProps),
+        React.createElement(TuneIcon, { color: "primary", className: styles.menuIcon }),
+        React.createElement("span", { className: styles.buttonLabel }, i18n.text('Advanced search')),
+        React.createElement(RightArrowIcon, { color: "action", className: styles.goToActionIcon })));
+};

package/AdvancedSearchFabButton/AdvancedSearchFabButton.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"buttonRoot":"AdvancedSearchFabButton-buttonRoot--zh-zG","buttonExtended":"AdvancedSearchFabButton-buttonExtended---hdxR","menuIcon":"AdvancedSearchFabButton-menuIcon--woS5W","buttonLabel":"AdvancedSearchFabButton-buttonLabel--3D1vc","goToActionIcon":"AdvancedSearchFabButton-goToActionIcon--iUPcK"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.AdvancedSearchFabButton-buttonRoot--zh-zG{flex-shrink:0}.AdvancedSearchFabButton-buttonExtended---hdxR{background-color:transparent;box-shadow:0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);margin:8px 16px;padding:12px;width:256px}.AdvancedSearchFabButton-buttonExtended---hdxR:hover{background-color:rgba(0,0,0,.1)}.AdvancedSearchFabButton-menuIcon--woS5W{flex-shrink:0;height:24px;margin-right:12px;width:24px}.AdvancedSearchFabButton-buttonLabel--3D1vc{color:var(--mui-palette-text-secondary);flex-grow:1;font-size:14px;font-weight:500;letter-spacing:0;line-height:16px;text-align:left}.AdvancedSearchFabButton-goToActionIcon--iUPcK{margin-left:12px}`;
+    head.appendChild(style);
+}
+export default styles;

package/AdvancedSearchFabButton/index.d.ts

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

package/AdvancedSearchFabButton/index.js

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

package/QuickFiltersDrawer/QuickFiltersDrawer.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type Props = {
+    children: React.ReactNode;
+    isOpen?: boolean;
+};
+export declare const QuickFiltersDrawer: ({ children, isOpen, ...otherProps }: Props) => React.JSX.Element;
+export {};

package/QuickFiltersDrawer/QuickFiltersDrawer.js

@@ -0,0 +1,33 @@
+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 __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;
+};
+import React from 'react';
+import { Drawer } from '../Drawer';
+import styles from './QuickFiltersDrawer.module.css';
+export var QuickFiltersDrawer = function (_a) {
+    var children = _a.children, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, otherProps = __rest(_a, ["children", "isOpen"]);
+    return (React.createElement(Drawer, __assign({ variant: 'persistent', anchor: 'left', open: isOpen, classes: {
+            root: styles.drawer,
+            paper: styles.drawerPaper,
+            docked: styles.docked
+        } }, otherProps), children));
+};

package/QuickFiltersDrawer/QuickFiltersDrawer.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"drawer":"QuickFiltersDrawer-drawer--NXZwq","docked":"QuickFiltersDrawer-docked--xMI4g","drawerPaper":"QuickFiltersDrawer-drawerPaper--OkbOT"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.QuickFiltersDrawer-drawer--NXZwq{flex:0 0 288px!important}.QuickFiltersDrawer-docked--xMI4g{flex:0 0 288px}.QuickFiltersDrawer-drawerPaper--OkbOT{border-right:1px solid rgba(0,0,0,.33);display:flex;flex-direction:column;position:relative;width:288px}`;
+    head.appendChild(style);
+}
+export default styles;

package/QuickFiltersDrawer/index.d.ts

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

package/QuickFiltersDrawer/index.js

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

package/QuickFiltersFacetPanel/QuickFiltersFacetPanel.d.ts

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

package/QuickFiltersFacetPanel/QuickFiltersFacetPanel.js

@@ -0,0 +1,17 @@
+import React, { useCallback, useMemo, useRef } from 'react';
+import { PopupBoundariesContext } from '../contexts/PopupBoundariesContext';
+import styles from './QuickFiltersFacetPanel.module.css';
+export var QuickFiltersFacetPanel = function (_a) {
+    var children = _a.children, onScroll = _a.onScroll;
+    var containerRef = useRef(null);
+    var onContainerScroll = useCallback(function (e) {
+        onScroll(containerRef.current.scrollTop, e);
+    }, [onScroll]);
+    var boundariesElement = containerRef.current;
+    var popupBoundariesValue = useMemo(function () { return ({
+        element: boundariesElement,
+        priority: ['top', 'bottom']
+    }); }, [boundariesElement]);
+    return (React.createElement("div", { ref: containerRef, className: styles.root, onScroll: onContainerScroll },
+        React.createElement(PopupBoundariesContext.Provider, { value: popupBoundariesValue }, children)));
+};

package/QuickFiltersFacetPanel/QuickFiltersFacetPanel.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"root":"QuickFiltersFacetPanel-root---7pgg"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.QuickFiltersFacetPanel-root---7pgg{display:flex;flex-direction:column;height:100%;overflow:auto}`;
+    head.appendChild(style);
+}
+export default styles;

package/QuickFiltersFacetPanel/index.d.ts

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

package/QuickFiltersFacetPanel/index.js

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

package/SegmentIdLink/SegmentIdLink.d.ts

@@ -2,4 +2,5 @@ import React from 'react';
 export declare const SegmentIdLink: React.ForwardRefExoticComponent<Omit<Omit<React.HTMLProps<HTMLAnchorElement>, "onClick" | "href" | "target"> & {
     segmentId: string;
     shouldOpenInNewTab?: boolean;
+    parentId?: string;
 }, "ref"> & React.RefAttributes<HTMLAnchorElement>>;

package/SegmentIdLink/SegmentIdLink.js

@@ -25,17 +25,17 @@ import { useMdmUiPath, useMdmAction } from '../contexts/MdmModuleContext';
 import { UrlGeneratorsContext } from '../contexts/UrlGeneratorsContext';
 import { isControlOrCommandPressed } from '../helpers/events';
 export var SegmentIdLink = forwardRef(function (_a, ref) {
-    var segmentId = _a.segmentId, children = _a.children, className = _a.className, _b = _a.shouldOpenInNewTab, shouldOpenInNewTab = _b === void 0 ? false : _b, otherProps = __rest(_a, ["segmentId", "children", "className", "shouldOpenInNewTab"]);
+    var segmentId = _a.segmentId, children = _a.children, className = _a.className, _b = _a.shouldOpenInNewTab, shouldOpenInNewTab = _b === void 0 ? false : _b, parentId = _a.parentId, otherProps = __rest(_a, ["segmentId", "children", "className", "shouldOpenInNewTab", "parentId"]);
     var generateSegmentUrl = useContext(UrlGeneratorsContext).generateSegmentUrl;
     var openSegment = useMdmAction('openSegment');
     var uiPath = useMdmUiPath();
     var handleClick = useCallback(function (e) {
         if (!isControlOrCommandPressed(e)) {
-            openSegment({ segmentId: segmentId });
+            openSegment({ segmentId: segmentId, parentId: parentId });
             e.preventDefault();
         }
         e.stopPropagation();
-    }, [openSegment, segmentId]);
-    return segmentId ? (React.createElement("a", __assign({ ref: ref, href: generateSegmentUrl({ uiPath: uiPath, segmentId: segmentId }), onClick: shouldOpenInNewTab ? undefined : handleClick, target: shouldOpenInNewTab ? '_blank' : '_self', rel: "noreferrer", className: className }, otherProps), children)) : (React.createElement("span", __assign({ className: className }, otherProps), children));
+    }, [openSegment, segmentId, parentId]);
+    return segmentId ? (React.createElement("a", __assign({ ref: ref, href: generateSegmentUrl({ uiPath: uiPath, segmentId: segmentId, parentId: parentId }), onClick: shouldOpenInNewTab ? undefined : handleClick, target: shouldOpenInNewTab ? '_blank' : '_self', rel: "noreferrer", className: className }, otherProps), children)) : (React.createElement("span", __assign({ className: className }, otherProps), children));
 });
 SegmentIdLink.displayName = 'SegmentIdLink';

package/cjs/AdvancedSearchFabButton/AdvancedSearchFabButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type Props = {
+    tooltipTitle?: string;
+    onClick: () => void;
+};
+export declare const AdvancedSearchFabButton: ({ tooltipTitle, onClick, ...otherProps }: Props) => React.JSX.Element;
+export {};

package/cjs/AdvancedSearchFabButton/AdvancedSearchFabButton.js

@@ -0,0 +1,44 @@
+"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 __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.AdvancedSearchFabButton = void 0;
+var react_1 = __importDefault(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var Fab_1 = __importDefault(require("@mui/material/Fab"));
+var Tune_1 = __importDefault(require("@mui/icons-material/Tune"));
+var ChevronRight_1 = __importDefault(require("@mui/icons-material/ChevronRight"));
+var withTooltip_1 = require("../HOCs/withTooltip");
+var AdvancedSearchFabButton_module_css_1 = __importDefault(require("./AdvancedSearchFabButton.module.css"));
+var FabButtonWithTooltip = (0, withTooltip_1.withTooltip)(Fab_1.default);
+var AdvancedSearchFabButton = function (_a) {
+    var tooltipTitle = _a.tooltipTitle, onClick = _a.onClick, otherProps = __rest(_a, ["tooltipTitle", "onClick"]);
+    return (react_1.default.createElement(FabButtonWithTooltip, __assign({ tooltipTitle: tooltipTitle || ui_i18n_1.default.text('Open advanced search'), tooltipPlacement: "bottom-end", variant: "extended", classes: { root: AdvancedSearchFabButton_module_css_1.default.buttonRoot, extended: AdvancedSearchFabButton_module_css_1.default.buttonExtended }, onClick: onClick, "data-reltio-id": "reltio-advanced-search-fab-button" }, otherProps),
+        react_1.default.createElement(Tune_1.default, { color: "primary", className: AdvancedSearchFabButton_module_css_1.default.menuIcon }),
+        react_1.default.createElement("span", { className: AdvancedSearchFabButton_module_css_1.default.buttonLabel }, ui_i18n_1.default.text('Advanced search')),
+        react_1.default.createElement(ChevronRight_1.default, { color: "action", className: AdvancedSearchFabButton_module_css_1.default.goToActionIcon })));
+};
+exports.AdvancedSearchFabButton = AdvancedSearchFabButton;

package/cjs/AdvancedSearchFabButton/AdvancedSearchFabButton.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"buttonRoot":"AdvancedSearchFabButton-buttonRoot--zh-zG","buttonExtended":"AdvancedSearchFabButton-buttonExtended---hdxR","menuIcon":"AdvancedSearchFabButton-menuIcon--woS5W","buttonLabel":"AdvancedSearchFabButton-buttonLabel--3D1vc","goToActionIcon":"AdvancedSearchFabButton-goToActionIcon--iUPcK"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.AdvancedSearchFabButton-buttonRoot--zh-zG{flex-shrink:0}.AdvancedSearchFabButton-buttonExtended---hdxR{background-color:transparent;box-shadow:0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);margin:8px 16px;padding:12px;width:256px}.AdvancedSearchFabButton-buttonExtended---hdxR:hover{background-color:rgba(0,0,0,.1)}.AdvancedSearchFabButton-menuIcon--woS5W{flex-shrink:0;height:24px;margin-right:12px;width:24px}.AdvancedSearchFabButton-buttonLabel--3D1vc{color:var(--mui-palette-text-secondary);flex-grow:1;font-size:14px;font-weight:500;letter-spacing:0;line-height:16px;text-align:left}.AdvancedSearchFabButton-goToActionIcon--iUPcK{margin-left:12px}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/AdvancedSearchFabButton/index.d.ts

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

package/cjs/AdvancedSearchFabButton/index.js

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

package/cjs/QuickFiltersDrawer/QuickFiltersDrawer.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type Props = {
+    children: React.ReactNode;
+    isOpen?: boolean;
+};
+export declare const QuickFiltersDrawer: ({ children, isOpen, ...otherProps }: Props) => React.JSX.Element;
+export {};

package/cjs/QuickFiltersDrawer/QuickFiltersDrawer.js

@@ -0,0 +1,40 @@
+"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 __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.QuickFiltersDrawer = void 0;
+var react_1 = __importDefault(require("react"));
+var Drawer_1 = require("../Drawer");
+var QuickFiltersDrawer_module_css_1 = __importDefault(require("./QuickFiltersDrawer.module.css"));
+var QuickFiltersDrawer = function (_a) {
+    var children = _a.children, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, otherProps = __rest(_a, ["children", "isOpen"]);
+    return (react_1.default.createElement(Drawer_1.Drawer, __assign({ variant: 'persistent', anchor: 'left', open: isOpen, classes: {
+            root: QuickFiltersDrawer_module_css_1.default.drawer,
+            paper: QuickFiltersDrawer_module_css_1.default.drawerPaper,
+            docked: QuickFiltersDrawer_module_css_1.default.docked
+        } }, otherProps), children));
+};
+exports.QuickFiltersDrawer = QuickFiltersDrawer;

package/cjs/QuickFiltersDrawer/QuickFiltersDrawer.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"drawer":"QuickFiltersDrawer-drawer--NXZwq","docked":"QuickFiltersDrawer-docked--xMI4g","drawerPaper":"QuickFiltersDrawer-drawerPaper--OkbOT"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.QuickFiltersDrawer-drawer--NXZwq{flex:0 0 288px!important}.QuickFiltersDrawer-docked--xMI4g{flex:0 0 288px}.QuickFiltersDrawer-drawerPaper--OkbOT{border-right:1px solid rgba(0,0,0,.33);display:flex;flex-direction:column;position:relative;width:288px}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/QuickFiltersDrawer/index.d.ts

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

package/cjs/QuickFiltersDrawer/index.js

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

package/cjs/QuickFiltersFacetPanel/QuickFiltersFacetPanel.d.ts

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

package/cjs/QuickFiltersFacetPanel/QuickFiltersFacetPanel.js

@@ -0,0 +1,47 @@
+"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.QuickFiltersFacetPanel = void 0;
+var react_1 = __importStar(require("react"));
+var PopupBoundariesContext_1 = require("../contexts/PopupBoundariesContext");
+var QuickFiltersFacetPanel_module_css_1 = __importDefault(require("./QuickFiltersFacetPanel.module.css"));
+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]);
+    var boundariesElement = containerRef.current;
+    var popupBoundariesValue = (0, react_1.useMemo)(function () { return ({
+        element: boundariesElement,
+        priority: ['top', 'bottom']
+    }); }, [boundariesElement]);
+    return (react_1.default.createElement("div", { ref: containerRef, className: QuickFiltersFacetPanel_module_css_1.default.root, onScroll: onContainerScroll },
+        react_1.default.createElement(PopupBoundariesContext_1.PopupBoundariesContext.Provider, { value: popupBoundariesValue }, children)));
+};
+exports.QuickFiltersFacetPanel = QuickFiltersFacetPanel;

package/cjs/QuickFiltersFacetPanel/QuickFiltersFacetPanel.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"root":"QuickFiltersFacetPanel-root---7pgg"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.QuickFiltersFacetPanel-root---7pgg{display:flex;flex-direction:column;height:100%;overflow:auto}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/QuickFiltersFacetPanel/index.d.ts

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

package/cjs/QuickFiltersFacetPanel/index.js

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

package/cjs/SegmentIdLink/SegmentIdLink.d.ts

@@ -2,4 +2,5 @@ import React from 'react';
 export declare const SegmentIdLink: React.ForwardRefExoticComponent<Omit<Omit<React.HTMLProps<HTMLAnchorElement>, "onClick" | "href" | "target"> & {
     segmentId: string;
     shouldOpenInNewTab?: boolean;
+    parentId?: string;
 }, "ref"> & React.RefAttributes<HTMLAnchorElement>>;

package/cjs/SegmentIdLink/SegmentIdLink.js

@@ -51,17 +51,17 @@ var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var UrlGeneratorsContext_1 = require("../contexts/UrlGeneratorsContext");
 var events_1 = require("../helpers/events");
 exports.SegmentIdLink = (0, react_1.forwardRef)(function (_a, ref) {
-    var segmentId = _a.segmentId, children = _a.children, className = _a.className, _b = _a.shouldOpenInNewTab, shouldOpenInNewTab = _b === void 0 ? false : _b, otherProps = __rest(_a, ["segmentId", "children", "className", "shouldOpenInNewTab"]);
+    var segmentId = _a.segmentId, children = _a.children, className = _a.className, _b = _a.shouldOpenInNewTab, shouldOpenInNewTab = _b === void 0 ? false : _b, parentId = _a.parentId, otherProps = __rest(_a, ["segmentId", "children", "className", "shouldOpenInNewTab", "parentId"]);
     var generateSegmentUrl = (0, react_1.useContext)(UrlGeneratorsContext_1.UrlGeneratorsContext).generateSegmentUrl;
     var openSegment = (0, MdmModuleContext_1.useMdmAction)('openSegment');
     var uiPath = (0, MdmModuleContext_1.useMdmUiPath)();
     var handleClick = (0, react_1.useCallback)(function (e) {
         if (!(0, events_1.isControlOrCommandPressed)(e)) {
-            openSegment({ segmentId: segmentId });
+            openSegment({ segmentId: segmentId, parentId: parentId });
             e.preventDefault();
         }
         e.stopPropagation();
-    }, [openSegment, segmentId]);
-    return segmentId ? (react_1.default.createElement("a", __assign({ ref: ref, href: generateSegmentUrl({ uiPath: uiPath, segmentId: segmentId }), onClick: shouldOpenInNewTab ? undefined : handleClick, target: shouldOpenInNewTab ? '_blank' : '_self', rel: "noreferrer", className: className }, otherProps), children)) : (react_1.default.createElement("span", __assign({ className: className }, otherProps), children));
+    }, [openSegment, segmentId, parentId]);
+    return segmentId ? (react_1.default.createElement("a", __assign({ ref: ref, href: generateSegmentUrl({ uiPath: uiPath, segmentId: segmentId, parentId: parentId }), onClick: shouldOpenInNewTab ? undefined : handleClick, target: shouldOpenInNewTab ? '_blank' : '_self', rel: "noreferrer", className: className }, otherProps), children)) : (react_1.default.createElement("span", __assign({ className: className }, otherProps), children));
 });
 exports.SegmentIdLink.displayName = 'SegmentIdLink';

package/cjs/contexts/MdmModuleContext/context.d.ts

@@ -79,6 +79,7 @@ export type MdmModuleActionsContextProps = Partial<{
     openSegment: (payload: {
         segmentId: string;
         tabId?: string;
+        parentId?: string;
     }) => void;
     setDefaultProfilePicForModifiedEntity: (payload: {
         entityUri: string;
@@ -154,6 +155,7 @@ export declare const MdmModuleActionsContext: import("@fluentui/react-context-se
     openSegment: (payload: {
         segmentId: string;
         tabId?: string;
+        parentId?: string;
     }) => void;
     setDefaultProfilePicForModifiedEntity: (payload: {
         entityUri: string;

package/cjs/contexts/MdmModuleContext/hooks.d.ts

@@ -94,6 +94,7 @@ export declare const useMdmAction: <T extends keyof MdmModuleActionsContextProps
     openSegment: (payload: {
         segmentId: string;
         tabId?: string;
+        parentId?: string;
     }) => void;
     setDefaultProfilePicForModifiedEntity: (payload: {
         entityUri: string;

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

@@ -18,6 +18,7 @@ type GenerateSegmentUrl = (params: {
     uiPath: string;
     segmentId: string;
     tabId?: string;
+    parentId?: string;
 }) => string;
 type UrlGenerators = {
     generateEntityUrl?: GenerateEntityUrl;

package/cjs/hooks/useSegmentsLoader/useSegmentsLoader.js

@@ -52,7 +52,6 @@ var react_1 = require("react");
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var types_1 = require("../../types");
-var segments_1 = require("../../helpers/segments");
 var errors_1 = require("../../helpers/errors");
 var useSegmentsLoader = function (_a) {
     var sorting = _a.sorting, rowsPerPage = _a.rowsPerPage, page = _a.page, filters = _a.filters, enabled = _a.enabled, abortControllerRef = _a.abortControllerRef, parentId = _a.parentId;
@@ -60,9 +59,9 @@ var useSegmentsLoader = function (_a) {
     var _c = (0, react_1.useState)([]), segments = _c[0], setSegments = _c[1];
     var _d = (0, react_1.useState)(0), total = _d[0], setTotal = _d[1];
     var _e = sorting || {}, sort = _e.field, order = _e.order;
-    var hasActiveFilter = (0, segments_1.isActiveFilter)(filters !== null && filters !== void 0 ? filters : {});
+    var hasActiveFilter = (0, mdm_sdk_1.isActiveSegmentsFilter)(filters !== null && filters !== void 0 ? filters : {});
     var hasSearchValue = Boolean((filters === null || filters === void 0 ? void 0 : filters.searchValue) && filters.searchValue.length > 0);
-    var filterString = (0, segments_1.buildSegmentsFilterString)(__assign(__assign({}, filters), (hasActiveFilter && !hasSearchValue ? { itemType: mdm_sdk_1.NewSegmentItemType.Segment } : {})));
+    var filterString = (0, mdm_sdk_1.buildSegmentsFilterString)(__assign(__assign({}, filters), (hasActiveFilter && !hasSearchValue ? { itemType: mdm_sdk_1.NewSegmentItemType.Segment } : {})));
     var params = (0, react_1.useMemo)(function () {
         return (0, ramda_1.reject)(mdm_sdk_1.isEmptyValue, __assign(__assign({ sort: sort, order: order, max: rowsPerPage, offset: page * rowsPerPage, filter: filterString }, (parentId && !hasActiveFilter ? { parentId: parentId } : {})), (hasActiveFilter ? { fetchAll: true } : {})));
     }, [sort, order, rowsPerPage, page, filterString, parentId, hasActiveFilter]);

package/cjs/hooks/useSegmentsSizesLoader/useSegmentsSizesLoader.js

@@ -50,7 +50,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSegmentsSizesLoader = void 0;
 var react_1 = require("react");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var segments_1 = require("../../helpers/segments");
 var useSegmentsSizesLoader = function (segments, signal) {
     var _a = (0, react_1.useState)({}), segmentsSizes = _a[0], setSegmentsSizes = _a[1];
     (0, react_1.useEffect)(function () {
@@ -60,7 +59,7 @@ var useSegmentsSizesLoader = function (segments, signal) {
                 switch (_c.label) {
                     case 0:
                         _c.trys.push([0, 4, , 5]);
-                        if (!!(0, segments_1.isSegment)(segment)) return [3 /*break*/, 1];
+                        if (!!(0, mdm_sdk_1.isSegment)(segment)) return [3 /*break*/, 1];
                         _a = { total: null };
                         return [3 /*break*/, 3];
                     case 1: return [4 /*yield*/, (0, mdm_sdk_1.getSegmentTotal)({ segmentId: segment.id, signal: signal })];

package/cjs/index.d.ts

@@ -183,6 +183,9 @@ export { MetadataTypesSelector } from './MetadataTypesSelector';
 export { LazyRenderer } from './LazyRenderer';
 export { DefaultHeadCellRendererWithTooltip } from './DefaultHeadCellRendererWithTooltip';
 export type { DefaultHeadCellRendererWithTooltipProps } from './DefaultHeadCellRendererWithTooltip';
+export { QuickFiltersDrawer } from './QuickFiltersDrawer';
+export { AdvancedSearchFabButton } from './AdvancedSearchFabButton';
+export { QuickFiltersFacetPanel } from './QuickFiltersFacetPanel';
 export { withTooltip } from './HOCs/withTooltip';
 export { withAsyncMount } from './HOCs/withAsyncMount';
 export { withDragHandle } from './HOCs/withDragHandle';

package/cjs/index.js

@@ -17,10 +17,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.NestedAttributeEditor = exports.NestedAttribute = exports.MoreAttributesButton = exports.InlineReferenceAttribute = exports.InlineNestedAttribute = exports.InlineImageAttribute = exports.InlineAttributesPager = exports.InfoIcon = exports.EditableImageAttributesLine = exports.FilterButton = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.EntitySelector = exports.EntityCreator = exports.AttributesPager = exports.AttributesList = exports.EditableAttribute = exports.DropDownMenuButton = exports.DescriptionIcon = exports.DefaultCellValueRenderer = exports.ControlAttributeIcon = exports.ColumnsSettingsPopup = exports.ColumnsSettings = exports.ColorBar = exports.CollapseRowButton = exports.BasicChartsFactory = exports.ChartsFactory = exports.CardinalityMessage = exports.BranchDecorator = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.BasicTablePagination = exports.basicTableViewState = exports.BasicTable = exports.BasicAttributeSelector = exports.BarChart = exports.AvatarWithFallback = exports.AutoSizeList = exports.AttributesView = exports.AttributesValuesEditor = exports.AttributesFiltersButton = exports.AttributesFiltersBuilder = exports.AttributesFilterSelector = exports.AttributesErrorsPanel = exports.AttributeListItem = exports.AttributeGroupIcon = exports.ArrowExpandButton = exports.ActionsPanel = exports.ActionButton = void 0;
 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.withDateRangeSelector = exports.withDragHandle = exports.withAsyncMount = exports.withTooltip = 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.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = 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 = void 0;
-exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = 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 = void 0;
-exports.mockComputedStyles = exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = 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 = void 0;
+exports.withTooltip = 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.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = 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 = void 0;
+exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = 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 = void 0;
+exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = 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 = void 0;
+exports.mockComputedStyles = void 0;
 // components
 var ActionButton_1 = require("./ActionButton");
 Object.defineProperty(exports, "ActionButton", { enumerable: true, get: function () { return ActionButton_1.ActionButton; } });
@@ -402,6 +403,12 @@ var LazyRenderer_1 = require("./LazyRenderer");
 Object.defineProperty(exports, "LazyRenderer", { enumerable: true, get: function () { return LazyRenderer_1.LazyRenderer; } });
 var DefaultHeadCellRendererWithTooltip_1 = require("./DefaultHeadCellRendererWithTooltip");
 Object.defineProperty(exports, "DefaultHeadCellRendererWithTooltip", { enumerable: true, get: function () { return DefaultHeadCellRendererWithTooltip_1.DefaultHeadCellRendererWithTooltip; } });
+var QuickFiltersDrawer_1 = require("./QuickFiltersDrawer");
+Object.defineProperty(exports, "QuickFiltersDrawer", { enumerable: true, get: function () { return QuickFiltersDrawer_1.QuickFiltersDrawer; } });
+var AdvancedSearchFabButton_1 = require("./AdvancedSearchFabButton");
+Object.defineProperty(exports, "AdvancedSearchFabButton", { enumerable: true, get: function () { return AdvancedSearchFabButton_1.AdvancedSearchFabButton; } });
+var QuickFiltersFacetPanel_1 = require("./QuickFiltersFacetPanel");
+Object.defineProperty(exports, "QuickFiltersFacetPanel", { enumerable: true, get: function () { return QuickFiltersFacetPanel_1.QuickFiltersFacetPanel; } });
 // HOCs
 var withTooltip_1 = require("./HOCs/withTooltip");
 Object.defineProperty(exports, "withTooltip", { enumerable: true, get: function () { return withTooltip_1.withTooltip; } });

package/contexts/MdmModuleContext/context.d.ts

@@ -79,6 +79,7 @@ export type MdmModuleActionsContextProps = Partial<{
     openSegment: (payload: {
         segmentId: string;
         tabId?: string;
+        parentId?: string;
     }) => void;
     setDefaultProfilePicForModifiedEntity: (payload: {
         entityUri: string;
@@ -154,6 +155,7 @@ export declare const MdmModuleActionsContext: import("@fluentui/react-context-se
     openSegment: (payload: {
         segmentId: string;
         tabId?: string;
+        parentId?: string;
     }) => void;
     setDefaultProfilePicForModifiedEntity: (payload: {
         entityUri: string;

package/contexts/MdmModuleContext/hooks.d.ts

@@ -94,6 +94,7 @@ export declare const useMdmAction: <T extends keyof MdmModuleActionsContextProps
     openSegment: (payload: {
         segmentId: string;
         tabId?: string;
+        parentId?: string;
     }) => void;
     setDefaultProfilePicForModifiedEntity: (payload: {
         entityUri: string;

package/contexts/UrlGeneratorsContext/index.d.ts

@@ -18,6 +18,7 @@ type GenerateSegmentUrl = (params: {
     uiPath: string;
     segmentId: string;
     tabId?: string;
+    parentId?: string;
 }) => string;
 type UrlGenerators = {
     generateEntityUrl?: GenerateEntityUrl;

package/hooks/useSegmentsLoader/useSegmentsLoader.js

@@ -47,9 +47,8 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { reject } from 'ramda';
-import { getSegments, isAbortError, isEmptyValue, NewSegmentItemType } from '@reltio/mdm-sdk';
+import { getSegments, isAbortError, isEmptyValue, NewSegmentItemType, buildSegmentsFilterString, isActiveSegmentsFilter } from '@reltio/mdm-sdk';
 import { RequestStates } from '../../types';
-import { buildSegmentsFilterString, isActiveFilter } from '../../helpers/segments';
 import { showDefaultErrorMessage } from '../../helpers/errors';
 export var useSegmentsLoader = function (_a) {
     var sorting = _a.sorting, rowsPerPage = _a.rowsPerPage, page = _a.page, filters = _a.filters, enabled = _a.enabled, abortControllerRef = _a.abortControllerRef, parentId = _a.parentId;
@@ -57,7 +56,7 @@ export var useSegmentsLoader = function (_a) {
     var _c = useState([]), segments = _c[0], setSegments = _c[1];
     var _d = useState(0), total = _d[0], setTotal = _d[1];
     var _e = sorting || {}, sort = _e.field, order = _e.order;
-    var hasActiveFilter = isActiveFilter(filters !== null && filters !== void 0 ? filters : {});
+    var hasActiveFilter = isActiveSegmentsFilter(filters !== null && filters !== void 0 ? filters : {});
     var hasSearchValue = Boolean((filters === null || filters === void 0 ? void 0 : filters.searchValue) && filters.searchValue.length > 0);
     var filterString = buildSegmentsFilterString(__assign(__assign({}, filters), (hasActiveFilter && !hasSearchValue ? { itemType: NewSegmentItemType.Segment } : {})));
     var params = useMemo(function () {

package/hooks/useSegmentsSizesLoader/useSegmentsSizesLoader.js

@@ -46,8 +46,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { useEffect, useState } from 'react';
-import { getSegmentTotal } from '@reltio/mdm-sdk';
-import { isSegment } from '../../helpers/segments';
+import { getSegmentTotal, isSegment } from '@reltio/mdm-sdk';
 export var useSegmentsSizesLoader = function (segments, signal) {
     var _a = useState({}), segmentsSizes = _a[0], setSegmentsSizes = _a[1];
     useEffect(function () {

package/index.d.ts

@@ -183,6 +183,9 @@ export { MetadataTypesSelector } from './MetadataTypesSelector';
 export { LazyRenderer } from './LazyRenderer';
 export { DefaultHeadCellRendererWithTooltip } from './DefaultHeadCellRendererWithTooltip';
 export type { DefaultHeadCellRendererWithTooltipProps } from './DefaultHeadCellRendererWithTooltip';
+export { QuickFiltersDrawer } from './QuickFiltersDrawer';
+export { AdvancedSearchFabButton } from './AdvancedSearchFabButton';
+export { QuickFiltersFacetPanel } from './QuickFiltersFacetPanel';
 export { withTooltip } from './HOCs/withTooltip';
 export { withAsyncMount } from './HOCs/withAsyncMount';
 export { withDragHandle } from './HOCs/withDragHandle';

package/index.js

@@ -183,6 +183,9 @@ export { DateRangeSelector } from './DateRangeSelector';
 export { MetadataTypesSelector } from './MetadataTypesSelector';
 export { LazyRenderer } from './LazyRenderer';
 export { DefaultHeadCellRendererWithTooltip } from './DefaultHeadCellRendererWithTooltip';
+export { QuickFiltersDrawer } from './QuickFiltersDrawer';
+export { AdvancedSearchFabButton } from './AdvancedSearchFabButton';
+export { QuickFiltersFacetPanel } from './QuickFiltersFacetPanel';
 // HOCs
 export { withTooltip } from './HOCs/withTooltip';
 export { withAsyncMount } from './HOCs/withAsyncMount';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2151",
+  "version": "1.4.2153",
   "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.1973",
+    "@reltio/mdm-sdk": "^1.4.1974",
     "@vis.gl/react-google-maps": "^1.3.0",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",

package/cjs/helpers/segments.d.ts

@@ -1,5 +0,0 @@
-import { NewSegment } from '@reltio/mdm-sdk';
-export declare const buildSegmentsFilterString: any;
-export declare const isActiveFilter: any;
-export declare const isFolder: (segment: Pick<NewSegment, "itemType">) => boolean;
-export declare const isSegment: (segment: Pick<NewSegment, "itemType">) => boolean;

package/cjs/helpers/segments.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isSegment = exports.isFolder = exports.isActiveFilter = exports.buildSegmentsFilterString = void 0;
-var ramda_1 = require("ramda");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var buildFavoriteFilterClause = function (value) {
-    return value ? "equals(favorite, 'true')" : '';
-};
-var buildOwnerFilterClause = function (user) {
-    return "equals(owner, '".concat(user, "')");
-};
-var buildStatusFilterClause = function (status) {
-    return "equals(status, '".concat(status, "')");
-};
-var buildTypeFilterClause = function (type) {
-    return "equals(type, '".concat(type, "')");
-};
-var buildSharingFilterClause = function (value) {
-    return "equals(sharing, '".concat(value, "')");
-};
-var buildItemTypeFilterClause = function (value) {
-    return "equals(itemType, '".concat(value, "')");
-};
-var buildDestinationFilterClause = function (value) {
-    return "contains(integrationIDs, '".concat(value, "')");
-};
-var buildSearchValueFilterClause = function (value) {
-    return "contains(label, '".concat(value, "')");
-};
-var getFilterClauseBuilder = (0, ramda_1.cond)([
-    [(0, ramda_1.equals)('showFavorite'), function () { return buildFavoriteFilterClause; }],
-    [(0, ramda_1.equals)('ownedBy'), function () { return buildOwnerFilterClause; }],
-    [(0, ramda_1.equals)('statuses'), function () { return (0, mdm_sdk_1.multiValueFilter)(buildStatusFilterClause); }],
-    [(0, ramda_1.equals)('types'), function () { return (0, mdm_sdk_1.multiValueFilter)(buildTypeFilterClause); }],
-    [(0, ramda_1.equals)('createdBy'), function () { return (0, mdm_sdk_1.multiValueFilter)(buildOwnerFilterClause); }],
-    [(0, ramda_1.equals)('sharedWith'), function () { return (0, mdm_sdk_1.multiValueFilter)(buildSharingFilterClause); }],
-    [(0, ramda_1.equals)('destinations'), function () { return (0, mdm_sdk_1.multiValueFilter)(buildDestinationFilterClause); }],
-    [(0, ramda_1.equals)('searchValue'), function () { return buildSearchValueFilterClause; }],
-    [(0, ramda_1.equals)('itemType'), function () { return buildItemTypeFilterClause; }]
-]);
-exports.buildSegmentsFilterString = (0, ramda_1.pipe)((0, ramda_1.defaultTo)({}), (0, ramda_1.reject)(mdm_sdk_1.isEmptyValue), ramda_1.toPairs, (0, ramda_1.map)(function (_a) {
-    var _b;
-    var key = _a[0], value = _a[1];
-    return (_b = getFilterClauseBuilder(key)) === null || _b === void 0 ? void 0 : _b(value);
-}), (0, ramda_1.reject)(mdm_sdk_1.isEmptyValue), (0, ramda_1.map)(mdm_sdk_1.wrapInBrackets), (0, ramda_1.join)(' and '));
-exports.isActiveFilter = (0, ramda_1.pipe)((0, ramda_1.omit)(['itemType']), ramda_1.values, (0, ramda_1.filter)(Boolean), (0, ramda_1.any)((0, ramda_1.complement)(ramda_1.isEmpty)));
-var isFolder = function (segment) { return segment.itemType === mdm_sdk_1.NewSegmentItemType.Folder; };
-exports.isFolder = isFolder;
-var isSegment = function (segment) { return segment.itemType === mdm_sdk_1.NewSegmentItemType.Segment; };
-exports.isSegment = isSegment;

package/helpers/segments.d.ts

@@ -1,5 +0,0 @@
-import { NewSegment } from '@reltio/mdm-sdk';
-export declare const buildSegmentsFilterString: any;
-export declare const isActiveFilter: any;
-export declare const isFolder: (segment: Pick<NewSegment, "itemType">) => boolean;
-export declare const isSegment: (segment: Pick<NewSegment, "itemType">) => boolean;

package/helpers/segments.js

@@ -1,45 +0,0 @@
-import { cond, defaultTo, equals, join, map, pipe, reject, toPairs, omit, values, filter, any, complement, isEmpty } from 'ramda';
-import { isEmptyValue, wrapInBrackets, multiValueFilter, NewSegmentItemType } from '@reltio/mdm-sdk';
-var buildFavoriteFilterClause = function (value) {
-    return value ? "equals(favorite, 'true')" : '';
-};
-var buildOwnerFilterClause = function (user) {
-    return "equals(owner, '".concat(user, "')");
-};
-var buildStatusFilterClause = function (status) {
-    return "equals(status, '".concat(status, "')");
-};
-var buildTypeFilterClause = function (type) {
-    return "equals(type, '".concat(type, "')");
-};
-var buildSharingFilterClause = function (value) {
-    return "equals(sharing, '".concat(value, "')");
-};
-var buildItemTypeFilterClause = function (value) {
-    return "equals(itemType, '".concat(value, "')");
-};
-var buildDestinationFilterClause = function (value) {
-    return "contains(integrationIDs, '".concat(value, "')");
-};
-var buildSearchValueFilterClause = function (value) {
-    return "contains(label, '".concat(value, "')");
-};
-var getFilterClauseBuilder = cond([
-    [equals('showFavorite'), function () { return buildFavoriteFilterClause; }],
-    [equals('ownedBy'), function () { return buildOwnerFilterClause; }],
-    [equals('statuses'), function () { return multiValueFilter(buildStatusFilterClause); }],
-    [equals('types'), function () { return multiValueFilter(buildTypeFilterClause); }],
-    [equals('createdBy'), function () { return multiValueFilter(buildOwnerFilterClause); }],
-    [equals('sharedWith'), function () { return multiValueFilter(buildSharingFilterClause); }],
-    [equals('destinations'), function () { return multiValueFilter(buildDestinationFilterClause); }],
-    [equals('searchValue'), function () { return buildSearchValueFilterClause; }],
-    [equals('itemType'), function () { return buildItemTypeFilterClause; }]
-]);
-export var buildSegmentsFilterString = pipe(defaultTo({}), reject(isEmptyValue), toPairs, map(function (_a) {
-    var _b;
-    var key = _a[0], value = _a[1];
-    return (_b = getFilterClauseBuilder(key)) === null || _b === void 0 ? void 0 : _b(value);
-}), reject(isEmptyValue), map(wrapInBrackets), join(' and '));
-export var isActiveFilter = pipe(omit(['itemType']), values, filter(Boolean), any(complement(isEmpty)));
-export var isFolder = function (segment) { return segment.itemType === NewSegmentItemType.Folder; };
-export var isSegment = function (segment) { return segment.itemType === NewSegmentItemType.Segment; };