@reltio/components 1.4.1176 → 1.4.1180

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/cjs/components/AttributesFiltersBuilder/AttributesFiltersBuilder.d.ts +1 -1
  2. package/cjs/components/AttributesFiltersBuilder/AttributesFiltersBuilder.js +1 -1
  3. package/cjs/components/AttributesFiltersBuilder/components/MatchRulesSelector/MatchRulesSelector.d.ts +20 -0
  4. package/cjs/components/AttributesFiltersBuilder/components/MatchRulesSelector/MatchRulesSelector.js +54 -0
  5. package/cjs/components/AttributesFiltersBuilder/components/MultiValueSelector/MultiValueSelector.d.ts +18 -0
  6. package/cjs/components/AttributesFiltersBuilder/components/MultiValueSelector/MultiValueSelector.js +73 -0
  7. package/cjs/components/AttributesFiltersBuilder/components/MultiValueSelector/styles.d.ts +7 -0
  8. package/cjs/components/AttributesFiltersBuilder/components/MultiValueSelector/styles.js +35 -0
  9. package/cjs/components/AttributesFiltersBuilder/components/ValuesEditor/ValuesEditor.js +14 -5
  10. package/cjs/components/AttributesFiltersBuilder/components/ValuesEditor/styles.js +2 -2
  11. package/cjs/components/AttributesFiltersBuilder/helpers.d.ts +1 -1
  12. package/cjs/components/AttributesFiltersBuilder/helpers.js +13 -8
  13. package/cjs/components/AttributesFiltersBuilder/types.d.ts +3 -2
  14. package/cjs/components/AttributesFiltersButton/AttributesFiltersButton.d.ts +1 -1
  15. package/cjs/components/ProfileBand/ProfileBand.d.ts +3 -1
  16. package/cjs/components/ProfileBand/ProfileBand.js +4 -3
  17. package/cjs/components/ReactSelect/MultiSelect/MultiSelect.d.ts +3 -0
  18. package/cjs/components/ReactSelect/MultiSelect/MultiSelect.js +2 -1
  19. package/cjs/components/ReactSelect/styles.d.ts +1 -1
  20. package/cjs/components/ReltioMap/MapControls/TopRightMapControls/TopRightMapControls.d.ts +1 -1
  21. package/cjs/components/SmallIconButton/SmallIconButton.d.ts +1 -1
  22. package/cjs/components/SmallIconButton/index.d.ts +2 -2
  23. package/cjs/components/commonReactSelectComponents/OptionWithCheckIcon/OptionWithCheckIcon.d.ts +10 -0
  24. package/cjs/components/{editors/DependentLookupEditor → commonReactSelectComponents/OptionWithCheckIcon}/OptionWithCheckIcon.js +2 -6
  25. package/cjs/components/commonReactSelectComponents/OptionWithCheckIcon/styles.d.ts +1 -0
  26. package/cjs/components/commonReactSelectComponents/OptionWithCheckIcon/styles.js +11 -0
  27. package/cjs/components/editors/DependentLookupEditor/DependentLookupEditor.js +1 -1
  28. package/cjs/components/editors/DependentLookupEditor/styles.d.ts +1 -1
  29. package/cjs/components/editors/DependentLookupEditor/styles.js +0 -5
  30. package/cjs/components/history/HistoryGraph/HistoryCircle.d.ts +1 -1
  31. package/cjs/components/history/HistoryGraph/HistoryGraph.d.ts +1 -1
  32. package/cjs/components/history/HistoryMenuButton/styles.d.ts +1 -1
  33. package/cjs/hooks/useAPI/helpers.d.ts +0 -1
  34. package/cjs/hooks/useAPI/helpers.js +1 -10
  35. package/cjs/hooks/useAPI/useAPI.js +2 -2
  36. package/cjs/hooks/useMatchesLoader.d.ts +3 -2
  37. package/cjs/hooks/useMatchesLoader.js +7 -3
  38. package/esm/components/AttributesFiltersBuilder/AttributesFiltersBuilder.d.ts +1 -1
  39. package/esm/components/AttributesFiltersBuilder/AttributesFiltersBuilder.js +1 -1
  40. package/esm/components/AttributesFiltersBuilder/components/MatchRulesSelector/MatchRulesSelector.d.ts +20 -0
  41. package/esm/components/AttributesFiltersBuilder/components/MatchRulesSelector/MatchRulesSelector.js +29 -0
  42. package/esm/components/AttributesFiltersBuilder/components/MultiValueSelector/MultiValueSelector.d.ts +18 -0
  43. package/esm/components/AttributesFiltersBuilder/components/MultiValueSelector/MultiValueSelector.js +49 -0
  44. package/esm/components/AttributesFiltersBuilder/components/MultiValueSelector/styles.d.ts +7 -0
  45. package/esm/components/AttributesFiltersBuilder/components/MultiValueSelector/styles.js +32 -0
  46. package/esm/components/AttributesFiltersBuilder/components/ValuesEditor/ValuesEditor.js +15 -6
  47. package/esm/components/AttributesFiltersBuilder/components/ValuesEditor/styles.js +2 -2
  48. package/esm/components/AttributesFiltersBuilder/helpers.d.ts +1 -1
  49. package/esm/components/AttributesFiltersBuilder/helpers.js +13 -8
  50. package/esm/components/AttributesFiltersBuilder/types.d.ts +3 -2
  51. package/esm/components/AttributesFiltersButton/AttributesFiltersButton.d.ts +1 -1
  52. package/esm/components/ProfileBand/ProfileBand.d.ts +3 -1
  53. package/esm/components/ProfileBand/ProfileBand.js +4 -3
  54. package/esm/components/ReactSelect/MultiSelect/MultiSelect.d.ts +3 -0
  55. package/esm/components/ReactSelect/MultiSelect/MultiSelect.js +2 -1
  56. package/esm/components/ReactSelect/styles.d.ts +1 -1
  57. package/esm/components/ReltioMap/MapControls/TopRightMapControls/TopRightMapControls.d.ts +1 -1
  58. package/esm/components/SmallIconButton/SmallIconButton.d.ts +1 -1
  59. package/esm/components/SmallIconButton/index.d.ts +2 -2
  60. package/esm/components/commonReactSelectComponents/OptionWithCheckIcon/OptionWithCheckIcon.d.ts +10 -0
  61. package/esm/components/{editors/DependentLookupEditor → commonReactSelectComponents/OptionWithCheckIcon}/OptionWithCheckIcon.js +2 -6
  62. package/esm/components/commonReactSelectComponents/OptionWithCheckIcon/styles.d.ts +1 -0
  63. package/esm/components/commonReactSelectComponents/OptionWithCheckIcon/styles.js +8 -0
  64. package/esm/components/editors/DependentLookupEditor/DependentLookupEditor.js +1 -1
  65. package/esm/components/editors/DependentLookupEditor/styles.d.ts +1 -1
  66. package/esm/components/editors/DependentLookupEditor/styles.js +0 -5
  67. package/esm/components/history/HistoryGraph/HistoryCircle.d.ts +1 -1
  68. package/esm/components/history/HistoryGraph/HistoryGraph.d.ts +1 -1
  69. package/esm/components/history/HistoryMenuButton/styles.d.ts +1 -1
  70. package/esm/hooks/useAPI/helpers.d.ts +0 -1
  71. package/esm/hooks/useAPI/helpers.js +0 -8
  72. package/esm/hooks/useAPI/useAPI.js +3 -3
  73. package/esm/hooks/useMatchesLoader.d.ts +3 -2
  74. package/esm/hooks/useMatchesLoader.js +7 -3
  75. package/package.json +3 -3
  76. package/cjs/components/editors/DependentLookupEditor/OptionWithCheckIcon.d.ts +0 -9
  77. package/esm/components/editors/DependentLookupEditor/OptionWithCheckIcon.d.ts +0 -9
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { SearchFilter, AttributeType } from '@reltio/mdm-sdk';
3
3
  declare type Props = {
4
4
  filters: SearchFilter[];
5
- onChange: (filtres: SearchFilter[]) => void;
5
+ onChange: (filters: SearchFilter[]) => void;
6
6
  attributeTypes: AttributeType[];
7
7
  };
8
8
  declare const _default: React.MemoExoticComponent<({ attributeTypes, filters, onChange }: Props) => JSX.Element>;
@@ -107,6 +107,6 @@ var AttributesFiltersBuilder = function (_a) {
107
107
  var addNewFilter = react_1.useCallback(function (newFilter) {
108
108
  onChange(__spreadArray(__spreadArray([], actualFilters.current), [newFilter]));
109
109
  }, [onChange]);
110
- return (react_1.default.createElement(QueryBuilderRowsGroup_1.default, { rowClasses: rowClasses, rowsData: rowsData, AttributeSelectorComponent: AttributeSelector_1.default, FilterSelectorComponent: FilterSelector_1.default, ValuesEditorComponent: ValuesEditor_1.default, ActionsComponent: RowActions_1.default, LogicOperatorComponent: Stub, filterSelectorRefIndex: lastAttributesCountRef.current, filterSelectorRef: attributeFilterRef, lastRowAttributeSelectorProps: lastRowAttributeSelectorProps, attributesGroup: attributeSelectorItems, changeFilter: changeFilter, addNewFilter: addNewFilter, addRowAfterIndex: addRowAfterIndex, removeRow: removeRow, duplicateRow: duplicateRow }));
110
+ return (react_1.default.createElement(QueryBuilderRowsGroup_1.default, { rowClasses: rowClasses, rowsData: rowsData, AttributeSelectorComponent: AttributeSelector_1.default, FilterSelectorComponent: FilterSelector_1.default, ValuesEditorComponent: ValuesEditor_1.default, ActionsComponent: RowActions_1.default, LogicOperatorComponent: Stub, filterSelectorRefIndex: lastAttributesCountRef.current, filterSelectorRef: attributeFilterRef, lastRowAttributeSelectorProps: lastRowAttributeSelectorProps, attributesGroup: attributeSelectorItems, changeFilter: changeFilter, addNewFilter: addNewFilter, addRowAfterIndex: addRowAfterIndex, removeRow: removeRow, duplicateRow: duplicateRow, entityType: entityType }));
111
111
  };
112
112
  exports.default = react_1.memo(AttributesFiltersBuilder);
@@ -0,0 +1,20 @@
1
+ /// <reference types="react" />
2
+ import { TEntityType } from '@reltio/mdm-sdk';
3
+ import { TextFieldProps as TextFieldPropsType } from '@material-ui/core/TextField';
4
+ export declare enum MatchRulesAttributeNames {
5
+ matchRules = "matchRules",
6
+ MLRecommendedMatch = "MLRecommendedMatch"
7
+ }
8
+ declare type Props = {
9
+ name: MatchRulesAttributeNames;
10
+ values?: string[];
11
+ onChange: (values: string[]) => void;
12
+ TextFieldProps?: Partial<TextFieldPropsType>;
13
+ fullWidth?: boolean;
14
+ entityType: TEntityType;
15
+ };
16
+ declare const MatchRulesSelector: {
17
+ ({ name, values, onChange, entityType, TextFieldProps, fullWidth }: Props): JSX.Element;
18
+ displayName: string;
19
+ };
20
+ export default MatchRulesSelector;
@@ -0,0 +1,54 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ var __importDefault = (this && this.__importDefault) || function (mod) {
22
+ return (mod && mod.__esModule) ? mod : { "default": mod };
23
+ };
24
+ Object.defineProperty(exports, "__esModule", { value: true });
25
+ exports.MatchRulesAttributeNames = void 0;
26
+ var react_1 = __importStar(require("react"));
27
+ var react_redux_1 = require("react-redux");
28
+ var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
29
+ var mdm_sdk_1 = require("@reltio/mdm-sdk");
30
+ var MultiValueSelector_1 = __importDefault(require("../MultiValueSelector/MultiValueSelector"));
31
+ var prepareOptions = function (options) {
32
+ if (options === void 0) { options = []; }
33
+ return options.map(function (_a) {
34
+ var label = _a.label, uri = _a.uri;
35
+ return ({ label: label, value: uri });
36
+ });
37
+ };
38
+ var MatchRulesAttributeNames;
39
+ (function (MatchRulesAttributeNames) {
40
+ MatchRulesAttributeNames["matchRules"] = "matchRules";
41
+ MatchRulesAttributeNames["MLRecommendedMatch"] = "MLRecommendedMatch";
42
+ })(MatchRulesAttributeNames = exports.MatchRulesAttributeNames || (exports.MatchRulesAttributeNames = {}));
43
+ var MatchRulesSelector = function (_a) {
44
+ var name = _a.name, values = _a.values, onChange = _a.onChange, entityType = _a.entityType, TextFieldProps = _a.TextFieldProps, fullWidth = _a.fullWidth;
45
+ var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
46
+ var _b = react_1.useMemo(function () { return mdm_sdk_1.partitionByMlMatch(mdm_sdk_1.getMatchGroups(metadata, entityType === null || entityType === void 0 ? void 0 : entityType.uri)); }, [
47
+ entityType === null || entityType === void 0 ? void 0 : entityType.uri,
48
+ metadata
49
+ ]), mlMatchRules = _b[0], matchRules = _b[1];
50
+ var options = react_1.useMemo(function () { return prepareOptions(name === MatchRulesAttributeNames.matchRules ? matchRules : mlMatchRules); }, [name, matchRules, mlMatchRules]);
51
+ return (react_1.default.createElement(MultiValueSelector_1.default, { values: values, onChange: onChange, options: options, TextFieldProps: TextFieldProps, fullWidth: fullWidth }));
52
+ };
53
+ MatchRulesSelector.displayName = 'MatchRulesSelector';
54
+ exports.default = MatchRulesSelector;
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+ import { TextFieldProps as TextFieldPropsType } from '@material-ui/core/TextField';
3
+ export declare type Option = {
4
+ value: string;
5
+ label: string;
6
+ };
7
+ declare type Props = {
8
+ values: string[];
9
+ onChange: (values: string[]) => void;
10
+ options: Option[];
11
+ TextFieldProps?: Partial<TextFieldPropsType>;
12
+ fullWidth?: boolean;
13
+ };
14
+ declare const _default: React.MemoExoticComponent<{
15
+ ({ values, onChange, options, fullWidth, TextFieldProps }: Props): JSX.Element;
16
+ displayName: string;
17
+ }>;
18
+ export default _default;
@@ -0,0 +1,73 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
+ if (k2 === undefined) k2 = k;
15
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
16
+ }) : (function(o, m, k, k2) {
17
+ if (k2 === undefined) k2 = k;
18
+ o[k2] = m[k];
19
+ }));
20
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
21
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
22
+ }) : function(o, v) {
23
+ o["default"] = v;
24
+ });
25
+ var __importStar = (this && this.__importStar) || function (mod) {
26
+ if (mod && mod.__esModule) return mod;
27
+ var result = {};
28
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
29
+ __setModuleDefault(result, mod);
30
+ return result;
31
+ };
32
+ var __rest = (this && this.__rest) || function (s, e) {
33
+ var t = {};
34
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
35
+ t[p] = s[p];
36
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
37
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
38
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
39
+ t[p[i]] = s[p[i]];
40
+ }
41
+ return t;
42
+ };
43
+ var __importDefault = (this && this.__importDefault) || function (mod) {
44
+ return (mod && mod.__esModule) ? mod : { "default": mod };
45
+ };
46
+ Object.defineProperty(exports, "__esModule", { value: true });
47
+ var react_1 = __importStar(require("react"));
48
+ var ramda_1 = require("ramda");
49
+ var mdm_sdk_1 = require("@reltio/mdm-sdk");
50
+ var DropdownIndicatorWithIconButton_1 = __importDefault(require("../../../commonReactSelectComponents/DropdownIndicatorWithIconButton"));
51
+ var OptionWithCheckIcon_1 = __importDefault(require("../../../commonReactSelectComponents/OptionWithCheckIcon/OptionWithCheckIcon"));
52
+ var MenuWithPopper_1 = __importDefault(require("../../../commonReactSelectComponents/MenuWithPopper"));
53
+ var MultiValueChip_1 = __importDefault(require("../../../editors/commonComponents/MultiValueChip/MultiValueChip"));
54
+ var MultiSelect_1 = __importDefault(require("../../../ReactSelect/MultiSelect"));
55
+ var core_1 = require("../../../../core");
56
+ var styles_1 = require("./styles");
57
+ var MultiValueSelector = function (_a) {
58
+ 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;
59
+ var styles = styles_1.useStyles();
60
+ var inputRef = react_1.useRef(null);
61
+ var valueToOption = react_1.useCallback(function (value) { return options.find(function (option) { return option.value === value; }) || { value: value, label: value }; }, [options]);
62
+ var preparedValues = react_1.useMemo(function () { return values.map(valueToOption); }, [valueToOption, values]);
63
+ var _d = TextFieldProps.InputProps, InputProps = _d === void 0 ? {} : _d, textFieldClassName = TextFieldProps.className, otherTextFieldProps = __rest(TextFieldProps, ["InputProps", "className"]);
64
+ return (react_1.default.createElement(MultiSelect_1.default, { value: preparedValues, onChange: ramda_1.pipe(ramda_1.defaultTo([]), ramda_1.pluck('value'), onChange), options: options, TextFieldProps: __assign({ InputProps: __assign({ disableUnderline: mdm_sdk_1.isEmptyValue(values) }, InputProps), variant: 'filled', className: textFieldClassName, ref: inputRef }, otherTextFieldProps), components: {
65
+ DropdownIndicator: DropdownIndicatorWithIconButton_1.default,
66
+ Option: OptionWithCheckIcon_1.default,
67
+ Menu: MenuWithPopper_1.default,
68
+ MultiValue: MultiValueChip_1.default,
69
+ IndicatorSeparator: core_1.EmptyStub
70
+ }, inputRef: inputRef, classes: styles, styles: __assign(__assign({}, styles_1.customStyles), { container: function (base) { return (__assign(__assign({}, base), (fullWidth ? { width: '100%' } : {}))); } }), menuPortalTarget: document.body }));
71
+ };
72
+ MultiValueSelector.displayName = 'MultiValueSelector';
73
+ exports.default = react_1.memo(MultiValueSelector);
@@ -0,0 +1,7 @@
1
+ export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"option" | "clearIndicator" | "dropdownIndicator">;
2
+ export declare const customStyles: {
3
+ input: (currentStyles: any) => any;
4
+ menuPortal: (currentStyles: any) => any;
5
+ menuList: (currentStyles: any) => any;
6
+ menu: (currentStyles: any) => any;
7
+ };
@@ -0,0 +1,35 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ Object.defineProperty(exports, "__esModule", { value: true });
14
+ exports.customStyles = exports.useStyles = void 0;
15
+ var styles_1 = require("@material-ui/core/styles");
16
+ exports.useStyles = styles_1.makeStyles(function (theme) { return ({
17
+ option: {
18
+ paddingLeft: '35px'
19
+ },
20
+ dropdownIndicator: {
21
+ cursor: 'pointer',
22
+ color: theme.palette.text.secondary,
23
+ marginTop: 0,
24
+ marginBottom: 0
25
+ },
26
+ clearIndicator: {
27
+ display: 'none'
28
+ }
29
+ }); });
30
+ exports.customStyles = {
31
+ input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
32
+ menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); },
33
+ menuList: function (currentStyles) { return (__assign(__assign({}, currentStyles), { maxHeight: '240px', padding: '8px 0' })); },
34
+ menu: function (currentStyles) { return (__assign(__assign({}, currentStyles), { maxHeight: '240px' })); }
35
+ };
@@ -25,13 +25,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
25
25
  var react_1 = __importStar(require("react"));
26
26
  var mdm_sdk_1 = require("@reltio/mdm-sdk");
27
27
  var FilterValueEditor_1 = __importDefault(require("../../../editors/FilterEditor/FilterValueEditor"));
28
+ var MatchRulesSelector_1 = __importDefault(require("../MatchRulesSelector/MatchRulesSelector"));
28
29
  var styles_1 = require("./styles");
29
30
  var ValuesEditor = function (_a) {
30
31
  var rowData = _a.rowData, rowContext = _a.rowContext;
31
32
  var styles = styles_1.useStyles();
32
33
  var canFilterAcceptValues = (rowData === null || rowData === void 0 ? void 0 : rowData.attribute) && mdm_sdk_1.checkIfOptionHasValues(rowData.filter);
33
- var changeFilter = rowContext.changeFilter;
34
- 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;
34
+ var changeFilter = rowContext.changeFilter, entityType = rowContext.entityType;
35
+ 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;
35
36
  var valueDataTypeDefinition = attrType && mdm_sdk_1.getAttrDataTypeDefinition(attrType);
36
37
  var filterValueDataTypeDefinition = valueDataTypeDefinition && mdm_sdk_1.getDataTypeDefinitionForFilterValue(valueDataTypeDefinition, filter);
37
38
  var editorFilter = react_1.useMemo(function () { return ({
@@ -47,14 +48,22 @@ var ValuesEditor = function (_a) {
47
48
  }
48
49
  }); }, [styles]);
49
50
  var editorClasses = react_1.useMemo(function () { return ({ root: styles.root }); }, [styles]);
50
- var changeValue = react_1.useCallback(function (values) {
51
+ var changeValue = react_1.useCallback(function (newValues) {
51
52
  var newFilter = {
52
53
  fieldName: fieldName,
53
54
  filter: filter,
54
- values: values
55
+ values: newValues
55
56
  };
56
57
  changeFilter(newFilter, id);
57
58
  }, [changeFilter, id, fieldName, filter]);
58
- return (react_1.default.createElement("div", { className: styles.valuesEditor }, (rowData === null || rowData === void 0 ? void 0 : rowData.attribute) && canFilterAcceptValues && (react_1.default.createElement(FilterValueEditor_1.default, { filter: editorFilter, onChange: changeValue, dataTypeDefinition: filterValueDataTypeDefinition, fullWidth: true, TextFieldProps: TextFieldProps, color: "primary", classes: editorClasses, orientation: "horizontal" }))));
59
+ var renderEditor = function () {
60
+ if (mdm_sdk_1.isMatchRuleAttrType(attrType)) {
61
+ return (react_1.default.createElement(MatchRulesSelector_1.default, { entityType: entityType, name: attrType.name, values: values, onChange: changeValue, TextFieldProps: TextFieldProps, fullWidth: true }));
62
+ }
63
+ else {
64
+ return (react_1.default.createElement(FilterValueEditor_1.default, { filter: editorFilter, onChange: changeValue, dataTypeDefinition: filterValueDataTypeDefinition, fullWidth: true, TextFieldProps: TextFieldProps, color: "primary", classes: editorClasses, orientation: "horizontal" }));
65
+ }
66
+ };
67
+ return react_1.default.createElement("div", { className: styles.valuesEditor }, (rowData === null || rowData === void 0 ? void 0 : rowData.attribute) && canFilterAcceptValues && renderEditor());
59
68
  };
60
69
  exports.default = react_1.memo(ValuesEditor);
@@ -2,7 +2,7 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.useStyles = void 0;
4
4
  var styles_1 = require("@material-ui/core/styles");
5
- exports.useStyles = styles_1.makeStyles(function () { return ({
5
+ exports.useStyles = styles_1.makeStyles({
6
6
  input: {
7
7
  margin: 0,
8
8
  borderRadius: '4px',
@@ -24,4 +24,4 @@ exports.useStyles = styles_1.makeStyles(function () { return ({
24
24
  minHeight: '40px',
25
25
  flexShrink: 0
26
26
  }
27
- }); });
27
+ });
@@ -7,6 +7,6 @@ export declare const getRowsDataFromFilters: (filters: SearchFilter[], attribute
7
7
  attribute: AttributeSelectorItem;
8
8
  filter: string;
9
9
  id: number;
10
- values: string[];
10
+ 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">)[]];
11
11
  }[];
12
12
  export declare const getEntityTypeFromAttrTypes: (attributeTypes: AttributeType[]) => any;
@@ -21,13 +21,17 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
21
21
  var createAttributeItem = function (metadata, attrType, entityTypeUri, parents) {
22
22
  var entityTypeLabel = mdm_sdk_1.getEntityTypeLabel(metadata, { type: entityTypeUri });
23
23
  var title = attrType.label || attrType.name;
24
- return {
25
- title: title,
26
- pathToTitle: Array.isArray(parents) ? __spreadArray(__spreadArray([entityTypeLabel], parents), [title]) : [entityTypeLabel, title],
27
- fieldName: mdm_sdk_1.attributeUriToSearchUri(attrType.uri),
28
- entityTypeUri: entityTypeUri,
29
- attrType: attrType
30
- };
24
+ var attributeProps = mdm_sdk_1.isSpecialAttribute(attrType)
25
+ ? {
26
+ fieldName: attrType.name
27
+ }
28
+ : {
29
+ entityTypeUri: entityTypeUri,
30
+ pathToTitle: Array.isArray(parents) ? __spreadArray(__spreadArray([entityTypeLabel], parents), [title]) : [entityTypeLabel, title],
31
+ fieldName: mdm_sdk_1.attributeUriToSearchUri(attrType.uri)
32
+ };
33
+ return __assign({ attrType: attrType,
34
+ title: title }, attributeProps);
31
35
  };
32
36
  var createAttributesConfig = function (metadata, attrNode, entityTypeUri, createAttributeConfig, parents) {
33
37
  if (parents === void 0) { parents = []; }
@@ -44,7 +48,8 @@ var createAttributesConfig = function (metadata, attrNode, entityTypeUri, create
44
48
  var getAttributeSelectorItems = function (attributeTypes, entityType, metadata) {
45
49
  if (entityType === void 0) { entityType = {}; }
46
50
  return mdm_sdk_1.getAttributesTreeFromAttributes(attributeTypes, metadata).map(function (attrNode) {
47
- return createAttributesConfig(metadata, attrNode, entityType.uri, createAttributeItem);
51
+ var entityTypeUri = mdm_sdk_1.isSpecialAttribute(attrNode) ? null : entityType.uri;
52
+ return createAttributesConfig(metadata, attrNode, entityTypeUri, createAttributeItem);
48
53
  });
49
54
  };
50
55
  exports.getAttributeSelectorItems = getAttributeSelectorItems;
@@ -1,4 +1,4 @@
1
- import { SearchFilter } from '@reltio/mdm-sdk';
1
+ import { SearchFilter, TEntityType } from '@reltio/mdm-sdk';
2
2
  import { AttributeSelectorItem } from '../../types';
3
3
  export declare type FilterOption = {
4
4
  value: string;
@@ -8,10 +8,11 @@ export declare type RowData = {
8
8
  attribute: AttributeSelectorItem;
9
9
  filter: string;
10
10
  id: number;
11
- values: string[];
11
+ values: SearchFilter['values'];
12
12
  };
13
13
  export declare type RowContext = {
14
14
  attributesGroup: AttributeSelectorItem[];
15
+ entityType: TEntityType;
15
16
  addNewFilter: (newFilter: SearchFilter) => void;
16
17
  addRowAfterIndex: (index: number) => void;
17
18
  changeFilter: (newFilter: SearchFilter, id: number) => void;
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { SearchFilter, AttributeType } from '@reltio/mdm-sdk';
3
3
  declare type Props = {
4
4
  filters: SearchFilter[];
5
- onChange: (filtres: SearchFilter[]) => void;
5
+ onChange: (filters: SearchFilter[]) => void;
6
6
  attributeTypes: AttributeType[];
7
7
  };
8
8
  declare const _default: React.MemoExoticComponent<({ filters: filtersProp, attributeTypes, onChange }: Props) => JSX.Element>;
@@ -1,9 +1,10 @@
1
1
  export default ProfileBand;
2
- declare function ProfileBand({ className, entity, children, classes }: {
2
+ declare function ProfileBand({ className, entity, children, classes, showEntityId }: {
3
3
  className: any;
4
4
  entity: any;
5
5
  children: any;
6
6
  classes: any;
7
+ showEntityId?: boolean;
7
8
  }): JSX.Element;
8
9
  declare namespace ProfileBand {
9
10
  namespace propTypes {
@@ -11,6 +12,7 @@ declare namespace ProfileBand {
11
12
  const entity: PropTypes.Requireable<object>;
12
13
  const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
13
14
  const classes: PropTypes.Requireable<object>;
15
+ const showEntityId: PropTypes.Requireable<boolean>;
14
16
  }
15
17
  }
16
18
  import PropTypes from "prop-types";
@@ -37,7 +37,7 @@ var EntityTypeBadge_1 = __importDefault(require("../EntityTypeBadge/EntityTypeBa
37
37
  var styles_1 = __importDefault(require("./styles"));
38
38
  var ProfileBand = function (_a) {
39
39
  var _b;
40
- var className = _a.className, entity = _a.entity, children = _a.children, classes = _a.classes;
40
+ var className = _a.className, entity = _a.entity, children = _a.children, classes = _a.classes, _c = _a.showEntityId, showEntityId = _c === void 0 ? true : _c;
41
41
  var styles = styles_1.default({ classes: classes });
42
42
  var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
43
43
  var handleCopyEntityIdToClipboard = react_1.useCallback(function () {
@@ -65,7 +65,7 @@ var ProfileBand = function (_a) {
65
65
  react_1.default.createElement("div", { className: styles.specialInfo },
66
66
  react_1.default.createElement("div", { className: styles.entityType },
67
67
  react_1.default.createElement(EntityTypeBadge_1.default, { entity: entity, size: "medium", className: styles.badge }),
68
- !mdm_sdk_1.isTempUri(entityUri) && (react_1.default.createElement(Tooltip_1.default, { title: ui_i18n_1.default.text('Copy to clipboard') },
68
+ !mdm_sdk_1.isTempUri(entityUri) && showEntityId && (react_1.default.createElement(Tooltip_1.default, { title: ui_i18n_1.default.text('Copy to clipboard') },
69
69
  react_1.default.createElement(Typography_1.default, { display: "inline", variant: "body2", className: styles.entityId, onClick: handleCopyEntityIdToClipboard },
70
70
  ui_i18n_1.default.text('Entity ID'),
71
71
  ": ",
@@ -76,6 +76,7 @@ ProfileBand.propTypes = {
76
76
  className: prop_types_1.default.string,
77
77
  entity: prop_types_1.default.object,
78
78
  children: prop_types_1.default.node,
79
- classes: prop_types_1.default.object
79
+ classes: prop_types_1.default.object,
80
+ showEntityId: prop_types_1.default.bool
80
81
  };
81
82
  exports.default = ProfileBand;
@@ -107,6 +107,9 @@ declare namespace MultiSelect {
107
107
  export const menuPortalTarget: PropTypes.Requireable<object>;
108
108
  export const getOptionValue: PropTypes.Requireable<(...args: any[]) => any>;
109
109
  export const isSearchable: PropTypes.Requireable<boolean>;
110
+ export const inputRef: PropTypes.Requireable<PropTypes.InferProps<{
111
+ current: PropTypes.Requireable<object>;
112
+ }>>;
110
113
  }
111
114
  }
112
115
  import PropTypes from "prop-types";
@@ -229,6 +229,7 @@ MultiSelect.propTypes = {
229
229
  menuPlacement: prop_types_1.default.string,
230
230
  menuPortalTarget: prop_types_1.default.object,
231
231
  getOptionValue: prop_types_1.default.func,
232
- isSearchable: prop_types_1.default.bool
232
+ isSearchable: prop_types_1.default.bool,
233
+ inputRef: prop_types_1.default.shape({ current: prop_types_1.default.object })
233
234
  };
234
235
  exports.default = MultiSelect;
@@ -1,2 +1,2 @@
1
- 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">;
1
+ 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">;
2
2
  export default _default;
@@ -35,7 +35,7 @@ export declare const ButtonWithTooltip: React.ForwardRefExoticComponent<import("
35
35
  TouchRippleProps?: Partial<import("@material-ui/core/ButtonBase/TouchRipple").TouchRippleProps>;
36
36
  } & 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>> & {
37
37
  ref?: React.Ref<HTMLButtonElement>;
38
- }, "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">>;
38
+ }, "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">>;
39
39
  declare type Props = {
40
40
  onDrawingModeChanged: (value: DrawingMode | null) => void;
41
41
  drawingMode: DrawingMode | null;
@@ -5,5 +5,5 @@ declare const _default: React.ComponentType<Pick<Pick<Omit<IconButtonProps<"butt
5
5
  iconClassName?: string;
6
6
  icon?: React.ElementType<any>;
7
7
  size?: "M" | "XXS" | "XS" | "S" | "MPlus" | "L" | "XL";
8
- }, "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">>;
8
+ }, "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">>;
9
9
  export default _default;