@reltio/components 1.4.1174 → 1.4.1177

package/cjs/hooks/useAPI/useAPI.js

@@ -56,6 +56,7 @@ var useAPI = function (config) {
     var apiPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getApiPath);
     var workflowPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getWorkflowPath);
     var user = react_redux_1.useSelector(mdm_module_1.default.selectors.getUser);
+    var servicesPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getServicesPath);
     var entityUri = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntityUri);
     var environment = react_redux_1.useSelector(mdm_module_1.default.selectors.getWorkflowEnvironmentUrl);
     var qxApi = react_1.useContext(contexts_1.SandboxAPIContext);
@@ -165,7 +166,8 @@ var useAPI = function (config) {
                 }
                 case mdm_sdk_1.CustomAction.REQUEST: {
                     API_1.processRequest(__assign({ name: task.params.name, paramObject: task, permissions: config.action.permissions, worker: worker,
-                        metadata: metadata, config: config, user: user, apiPath: helpers_1.getFullApiPath(apiPath), tenant: tenant,
+                        metadata: metadata, config: config, user: user,
+                        servicesPath: servicesPath, apiPath: helpers_1.getFullApiPath(apiPath), tenant: tenant,
                         workflowPath: workflowPath,
                         entity: entity,
                         entityUri: entityUri,

package/cjs/hooks/useCustomScripts.js

@@ -82,6 +82,7 @@ var useCustomScripts = function (config, _a) {
     var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata) || {};
     var entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity) || {};
     var uiPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getUIPath);
+    var servicesPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getServicesPath);
     var reltioPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getReltioPath);
     var tenant = react_redux_1.useSelector(mdm_module_1.default.selectors.getTenant);
     var workerUrl = useAPI_1.getWorkerURL(uiPath, tenant);
@@ -117,6 +118,7 @@ var useCustomScripts = function (config, _a) {
                             config: config,
                             user: user,
                             apiPath: apiPath,
+                            servicesPath: servicesPath,
                             tenant: tenant,
                             workflowPath: workflowPath,
                             entity: entity,

package/cjs/hooks/useMatchesLoader.d.ts

@@ -3,6 +3,7 @@ declare type Props = {
     enabled: boolean;
     entity: Entity;
     filter: string;
+    rules?: string;
     onFinishLoading?: () => void;
     onStartLoading?: () => void;
     options: {
@@ -17,11 +18,11 @@ declare type Props = {
     };
     markMatchedValues?: boolean;
 };
-export declare const useMatchesLoader: ({ enabled, entity, filter, onFinishLoading, onStartLoading, options, page, rowsPerPage, sorting, markMatchedValues }: Props) => {
+export declare const useMatchesLoader: ({ enabled, entity, filter, rules, onFinishLoading, onStartLoading, options, page, rowsPerPage, sorting, markMatchedValues }: Props) => {
     total: number;
     matches: PotentialMatch[];
     entitiesMap: {
-        [key: string]: Pick<Entity, "uri" | "type" | "label">;
+        [key: string]: Pick<Entity, "type" | "uri" | "label">;
     };
     loadMatches: () => void;
 };

package/cjs/hooks/useMatchesLoader.js

@@ -12,7 +12,7 @@ var usePagingSimulator_1 = require("./usePagingSimulator");
 var useSafePromise_1 = require("./useSafePromise");
 var ramda_1 = require("ramda");
 var useMatchesLoader = function (_a) {
-    var enabled = _a.enabled, entity = _a.entity, filter = _a.filter, onFinishLoading = _a.onFinishLoading, onStartLoading = _a.onStartLoading, options = _a.options, page = _a.page, rowsPerPage = _a.rowsPerPage, sorting = _a.sorting, markMatchedValues = _a.markMatchedValues;
+    var enabled = _a.enabled, entity = _a.entity, filter = _a.filter, rules = _a.rules, onFinishLoading = _a.onFinishLoading, onStartLoading = _a.onStartLoading, options = _a.options, page = _a.page, rowsPerPage = _a.rowsPerPage, sorting = _a.sorting, markMatchedValues = _a.markMatchedValues;
     var _b = sorting || {}, order = _b.order, field = _b.field;
     var _c = react_1.useState(0), total = _c[0], setTotal = _c[1];
     var _d = react_1.useState([]), matches = _d[0], setMatches = _d[1];
@@ -64,6 +64,7 @@ var useMatchesLoader = function (_a) {
                 offset: page * rowsPerPage,
                 max: rowsPerPage,
                 filter: mdm_sdk_1.addGlobalFilterToQuery(globalFilter, filter) || '',
+                rules: rules,
                 sort: field,
                 order: order,
                 force: force,
@@ -83,7 +84,9 @@ var useMatchesLoader = function (_a) {
             .finally(function () {
             onFinishLoading === null || onFinishLoading === void 0 ? void 0 : onFinishLoading();
         });
-    }, [
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
         globalFilter,
         activeness,
         dtssPath,
@@ -91,6 +94,7 @@ var useMatchesLoader = function (_a) {
         entityUri,
         field,
         filter,
+        rules,
         markMatchedValues,
         getPagedMatchesForDataTenantEntity,
         getTransitiveMatchesWithPaging,
@@ -102,7 +106,7 @@ var useMatchesLoader = function (_a) {
         rowsPerPage,
         safePromise,
         tenant
-    ]); // eslint-disable-line
+    ]);
     react_1.useEffect(function () {
         getMatches();
     }, [getMatches]);

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { SearchFilter, AttributeType } from '@reltio/mdm-sdk';
 declare type Props = {
     filters: SearchFilter[];
-    onChange: (filtres: SearchFilter[]) => void;
+    onChange: (filters: SearchFilter[]) => void;
     attributeTypes: AttributeType[];
 };
 declare const _default: React.MemoExoticComponent<({ attributeTypes, filters, onChange }: Props) => JSX.Element>;

package/esm/components/AttributesFiltersBuilder/AttributesFiltersBuilder.js

@@ -83,6 +83,6 @@ var AttributesFiltersBuilder = function (_a) {
     var addNewFilter = useCallback(function (newFilter) {
         onChange(__spreadArray(__spreadArray([], actualFilters.current), [newFilter]));
     }, [onChange]);
-    return (React.createElement(QueryBuilderRowsGroup, { rowClasses: rowClasses, rowsData: rowsData, AttributeSelectorComponent: AttributeSelector, FilterSelectorComponent: FilterSelector, ValuesEditorComponent: ValuesEditor, ActionsComponent: RowActions, LogicOperatorComponent: Stub, filterSelectorRefIndex: lastAttributesCountRef.current, filterSelectorRef: attributeFilterRef, lastRowAttributeSelectorProps: lastRowAttributeSelectorProps, attributesGroup: attributeSelectorItems, changeFilter: changeFilter, addNewFilter: addNewFilter, addRowAfterIndex: addRowAfterIndex, removeRow: removeRow, duplicateRow: duplicateRow }));
+    return (React.createElement(QueryBuilderRowsGroup, { rowClasses: rowClasses, rowsData: rowsData, AttributeSelectorComponent: AttributeSelector, FilterSelectorComponent: FilterSelector, ValuesEditorComponent: ValuesEditor, ActionsComponent: RowActions, LogicOperatorComponent: Stub, filterSelectorRefIndex: lastAttributesCountRef.current, filterSelectorRef: attributeFilterRef, lastRowAttributeSelectorProps: lastRowAttributeSelectorProps, attributesGroup: attributeSelectorItems, changeFilter: changeFilter, addNewFilter: addNewFilter, addRowAfterIndex: addRowAfterIndex, removeRow: removeRow, duplicateRow: duplicateRow, entityType: entityType }));
 };
 export default memo(AttributesFiltersBuilder);

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { TEntityType } from '@reltio/mdm-sdk';
+import { TextFieldProps as TextFieldPropsType } from '@material-ui/core/TextField';
+export declare enum MatchRulesAttributeNames {
+    matchRules = "matchRules",
+    MLRecommendedMatch = "MLRecommendedMatch"
+}
+declare type Props = {
+    name: MatchRulesAttributeNames;
+    values?: string[];
+    onChange: (values: string[]) => void;
+    TextFieldProps?: Partial<TextFieldPropsType>;
+    fullWidth?: boolean;
+    entityType: TEntityType;
+};
+declare const MatchRulesSelector: {
+    ({ name, values, onChange, entityType, TextFieldProps, fullWidth }: Props): JSX.Element;
+    displayName: string;
+};
+export default MatchRulesSelector;

package/esm/components/AttributesFiltersBuilder/components/MatchRulesSelector/MatchRulesSelector.js

@@ -0,0 +1,29 @@
+import React, { useMemo } from 'react';
+import { useSelector } from 'react-redux';
+import mdmModule from '@reltio/mdm-module';
+import { getMatchGroups, partitionByMlMatch } from '@reltio/mdm-sdk';
+import MultiValueSelector from '../MultiValueSelector/MultiValueSelector';
+var prepareOptions = function (options) {
+    if (options === void 0) { options = []; }
+    return options.map(function (_a) {
+        var label = _a.label, uri = _a.uri;
+        return ({ label: label, value: uri });
+    });
+};
+export var MatchRulesAttributeNames;
+(function (MatchRulesAttributeNames) {
+    MatchRulesAttributeNames["matchRules"] = "matchRules";
+    MatchRulesAttributeNames["MLRecommendedMatch"] = "MLRecommendedMatch";
+})(MatchRulesAttributeNames || (MatchRulesAttributeNames = {}));
+var MatchRulesSelector = function (_a) {
+    var name = _a.name, values = _a.values, onChange = _a.onChange, entityType = _a.entityType, TextFieldProps = _a.TextFieldProps, fullWidth = _a.fullWidth;
+    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var _b = useMemo(function () { return partitionByMlMatch(getMatchGroups(metadata, entityType === null || entityType === void 0 ? void 0 : entityType.uri)); }, [
+        entityType === null || entityType === void 0 ? void 0 : entityType.uri,
+        metadata
+    ]), mlMatchRules = _b[0], matchRules = _b[1];
+    var options = useMemo(function () { return prepareOptions(name === MatchRulesAttributeNames.matchRules ? matchRules : mlMatchRules); }, [name, matchRules, mlMatchRules]);
+    return (React.createElement(MultiValueSelector, { values: values, onChange: onChange, options: options, TextFieldProps: TextFieldProps, fullWidth: fullWidth }));
+};
+MatchRulesSelector.displayName = 'MatchRulesSelector';
+export default MatchRulesSelector;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { TextFieldProps as TextFieldPropsType } from '@material-ui/core/TextField';
+export declare type Option = {
+    value: string;
+    label: string;
+};
+declare type Props = {
+    values: string[];
+    onChange: (values: string[]) => void;
+    options: Option[];
+    TextFieldProps?: Partial<TextFieldPropsType>;
+    fullWidth?: boolean;
+};
+declare const _default: React.MemoExoticComponent<{
+    ({ values, onChange, options, fullWidth, TextFieldProps }: Props): JSX.Element;
+    displayName: string;
+}>;
+export default _default;

package/esm/components/AttributesFiltersBuilder/components/MultiValueSelector/MultiValueSelector.js

@@ -0,0 +1,49 @@
+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, { memo, useCallback, useRef, useMemo } from 'react';
+import { defaultTo, pipe, pluck } from 'ramda';
+import { isEmptyValue } from '@reltio/mdm-sdk';
+import DropdownIndicatorWithIconButton from '../../../commonReactSelectComponents/DropdownIndicatorWithIconButton';
+import OptionWithCheckIcon from '../../../commonReactSelectComponents/OptionWithCheckIcon/OptionWithCheckIcon';
+import MenuWithPopper from '../../../commonReactSelectComponents/MenuWithPopper';
+import MultiValueChip from '../../../editors/commonComponents/MultiValueChip/MultiValueChip';
+import MultiSelect from '../../../ReactSelect/MultiSelect';
+import { EmptyStub } from '../../../../core';
+import { useStyles, customStyles } from './styles';
+var MultiValueSelector = function (_a) {
+    var _b = _a.values, values = _b === void 0 ? [] : _b, onChange = _a.onChange, options = _a.options, fullWidth = _a.fullWidth, _c = _a.TextFieldProps, TextFieldProps = _c === void 0 ? {} : _c;
+    var styles = useStyles();
+    var inputRef = useRef(null);
+    var valueToOption = useCallback(function (value) { return options.find(function (option) { return option.value === value; }) || { value: value, label: value }; }, [options]);
+    var preparedValues = useMemo(function () { return values.map(valueToOption); }, [valueToOption, values]);
+    var _d = TextFieldProps.InputProps, InputProps = _d === void 0 ? {} : _d, textFieldClassName = TextFieldProps.className, otherTextFieldProps = __rest(TextFieldProps, ["InputProps", "className"]);
+    return (React.createElement(MultiSelect, { value: preparedValues, onChange: pipe(defaultTo([]), pluck('value'), onChange), options: options, TextFieldProps: __assign({ InputProps: __assign({ disableUnderline: isEmptyValue(values) }, InputProps), variant: 'filled', className: textFieldClassName, ref: inputRef }, otherTextFieldProps), components: {
+            DropdownIndicator: DropdownIndicatorWithIconButton,
+            Option: OptionWithCheckIcon,
+            Menu: MenuWithPopper,
+            MultiValue: MultiValueChip,
+            IndicatorSeparator: EmptyStub
+        }, inputRef: inputRef, classes: styles, styles: __assign(__assign({}, customStyles), { container: function (base) { return (__assign(__assign({}, base), (fullWidth ? { width: '100%' } : {}))); } }), menuPortalTarget: document.body }));
+};
+MultiValueSelector.displayName = 'MultiValueSelector';
+export default memo(MultiValueSelector);

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

@@ -0,0 +1,7 @@
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"option" | "clearIndicator" | "dropdownIndicator">;
+export declare const customStyles: {
+    input: (currentStyles: any) => any;
+    menuPortal: (currentStyles: any) => any;
+    menuList: (currentStyles: any) => any;
+    menu: (currentStyles: any) => any;
+};

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

@@ -0,0 +1,32 @@
+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);
+};
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function (theme) { return ({
+    option: {
+        paddingLeft: '35px'
+    },
+    dropdownIndicator: {
+        cursor: 'pointer',
+        color: theme.palette.text.secondary,
+        marginTop: 0,
+        marginBottom: 0
+    },
+    clearIndicator: {
+        display: 'none'
+    }
+}); });
+export var customStyles = {
+    input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
+    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); },
+    menuList: function (currentStyles) { return (__assign(__assign({}, currentStyles), { maxHeight: '240px', padding: '8px 0' })); },
+    menu: function (currentStyles) { return (__assign(__assign({}, currentStyles), { maxHeight: '240px' })); }
+};

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

@@ -1,13 +1,14 @@
 import React, { memo, useMemo, useCallback } from 'react';
-import { checkIfOptionHasValues, getAttrDataTypeDefinition, getDataTypeDefinitionForFilterValue } from '@reltio/mdm-sdk';
+import { checkIfOptionHasValues, getAttrDataTypeDefinition, getDataTypeDefinitionForFilterValue, isMatchRuleAttrType } from '@reltio/mdm-sdk';
 import FilterValueEditor from '../../../editors/FilterEditor/FilterValueEditor';
+import MatchRulesSelector from '../MatchRulesSelector/MatchRulesSelector';
 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, _f = _e.attrType, attrType = _f === void 0 ? {} : _f, _g = _e.fieldName, fieldName = _g === void 0 ? null : _g, filter = _b.filter, id = _b.id;
+    var changeFilter = rowContext.changeFilter, entityType = rowContext.entityType;
+    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;
     var valueDataTypeDefinition = attrType && getAttrDataTypeDefinition(attrType);
     var filterValueDataTypeDefinition = valueDataTypeDefinition && getDataTypeDefinitionForFilterValue(valueDataTypeDefinition, filter);
     var editorFilter = useMemo(function () { return ({
@@ -23,14 +24,22 @@ var ValuesEditor = function (_a) {
         }
     }); }, [styles]);
     var editorClasses = useMemo(function () { return ({ root: styles.root }); }, [styles]);
-    var changeValue = useCallback(function (values) {
+    var changeValue = useCallback(function (newValues) {
         var newFilter = {
             fieldName: fieldName,
             filter: filter,
-            values: values
+            values: newValues
         };
         changeFilter(newFilter, id);
     }, [changeFilter, id, fieldName, filter]);
-    return (React.createElement("div", { className: styles.valuesEditor }, (rowData === null || rowData === void 0 ? void 0 : rowData.attribute) && canFilterAcceptValues && (React.createElement(FilterValueEditor, { filter: editorFilter, onChange: changeValue, dataTypeDefinition: filterValueDataTypeDefinition, fullWidth: true, TextFieldProps: TextFieldProps, color: "primary", classes: editorClasses, orientation: "horizontal" }))));
+    var renderEditor = function () {
+        if (isMatchRuleAttrType(attrType)) {
+            return (React.createElement(MatchRulesSelector, { entityType: entityType, name: attrType.name, values: values, onChange: changeValue, TextFieldProps: TextFieldProps, fullWidth: true }));
+        }
+        else {
+            return (React.createElement(FilterValueEditor, { filter: editorFilter, onChange: changeValue, dataTypeDefinition: filterValueDataTypeDefinition, fullWidth: true, TextFieldProps: TextFieldProps, color: "primary", classes: editorClasses, orientation: "horizontal" }));
+        }
+    };
+    return React.createElement("div", { className: styles.valuesEditor }, (rowData === null || rowData === void 0 ? void 0 : rowData.attribute) && canFilterAcceptValues && renderEditor());
 };
 export default memo(ValuesEditor);

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

@@ -1,5 +1,5 @@
 import { makeStyles } from '@material-ui/core/styles';
-export var useStyles = makeStyles(function () { return ({
+export var useStyles = makeStyles({
     input: {
         margin: 0,
         borderRadius: '4px',
@@ -21,4 +21,4 @@ export var useStyles = makeStyles(function () { return ({
         minHeight: '40px',
         flexShrink: 0
     }
-}); });
+});

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

@@ -7,6 +7,6 @@ export declare const getRowsDataFromFilters: (filters: SearchFilter[], attribute
     attribute: AttributeSelectorItem;
     filter: string;
     id: number;
-    values: string[];
+    values: (import("@reltio/mdm-sdk").PrimitiveValue | Pick<import("@reltio/mdm-sdk").SimpleAttributeValue, "value" | "lookupCode">)[] | [(import("@reltio/mdm-sdk").PrimitiveValue | Pick<import("@reltio/mdm-sdk").SimpleAttributeValue, "value" | "lookupCode">)[]];
 }[];
 export declare const getEntityTypeFromAttrTypes: (attributeTypes: AttributeType[]) => any;

package/esm/components/AttributesFiltersBuilder/helpers.js

@@ -18,13 +18,17 @@ import { getAttributesTreeFromAttributes, attributeUriToSearchUri, isSpecialAttr
 var createAttributeItem = function (metadata, attrType, entityTypeUri, parents) {
     var entityTypeLabel = getEntityTypeLabel(metadata, { type: entityTypeUri });
     var title = attrType.label || attrType.name;
-    return {
-        title: title,
-        pathToTitle: Array.isArray(parents) ? __spreadArray(__spreadArray([entityTypeLabel], parents), [title]) : [entityTypeLabel, title],
-        fieldName: attributeUriToSearchUri(attrType.uri),
-        entityTypeUri: entityTypeUri,
-        attrType: attrType
-    };
+    var attributeProps = isSpecialAttribute(attrType)
+        ? {
+            fieldName: attrType.name
+        }
+        : {
+            entityTypeUri: entityTypeUri,
+            pathToTitle: Array.isArray(parents) ? __spreadArray(__spreadArray([entityTypeLabel], parents), [title]) : [entityTypeLabel, title],
+            fieldName: attributeUriToSearchUri(attrType.uri)
+        };
+    return __assign({ attrType: attrType,
+        title: title }, attributeProps);
 };
 var createAttributesConfig = function (metadata, attrNode, entityTypeUri, createAttributeConfig, parents) {
     if (parents === void 0) { parents = []; }
@@ -41,7 +45,8 @@ var createAttributesConfig = function (metadata, attrNode, entityTypeUri, create
 export var getAttributeSelectorItems = function (attributeTypes, entityType, metadata) {
     if (entityType === void 0) { entityType = {}; }
     return getAttributesTreeFromAttributes(attributeTypes, metadata).map(function (attrNode) {
-        return createAttributesConfig(metadata, attrNode, entityType.uri, createAttributeItem);
+        var entityTypeUri = isSpecialAttribute(attrNode) ? null : entityType.uri;
+        return createAttributesConfig(metadata, attrNode, entityTypeUri, createAttributeItem);
     });
 };
 var findAttributeSelectorItem = function (fieldName, attributesGroup) {

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

@@ -1,4 +1,4 @@
-import { SearchFilter } from '@reltio/mdm-sdk';
+import { SearchFilter, TEntityType } from '@reltio/mdm-sdk';
 import { AttributeSelectorItem } from '../../types';
 export declare type FilterOption = {
     value: string;
@@ -8,10 +8,11 @@ export declare type RowData = {
     attribute: AttributeSelectorItem;
     filter: string;
     id: number;
-    values: string[];
+    values: SearchFilter['values'];
 };
 export declare type RowContext = {
     attributesGroup: AttributeSelectorItem[];
+    entityType: TEntityType;
     addNewFilter: (newFilter: SearchFilter) => void;
     addRowAfterIndex: (index: number) => void;
     changeFilter: (newFilter: SearchFilter, id: number) => void;

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { SearchFilter, AttributeType } from '@reltio/mdm-sdk';
 declare type Props = {
     filters: SearchFilter[];
-    onChange: (filtres: SearchFilter[]) => void;
+    onChange: (filters: SearchFilter[]) => void;
     attributeTypes: AttributeType[];
 };
 declare const _default: React.MemoExoticComponent<({ filters: filtersProp, attributeTypes, onChange }: Props) => JSX.Element>;

package/esm/components/ReactSelect/MultiSelect/MultiSelect.d.ts

@@ -107,6 +107,9 @@ declare namespace MultiSelect {
         export const menuPortalTarget: PropTypes.Requireable<object>;
         export const getOptionValue: PropTypes.Requireable<(...args: any[]) => any>;
         export const isSearchable: PropTypes.Requireable<boolean>;
+        export const inputRef: PropTypes.Requireable<PropTypes.InferProps<{
+            current: PropTypes.Requireable<object>;
+        }>>;
     }
 }
 import PropTypes from "prop-types";

package/esm/components/ReactSelect/MultiSelect/MultiSelect.js

@@ -205,6 +205,7 @@ MultiSelect.propTypes = {
     menuPlacement: PropTypes.string,
     menuPortalTarget: PropTypes.object,
     getOptionValue: PropTypes.func,
-    isSearchable: PropTypes.bool
+    isSearchable: PropTypes.bool,
+    inputRef: PropTypes.shape({ current: PropTypes.object })
 };
 export default MultiSelect;

package/esm/components/ReactSelect/styles.d.ts

@@ -1,2 +1,2 @@
-declare var _default: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"option" | "singleValue" | "menu" | "placeholder" | "control" | "valueContainer" | "multiValue" | "noOptionsMessage" | "clearIndicator" | "dropdownIndicator" | "option--selected" | "groupHeading" | "multiValue__label" | "option--item" | "valueContainer--multi">;
+declare var _default: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"option" | "singleValue" | "menu" | "placeholder" | "option--selected" | "control" | "valueContainer" | "multiValue" | "noOptionsMessage" | "clearIndicator" | "dropdownIndicator" | "groupHeading" | "multiValue__label" | "option--item" | "valueContainer--multi">;
 export default _default;

package/esm/components/ReltioMap/MapControls/TopRightMapControls/TopRightMapControls.d.ts

@@ -35,7 +35,7 @@ export declare const ButtonWithTooltip: React.ForwardRefExoticComponent<import("
     TouchRippleProps?: Partial<import("@material-ui/core/ButtonBase/TouchRipple").TouchRippleProps>;
 } & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").ExtendButtonBaseTypeMap<import("@material-ui/core/Button").ButtonTypeMap<{}, "button">>> & Pick<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & {
     ref?: React.Ref<HTMLButtonElement>;
-}, "value" | "title" | "id" | "type" | "prefix" | "key" | "name" | "hidden" | "defaultValue" | "translate" | "ref" | "onScroll" | "form" | "slot" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget">>;
+}, "value" | "type" | "title" | "id" | "prefix" | "key" | "name" | "hidden" | "defaultValue" | "translate" | "ref" | "onScroll" | "form" | "slot" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget">>;
 declare type Props = {
     onDrawingModeChanged: (value: DrawingMode | null) => void;
     drawingMode: DrawingMode | null;

package/esm/components/SmallIconButton/SmallIconButton.d.ts

@@ -5,5 +5,5 @@ declare const _default: React.ComponentType<Pick<Pick<Omit<IconButtonProps<"butt
     iconClassName?: string;
     icon?: React.ElementType<any>;
     size?: "M" | "XXS" | "XS" | "S" | "MPlus" | "L" | "XL";
-}, "value" | "title" | "id" | "type" | "children" | "prefix" | "action" | "icon" | "key" | "name" | "hidden" | "defaultValue" | "size" | "color" | "translate" | "style" | "disabled" | "onScroll" | "className" | "innerRef" | "form" | "slot" | "classes" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "disableFocusRipple" | "edge" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "iconClassName"> & React.RefAttributes<HTMLButtonElement>, "value" | "title" | "id" | "type" | "children" | "prefix" | "action" | "icon" | "name" | "hidden" | "defaultValue" | "size" | "color" | "translate" | "style" | "disabled" | "onScroll" | "className" | "innerRef" | "form" | "slot" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "disableFocusRipple" | "edge" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "iconClassName" | keyof React.RefAttributes<HTMLButtonElement>> & import("@material-ui/core/styles").StyledComponentProps<"disabled" | "rootAll" | "rootXXS" | "iconXXS" | "rootXS" | "iconXS" | "rootS" | "iconS" | "rootM" | "rootMPlus" | "rootL" | "rootXL">>;
+}, "value" | "type" | "title" | "id" | "children" | "prefix" | "action" | "icon" | "key" | "name" | "hidden" | "defaultValue" | "size" | "color" | "translate" | "style" | "disabled" | "onScroll" | "className" | "innerRef" | "form" | "slot" | "classes" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "disableFocusRipple" | "edge" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "iconClassName"> & React.RefAttributes<HTMLButtonElement>, "value" | "type" | "title" | "id" | "children" | "prefix" | "action" | "icon" | "name" | "hidden" | "defaultValue" | "size" | "color" | "translate" | "style" | "disabled" | "onScroll" | "className" | "innerRef" | "form" | "slot" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "disableFocusRipple" | "edge" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "iconClassName" | keyof React.RefAttributes<HTMLButtonElement>> & import("@material-ui/core/styles").StyledComponentProps<"disabled" | "rootAll" | "rootXXS" | "iconXXS" | "rootXS" | "iconXS" | "rootS" | "iconS" | "rootM" | "rootMPlus" | "rootL" | "rootXL">>;
 export default _default;