@reltio/components 1.4.1824-hf → 1.4.1836-hf

package/esm/components/AttributesFiltersBuilder/AttributesFiltersBuilder.js

@@ -1,100 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import React, { useCallback, useRef, useMemo, useEffect, memo } from 'react';
-import { always, evolve } from 'ramda';
-import { SearchOperator, findClosestCommonAncestor, getEntityType } from '@reltio/mdm-sdk';
-import { getAttributeSelectorItems, getEntityTypeFromAttrTypes, getRowsDataFromFilters } from './helpers';
-import FilterSelector from './components/FilterSelector/FilterSelector';
-import RowActions from './components/RowActions/RowActions';
-import QueryBuilderRowsGroup from '../QueryBuilderRowsGroup/QueryBuilderRowsGroup';
-import { useMdmMetadata } from '../../contexts';
-import { EmptyStub } from '../../core';
-import AttributeSelector from './components/AttributeSelector/AttributeSelector';
-import ValuesEditor from './components/ValuesEditor/ValuesEditor';
-import { useStyles } from './styles';
-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, filters = _a.filters, onChange = _a.onChange, _c = _a.components, components = _c === void 0 ? {} : _c, onFilterAttributeChange = _a.onFilterAttributeChange;
-    var CustomValuesEditor = components.ValuesEditor, CustomFilterSelector = components.FilterSelector, _d = components.LogicalOperator, LogicalOperator = _d === void 0 ? EmptyStub : _d;
-    var styles = useStyles();
-    var actualFilters = useRef(filters);
-    var attributeFilterRef = useRef(null);
-    var lastAttributesCountRef = useRef(null);
-    var attributesCountRef = useRef(null);
-    var metadata = useMdmMetadata();
-    actualFilters.current = filters;
-    var rowClasses = useMemo(function () { return ({
-        attributeSelectorContainer: classes.attributeSelectorContainer || styles.attrSelector,
-        valuesEditorContainer: classes.valuesEditorContainer || '',
-        filterSelectorContainer: styles.filterSelector,
-        actionsContainer: styles.actionContainer
-    }); }, [classes, styles]);
-    var currentEntityType = useMemo(function () {
-        var entityTypesUris = attributesTypesGroups.map(function (_a) {
-            var attributeTypes = _a.attributeTypes;
-            return getEntityTypeFromAttrTypes(attributeTypes);
-        });
-        var closestEntityTypeAncestorUri = findClosestCommonAncestor(metadata, entityTypesUris);
-        return getEntityType(metadata, closestEntityTypeAncestorUri);
-    }, [attributesTypesGroups, metadata]);
-    var attributeSelectorItemsGroups = useMemo(function () { return getAttributeSelectorItems(attributesTypesGroups, metadata); }, [attributesTypesGroups, metadata]);
-    var rowsData = useMemo(function () { return (filters.length ? getRowsDataFromFilters(filters, attributeSelectorItemsGroups) : []); }, [attributeSelectorItemsGroups, filters]);
-    attributesCountRef.current = rowsData.length;
-    useEffect(function () {
-        if (attributeFilterRef.current && lastAttributesCountRef.current !== attributesCountRef.current) {
-            attributeFilterRef.current.querySelector('input').focus();
-            lastAttributesCountRef.current = null;
-        }
-    }, [rowsData.length]);
-    var handleAttributeSelectorOnOpen = useCallback(function () {
-        lastAttributesCountRef.current = rowsData.length;
-    }, [rowsData.length]);
-    var lastRowAttributeSelectorProps = useMemo(function () { return ({
-        onOpen: handleAttributeSelectorOnOpen
-    }); }, [handleAttributeSelectorOnOpen]);
-    var addRowAfterIndex = useCallback(function (index) {
-        var newFilters = __spreadArray([], actualFilters.current, true);
-        newFilters.splice(index + 1, 0, EMPTY_FILTER);
-        onChange(newFilters);
-    }, [onChange]);
-    var removeRow = useCallback(function (index) {
-        var newFilters = __spreadArray([], actualFilters.current, true);
-        newFilters.splice(index, 1);
-        onChange(newFilters);
-    }, [onChange]);
-    var duplicateRow = useCallback(function (index) {
-        var newFilters = __spreadArray([], actualFilters.current, true);
-        newFilters.splice(index + 1, 0, __assign({}, actualFilters.current[index]));
-        onChange(newFilters);
-    }, [onChange]);
-    var changeFilter = useCallback(function (newFilter, id) {
-        var _a;
-        var newFilters = evolve((_a = {},
-            _a[id] = always(newFilter),
-            _a), actualFilters.current);
-        onChange(newFilters);
-    }, [onChange]);
-    var addNewFilter = useCallback(function (newFilter) {
-        onChange(__spreadArray(__spreadArray([], actualFilters.current, true), [newFilter], false));
-    }, [onChange]);
-    return (React.createElement(QueryBuilderRowsGroup, { rowClasses: rowClasses, rowsData: rowsData, AttributeSelectorComponent: AttributeSelector, FilterSelectorComponent: CustomFilterSelector || FilterSelector, ValuesEditorComponent: CustomValuesEditor || ValuesEditor, ActionsComponent: RowActions, LogicOperatorComponent: LogicalOperator, filterSelectorRefIndex: lastAttributesCountRef.current, filterSelectorRef: attributeFilterRef, lastRowAttributeSelectorProps: lastRowAttributeSelectorProps, attributeSelectorItemsGroups: attributeSelectorItemsGroups, entityType: currentEntityType, changeFilter: changeFilter, addNewFilter: addNewFilter, addRowAfterIndex: addRowAfterIndex, removeRow: removeRow, duplicateRow: duplicateRow, onFilterAttributeChange: onFilterAttributeChange }));
-};
-export default memo(AttributesFiltersBuilder);

package/esm/components/AttributesFiltersBuilder/components/AttributeSelector/AttributeSelector.js

@@ -1,31 +0,0 @@
-import React, { useCallback, memo } from 'react';
-import { SearchOperator, getSearchGroupAttributeLabel } from '@reltio/mdm-sdk';
-import BasicAttributeSelector from '../../../BasicAttributeSelector/BasicAttributeSelector';
-var AttributeSelector = function (_a) {
-    var rowData = _a.rowData, rowContext = _a.rowContext, attributeSelectorProps = _a.attributeSelectorProps;
-    var _b = rowData || {}, attribute = _b.attribute, id = _b.id, filter = _b.filter, operator = _b.operator;
-    var changeFilter = rowContext.changeFilter, addNewFilter = rowContext.addNewFilter, attributeSelectorItemsGroups = rowContext.attributeSelectorItemsGroups, onFilterAttributeChange = rowContext.onFilterAttributeChange;
-    var getSelectedAttributeLabel = useCallback(function (data) { return getSearchGroupAttributeLabel({ data: data }); }, []);
-    var changeAttribute = useCallback(function (selectInfo) {
-        if (rowData) {
-            var newFilter = {
-                fieldName: selectInfo.attribute.fieldName,
-                filter: filter,
-                operator: operator,
-                values: []
-            };
-            changeFilter(newFilter, id);
-        }
-        else {
-            addNewFilter({
-                fieldName: selectInfo.attribute.fieldName,
-                filter: null,
-                operator: SearchOperator.and,
-                values: []
-            });
-        }
-        onFilterAttributeChange && onFilterAttributeChange(selectInfo);
-    }, [rowData, onFilterAttributeChange, filter, operator, changeFilter, id, addNewFilter]);
-    return (React.createElement(BasicAttributeSelector, { itemsGroups: attributeSelectorItemsGroups, ungroup: attributeSelectorItemsGroups.length < 2, single: true, value: attribute, getLabel: getSelectedAttributeLabel, onSelect: changeAttribute, onOpenPopup: attributeSelectorProps.onOpen }));
-};
-export default memo(AttributeSelector);

package/esm/components/AttributesFiltersBuilder/components/FilterSelector/FilterSelector.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { AttributeFiltersComponentProps, FilterOption } from '../../types';
-type Props = AttributeFiltersComponentProps & {
-    textFieldInputRef: React.MutableRefObject<HTMLInputElement>;
-    options?: FilterOption[];
-};
-declare const _default: React.MemoExoticComponent<({ rowData, rowContext, textFieldInputRef, options: optionsProp }: Props) => JSX.Element>;
-export default _default;

package/esm/components/AttributesFiltersBuilder/components/FilterSelector/FilterSelector.js

@@ -1,35 +0,0 @@
-import React, { useCallback, useEffect, memo } from 'react';
-import i18n from 'ui-i18n';
-import { pipe, map } from 'ramda';
-import { getFilterOptionLabel, getFilterOptionsForQueryBuilder } from '@reltio/mdm-sdk';
-import SimpleDropDownSelector from '../../../SimpleDropDownSelector/SimpleDropDownSelector';
-import { findValue } from '../../helpers';
-import useStyles from './styles';
-import { capitalize } from '@mui/material/utils';
-var FilterSelector = function (_a) {
-    var _b;
-    var rowData = _a.rowData, rowContext = _a.rowContext, textFieldInputRef = _a.textFieldInputRef, optionsProp = _a.options;
-    var styles = useStyles();
-    var _c = rowData || {}, _d = _c.attribute, _e = _d === void 0 ? {} : _d, _f = _e.attrType, attrType = _f === void 0 ? {} : _f, _g = _e.fieldName, fieldName = _g === void 0 ? null : _g, filter = _c.filter, id = _c.id, operator = _c.operator;
-    var changeFilter = rowContext.changeFilter;
-    var options = optionsProp ||
-        (attrType &&
-            fieldName &&
-            pipe(getFilterOptionsForQueryBuilder, map(function (value) { return ({ value: value, label: capitalize(getFilterOptionLabel(value)) }); }))(attrType, fieldName));
-    var onChangeFilter = useCallback(function (filterOption) {
-        var newFilter = {
-            fieldName: fieldName,
-            filter: filterOption.value,
-            operator: operator,
-            values: []
-        };
-        changeFilter(newFilter, id);
-    }, [fieldName, operator, changeFilter, id]);
-    useEffect(function () {
-        if ((fieldName && !filter) || (fieldName && !findValue(options, filter))) {
-            onChangeFilter(options[0]);
-        }
-    }, [fieldName, filter, onChangeFilter, options]);
-    return (React.createElement(SimpleDropDownSelector, { label: "", height: 40, isDisabled: !options, placeholder: i18n.text('Equals'), value: findValue(options, filter), options: options, onChange: onChangeFilter, className: styles.dropDownSelector, textFieldInputRef: textFieldInputRef, TextFieldProps: { inputProps: (_b = {}, _b['data-reltio-id'] = 'filter-selector', _b) } }));
-};
-export default memo(FilterSelector);

package/esm/components/AttributesFiltersBuilder/components/FilterSelector/styles.d.ts

@@ -1,2 +0,0 @@
-declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"dropDownSelector">;
-export default useStyles;

package/esm/components/AttributesFiltersBuilder/components/FilterSelector/styles.js

@@ -1,7 +0,0 @@
-import { makeStyles } from '@mui/styles';
-var useStyles = makeStyles({
-    dropDownSelector: {
-        width: '100%'
-    }
-});
-export default useStyles;

package/esm/components/AttributesFiltersBuilder/components/RowActions/RowActions.js

@@ -1,27 +0,0 @@
-import React, { memo, useCallback } from 'react';
-import i18n from 'ui-i18n';
-import CloseIcon from '@mui/icons-material/Close';
-import AddCircleIcon from '@mui/icons-material/AddCircle';
-import { SmallIconButtonWithTooltip } from '../../../SmallIconButton/index';
-import DuplicateIcon from '../../../../icons/Duplicate';
-import { useStyles } from './styles';
-var RowActions = function (_a) {
-    var rowData = _a.rowData, rowContext = _a.rowContext;
-    var styles = useStyles();
-    var _b = rowData || {}, index = _b.id, attribute = _b.attribute;
-    var addRowAfterIndex = rowContext.addRowAfterIndex, removeRow = rowContext.removeRow, duplicateRow = rowContext.duplicateRow;
-    var onAddRowAfterId = useCallback(function () {
-        addRowAfterIndex(index);
-    }, [addRowAfterIndex, index]);
-    var onRowDuplicate = useCallback(function () {
-        duplicateRow(index);
-    }, [duplicateRow, index]);
-    var onRowDelete = useCallback(function () {
-        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 })));
-};
-export default memo(RowActions);

package/esm/components/AttributesFiltersBuilder/components/ValuesEditor/ValuesEditor.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { AttributeFiltersComponentProps } from '../../types';
-declare const _default: React.MemoExoticComponent<({ rowData, rowContext }: AttributeFiltersComponentProps) => JSX.Element>;
-export default _default;

package/esm/components/AttributesFiltersBuilder/components/ValuesEditor/ValuesEditor.js

@@ -1,38 +0,0 @@
-import React, { memo, useMemo, useCallback } from 'react';
-import { checkIfOptionHasValues, getAttrDataTypeDefinition, getDataTypeDefinitionForFilterValue } from '@reltio/mdm-sdk';
-import FilterValueEditor from '../../../editors/FilterEditor/FilterValueEditor';
-import { useStyles } from './styles';
-var ValuesEditor = function (_a) {
-    var rowData = _a.rowData, rowContext = _a.rowContext;
-    var styles = useStyles();
-    var canFilterAcceptValues = (rowData === null || rowData === void 0 ? void 0 : rowData.attribute) && checkIfOptionHasValues(rowData.filter);
-    var changeFilter = rowContext.changeFilter;
-    var _b = (rowData || {}), _c = _b.values, values = _c === void 0 ? [] : _c, _d = _b.attribute, _e = _d === void 0 ? {} : _d, attrType = _e.attrType, _f = _e.fieldName, fieldName = _f === void 0 ? null : _f, filter = _b.filter, id = _b.id, operator = _b.operator;
-    var valueDataTypeDefinition = attrType && getAttrDataTypeDefinition(attrType);
-    var filterValueDataTypeDefinition = valueDataTypeDefinition && getDataTypeDefinitionForFilterValue(valueDataTypeDefinition, filter);
-    var editorFilter = useMemo(function () { return ({
-        filter: filter,
-        fieldName: fieldName,
-        operator: operator,
-        values: values || []
-    }); }, [filter, fieldName, operator, values]);
-    var TextFieldProps = useMemo(function () { return ({
-        InputProps: {
-            classes: {
-                root: styles.input
-            }
-        }
-    }); }, [styles]);
-    var editorClasses = useMemo(function () { return ({ root: styles.root }); }, [styles]);
-    var changeValue = useCallback(function (newValues) {
-        var newFilter = {
-            fieldName: fieldName,
-            filter: filter,
-            operator: operator,
-            values: newValues
-        };
-        changeFilter(newFilter, id);
-    }, [fieldName, filter, operator, changeFilter, id]);
-    return (React.createElement("div", { className: styles.valuesEditor }, (rowData === null || rowData === void 0 ? void 0 : rowData.attribute) && canFilterAcceptValues && (React.createElement(FilterValueEditor, { "data-reltio-id": "filter-value-editor", filter: editorFilter, onChange: changeValue, dataTypeDefinition: filterValueDataTypeDefinition, fullWidth: true, TextFieldProps: TextFieldProps, color: "primary", classes: editorClasses, orientation: "horizontal" }))));
-};
-export default memo(ValuesEditor);

package/esm/components/AttributesFiltersBuilder/helpers.d.ts

@@ -1,13 +0,0 @@
-import { AttributeType, Metadata, SearchFilter } from '@reltio/mdm-sdk';
-import { AttributeSelectorItem, AttributeSelectorItemsGroup, AttributesTypesGroup } from '../../types';
-import { FilterOption } from './types';
-export declare const getAttributeSelectorItems: (attributesTypesGroups: AttributesTypesGroup[], metadata: Metadata) => AttributeSelectorItemsGroup[];
-export declare const findValue: (options: FilterOption[], filter: string) => FilterOption;
-export declare const getRowsDataFromFilters: (filters: SearchFilter[], attributesGroupArr: AttributeSelectorItemsGroup[]) => {
-    attribute: AttributeSelectorItem;
-    filter: string;
-    operator: import("@reltio/mdm-sdk").SearchOperator;
-    id: number;
-    values: import("@reltio/mdm-sdk").SearchValue[];
-}[];
-export declare const getEntityTypeFromAttrTypes: (attributeTypes: AttributeType[]) => any;

package/esm/components/AttributesFiltersBuilder/index.d.ts

@@ -1,4 +0,0 @@
-export { default as AttributesFiltersBuilder } from './AttributesFiltersBuilder';
-export { default as AttributesValuesEditor } from './components/ValuesEditor/ValuesEditor';
-export { default as AttributesFilterSelector } from './components/FilterSelector/FilterSelector';
-export type { AttributeFiltersComponentProps } from './types';

package/esm/components/AttributesFiltersBuilder/index.js

@@ -1,3 +0,0 @@
-export { default as AttributesFiltersBuilder } from './AttributesFiltersBuilder';
-export { default as AttributesValuesEditor } from './components/ValuesEditor/ValuesEditor';
-export { default as AttributesFilterSelector } from './components/FilterSelector/FilterSelector';

package/esm/components/AttributesFiltersBuilder/types.d.ts

@@ -1,20 +0,0 @@
-import { SearchFilter, TEntityType } from '@reltio/mdm-sdk';
-import { AttributeSelectionInfo, AttributeSelectorItemsGroup, FiltersRowData } from '../../types';
-export type FilterOption = {
-    value: string;
-    label: string;
-};
-export type RowContext = {
-    attributeSelectorItemsGroups: AttributeSelectorItemsGroup[];
-    entityType: TEntityType;
-    addNewFilter: (newFilter: SearchFilter) => void;
-    addRowAfterIndex: (index: number) => void;
-    changeFilter: (newFilter: SearchFilter, id: number) => void;
-    duplicateRow: (index: number) => void;
-    removeRow: (index: number) => void;
-    onFilterAttributeChange?: (attrSelectInfo: AttributeSelectionInfo) => void;
-};
-export type AttributeFiltersComponentProps = {
-    rowData: FiltersRowData;
-    rowContext: RowContext;
-};

package/esm/components/AttributesFiltersButton/ActionButtons/ActionButtons.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-type Props = {
-    onClear: () => void;
-    onCancel: () => void;
-    onApply: () => void;
-};
-declare const ActionButtons: ({ onClear, onCancel, onApply }: Props) => JSX.Element;
-export default ActionButtons;

package/esm/components/AttributesFiltersButton/ActionButtons/ActionButtons.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import i18n from 'ui-i18n';
-import Button from '@mui/material/Button';
-import { useStyles } from './styles';
-var ActionButtons = function (_a) {
-    var onClear = _a.onClear, onCancel = _a.onCancel, onApply = _a.onApply;
-    var styles = useStyles();
-    return (React.createElement("div", { className: styles.buttonsWrapper },
-        React.createElement(Button, { onClick: onClear, variant: "text", className: styles.clearButon }, i18n.text('Clear all')),
-        React.createElement(Button, { onClick: onCancel, variant: "text", className: styles.cancelButton }, i18n.text('Cancel')),
-        React.createElement(Button, { onClick: onApply, variant: "text", color: "primary", className: styles.applyButton }, i18n.text('Apply'))));
-};
-export default ActionButtons;

package/esm/components/AttributesFiltersButton/AttributesFiltersButton.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { SearchFilter } from '@reltio/mdm-sdk';
-import { AttributeSelectionInfo, AttributesFilterComponentsClasses, AttributesTypesGroup } from '../../types';
-type Props = {
-    classes?: AttributesFilterComponentsClasses;
-    filters: SearchFilter[];
-    onChange: (filters: SearchFilter[]) => void;
-    attributesTypesGroups: AttributesTypesGroup[];
-    components?: {
-        ValuesEditor?: React.ElementType;
-        FilterSelector?: React.ElementType;
-        LogicalOperator?: React.ElementType;
-    };
-    children?: React.ReactNode;
-    onTogglePopup?: (open: boolean) => void;
-    isFiltersApplied?: boolean;
-    dataReltioId?: string;
-    onFilterAttributeChange?: (attrSelectInfo: AttributeSelectionInfo) => void;
-    onClear?: () => void;
-    onCancel?: () => void;
-    onApply?: () => void;
-};
-declare const _default: React.MemoExoticComponent<({ filters: filtersProp, classes, attributesTypesGroups, onChange, components, children, onTogglePopup, isFiltersApplied: isFiltersAppliedProp, dataReltioId, onFilterAttributeChange, onCancel, onClear, onApply }: Props) => JSX.Element>;
-export default _default;

package/esm/components/AttributesFiltersButton/AttributesFiltersButton.js

@@ -1,66 +0,0 @@
-import React, { useRef, useState, useEffect, useCallback, memo } from 'react';
-import i18n from 'ui-i18n';
-import Popover from '@mui/material/Popover';
-import Button from '@mui/material/Button';
-import FilterIcon from '@mui/icons-material/FilterList';
-import Typography from '@mui/material/Typography';
-import Divider from '@mui/material/Divider';
-import classNames from 'classnames';
-import { buildFilterQueryString } from '@reltio/mdm-sdk';
-import AttributesFiltersBuilder from '../AttributesFiltersBuilder/AttributesFiltersBuilder';
-import ActionButtons from './ActionButtons/ActionButtons';
-import { useStyles } from './styles';
-var AttributesFiltersButton = function (_a) {
-    var filtersProp = _a.filters, classes = _a.classes, attributesTypesGroups = _a.attributesTypesGroups, onChange = _a.onChange, components = _a.components, children = _a.children, onTogglePopup = _a.onTogglePopup, isFiltersAppliedProp = _a.isFiltersApplied, dataReltioId = _a.dataReltioId, onFilterAttributeChange = _a.onFilterAttributeChange, onCancel = _a.onCancel, onClear = _a.onClear, onApply = _a.onApply;
-    var styles = useStyles();
-    var buttonRef = useRef();
-    var _b = useState(false), isOpen = _b[0], setIsOpen = _b[1];
-    var _c = useState([]), filters = _c[0], setFilters = _c[1];
-    var isFiltersApplied = isFiltersAppliedProp !== null && isFiltersAppliedProp !== void 0 ? isFiltersAppliedProp : !!buildFilterQueryString()(filtersProp);
-    var buttonColor = isFiltersApplied ? 'primary' : 'inherit';
-    var togglePopup = function () {
-        if (onTogglePopup) {
-            onTogglePopup(!isOpen);
-        }
-        setIsOpen(function (open) { return !open; });
-    };
-    useEffect(function () {
-        if (isOpen) {
-            setFilters(filtersProp);
-        }
-    }, [filtersProp, isOpen]);
-    var applyButtonHandler = useCallback(function () {
-        onChange(filters);
-        onApply && onApply();
-        togglePopup();
-    }, [filters, onChange, onApply]);
-    var cancelButtonHandler = useCallback(function () {
-        onCancel && onCancel();
-        togglePopup();
-    }, [onCancel]);
-    var clearAllButtonHandler = useCallback(function () {
-        onClear && onClear();
-        setFilters([]);
-    }, [onClear]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Button, { "data-reltio-id": dataReltioId, ref: buttonRef, color: buttonColor, classes: {
-                root: styles.triggerButton,
-                textPrimary: styles.changedFiltersIndicator
-            }, onClick: togglePopup },
-            React.createElement(FilterIcon, { color: buttonColor })),
-        React.createElement(Popover, { open: isOpen, classes: { paper: classNames(styles.popupContent, classes === null || classes === void 0 ? void 0 : classes.filterPopup) }, anchorEl: buttonRef.current, onClose: togglePopup, anchorOrigin: {
-                vertical: 'bottom',
-                horizontal: 'right'
-            }, transformOrigin: {
-                vertical: 'top',
-                horizontal: 'left'
-            } },
-            React.createElement(React.Fragment, null,
-                React.createElement(Typography, { variant: "h6" }, i18n.text('Filter')),
-                React.createElement("div", { className: styles.filtersBuilderWrapper },
-                    children,
-                    React.createElement(AttributesFiltersBuilder, { attributesTypesGroups: attributesTypesGroups, filters: filters, onChange: setFilters, components: components, onFilterAttributeChange: onFilterAttributeChange, classes: classes })),
-                React.createElement(Divider, { className: styles.divider }),
-                React.createElement(ActionButtons, { onApply: applyButtonHandler, onCancel: cancelButtonHandler, onClear: clearAllButtonHandler })))));
-};
-export default memo(AttributesFiltersButton);

package/esm/components/AutoSizeList/AutoSizeList.d.ts

@@ -1,17 +0,0 @@
-import React, { MutableRefObject } from 'react';
-import { VariableSizeList as List } from 'react-window';
-type Props<T> = {
-    width: number;
-    height: number;
-    data: T[];
-    defaultItemSize: number;
-    itemKey?: (index: number, data: T[]) => string;
-    children: ({ data, index }: {
-        data: T[];
-        index: number;
-    }) => React.ReactNode;
-    showNotMeasuredItems?: boolean;
-    listRef?: MutableRefObject<List>;
-};
-declare const _default: React.MemoExoticComponent<(<T = unknown>({ width, height, defaultItemSize, data, children, itemKey, showNotMeasuredItems, listRef: listRefProp }: Props<T>) => JSX.Element)>;
-export default _default;

package/esm/components/AvatarWithFallback/AvatarWithFallback.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-type Props = {
-    className?: string;
-    icon?: string;
-    avatarText?: string;
-    variant?: 'circular' | 'rounded' | 'square';
-    rootClasses?: {
-        iconRoot?: string;
-        textRoot?: string;
-    };
-};
-declare const AvatarWithFallback: ({ className, icon, avatarText, rootClasses, ...otherProps }: Props) => JSX.Element;
-export default AvatarWithFallback;

package/esm/components/AvatarWithFallback/AvatarWithFallback.js

@@ -1,56 +0,0 @@
-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 Avatar from '@mui/material/Avatar';
-import classnames from 'classnames';
-import React, { useEffect, useState } from 'react';
-var AvatarStates;
-(function (AvatarStates) {
-    AvatarStates[AvatarStates["ICON_MODE"] = 0] = "ICON_MODE";
-    AvatarStates[AvatarStates["TEXT_MODE"] = 1] = "TEXT_MODE";
-    AvatarStates[AvatarStates["ERROR_MODE"] = 2] = "ERROR_MODE";
-})(AvatarStates || (AvatarStates = {}));
-var AvatarWithFallback = function (_a) {
-    var className = _a.className, icon = _a.icon, avatarText = _a.avatarText, rootClasses = _a.rootClasses, otherProps = __rest(_a, ["className", "icon", "avatarText", "rootClasses"]);
-    var _b = useState(null), state = _b[0], setState = _b[1];
-    useEffect(function () {
-        if (icon) {
-            setState(AvatarStates.ICON_MODE);
-        }
-        else {
-            setState(AvatarStates.TEXT_MODE);
-        }
-    }, [icon, avatarText]);
-    var onImageLoadFail = function () {
-        setState(AvatarStates.ERROR_MODE);
-    };
-    switch (state) {
-        case AvatarStates.ICON_MODE:
-            return (React.createElement(Avatar, __assign({ className: classnames(className, rootClasses === null || rootClasses === void 0 ? void 0 : rootClasses.iconRoot), src: icon, onError: onImageLoadFail }, otherProps)));
-        case AvatarStates.TEXT_MODE:
-        case AvatarStates.ERROR_MODE:
-            return (React.createElement(Avatar, __assign({ className: classnames(className, rootClasses === null || rootClasses === void 0 ? void 0 : rootClasses.textRoot) }, otherProps), avatarText));
-        default:
-            return null;
-    }
-};
-export default AvatarWithFallback;

package/esm/components/BasicAttributeSelector/AttributeTitle/AttributeTitle.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { AttributeSelectorItem } from '../../../types';
-type Value = {
-    fieldName: string;
-    title: string;
-};
-type Props = {
-    value: AttributeSelectorItem;
-    disabled: boolean;
-    getLabel: (value: Value) => string;
-    onSelectAttributeClick: (event: any) => void;
-};
-declare const AttributeTitle: ({ value, getLabel, onSelectAttributeClick, disabled }: Props) => JSX.Element;
-export default AttributeTitle;

package/esm/components/BasicAttributeSelector/AttributeTitle/AttributeTitle.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import i18n from 'ui-i18n';
-import classnames from 'classnames';
-import { either, prop } from 'ramda';
-import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
-import ExpandedValueTooltip from '../../ExpandedValueTooltip/ExpandedValueTooltip';
-import SmallIconButton from '../../SmallIconButton/SmallIconButton';
-import useStyles from './styles';
-var defaultGetLabel = either(prop('title'), prop('fieldName'));
-var AttributeTitle = function (_a) {
-    var _b, _c, _d;
-    var value = _a.value, _e = _a.getLabel, getLabel = _e === void 0 ? defaultGetLabel : _e, onSelectAttributeClick = _a.onSelectAttributeClick, _f = _a.disabled, disabled = _f === void 0 ? false : _f;
-    var styles = useStyles();
-    var label = value && getLabel(value);
-    return (React.createElement("div", { onClick: disabled ? undefined : onSelectAttributeClick, className: classnames(styles.attribute, (_b = {},
-            _b[styles.attributeWithValue] = !!label,
-            _b), (_c = {}, _c[styles.disabled] = disabled, _c)) },
-        React.createElement(ExpandedValueTooltip, { value: label },
-            React.createElement("div", { className: classnames(styles.name, (_d = {}, _d[styles.disabled] = disabled, _d)) }, label || React.createElement("span", { className: styles.noSelect }, i18n.text('Select attribute')))),
-        React.createElement(SmallIconButton, { size: 'M', icon: ArrowDropDownIcon, disabled: disabled })));
-};
-export default AttributeTitle;

package/esm/components/BasicAttributeSelector/AttributeTitle/styles.d.ts

@@ -1,2 +0,0 @@
-declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"name" | "attribute" | "disabled" | "attributeWithValue" | "noSelect">;
-export default useStyles;

package/esm/components/BasicAttributeSelector/AttributeTitle/styles.js

@@ -1,42 +0,0 @@
-import { makeStyles } from '@mui/styles';
-var useStyles = makeStyles({
-    attribute: {
-        cursor: 'pointer',
-        lineHeight: '16px',
-        flexBasis: '100%',
-        display: 'flex',
-        alignItems: 'center',
-        padding: '0 10px 0 16px',
-        width: 'calc(100% - 32px)',
-        '&$attributeWithValue': {
-            borderBottom: '1px solid rgba(0,0,0,0.38)'
-        },
-        '&$disabled': {
-            cursor: 'default'
-        }
-    },
-    disabled: {},
-    attributeWithValue: {},
-    noSelect: {},
-    name: {
-        fontSize: '14px',
-        color: 'rgba(0,0,0,0.87)',
-        overflow: 'hidden',
-        whiteSpace: 'nowrap',
-        textOverflow: 'ellipsis',
-        direction: 'rtl',
-        textAlign: 'left',
-        flex: '1 0',
-        width: '0',
-        '& $noSelect': {
-            color: 'rgba(0,0,0,0.38)'
-        },
-        '&$disabled': {
-            color: 'rgba(0,0,0,0.26)',
-            '& $noSelect': {
-                color: 'rgba(0,0,0,0.26)'
-            }
-        }
-    }
-});
-export default useStyles;

package/esm/components/BasicAttributeSelector/BasicAttributeSelector.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { BasicAttributeSelectorProps } from '../../types';
-declare const _default: React.MemoExoticComponent<({ className, itemsGroups, value, getLabel, onSelect, onRestoreFocus, onOpenPopup, disableRestoreFocus, disableEnforceFocus, single, ungroup, disabled, hideCheckBox }: BasicAttributeSelectorProps) => JSX.Element>;
-export default _default;