@reltio/components 1.4.1942 → 1.4.1943

package/cjs/HOCs/withReactSelectMuiSkin/components/ReactSelectValueContainer/ReactSelectValueContainer.js

@@ -5,7 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReactSelectValueContainer = void 0;
 var react_1 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var classnames_1 = __importDefault(require("classnames"));
 var ReactSelectValueContainer = function (props) {
     var _a;
@@ -13,8 +12,3 @@ var ReactSelectValueContainer = function (props) {
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)(classes.valueContainer, (_a = {}, _a[classes['valueContainer--multi']] = isMulti, _a)) }, children));
 };
 exports.ReactSelectValueContainer = ReactSelectValueContainer;
-exports.ReactSelectValueContainer.propTypes = {
-    children: prop_types_1.default.node,
-    selectProps: prop_types_1.default.object.isRequired,
-    isMulti: prop_types_1.default.bool
-};

package/cjs/HOCs/withReactSelectMuiSkin/helpers.d.ts

@@ -1,63 +1,10 @@
 /// <reference types="react" />
 export declare const reactSelectComponents: {
-    ClearIndicator: ({ selectProps: { classes }, innerProps }: {
-        innerProps: Omit<import("@mui/material").IconButtonProps, "size" | "className">;
-        selectProps: {
-            classes: {
-                clearIndicator: string;
-            };
-        };
-    }) => JSX.Element;
-    Control: {
-        (props: any): JSX.Element;
-        propTypes: {
-            children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
-            innerProps: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
-                onMouseDown: import("prop-types").Validator<(...args: any[]) => any>;
-            }>>>;
-            innerRef: import("prop-types").Validator<any>;
-            selectProps: import("prop-types").Requireable<import("prop-types").InferProps<{
-                classes: import("prop-types").Requireable<import("prop-types").InferProps<{
-                    control: import("prop-types").Validator<string>;
-                }>>;
-                TextFieldProps: import("prop-types").Requireable<object>;
-            }>>;
-        };
-    };
-    DropdownIndicator: {
-        (props: any): JSX.Element;
-        propTypes: {
-            innerProps: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
-                onMouseDown: import("prop-types").Validator<(...args: any[]) => any>;
-                onTouchEnd: import("prop-types").Validator<(...args: any[]) => any>;
-                'aria-hidden': import("prop-types").Validator<string>;
-            }>>>;
-            selectProps: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
-                classes: import("prop-types").Validator<object>;
-            }>>>;
-        };
-    };
-    GroupHeading: {
-        (props: any): JSX.Element;
-        propTypes: {
-            children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
-            selectProps: import("prop-types").Requireable<import("prop-types").InferProps<{
-                classes: import("prop-types").Requireable<import("prop-types").InferProps<{
-                    groupHeading: import("prop-types").Requireable<string>;
-                }>>;
-            }>>;
-        };
-    };
-    Menu: {
-        (props: any): JSX.Element;
-        propTypes: {
-            children: import("prop-types").Validator<import("prop-types").ReactElementLike>;
-            innerProps: import("prop-types").Validator<object>;
-            selectProps: import("prop-types").Validator<object>;
-            innerRef: import("prop-types").Requireable<any>;
-            getStyles: import("prop-types").Requireable<(...args: any[]) => any>;
-        };
-    };
+    ClearIndicator: (props: import("../..").ClearIndicatorWithMuiSkinProps<import("@mui/material").IconButtonProps>) => JSX.Element;
+    Control: (props: import("../..").ControlWithMuiSkinProps<import("react").HTMLAttributes<HTMLInputElement>>) => JSX.Element;
+    DropdownIndicator: (props: import("../..").DropdownIndicatorWithMuiSkinProps<import("@mui/material").IconButtonProps>) => JSX.Element;
+    GroupHeading: (props: import("../..").GroupHeadingWithMuiSkinProps) => JSX.Element;
+    Menu: (props: import("../..").MenuWithMuiSkinProps<import("@mui/material").PaperProps>) => JSX.Element;
     MultiValue: {
         (props: any): JSX.Element;
         propTypes: {
@@ -71,13 +18,12 @@ export declare const reactSelectComponents: {
             selectProps: import("prop-types").Validator<object>;
         };
     };
-    NoOptionsMessage: {
-        (props: any): JSX.Element;
-        propTypes: {
-            children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
-            selectProps: import("prop-types").Validator<object>;
+    NoOptionsMessage: (props: {
+        children: import("react").ReactNode;
+        selectProps: {
+            classes: Record<string, string>;
         };
-    };
+    }) => JSX.Element;
     Option: {
         (props: any): JSX.Element;
         propTypes: {
@@ -102,28 +48,7 @@ export declare const reactSelectComponents: {
             }>>;
         };
     };
-    Placeholder: {
-        (props: any): JSX.Element;
-        propTypes: {
-            children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
-            innerProps: import("prop-types").Requireable<object>;
-            selectProps: import("prop-types").Validator<object>;
-        };
-    };
-    SingleValue: {
-        (props: any): JSX.Element;
-        propTypes: {
-            children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
-            innerProps: import("prop-types").Requireable<object>;
-            selectProps: import("prop-types").Validator<object>;
-        };
-    };
-    ValueContainer: {
-        (props: any): JSX.Element;
-        propTypes: {
-            children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
-            selectProps: import("prop-types").Validator<object>;
-            isMulti: import("prop-types").Requireable<boolean>;
-        };
-    };
+    Placeholder: (props: import("../..").PlaceholderWithMuiSkinProps<import("@mui/material").TypographyProps>) => JSX.Element;
+    SingleValue: (props: import("../..").SingleValueWithMuiSkinProps<import("@mui/material").TypographyProps>) => JSX.Element;
+    ValueContainer: (props: import("../..").ValueContainerWithMuiSkinProps) => JSX.Element;
 };

package/cjs/HOCs/withReactSelectMuiSkin/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"menu" | "placeholder" | "option" | "singleValue" | "dropdownIndicator" | "control" | "option--selected" | "option--item" | "groupHeading" | "multiValue__label" | "valueContainer--multi" | "valueContainer" | "multiValue" | "noOptionsMessage" | "clearIndicator">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"menu" | "placeholder" | "option" | "singleValue" | "dropdownIndicator" | "control" | "option--selected" | "option--item" | "clearIndicator" | "groupHeading" | "multiValue" | "noOptionsMessage" | "valueContainer" | "multiValue__label" | "valueContainer--multi">;

package/cjs/HOCs/withReactSelectMuiSkin/withReactSelectMuiSkin.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-import { OptionTypeBase, Props } from 'react-select';
-export declare const withReactSelectMuiSkin: <OptionType extends OptionTypeBase>(SelectComponent: any) => {
-    (props: any): JSX.Element;
+import { Props, GroupBase } from 'react-select';
+import { ReactSelectMuiSkinProps } from '../../types';
+export declare const withReactSelectMuiSkin: <Option, IsMulti extends boolean, Group extends GroupBase<Option> = GroupBase<Option>>(SelectComponent: any) => {
+    (props: Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<Option, IsMulti, Group>, "onChange" | "value" | "onMenuClose" | "onMenuOpen" | "menuIsOpen" | "inputValue" | "onInputChange"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<Option, IsMulti, Group>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<Option> & ReactSelectMuiSkinProps): JSX.Element;
     displayName: string;
     defaultProps: {
         components: {};

package/cjs/MatchRulesSelector/MatchRulesSelector.test.js

@@ -106,10 +106,10 @@ describe('MatchRulesSelector tests', function () {
             switch (_a.label) {
                 case 0:
                     user = setUp().user;
-                    return [4 /*yield*/, user.click(react_2.screen.getByRole('textbox'))];
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('combobox'))];
                 case 1:
                     _a.sent();
-                    expect(react_2.screen.getAllByRole('menuitem')).toHaveLength(2);
+                    expect(react_2.screen.getAllByRole('option')).toHaveLength(2);
                     react_2.screen.getByText('matchRule1');
                     react_2.screen.getByText('matchRule2');
                     return [2 /*return*/];
@@ -123,10 +123,10 @@ describe('MatchRulesSelector tests', function () {
                 case 0:
                     props = __assign(__assign({}, defaultProps), { name: mdm_sdk_1.MatchRulesAttrNames.MLRecommendedMatch });
                     user = setUp(props).user;
-                    return [4 /*yield*/, user.click(react_2.screen.getByRole('textbox'))];
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('combobox'))];
                 case 1:
                     _a.sent();
-                    expect(react_2.screen.getAllByRole('menuitem')).toHaveLength(2);
+                    expect(react_2.screen.getAllByRole('option')).toHaveLength(2);
                     react_2.screen.getByText('MLmatchRule1');
                     react_2.screen.getByText('MLmatchRule2');
                     return [2 /*return*/];

package/cjs/MultiSelect/MultiSelect.js

@@ -62,7 +62,7 @@ var styles_1 = require("./styles");
 var getControlRef = function (innerRef) {
     var controlRef = {};
     if (innerRef.current) {
-        controlRef.current = (0, ramda_1.either)((0, ramda_1.path)(['select', 'controlRef']), (0, ramda_1.path)(['select', 'select', 'controlRef']))(innerRef.current);
+        controlRef.current = (0, ramda_1.prop)('controlRef', innerRef.current);
     }
     return controlRef;
 };

package/cjs/MultiValueSelector/MultiValueSelector.js

@@ -62,7 +62,7 @@ var MultiValueSelector = function (_a) {
     var valueToOption = (0, react_1.useCallback)(function (value) { return options.find(function (option) { return option.value === value; }) || { value: value, label: value }; }, [options]);
     var preparedValues = (0, react_1.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_1.default.createElement(MultiSelect_1.MultiSelect, { value: preparedValues, onChange: (0, ramda_1.pipe)((0, ramda_1.defaultTo)([]), (0, ramda_1.pluck)('value'), onChange), options: options, TextFieldProps: __assign({ InputProps: __assign({ disableUnderline: (0, mdm_sdk_1.isEmptyValue)(values) }, InputProps), variant: 'filled', className: textFieldClassName, ref: inputRef }, otherTextFieldProps), components: {
+    return (react_1.default.createElement(MultiSelect_1.MultiSelect, { value: preparedValues, onChange: (0, ramda_1.pipe)((0, ramda_1.pluck)('value'), onChange), options: options, TextFieldProps: __assign({ InputProps: __assign({ disableUnderline: (0, mdm_sdk_1.isEmptyValue)(values) }, InputProps), variant: 'filled', className: textFieldClassName, ref: inputRef }, otherTextFieldProps), components: {
             DropdownIndicator: ReactSelectDropdownIndicatorWithIconButton_1.ReactSelectDropdownIndicatorWithIconButton,
             Option: ReactSelectOptionWithCheckIcon_1.ReactSelectOptionWithCheckIcon,
             Menu: ReactSelectMenuWithPopper_1.ReactSelectMenuWithPopper,

package/cjs/ReactSelect/ReactSelect.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const ReactSelect: {
-    (props: any): JSX.Element;
+    (props: Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>, "onChange" | "value" | "onMenuClose" | "onMenuOpen" | "menuIsOpen" | "inputValue" | "onInputChange"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("..").ReactSelectMuiSkinProps): JSX.Element;
     displayName: string;
     defaultProps: {
         components: {};

package/cjs/ReactSelectMenuWithPopper/ReactSelectMenuWithPopper.js

@@ -87,7 +87,7 @@ exports.ReactSelectMenuWithPopper.propTypes = {
         prop_types_1.default.oneOf([null]),
         prop_types_1.default.func,
         prop_types_1.default.shape({
-            current: prop_types_1.default.any.isRequired
+            current: prop_types_1.default.any
         })
     ]).isRequired,
     innerProps: prop_types_1.default.object.isRequired

package/cjs/RelationEditor/IntegrationRelationEditor.test.js

@@ -177,7 +177,7 @@ describe('RelationEditor behaviour', function () {
             switch (_a.label) {
                 case 0:
                     user = setUp().user;
-                    inputs = react_2.screen.getAllByRole('textbox');
+                    inputs = react_2.screen.getAllByRole('combobox');
                     return [4 /*yield*/, user.click(inputs[0])];
                 case 1:
                     _a.sent();
@@ -200,7 +200,7 @@ describe('RelationEditor behaviour', function () {
                     props = __assign(__assign({}, defaultProps), { mode: mdm_sdk_1.Mode.Suggesting });
                     mdmValues = __assign(__assign({}, defaultMdmValues), { entity: __assign(__assign({}, defaultEntity), { uri: 'entities/123' }) });
                     user = setUp({ props: props, mdmValues: mdmValues }).user;
-                    inputs = react_2.screen.getAllByRole('textbox');
+                    inputs = react_2.screen.getAllByRole('combobox');
                     return [4 /*yield*/, user.click(inputs[0])];
                 case 1:
                     _a.sent();
@@ -238,7 +238,7 @@ describe('RelationEditor behaviour', function () {
                     props = __assign(__assign({}, defaultProps), { mode: mdm_sdk_1.Mode.Suggesting });
                     mdmValues = __assign(__assign({}, defaultMdmValues), { uiConfigProfile: uiConfigProfile });
                     user = setUp({ props: props, mdmValues: mdmValues }).user;
-                    inputs = react_2.screen.getAllByRole('textbox');
+                    inputs = react_2.screen.getAllByRole('combobox');
                     return [4 /*yield*/, user.click(inputs[0])];
                 case 1:
                     _a.sent();
@@ -254,7 +254,7 @@ describe('RelationEditor behaviour', function () {
                 case 0:
                     props = __assign(__assign({}, defaultProps), { mode: mdm_sdk_1.Mode.Suggesting });
                     user = setUp({ props: props }).user;
-                    inputs = react_2.screen.getAllByRole('textbox');
+                    inputs = react_2.screen.getAllByRole('combobox');
                     return [4 /*yield*/, user.click(inputs[0])];
                 case 1:
                     _a.sent();
@@ -272,7 +272,7 @@ describe('RelationEditor behaviour', function () {
                         'entities/uri$$123': ['configuration/relationTypes/HasAddress/attributes/Active']
                     };
                     user = setUp({ hiddenAttributes: hiddenAttributes }).user;
-                    inputs = react_2.screen.getAllByRole('textbox');
+                    inputs = react_2.screen.getAllByRole('combobox');
                     return [4 /*yield*/, user.click(inputs[0])];
                 case 1:
                     _a.sent();

package/cjs/RolesEditor/RolesEditor.test.js

@@ -132,7 +132,7 @@ describe('RolesEditor tests', function () {
             switch (_a.label) {
                 case 0:
                     user = setUp().user;
-                    return [4 /*yield*/, user.click(react_2.screen.getByRole('textbox'))];
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('combobox'))];
                 case 1:
                     _a.sent();
                     expect(react_2.screen.queryByText('Pharmacy')).not.toBeInTheDocument();
@@ -177,7 +177,7 @@ describe('RolesEditor tests', function () {
                     onChange = defaultProps.onChange;
                     props = __assign(__assign({}, defaultProps), { values: [] });
                     user = setUp(props).user;
-                    return [4 /*yield*/, user.click(react_2.screen.getByRole('textbox'))];
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('combobox'))];
                 case 1:
                     _a.sent();
                     return [4 /*yield*/, user.click(react_2.screen.getByText('Practice Manager'))];

package/cjs/SimpleAttributeEditor/SimpleAttributeEditor.test.js

@@ -442,7 +442,7 @@ describe('SimpleAttributeEditor', function () {
                     case 1:
                         _a.sent();
                         expect(react_2.screen.getByText('Some placeholder')).toBeDefined();
-                        input = react_2.screen.getByRole('textbox');
+                        input = react_2.screen.getByRole('combobox');
                         expect(input).toBeDefined();
                         expect(input.getAttribute('value')).toBe('');
                         expect(input.hasAttribute('disabled')).toBe(true);
@@ -473,7 +473,7 @@ describe('SimpleAttributeEditor', function () {
                         return [4 /*yield*/, setUp()];
                     case 1:
                         user = (_a.sent()).user;
-                        input = react_2.screen.getByRole('textbox');
+                        input = react_2.screen.getByRole('combobox');
                         expect(input).toBeDefined();
                         return [4 /*yield*/, user.clear(input)];
                     case 2:

package/cjs/SourceSystemsSelector/SourceSystemsSelector.test.js

@@ -88,7 +88,7 @@ describe('SourceSystemsSelector tests', function () {
             switch (_a.label) {
                 case 0:
                     user = setUp().user;
-                    return [4 /*yield*/, user.click(react_2.screen.getByRole('textbox'))];
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('combobox'))];
                 case 1:
                     _a.sent();
                     react_2.screen.getByText('A');
@@ -109,7 +109,7 @@ describe('SourceSystemsSelector tests', function () {
                 case 0:
                     onChange = defaultProps.onChange;
                     user = setUp().user;
-                    return [4 /*yield*/, user.click(react_2.screen.getByRole('textbox'))];
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('combobox'))];
                 case 1:
                     _a.sent();
                     return [4 /*yield*/, user.click(react_2.screen.getByText('A'))];

package/cjs/UserSelector/UserSelector.js

@@ -58,7 +58,7 @@ var UserSelector = function (_a) {
     };
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.root, className), "data-reltio-id": "user-selector" },
         react_1.default.createElement(Typography_1.default, { className: styles.title, variant: 'subtitle1' }, ui_i18n_1.default.text('User')),
-        react_1.default.createElement(MultiSelect_1.MultiSelect, { value: prepareValues(selectedUsers), onChange: (0, ramda_1.pipe)((0, ramda_1.defaultTo)([]), (0, ramda_1.pluck)('value'), onChange), defaultOptions: true, getOptions: getOptions, TextFieldProps: {
+        react_1.default.createElement(MultiSelect_1.MultiSelect, { value: prepareValues(selectedUsers), onChange: (0, ramda_1.pipe)((0, ramda_1.pluck)('value'), onChange), defaultOptions: true, getOptions: getOptions, TextFieldProps: {
                 InputProps: { disableUnderline: disableUnderline },
                 className: styles.dropDownInput,
                 ref: inputRef

package/cjs/UserSelector/UserSelector.specs.js

@@ -92,7 +92,7 @@ describe('UserSelector tests', function () {
                     onChange = defaultProps.onChange;
                     user = setUp().user;
                     react_2.screen.getByText('User');
-                    return [4 /*yield*/, user.click(react_2.screen.getByRole('textbox'))];
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('combobox'))];
                 case 1:
                     _a.sent();
                     users.forEach(function (_a) {

package/cjs/constants/reactSelect.d.ts

@@ -1,3 +1,3 @@
 export declare const ReactSelectOptionFilters: {
-    BY_LABEL: (option: import("react-select/src/filters").Option, rawInput: string) => boolean;
+    BY_LABEL: (option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, rawInput: string) => boolean;
 };

package/cjs/features/activity-log/ActivityFilterEditor/ActivityFilterEditor.specs.js

@@ -188,7 +188,7 @@ describe('ActivityFilterEditor tests', function () {
                     entityType = editor_test_data_1.metadata.entityTypes[1];
                     user = setUp({ value: filterValue, entityType: entityType }).user;
                     attributeSelector = react_2.screen.getByTestId('attribute-selector');
-                    return [4 /*yield*/, user.click((0, react_2.within)(attributeSelector).getByRole('textbox'))];
+                    return [4 /*yield*/, user.click((0, react_2.within)(attributeSelector).getByRole('combobox'))];
                 case 1:
                     _a.sent();
                     return [4 /*yield*/, user.click(react_2.screen.getByRole('menuitem', { name: 'Activity' }))];
@@ -210,10 +210,10 @@ describe('ActivityFilterEditor tests', function () {
                     filterValue = __assign(__assign({}, editor_test_data_1.value), { activities: [types_1.ActivityTypes.ENTITY_CHANGED] });
                     user = setUp({ value: filterValue }).user;
                     entityTypeSelector = react_2.screen.getByTestId('entity-types-selector');
-                    return [4 /*yield*/, user.click((0, react_2.within)(entityTypeSelector).getByRole('textbox'))];
+                    return [4 /*yield*/, user.click((0, react_2.within)(entityTypeSelector).getByRole('combobox'))];
                 case 1:
                     _a.sent();
-                    return [4 /*yield*/, user.click(react_2.screen.getByRole('menuitem', { name: 'HCA' }))];
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('option', { name: 'HCA' }))];
                 case 2:
                     _a.sent();
                     newEntityTypes = [editor_test_data_1.metadata.entityTypes[1]];
@@ -234,7 +234,7 @@ describe('ActivityFilterEditor tests', function () {
                     entityType = { uri: 'test', attributes: [] };
                     user = setUp({ value: filterValue, entityType: entityType }).user;
                     activitySelector = react_2.screen.getByTestId('activity-selector');
-                    textbox = (0, react_2.within)(activitySelector).getByRole('textbox');
+                    textbox = (0, react_2.within)(activitySelector).getByRole('combobox');
                     return [4 /*yield*/, user.click(textbox)];
                 case 1:
                     _a.sent();

package/cjs/features/activity-log/ActivityFilterEditor/components/ActivitySelector/ActivitySelector.js

@@ -23,7 +23,7 @@ var ActivitySelector = function (_a) {
     var options = (0, ramda_1.pipe)((0, ramda_1.sortBy)(function (option) { return (0, activities_1.getActivityLabel)(option); }), prepareValues)(activityTypes);
     return (react_1.default.createElement("div", { className: styles.selectorWrapper, "data-reltio-id": "activity-selector" },
         react_1.default.createElement(Typography_1.default, { className: (0, classnames_1.default)(styles.filterSubtitle, styles.labels), variant: 'subtitle1' }, ui_i18n_1.default.text('Activity')),
-        react_1.default.createElement(MultiSelect_1.MultiSelect, { value: prepareValues(selectedActivityTypes), onChange: (0, ramda_1.pipe)((0, ramda_1.defaultTo)([]), (0, ramda_1.pluck)('value'), onChange), options: options, TextFieldProps: {
+        react_1.default.createElement(MultiSelect_1.MultiSelect, { value: prepareValues(selectedActivityTypes), onChange: (0, ramda_1.pipe)((0, ramda_1.pluck)('value'), onChange), options: options, TextFieldProps: {
                 InputProps: { disableUnderline: true },
                 classes: { root: styles.dropDownInput }
             }, components: {

package/cjs/features/activity-log/ActivityFilterEditor/components/EntityTypesSelector/EntityTypesSelector.js

@@ -20,7 +20,7 @@ var EntityTypesSelector = function (_a) {
     var options = (0, ramda_1.pipe)((0, ramda_1.sortBy)(function (option) { return option.label; }), prepareValues)(entityTypes);
     return (react_1.default.createElement("div", { className: styles.selectorWrapper, "data-reltio-id": "entity-types-selector" },
         react_1.default.createElement(Typography_1.default, { className: (0, classnames_1.default)(styles.filterSubtitle, styles.labels), variant: 'subtitle1' }, ui_i18n_1.default.text('Type')),
-        react_1.default.createElement(MultiSelect_1.MultiSelect, { value: prepareValues(selectedEntityTypes), onChange: (0, ramda_1.pipe)((0, ramda_1.defaultTo)([]), (0, ramda_1.pluck)('entityType'), onChange), options: options, TextFieldProps: {
+        react_1.default.createElement(MultiSelect_1.MultiSelect, { value: prepareValues(selectedEntityTypes), onChange: (0, ramda_1.pipe)((0, ramda_1.pluck)('entityType'), onChange), options: options, TextFieldProps: {
                 InputProps: { disableUnderline: true },
                 classes: { root: styles.dropDownInput }
             }, components: {

package/cjs/features/activity-log/ActivityFilterEditor/components/SourceSelector/SourceSelector.js

@@ -20,7 +20,7 @@ var SourceSelector = function (_a) {
     var options = (0, ramda_1.sortBy)(function (option) { return option.label; })(metadata.sources);
     return (react_1.default.createElement("div", { className: styles.selectorWrapper, "data-reltio-id": "source-selector" },
         react_1.default.createElement(Typography_1.default, { className: (0, classnames_1.default)(styles.filterSubtitle, styles.labels), variant: 'subtitle1' }, ui_i18n_1.default.text('Source')),
-        react_1.default.createElement(MultiSelect_1.MultiSelect, { value: selectedSources, onChange: (0, ramda_1.pipe)((0, ramda_1.defaultTo)([]), onChange), options: options, TextFieldProps: {
+        react_1.default.createElement(MultiSelect_1.MultiSelect, { value: selectedSources, onChange: onChange, options: options, TextFieldProps: {
                 InputProps: { disableUnderline: true },
                 classes: { root: styles.dropDownInput }
             }, components: {

package/cjs/features/activity-log/ActivityFilterEditor/components/SourceSelector/SourceSelector.specs.js

@@ -100,7 +100,7 @@ describe('Source selector tests', function () {
                     onChange = defaultProps.onChange;
                     user = setUp().user;
                     react_2.screen.getByText('Source');
-                    input = react_2.screen.getByRole('textbox');
+                    input = react_2.screen.getByRole('combobox');
                     return [4 /*yield*/, user.click(input)];
                 case 1:
                     _b.sent();
@@ -111,7 +111,7 @@ describe('Source selector tests', function () {
                 case 2:
                     _b.sent();
                     _a = defaultMetadata.sources, sources = _a === void 0 ? [] : _a;
-                    expect(onChange).toHaveBeenCalledWith([sources[0]]);
+                    expect(onChange).toHaveBeenCalledWith([sources[0]], expect.any(Object));
                     return [2 /*return*/];
             }
         });

package/cjs/features/activity-log/RelationObject/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"link" | "relationship" | "delimiter">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"link" | "delimiter" | "relationship">;

package/cjs/features/history/HistoryActivitySelector/HistoryActivitySelector.js

@@ -21,7 +21,7 @@ var HistoryActivitySelector = function (_a) {
     var options = prepareValues(helpers_1.historyActivityOptions);
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.root, className), "data-reltio-id": "history-activity-selector" },
         react_1.default.createElement(Typography_1.default, { className: styles.title, variant: 'subtitle1' }, ui_i18n_1.default.text('Activity')),
-        react_1.default.createElement(MultiSelect_1.MultiSelect, { value: prepareValues(selectedHistoryActivityTypes), onChange: (0, ramda_1.pipe)((0, ramda_1.defaultTo)([]), (0, ramda_1.pluck)('value'), onChange), options: options, TextFieldProps: {
+        react_1.default.createElement(MultiSelect_1.MultiSelect, { value: prepareValues(selectedHistoryActivityTypes), onChange: (0, ramda_1.pipe)((0, ramda_1.pluck)('value'), onChange), options: options, TextFieldProps: {
                 InputProps: { disableUnderline: disableUnderline },
                 classes: { root: styles.dropDownInput }
             }, components: {

package/cjs/features/history/HistoryActivitySelector/HistoryActivitySelector.specs.js

@@ -77,10 +77,10 @@ describe('HistoryActivitySelector tests', function () {
                     user = user_event_1.default.setup();
                     (0, react_2.render)(react_1.default.createElement(HistoryActivitySelector_1.HistoryActivitySelector, __assign({}, props)));
                     expect(react_2.screen.getByText('Activity')).toBeInTheDocument();
-                    return [4 /*yield*/, user.click(react_2.screen.getByRole('textbox'))];
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('combobox'))];
                 case 1:
                     _a.sent();
-                    menuItems = react_2.screen.getAllByRole('menuitem');
+                    menuItems = react_2.screen.getAllByRole('option');
                     expect(menuItems).toHaveLength(3);
                     menuItems.forEach(function (item, i) {
                         expect(item).toHaveTextContent(activityOptions[i].label);
@@ -88,7 +88,7 @@ describe('HistoryActivitySelector tests', function () {
                     return [4 /*yield*/, user.click(menuItems[1])];
                 case 2:
                     _a.sent();
-                    return [4 /*yield*/, user.click(react_2.screen.getByRole('textbox'))];
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('combobox'))];
                 case 3:
                     _a.sent();
                     expect(props.onChange).toHaveBeenCalledWith([types_1.HistoryActivityType.UPDATE, types_1.HistoryActivityType.MERGE]);

package/cjs/features/history/HistoryFilterButton/HistoryFilterButton.test.js

@@ -196,7 +196,7 @@ describe('HistoryFilterButton tests', function () {
                     expect((0, react_2.within)(userSelectorBefore).getByText('User')).toBeInTheDocument();
                     expect((0, react_2.within)(userSelectorBefore).getByText('username1')).toBeInTheDocument();
                     expect((0, react_2.within)(userSelectorBefore).getByText('username3')).toBeInTheDocument();
-                    return [4 /*yield*/, user.click((0, react_2.within)(userSelectorBefore).getByRole('textbox'))];
+                    return [4 /*yield*/, user.click((0, react_2.within)(userSelectorBefore).getByRole('combobox'))];
                 case 2:
                     _a.sent();
                     return [4 /*yield*/, user.click(react_2.screen.getByText('username2'))];
@@ -288,7 +288,7 @@ describe('HistoryFilterButton tests', function () {
                 case 1:
                     _a.sent();
                     userSelector = react_2.screen.getByTestId('user-selector');
-                    return [4 /*yield*/, user.click((0, react_2.within)(userSelector).getByRole('textbox'))];
+                    return [4 /*yield*/, user.click((0, react_2.within)(userSelector).getByRole('combobox'))];
                 case 2:
                     _a.sent();
                     return [4 /*yield*/, user.click(react_2.screen.getByText('username2'))];
@@ -312,7 +312,7 @@ describe('HistoryFilterButton tests', function () {
                 case 1:
                     _a.sent();
                     historyActivitySelector = react_2.screen.getByTestId('history-activity-selector');
-                    return [4 /*yield*/, user.click((0, react_2.within)(historyActivitySelector).getByRole('textbox'))];
+                    return [4 /*yield*/, user.click((0, react_2.within)(historyActivitySelector).getByRole('combobox'))];
                 case 2:
                     _a.sent();
                     return [4 /*yield*/, user.click(react_2.screen.getByText('Merge'))];
@@ -336,7 +336,7 @@ describe('HistoryFilterButton tests', function () {
                 case 1:
                     _a.sent();
                     attributeSelector = react_2.screen.getByTestId('attribute-selector');
-                    return [4 /*yield*/, user.click((0, react_2.within)(attributeSelector).getByRole('textbox'))];
+                    return [4 /*yield*/, user.click((0, react_2.within)(attributeSelector).getByRole('combobox'))];
                 case 2:
                     _a.sent();
                     return [4 /*yield*/, user.click(react_2.screen.getByText('TenantID'))];
@@ -401,7 +401,7 @@ describe('HistoryFilterButton tests', function () {
                             });
                         });
                     }
-                    return [4 /*yield*/, user.click((0, react_2.within)(attributeSelector).getByRole('textbox'))];
+                    return [4 /*yield*/, user.click((0, react_2.within)(attributeSelector).getByRole('combobox'))];
                 case 2:
                     _a.sent();
                     return [4 /*yield*/, user.click(react_2.screen.getByText('TenantID'))];
@@ -437,7 +437,7 @@ describe('HistoryFilterButton tests', function () {
                             });
                         });
                     }
-                    return [4 /*yield*/, user.click((0, react_2.within)(userSelector).getByRole('textbox'))];
+                    return [4 /*yield*/, user.click((0, react_2.within)(userSelector).getByRole('combobox'))];
                 case 2:
                     _a.sent();
                     return [4 /*yield*/, user.click(react_2.screen.getByText('username2'))];

package/cjs/features/workflow/AssigneeSelector/AssigneeSelector.spec.js

@@ -162,13 +162,13 @@ describe('AssigneeSelector tests', function () {
                 } }) });
         var mdmValues = __assign(__assign({}, defaultMdmValues), { user: user });
         setUp({ mdmValues: mdmValues });
-        expect(react_2.screen.getByRole('textbox')).toBeDisabled();
+        expect(react_2.screen.getByRole('combobox')).toBeDisabled();
         expect(mdm_sdk_1.getAssigneeForTask).not.toHaveBeenCalled();
     });
     it('should disable DropDownSelector if task is closed', function () {
         var props = __assign(__assign({}, defaultProps), { isTaskOpen: false });
         setUp({ props: props });
-        expect(react_2.screen.getByRole('textbox')).toBeDisabled();
+        expect(react_2.screen.getByRole('combobox')).toBeDisabled();
         expect(mdm_sdk_1.getAssigneeForTask).not.toHaveBeenCalled();
     });
     it('should filter options ignore case', function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -180,7 +180,7 @@ describe('AssigneeSelector tests', function () {
                     return [4 /*yield*/, react_2.screen.findByText('Assigned to')];
                 case 1:
                     _a.sent();
-                    input = react_2.screen.getByRole('textbox');
+                    input = react_2.screen.getByRole('combobox');
                     return [4 /*yield*/, user.click(input)];
                 case 2:
                     _a.sent();
@@ -208,7 +208,7 @@ describe('AssigneeSelector tests', function () {
                     return [4 /*yield*/, react_2.screen.findByText('Assigned to')];
                 case 1:
                     _a.sent();
-                    input = react_2.screen.getByRole('textbox');
+                    input = react_2.screen.getByRole('combobox');
                     return [4 /*yield*/, user.click(input)];
                 case 2:
                     _a.sent();
@@ -243,7 +243,7 @@ describe('AssigneeSelector tests', function () {
                     return [4 /*yield*/, react_2.screen.findByText('Assigned to')];
                 case 1:
                     _a.sent();
-                    input = react_2.screen.getByRole('textbox');
+                    input = react_2.screen.getByRole('combobox');
                     return [4 /*yield*/, user.click(input)];
                 case 2:
                     _a.sent();
@@ -280,7 +280,7 @@ describe('AssigneeSelector tests', function () {
                     return [4 /*yield*/, react_2.screen.findByText('Assigned to')];
                 case 1:
                     _a.sent();
-                    input = react_2.screen.getByRole('textbox');
+                    input = react_2.screen.getByRole('combobox');
                     return [4 /*yield*/, user.click(input)];
                 case 2:
                     _a.sent();

package/cjs/features/workflow/ReassignButton/ReassignButton.spec.js

@@ -144,7 +144,7 @@ describe('ReassignButton tests', function () {
                     return [4 /*yield*/, user.click(react_2.screen.getByTestId('select-dropdown-indicator'))];
                 case 2:
                     _a.sent();
-                    return [4 /*yield*/, react_2.screen.findByRole('menuitem', { name: 'firstUser' })];
+                    return [4 /*yield*/, react_2.screen.findByRole('option', { name: 'firstUser' })];
                 case 3:
                     item = _a.sent();
                     return [4 /*yield*/, user.click(item)];
@@ -210,7 +210,7 @@ describe('ReassignButton tests', function () {
                     return [4 /*yield*/, user.click(react_2.screen.getByTestId('select-dropdown-indicator'))];
                 case 2:
                     _a.sent();
-                    return [4 /*yield*/, react_2.screen.findByRole('menuitem', { name: newAssigneeName })];
+                    return [4 /*yield*/, react_2.screen.findByRole('option', { name: newAssigneeName })];
                 case 3:
                     item = _a.sent();
                     return [4 /*yield*/, user.click(item)];