@reltio/components 1.4.2150 → 1.4.2152

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/AttributesFiltersBuilder/AttributesFiltersBuilder.js

@@ -31,22 +31,23 @@ import { useMdmMetadata } from '../contexts/MdmModuleContext';
 import { AttributeSelector } from './components/AttributeSelector';
 import { useFilterAutoFocus } from '../hooks/useFilterAutoFocus';
 import { AttributesValuesEditor } from '../AttributesValuesEditor';
-import { useStyles } from './styles';
+import styles from './AttributesFiltersBuilder.module.css';
 var EMPTY_FILTER = { fieldName: null, filter: null, operator: SearchOperator.and, values: [] };
 var AttributesFiltersBuilder = function (_a) {
     var _b = _a.classes, classes = _b === void 0 ? {} : _b, attributesTypesGroups = _a.attributesTypesGroups, attributesTypesGroupFilter = _a.attributesTypesGroupFilter, filters = _a.filters, onChange = _a.onChange, _c = _a.components, components = _c === void 0 ? {} : _c, onFilterAttributeChange = _a.onFilterAttributeChange;
     var _d = components, CustomValuesEditor = _d.ValuesEditor, CustomFilterSelector = _d.FilterSelector, _e = _d.LogicalOperator, LogicalOperator = _e === void 0 ? EmptyStub : _e;
-    var styles = useStyles();
     var actualFilters = useRef(filters);
     var attributesCountRef = useRef(null);
     var metadata = useMdmMetadata();
     actualFilters.current = filters;
     var rowClasses = useMemo(function () { return ({
+        root: styles.root,
         attributeSelectorContainer: classes.attributeSelectorContainer || styles.attrSelector,
         valuesEditorContainer: classes.valuesEditorContainer || '',
         filterSelectorContainer: styles.filterSelector,
-        actionsContainer: styles.actionContainer
-    }); }, [classes, styles]);
+        actionsContainer: styles.actionContainer,
+        rowActions: styles.rowActions
+    }); }, [classes]);
     var currentEntityType = useMemo(function () {
         var entityTypesUris = attributesTypesGroups.map(function (_a) {
             var attributeTypes = _a.attributeTypes;

package/AttributesFiltersBuilder/AttributesFiltersBuilder.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"root":"AttributesFiltersBuilder-root--u1-JO","rowActions":"AttributesFiltersBuilder-rowActions---qhXB","attrSelector":"AttributesFiltersBuilder-attrSelector--QhzaV","filterSelector":"AttributesFiltersBuilder-filterSelector--vLHRP","actionContainer":"AttributesFiltersBuilder-actionContainer--mEAev"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.AttributesFiltersBuilder-root--u1-JO:hover .AttributesFiltersBuilder-rowActions---qhXB{opacity:1;visibility:visible}.AttributesFiltersBuilder-attrSelector--QhzaV{flex-shrink:0;height:40px;width:222px}.AttributesFiltersBuilder-filterSelector--vLHRP{flex-shrink:0;margin-bottom:0;margin-top:0;width:180px}.AttributesFiltersBuilder-actionContainer--mEAev{align-items:center;margin-right:15px}.AttributesFiltersBuilder-rowActions---qhXB{opacity:0;transition:opacity .3s,visibility .3s;visibility:hidden}`;
+    head.appendChild(style);
+}
+export default styles;

package/AttributesFiltersBuilder/AttributesFiltersBuilder.test.js

@@ -100,7 +100,7 @@ describe('Attributes filters builder tests', function () {
         return __assign({ user: user }, render(React.createElement(AttributesFiltersBuilder, __assign({}, defaultProps, props)), { wrapper: Providers }));
     };
     it('should render default state correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var user;
+        var user, actionButtons, attributeSelector;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -108,10 +108,13 @@ describe('Attributes filters builder tests', function () {
                     expect(screen.getByText('Select attribute')).toBeInTheDocument();
                     expect(screen.getByText('Equals')).toBeInTheDocument();
                     expect(screen.getByRole('combobox')).toBeDisabled();
-                    expect(screen.queryByRole('button', { name: 'Add' })).not.toBeInTheDocument();
-                    expect(screen.queryByRole('button', { name: 'Duplicate' })).not.toBeInTheDocument();
-                    expect(screen.queryByRole('button', { name: 'Delete' })).not.toBeInTheDocument();
-                    return [4 /*yield*/, user.click(screen.getByRole('button'))];
+                    actionButtons = screen.getAllByTestId('query-builder-row-actions');
+                    expect(actionButtons).toHaveLength(1);
+                    expect(within(actionButtons[0]).getByTestId('query-builder-row-actions-add')).toBeInTheDocument();
+                    expect(within(actionButtons[0]).queryByTestId('query-builder-row-actions-duplicate')).not.toBeInTheDocument();
+                    expect(within(actionButtons[0]).getByTestId('query-builder-row-actions-delete')).toBeInTheDocument();
+                    attributeSelector = screen.getByTestId('attribute-selector');
+                    return [4 /*yield*/, user.click(within(attributeSelector).getByRole('button'))];
                 case 1:
                     _a.sent();
                     expect(screen.getByRole('presentation')).toBeInTheDocument();
@@ -142,7 +145,7 @@ describe('Attributes filters builder tests', function () {
         });
     }); });
     it('should render attribute groups correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var expectedAttributes, user, items;
+        var expectedAttributes, user, attributeSelector, items;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -160,7 +163,8 @@ describe('Attributes filters builder tests', function () {
                         'Affiliated Type'
                     ];
                     user = setUp({ filters: [] }).user;
-                    return [4 /*yield*/, user.click(screen.getByRole('button'))];
+                    attributeSelector = screen.getByTestId('attribute-selector');
+                    return [4 /*yield*/, user.click(within(attributeSelector).getByRole('button'))];
                 case 1:
                     _a.sent();
                     items = screen.getAllByRole('menuitem');
@@ -215,12 +219,13 @@ describe('Attributes filters builder tests', function () {
         });
     }); });
     it('should call onChange with correct fieldName for simple attributes', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var user;
+        var user, attributeSelector;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     user = setUp({ filters: [] }).user;
-                    return [4 /*yield*/, user.click(screen.getByRole('button'))];
+                    attributeSelector = screen.getByTestId('attribute-selector');
+                    return [4 /*yield*/, user.click(within(attributeSelector).getByRole('button'))];
                 case 1:
                     _a.sent();
                     return [4 /*yield*/, user.click(screen.getByRole('menuitem', { name: 'Int' }))];
@@ -256,12 +261,13 @@ describe('Attributes filters builder tests', function () {
         });
     }); });
     it('should call onChange with correct fieldName for nested attributes', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var user;
+        var user, attributeSelector;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     user = setUp({ filters: [] }).user;
-                    return [4 /*yield*/, user.click(screen.getByRole('button'))];
+                    attributeSelector = screen.getByTestId('attribute-selector');
+                    return [4 /*yield*/, user.click(within(attributeSelector).getByRole('button'))];
                 case 1:
                     _a.sent();
                     return [4 /*yield*/, user.click(screen.getByRole('menuitem', { name: 'Date Level 2' }))];
@@ -275,12 +281,13 @@ describe('Attributes filters builder tests', function () {
         });
     }); });
     it('should call onChange with correct fieldName for reference attributes', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var user;
+        var user, attributeSelector;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     user = setUp({ filters: [] }).user;
-                    return [4 /*yield*/, user.click(screen.getByRole('button'))];
+                    attributeSelector = screen.getByTestId('attribute-selector');
+                    return [4 /*yield*/, user.click(within(attributeSelector).getByRole('button'))];
                 case 1:
                     _a.sent();
                     return [4 /*yield*/, user.click(screen.getByRole('menuitem', { name: 'Affiliated Type' }))];

package/AttributesFiltersBuilder/components/RowActions/RowActions.js

@@ -20,8 +20,8 @@ var RowActions = function (_a) {
         removeRow(index);
     }, [index, removeRow]);
     return (React.createElement("div", { className: styles.actions },
-        React.createElement(SmallIconButtonWithTooltip, { tooltipTitle: i18n.text('Add'), icon: AddCircleIcon, size: "M", onClick: onAddRowAfterId }),
-        attribute && (React.createElement(SmallIconButtonWithTooltip, { tooltipTitle: i18n.text('Duplicate'), icon: DuplicateIcon, size: "M", onClick: onRowDuplicate })),
-        React.createElement(SmallIconButtonWithTooltip, { tooltipTitle: i18n.text('Delete'), icon: CloseIcon, size: "M", onClick: onRowDelete })));
+        React.createElement(SmallIconButtonWithTooltip, { "data-reltio-id": "query-builder-row-actions-add", tooltipTitle: i18n.text('Add'), icon: AddCircleIcon, size: "M", onClick: onAddRowAfterId }),
+        attribute && (React.createElement(SmallIconButtonWithTooltip, { "data-reltio-id": "query-builder-row-actions-duplicate", tooltipTitle: i18n.text('Duplicate'), icon: DuplicateIcon, size: "M", onClick: onRowDuplicate })),
+        React.createElement(SmallIconButtonWithTooltip, { "data-reltio-id": "query-builder-row-actions-delete", tooltipTitle: i18n.text('Delete'), icon: CloseIcon, size: "M", onClick: onRowDelete })));
 };
 export default memo(RowActions);

package/QueryBuilderRow/QueryBuilderRow.d.ts

@@ -12,6 +12,7 @@ export type Props<T, U extends Record<string, unknown>> = {
         filterSelectorContainer?: string;
         valuesEditorContainer?: string;
         actionsContainer?: string;
+        rowActions?: string;
     };
     rowData: T;
     previousRowData: T;

package/QueryBuilderRow/QueryBuilderRow.js

@@ -13,11 +13,10 @@ import React, { memo } from 'react';
 import classnames from 'classnames';
 import { ReadOnlyLogicOperator } from './components/ReadOnlyLogicOperator';
 import { ReadOnlyFilter } from './components/ReadOnlyFilter';
-import { useStyles } from './styles';
+import styles from './QueryBuilderRow.module.css';
 var QueryBuilderRow = function (_a) {
     var _b;
     var _c = _a.classes, classes = _c === void 0 ? {} : _c, rowData = _a.rowData, previousRowData = _a.previousRowData, _d = _a.LogicOperatorComponent, LogicOperatorComponent = _d === void 0 ? ReadOnlyLogicOperator : _d, AttributeSelectorComponent = _a.AttributeSelectorComponent, _e = _a.FilterSelectorComponent, FilterSelectorComponent = _e === void 0 ? ReadOnlyFilter : _e, ValuesEditorComponent = _a.ValuesEditorComponent, ActionsComponent = _a.ActionsComponent, filterSelectorRef = _a.filterSelectorRef, _f = _a.attributeSelectorProps, attributeSelectorProps = _f === void 0 ? {} : _f, rowContext = __rest(_a, ["classes", "rowData", "previousRowData", "LogicOperatorComponent", "AttributeSelectorComponent", "FilterSelectorComponent", "ValuesEditorComponent", "ActionsComponent", "filterSelectorRef", "attributeSelectorProps"]);
-    var styles = useStyles();
     return (React.createElement("div", { className: classnames(styles.row, classes.root), "data-reltio-id": "query-builder-row" },
         React.createElement(LogicOperatorComponent, { className: classes.logicOperatorContainer, rowContext: rowContext, rowData: previousRowData }),
         React.createElement("div", { className: classnames(styles.rowItem, classes.attributeSelectorContainer), "data-reltio-id": "query-builder-row-attribute-selector" },
@@ -26,7 +25,9 @@ var QueryBuilderRow = function (_a) {
             React.createElement(FilterSelectorComponent, { textFieldInputRef: filterSelectorRef, rowContext: rowContext, rowData: rowData })),
         React.createElement("div", { className: classnames(styles.rowItem, styles.fullWidth, classes.valuesEditorContainer), "data-reltio-id": "query-builder-row-values-editor" },
             React.createElement(ValuesEditorComponent, { rowContext: rowContext, rowData: rowData })),
-        React.createElement("div", { className: classnames(styles.rowItem, classes.actionsContainer, (_b = {}, _b[styles.hidden] = !rowData, _b)), "data-reltio-id": "query-builder-row-actions" },
+        React.createElement("div", { className: classnames(styles.rowItem, classes.actionsContainer, classes.rowActions, (_b = {},
+                _b[styles.hidden] = !rowData,
+                _b)), "data-reltio-id": "query-builder-row-actions" },
             React.createElement(ActionsComponent, { rowContext: rowContext, rowData: rowData }))));
 };
 export default memo(QueryBuilderRow);

package/QueryBuilderRow/QueryBuilderRow.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"row":"QueryBuilderRow-row--lJJMo","rowItem":"QueryBuilderRow-rowItem--SVEaJ","fullWidth":"QueryBuilderRow-fullWidth--p9CT8","hidden":"QueryBuilderRow-hidden--MDfe-"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.QueryBuilderRow-row--lJJMo{display:flex;margin-bottom:12px}.QueryBuilderRow-rowItem--SVEaJ{display:flex;padding-right:10px}.QueryBuilderRow-fullWidth--p9CT8{flex-basis:0;flex-grow:1;overflow:hidden}.QueryBuilderRow-hidden--MDfe-{visibility:hidden!important}`;
+    head.appendChild(style);
+}
+export default styles;

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/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/AttributesFiltersBuilder/AttributesFiltersBuilder.js

@@ -42,6 +42,9 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var ramda_1 = require("ramda");
@@ -56,22 +59,23 @@ var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var AttributeSelector_1 = require("./components/AttributeSelector");
 var useFilterAutoFocus_1 = require("../hooks/useFilterAutoFocus");
 var AttributesValuesEditor_1 = require("../AttributesValuesEditor");
-var styles_1 = require("./styles");
+var AttributesFiltersBuilder_module_css_1 = __importDefault(require("./AttributesFiltersBuilder.module.css"));
 var EMPTY_FILTER = { fieldName: null, filter: null, operator: mdm_sdk_1.SearchOperator.and, values: [] };
 var AttributesFiltersBuilder = function (_a) {
     var _b = _a.classes, classes = _b === void 0 ? {} : _b, attributesTypesGroups = _a.attributesTypesGroups, attributesTypesGroupFilter = _a.attributesTypesGroupFilter, filters = _a.filters, onChange = _a.onChange, _c = _a.components, components = _c === void 0 ? {} : _c, onFilterAttributeChange = _a.onFilterAttributeChange;
     var _d = components, CustomValuesEditor = _d.ValuesEditor, CustomFilterSelector = _d.FilterSelector, _e = _d.LogicalOperator, LogicalOperator = _e === void 0 ? EmptyStub_1.EmptyStub : _e;
-    var styles = (0, styles_1.useStyles)();
     var actualFilters = (0, react_1.useRef)(filters);
     var attributesCountRef = (0, react_1.useRef)(null);
     var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
     actualFilters.current = filters;
     var rowClasses = (0, react_1.useMemo)(function () { return ({
-        attributeSelectorContainer: classes.attributeSelectorContainer || styles.attrSelector,
+        root: AttributesFiltersBuilder_module_css_1.default.root,
+        attributeSelectorContainer: classes.attributeSelectorContainer || AttributesFiltersBuilder_module_css_1.default.attrSelector,
         valuesEditorContainer: classes.valuesEditorContainer || '',
-        filterSelectorContainer: styles.filterSelector,
-        actionsContainer: styles.actionContainer
-    }); }, [classes, styles]);
+        filterSelectorContainer: AttributesFiltersBuilder_module_css_1.default.filterSelector,
+        actionsContainer: AttributesFiltersBuilder_module_css_1.default.actionContainer,
+        rowActions: AttributesFiltersBuilder_module_css_1.default.rowActions
+    }); }, [classes]);
     var currentEntityType = (0, react_1.useMemo)(function () {
         var entityTypesUris = attributesTypesGroups.map(function (_a) {
             var attributeTypes = _a.attributeTypes;

package/cjs/AttributesFiltersBuilder/AttributesFiltersBuilder.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"root":"AttributesFiltersBuilder-root--u1-JO","rowActions":"AttributesFiltersBuilder-rowActions---qhXB","attrSelector":"AttributesFiltersBuilder-attrSelector--QhzaV","filterSelector":"AttributesFiltersBuilder-filterSelector--vLHRP","actionContainer":"AttributesFiltersBuilder-actionContainer--mEAev"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.AttributesFiltersBuilder-root--u1-JO:hover .AttributesFiltersBuilder-rowActions---qhXB{opacity:1;visibility:visible}.AttributesFiltersBuilder-attrSelector--QhzaV{flex-shrink:0;height:40px;width:222px}.AttributesFiltersBuilder-filterSelector--vLHRP{flex-shrink:0;margin-bottom:0;margin-top:0;width:180px}.AttributesFiltersBuilder-actionContainer--mEAev{align-items:center;margin-right:15px}.AttributesFiltersBuilder-rowActions---qhXB{opacity:0;transition:opacity .3s,visibility .3s;visibility:hidden}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/AttributesFiltersBuilder/AttributesFiltersBuilder.test.js

@@ -105,7 +105,7 @@ describe('Attributes filters builder tests', function () {
         return __assign({ user: user }, (0, react_2.render)(react_1.default.createElement(AttributesFiltersBuilder_1.AttributesFiltersBuilder, __assign({}, defaultProps, props)), { wrapper: Providers }));
     };
     it('should render default state correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var user;
+        var user, actionButtons, attributeSelector;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -113,10 +113,13 @@ describe('Attributes filters builder tests', function () {
                     expect(react_2.screen.getByText('Select attribute')).toBeInTheDocument();
                     expect(react_2.screen.getByText('Equals')).toBeInTheDocument();
                     expect(react_2.screen.getByRole('combobox')).toBeDisabled();
-                    expect(react_2.screen.queryByRole('button', { name: 'Add' })).not.toBeInTheDocument();
-                    expect(react_2.screen.queryByRole('button', { name: 'Duplicate' })).not.toBeInTheDocument();
-                    expect(react_2.screen.queryByRole('button', { name: 'Delete' })).not.toBeInTheDocument();
-                    return [4 /*yield*/, user.click(react_2.screen.getByRole('button'))];
+                    actionButtons = react_2.screen.getAllByTestId('query-builder-row-actions');
+                    expect(actionButtons).toHaveLength(1);
+                    expect((0, react_2.within)(actionButtons[0]).getByTestId('query-builder-row-actions-add')).toBeInTheDocument();
+                    expect((0, react_2.within)(actionButtons[0]).queryByTestId('query-builder-row-actions-duplicate')).not.toBeInTheDocument();
+                    expect((0, react_2.within)(actionButtons[0]).getByTestId('query-builder-row-actions-delete')).toBeInTheDocument();
+                    attributeSelector = react_2.screen.getByTestId('attribute-selector');
+                    return [4 /*yield*/, user.click((0, react_2.within)(attributeSelector).getByRole('button'))];
                 case 1:
                     _a.sent();
                     expect(react_2.screen.getByRole('presentation')).toBeInTheDocument();
@@ -147,7 +150,7 @@ describe('Attributes filters builder tests', function () {
         });
     }); });
     it('should render attribute groups correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var expectedAttributes, user, items;
+        var expectedAttributes, user, attributeSelector, items;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -165,7 +168,8 @@ describe('Attributes filters builder tests', function () {
                         'Affiliated Type'
                     ];
                     user = setUp({ filters: [] }).user;
-                    return [4 /*yield*/, user.click(react_2.screen.getByRole('button'))];
+                    attributeSelector = react_2.screen.getByTestId('attribute-selector');
+                    return [4 /*yield*/, user.click((0, react_2.within)(attributeSelector).getByRole('button'))];
                 case 1:
                     _a.sent();
                     items = react_2.screen.getAllByRole('menuitem');
@@ -220,12 +224,13 @@ describe('Attributes filters builder tests', function () {
         });
     }); });
     it('should call onChange with correct fieldName for simple attributes', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var user;
+        var user, attributeSelector;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     user = setUp({ filters: [] }).user;
-                    return [4 /*yield*/, user.click(react_2.screen.getByRole('button'))];
+                    attributeSelector = react_2.screen.getByTestId('attribute-selector');
+                    return [4 /*yield*/, user.click((0, react_2.within)(attributeSelector).getByRole('button'))];
                 case 1:
                     _a.sent();
                     return [4 /*yield*/, user.click(react_2.screen.getByRole('menuitem', { name: 'Int' }))];
@@ -261,12 +266,13 @@ describe('Attributes filters builder tests', function () {
         });
     }); });
     it('should call onChange with correct fieldName for nested attributes', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var user;
+        var user, attributeSelector;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     user = setUp({ filters: [] }).user;
-                    return [4 /*yield*/, user.click(react_2.screen.getByRole('button'))];
+                    attributeSelector = react_2.screen.getByTestId('attribute-selector');
+                    return [4 /*yield*/, user.click((0, react_2.within)(attributeSelector).getByRole('button'))];
                 case 1:
                     _a.sent();
                     return [4 /*yield*/, user.click(react_2.screen.getByRole('menuitem', { name: 'Date Level 2' }))];
@@ -280,12 +286,13 @@ describe('Attributes filters builder tests', function () {
         });
     }); });
     it('should call onChange with correct fieldName for reference attributes', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var user;
+        var user, attributeSelector;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     user = setUp({ filters: [] }).user;
-                    return [4 /*yield*/, user.click(react_2.screen.getByRole('button'))];
+                    attributeSelector = react_2.screen.getByTestId('attribute-selector');
+                    return [4 /*yield*/, user.click((0, react_2.within)(attributeSelector).getByRole('button'))];
                 case 1:
                     _a.sent();
                     return [4 /*yield*/, user.click(react_2.screen.getByRole('menuitem', { name: 'Affiliated Type' }))];

package/cjs/AttributesFiltersBuilder/components/RowActions/RowActions.js

@@ -48,8 +48,8 @@ var RowActions = function (_a) {
         removeRow(index);
     }, [index, removeRow]);
     return (react_1.default.createElement("div", { className: styles.actions },
-        react_1.default.createElement(index_1.SmallIconButtonWithTooltip, { tooltipTitle: ui_i18n_1.default.text('Add'), icon: AddCircle_1.default, size: "M", onClick: onAddRowAfterId }),
-        attribute && (react_1.default.createElement(index_1.SmallIconButtonWithTooltip, { tooltipTitle: ui_i18n_1.default.text('Duplicate'), icon: Duplicate_1.default, size: "M", onClick: onRowDuplicate })),
-        react_1.default.createElement(index_1.SmallIconButtonWithTooltip, { tooltipTitle: ui_i18n_1.default.text('Delete'), icon: Close_1.default, size: "M", onClick: onRowDelete })));
+        react_1.default.createElement(index_1.SmallIconButtonWithTooltip, { "data-reltio-id": "query-builder-row-actions-add", tooltipTitle: ui_i18n_1.default.text('Add'), icon: AddCircle_1.default, size: "M", onClick: onAddRowAfterId }),
+        attribute && (react_1.default.createElement(index_1.SmallIconButtonWithTooltip, { "data-reltio-id": "query-builder-row-actions-duplicate", tooltipTitle: ui_i18n_1.default.text('Duplicate'), icon: Duplicate_1.default, size: "M", onClick: onRowDuplicate })),
+        react_1.default.createElement(index_1.SmallIconButtonWithTooltip, { "data-reltio-id": "query-builder-row-actions-delete", tooltipTitle: ui_i18n_1.default.text('Delete'), icon: Close_1.default, size: "M", onClick: onRowDelete })));
 };
 exports.default = (0, react_1.memo)(RowActions);

package/cjs/QueryBuilderRow/QueryBuilderRow.d.ts

@@ -12,6 +12,7 @@ export type Props<T, U extends Record<string, unknown>> = {
         filterSelectorContainer?: string;
         valuesEditorContainer?: string;
         actionsContainer?: string;
+        rowActions?: string;
     };
     rowData: T;
     previousRowData: T;

package/cjs/QueryBuilderRow/QueryBuilderRow.js

@@ -41,20 +41,21 @@ var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var ReadOnlyLogicOperator_1 = require("./components/ReadOnlyLogicOperator");
 var ReadOnlyFilter_1 = require("./components/ReadOnlyFilter");
-var styles_1 = require("./styles");
+var QueryBuilderRow_module_css_1 = __importDefault(require("./QueryBuilderRow.module.css"));
 var QueryBuilderRow = function (_a) {
     var _b;
     var _c = _a.classes, classes = _c === void 0 ? {} : _c, rowData = _a.rowData, previousRowData = _a.previousRowData, _d = _a.LogicOperatorComponent, LogicOperatorComponent = _d === void 0 ? ReadOnlyLogicOperator_1.ReadOnlyLogicOperator : _d, AttributeSelectorComponent = _a.AttributeSelectorComponent, _e = _a.FilterSelectorComponent, FilterSelectorComponent = _e === void 0 ? ReadOnlyFilter_1.ReadOnlyFilter : _e, ValuesEditorComponent = _a.ValuesEditorComponent, ActionsComponent = _a.ActionsComponent, filterSelectorRef = _a.filterSelectorRef, _f = _a.attributeSelectorProps, attributeSelectorProps = _f === void 0 ? {} : _f, rowContext = __rest(_a, ["classes", "rowData", "previousRowData", "LogicOperatorComponent", "AttributeSelectorComponent", "FilterSelectorComponent", "ValuesEditorComponent", "ActionsComponent", "filterSelectorRef", "attributeSelectorProps"]);
-    var styles = (0, styles_1.useStyles)();
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.row, classes.root), "data-reltio-id": "query-builder-row" },
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(QueryBuilderRow_module_css_1.default.row, classes.root), "data-reltio-id": "query-builder-row" },
         react_1.default.createElement(LogicOperatorComponent, { className: classes.logicOperatorContainer, rowContext: rowContext, rowData: previousRowData }),
-        react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.rowItem, classes.attributeSelectorContainer), "data-reltio-id": "query-builder-row-attribute-selector" },
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(QueryBuilderRow_module_css_1.default.rowItem, classes.attributeSelectorContainer), "data-reltio-id": "query-builder-row-attribute-selector" },
             react_1.default.createElement(AttributeSelectorComponent, { attributeSelectorProps: attributeSelectorProps, rowContext: rowContext, rowData: rowData })),
-        react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.rowItem, classes.filterSelectorContainer), "data-reltio-id": "query-builder-row-filter-selector" },
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(QueryBuilderRow_module_css_1.default.rowItem, classes.filterSelectorContainer), "data-reltio-id": "query-builder-row-filter-selector" },
             react_1.default.createElement(FilterSelectorComponent, { textFieldInputRef: filterSelectorRef, rowContext: rowContext, rowData: rowData })),
-        react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.rowItem, styles.fullWidth, classes.valuesEditorContainer), "data-reltio-id": "query-builder-row-values-editor" },
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(QueryBuilderRow_module_css_1.default.rowItem, QueryBuilderRow_module_css_1.default.fullWidth, classes.valuesEditorContainer), "data-reltio-id": "query-builder-row-values-editor" },
             react_1.default.createElement(ValuesEditorComponent, { rowContext: rowContext, rowData: rowData })),
-        react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.rowItem, classes.actionsContainer, (_b = {}, _b[styles.hidden] = !rowData, _b)), "data-reltio-id": "query-builder-row-actions" },
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(QueryBuilderRow_module_css_1.default.rowItem, classes.actionsContainer, classes.rowActions, (_b = {},
+                _b[QueryBuilderRow_module_css_1.default.hidden] = !rowData,
+                _b)), "data-reltio-id": "query-builder-row-actions" },
             react_1.default.createElement(ActionsComponent, { rowContext: rowContext, rowData: rowData }))));
 };
 exports.default = (0, react_1.memo)(QueryBuilderRow);

package/cjs/QueryBuilderRow/QueryBuilderRow.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"row":"QueryBuilderRow-row--lJJMo","rowItem":"QueryBuilderRow-rowItem--SVEaJ","fullWidth":"QueryBuilderRow-fullWidth--p9CT8","hidden":"QueryBuilderRow-hidden--MDfe-"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.QueryBuilderRow-row--lJJMo{display:flex;margin-bottom:12px}.QueryBuilderRow-rowItem--SVEaJ{display:flex;padding-right:10px}.QueryBuilderRow-fullWidth--p9CT8{flex-basis:0;flex-grow:1;overflow:hidden}.QueryBuilderRow-hidden--MDfe-{visibility:hidden!important}`;
+    head.appendChild(style);
+}
+module.exports = styles;

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/icons/Duplicate.js

@@ -16,13 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgDuplicate = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 20, height: 20, viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", focusable: "false", "data-reltio-id": "SvgDuplicate" }, props),
-        react_1.default.createElement("defs", null,
-            react_1.default.createElement("path", { d: "M20.222 6C21.21 6 22 6.8 22 7.778v12.444C22 21.2 21.209 22 20.222 22H7.778C6.79 22 6 21.2 6 20.222V7.778C6 6.8 6.791 6 7.778 6h12.444zM8 8v12h12V8H8zM4 18H2V4c0-1.1.9-2 2-2h14v2H4v14z", id: "Duplicate_svg__a" })),
-        react_1.default.createElement("g", { transform: "translate(-2 -2)", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
-            react_1.default.createElement("mask", { id: "Duplicate_svg__b", fill: "#fff" },
-                react_1.default.createElement("use", { xlinkHref: "#Duplicate_svg__a" })),
-            react_1.default.createElement("g", { mask: "url(#Duplicate_svg__b)", fill: "#000", fillOpacity: 0.54 },
-                react_1.default.createElement("path", { d: "M0 0h24v24H0z" })))));
+    return (react_1.default.createElement("svg", __assign({ width: 20, height: 20, viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", focusable: "false", "data-reltio-id": "SvgDuplicate" }, props),
+        react_1.default.createElement("path", { d: "M18.222 4C19.21 4 20 4.8 20 5.778v12.444C20 19.2 19.209 20 18.222 20H5.778C4.79 20 4 19.2 4 18.222V5.778C4 4.8 4.791 4 5.778 4h12.444zM6 6v12h12V6H6zM2 16H0V2C0 .9.9 0 2 0h14v2H2v14z", fill: "#000", fillOpacity: 0.54, fillRule: "nonzero", stroke: "none", strokeWidth: 1 })));
 };
 exports.default = SvgDuplicate;

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/icons/Duplicate.js

@@ -11,13 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import React from 'react';
 var SvgDuplicate = function (props) {
-    return (React.createElement("svg", __assign({ width: 20, height: 20, viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", focusable: "false", "data-reltio-id": "SvgDuplicate" }, props),
-        React.createElement("defs", null,
-            React.createElement("path", { d: "M20.222 6C21.21 6 22 6.8 22 7.778v12.444C22 21.2 21.209 22 20.222 22H7.778C6.79 22 6 21.2 6 20.222V7.778C6 6.8 6.791 6 7.778 6h12.444zM8 8v12h12V8H8zM4 18H2V4c0-1.1.9-2 2-2h14v2H4v14z", id: "Duplicate_svg__a" })),
-        React.createElement("g", { transform: "translate(-2 -2)", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
-            React.createElement("mask", { id: "Duplicate_svg__b", fill: "#fff" },
-                React.createElement("use", { xlinkHref: "#Duplicate_svg__a" })),
-            React.createElement("g", { mask: "url(#Duplicate_svg__b)", fill: "#000", fillOpacity: 0.54 },
-                React.createElement("path", { d: "M0 0h24v24H0z" })))));
+    return (React.createElement("svg", __assign({ width: 20, height: 20, viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", focusable: "false", "data-reltio-id": "SvgDuplicate" }, props),
+        React.createElement("path", { d: "M18.222 4C19.21 4 20 4.8 20 5.778v12.444C20 19.2 19.209 20 18.222 20H5.778C4.79 20 4 19.2 4 18.222V5.778C4 4.8 4.791 4 5.778 4h12.444zM6 6v12h12V6H6zM2 16H0V2C0 .9.9 0 2 0h14v2H2v14z", fill: "#000", fillOpacity: 0.54, fillRule: "nonzero", stroke: "none", strokeWidth: 1 })));
 };
 export default SvgDuplicate;

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.2150",
+  "version": "1.4.2152",
   "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.1972",
+    "@reltio/mdm-sdk": "^1.4.1973",
     "@vis.gl/react-google-maps": "^1.3.0",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",

package/AttributesFiltersBuilder/styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"attrSelector" | "filterSelector" | "actionContainer">;

package/AttributesFiltersBuilder/styles.js

@@ -1,18 +0,0 @@
-import { makeStyles } from '@mui/styles';
-export var useStyles = makeStyles(function () { return ({
-    attrSelector: {
-        width: '222px',
-        height: '40px',
-        flexShrink: 0
-    },
-    filterSelector: {
-        width: '180px',
-        flexShrink: 0,
-        marginTop: 0,
-        marginBottom: 0
-    },
-    actionContainer: {
-        alignItems: 'center',
-        marginRight: '15px'
-    }
-}); });

package/QueryBuilderRow/styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"hidden" | "row" | "fullWidth" | "rowItem">;

package/QueryBuilderRow/styles.js

@@ -1,19 +0,0 @@
-import { makeStyles } from '@mui/styles';
-export var useStyles = makeStyles(function () { return ({
-    row: {
-        display: 'flex',
-        marginBottom: '12px'
-    },
-    rowItem: {
-        paddingRight: '10px',
-        display: 'flex'
-    },
-    fullWidth: {
-        flexGrow: '1',
-        flexBasis: '0',
-        overflow: 'hidden'
-    },
-    hidden: {
-        visibility: 'hidden'
-    }
-}); });

package/cjs/AttributesFiltersBuilder/styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"attrSelector" | "filterSelector" | "actionContainer">;

package/cjs/AttributesFiltersBuilder/styles.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@mui/styles");
-exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
-    attrSelector: {
-        width: '222px',
-        height: '40px',
-        flexShrink: 0
-    },
-    filterSelector: {
-        width: '180px',
-        flexShrink: 0,
-        marginTop: 0,
-        marginBottom: 0
-    },
-    actionContainer: {
-        alignItems: 'center',
-        marginRight: '15px'
-    }
-}); });

package/cjs/QueryBuilderRow/styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"hidden" | "row" | "fullWidth" | "rowItem">;

package/cjs/QueryBuilderRow/styles.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@mui/styles");
-exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
-    row: {
-        display: 'flex',
-        marginBottom: '12px'
-    },
-    rowItem: {
-        paddingRight: '10px',
-        display: 'flex'
-    },
-    fullWidth: {
-        flexGrow: '1',
-        flexBasis: '0',
-        overflow: 'hidden'
-    },
-    hidden: {
-        visibility: 'hidden'
-    }
-}); });