@reltio/components 1.4.1942 → 1.4.1944

package/esm/HOCs/withReactSelectMuiSkin/components/ReactSelectSingleValue/ReactSelectSingleValue.d.ts

@@ -1,9 +1,4 @@
-export function ReactSelectSingleValue(props: any): JSX.Element;
-export namespace ReactSelectSingleValue {
-    namespace propTypes {
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        let innerProps: PropTypes.Requireable<object>;
-        let selectProps: PropTypes.Validator<object>;
-    }
-}
-import PropTypes from 'prop-types';
+/// <reference types="react" />
+import { TypographyProps } from '@mui/material/Typography';
+import { SingleValueWithMuiSkinProps } from '../../../../types';
+export declare const ReactSelectSingleValue: (props: SingleValueWithMuiSkinProps<TypographyProps>) => JSX.Element;

package/esm/HOCs/withReactSelectMuiSkin/components/ReactSelectSingleValue/ReactSelectSingleValue.js

@@ -10,14 +10,8 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from 'react';
-import PropTypes from 'prop-types';
 import Typography from '@mui/material/Typography';
 export var ReactSelectSingleValue = function (props) {
     var classes = props.selectProps.classes, innerProps = props.innerProps, children = props.children;
     return (React.createElement(Typography, __assign({ className: classes.singleValue }, innerProps), children));
 };
-ReactSelectSingleValue.propTypes = {
-    children: PropTypes.node,
-    innerProps: PropTypes.object,
-    selectProps: PropTypes.object.isRequired
-};

package/esm/HOCs/withReactSelectMuiSkin/components/ReactSelectValueContainer/ReactSelectValueContainer.d.ts

@@ -1,9 +1,3 @@
-export function ReactSelectValueContainer(props: any): JSX.Element;
-export namespace ReactSelectValueContainer {
-    namespace propTypes {
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        let selectProps: PropTypes.Validator<object>;
-        let isMulti: PropTypes.Requireable<boolean>;
-    }
-}
-import PropTypes from 'prop-types';
+/// <reference types="react" />
+import { ValueContainerWithMuiSkinProps } from '../../../../types';
+export declare const ReactSelectValueContainer: (props: ValueContainerWithMuiSkinProps) => JSX.Element;

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

@@ -1,13 +1,7 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import classnames from 'classnames';
 export var ReactSelectValueContainer = function (props) {
     var _a;
     var classes = props.selectProps.classes, children = props.children, isMulti = props.isMulti;
     return (React.createElement("div", { className: classnames(classes.valueContainer, (_a = {}, _a[classes['valueContainer--multi']] = isMulti, _a)) }, children));
 };
-ReactSelectValueContainer.propTypes = {
-    children: PropTypes.node,
-    selectProps: PropTypes.object.isRequired,
-    isMulti: PropTypes.bool
-};

package/esm/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/esm/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/esm/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/esm/MatchRulesSelector/MatchRulesSelector.test.js

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

package/esm/MultiSelect/MultiSelect.js

@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { useState, useRef } from 'react';
 import PropTypes from 'prop-types';
-import { omit, either, path } from 'ramda';
+import { omit, prop } from 'ramda';
 import { CreatableReactSelect } from '../CreatableReactSelect';
 import { ReactSelect } from '../ReactSelect';
 import { AsyncReactSelect } from '../AsyncReactSelect';
@@ -33,7 +33,7 @@ import { useStyles } from './styles';
 var getControlRef = function (innerRef) {
     var controlRef = {};
     if (innerRef.current) {
-        controlRef.current = either(path(['select', 'controlRef']), path(['select', 'select', 'controlRef']))(innerRef.current);
+        controlRef.current = prop('controlRef', innerRef.current);
     }
     return controlRef;
 };

package/esm/MultiValueSelector/MultiValueSelector.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { memo, useCallback, useRef, useMemo } from 'react';
-import { defaultTo, pipe, pluck } from 'ramda';
+import { pipe, pluck } from 'ramda';
 import { isEmptyValue } from '@reltio/mdm-sdk';
 import { ReactSelectDropdownIndicatorWithIconButton } from '../ReactSelectDropdownIndicatorWithIconButton';
 import { ReactSelectOptionWithCheckIcon } from '../ReactSelectOptionWithCheckIcon';
@@ -37,7 +37,7 @@ var MultiValueSelector = function (_a) {
     var valueToOption = useCallback(function (value) { return options.find(function (option) { return option.value === value; }) || { value: value, label: value }; }, [options]);
     var preparedValues = useMemo(function () { return values.map(valueToOption); }, [valueToOption, values]);
     var _d = TextFieldProps.InputProps, InputProps = _d === void 0 ? {} : _d, textFieldClassName = TextFieldProps.className, otherTextFieldProps = __rest(TextFieldProps, ["InputProps", "className"]);
-    return (React.createElement(MultiSelect, { value: preparedValues, onChange: pipe(defaultTo([]), pluck('value'), onChange), options: options, TextFieldProps: __assign({ InputProps: __assign({ disableUnderline: isEmptyValue(values) }, InputProps), variant: 'filled', className: textFieldClassName, ref: inputRef }, otherTextFieldProps), components: {
+    return (React.createElement(MultiSelect, { value: preparedValues, onChange: pipe(pluck('value'), onChange), options: options, TextFieldProps: __assign({ InputProps: __assign({ disableUnderline: isEmptyValue(values) }, InputProps), variant: 'filled', className: textFieldClassName, ref: inputRef }, otherTextFieldProps), components: {
             DropdownIndicator: ReactSelectDropdownIndicatorWithIconButton,
             Option: ReactSelectOptionWithCheckIcon,
             Menu: ReactSelectMenuWithPopper,

package/esm/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/esm/ReactSelectMenuWithPopper/ReactSelectMenuWithPopper.js

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

package/esm/RelationEditor/IntegrationRelationEditor.test.js

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

package/esm/RolesEditor/RolesEditor.test.js

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

package/esm/SimpleAttributeEditor/SimpleAttributeEditor.test.js

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

package/esm/SourceSystemsSelector/SourceSystemsSelector.test.js

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

package/esm/UserSelector/UserSelector.js

@@ -1,6 +1,6 @@
 import React, { useRef } from 'react';
 import i18n from 'ui-i18n';
-import { defaultTo, pipe, pluck } from 'ramda';
+import { pipe, pluck } from 'ramda';
 import classnames from 'classnames';
 import Typography from '@mui/material/Typography';
 import { getAllUsersForTenant, utils } from '@reltio/mdm-sdk';
@@ -29,7 +29,7 @@ export var UserSelector = function (_a) {
     };
     return (React.createElement("div", { className: classnames(styles.root, className), "data-reltio-id": "user-selector" },
         React.createElement(Typography, { className: styles.title, variant: 'subtitle1' }, i18n.text('User')),
-        React.createElement(MultiSelect, { value: prepareValues(selectedUsers), onChange: pipe(defaultTo([]), pluck('value'), onChange), defaultOptions: true, getOptions: getOptions, TextFieldProps: {
+        React.createElement(MultiSelect, { value: prepareValues(selectedUsers), onChange: pipe(pluck('value'), onChange), defaultOptions: true, getOptions: getOptions, TextFieldProps: {
                 InputProps: { disableUnderline: disableUnderline },
                 className: styles.dropDownInput,
                 ref: inputRef

package/esm/UserSelector/UserSelector.specs.js

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

package/esm/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/esm/features/activity-log/ActivityFilterEditor/ActivityFilterEditor.specs.js

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

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import i18n from 'ui-i18n';
-import { defaultTo, pipe, pluck, sortBy } from 'ramda';
+import { pipe, pluck, sortBy } from 'ramda';
 import classnames from 'classnames';
 import Typography from '@mui/material/Typography';
 import { MultiSelect } from '../../../../../MultiSelect';
@@ -17,7 +17,7 @@ export var ActivitySelector = function (_a) {
     var options = pipe(sortBy(function (option) { return getActivityLabel(option); }), prepareValues)(activityTypes);
     return (React.createElement("div", { className: styles.selectorWrapper, "data-reltio-id": "activity-selector" },
         React.createElement(Typography, { className: classnames(styles.filterSubtitle, styles.labels), variant: 'subtitle1' }, i18n.text('Activity')),
-        React.createElement(MultiSelect, { value: prepareValues(selectedActivityTypes), onChange: pipe(defaultTo([]), pluck('value'), onChange), options: options, TextFieldProps: {
+        React.createElement(MultiSelect, { value: prepareValues(selectedActivityTypes), onChange: pipe(pluck('value'), onChange), options: options, TextFieldProps: {
                 InputProps: { disableUnderline: true },
                 classes: { root: styles.dropDownInput }
             }, components: {

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import i18n from 'ui-i18n';
 import classnames from 'classnames';
-import { defaultTo, pipe, pluck, sortBy } from 'ramda';
+import { pipe, pluck, sortBy } from 'ramda';
 import Typography from '@mui/material/Typography';
 import { MultiSelect } from '../../../../../MultiSelect';
 import { ReactSelectDropdownIndicatorWithIconButton } from '../../../../../ReactSelectDropdownIndicatorWithIconButton';
@@ -14,7 +14,7 @@ export var EntityTypesSelector = function (_a) {
     var options = pipe(sortBy(function (option) { return option.label; }), prepareValues)(entityTypes);
     return (React.createElement("div", { className: styles.selectorWrapper, "data-reltio-id": "entity-types-selector" },
         React.createElement(Typography, { className: classnames(styles.filterSubtitle, styles.labels), variant: 'subtitle1' }, i18n.text('Type')),
-        React.createElement(MultiSelect, { value: prepareValues(selectedEntityTypes), onChange: pipe(defaultTo([]), pluck('entityType'), onChange), options: options, TextFieldProps: {
+        React.createElement(MultiSelect, { value: prepareValues(selectedEntityTypes), onChange: pipe(pluck('entityType'), onChange), options: options, TextFieldProps: {
                 InputProps: { disableUnderline: true },
                 classes: { root: styles.dropDownInput }
             }, components: {

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import i18n from 'ui-i18n';
 import classnames from 'classnames';
-import { defaultTo, pipe, sortBy, prop } from 'ramda';
+import { sortBy, prop } from 'ramda';
 import Typography from '@mui/material/Typography';
 import { MultiSelect } from '../../../../../MultiSelect';
 import { ReactSelectDropdownIndicatorWithIconButton } from '../../../../../ReactSelectDropdownIndicatorWithIconButton';
@@ -14,7 +14,7 @@ export var SourceSelector = function (_a) {
     var options = sortBy(function (option) { return option.label; })(metadata.sources);
     return (React.createElement("div", { className: styles.selectorWrapper, "data-reltio-id": "source-selector" },
         React.createElement(Typography, { className: classnames(styles.filterSubtitle, styles.labels), variant: 'subtitle1' }, i18n.text('Source')),
-        React.createElement(MultiSelect, { value: selectedSources, onChange: pipe(defaultTo([]), onChange), options: options, TextFieldProps: {
+        React.createElement(MultiSelect, { value: selectedSources, onChange: onChange, options: options, TextFieldProps: {
                 InputProps: { disableUnderline: true },
                 classes: { root: styles.dropDownInput }
             }, components: {

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

@@ -95,7 +95,7 @@ describe('Source selector tests', function () {
                     onChange = defaultProps.onChange;
                     user = setUp().user;
                     screen.getByText('Source');
-                    input = screen.getByRole('textbox');
+                    input = screen.getByRole('combobox');
                     return [4 /*yield*/, user.click(input)];
                 case 1:
                     _b.sent();
@@ -106,7 +106,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/esm/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/esm/features/activity-log/hooks/useActivitiesLoader.js

@@ -35,19 +35,22 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { useCallback, useContext } from 'react';
-import { getActivities, getActivitiesTotal } from '@reltio/mdm-sdk';
+import { addMetadataSpecificGetActivitiesOptions, getActivities, getActivitiesTotal } from '@reltio/mdm-sdk';
 import { buildActivitiesFilterString } from '../utils/filters';
 import { PageRequestsAbortingContext } from '../../../contexts/PageRequestsAbortingContext';
+import { useMdmMetadata } from '../../../contexts/MdmModuleContext/hooks';
 export var useActivitiesLoader = function (_a) {
     var filter = _a.filter, max = _a.max, offset = _a.offset;
     var signal = useContext(PageRequestsAbortingContext);
+    var metadata = useMdmMetadata();
     return useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var filterString, data, total;
+        var filterString, options, data, total;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     filterString = buildActivitiesFilterString(filter);
-                    return [4 /*yield*/, getActivities({ filter: filterString, max: max, offset: offset }, signal)];
+                    options = addMetadataSpecificGetActivitiesOptions(metadata, { filter: filterString, max: max, offset: offset });
+                    return [4 /*yield*/, getActivities(options, signal)];
                 case 1:
                     data = _a.sent();
                     return [4 /*yield*/, getActivitiesTotal({ filter: filterString }, signal)];

package/esm/features/history/HistoryActivitySelector/HistoryActivitySelector.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import i18n from 'ui-i18n';
-import { defaultTo, pipe, pluck } from 'ramda';
+import { pipe, pluck } from 'ramda';
 import classnames from 'classnames';
 import Typography from '@mui/material/Typography';
 import { ReactSelectDropdownIndicatorWithIconButton } from '../../../ReactSelectDropdownIndicatorWithIconButton';
@@ -15,7 +15,7 @@ export var HistoryActivitySelector = function (_a) {
     var options = prepareValues(historyActivityOptions);
     return (React.createElement("div", { className: classnames(styles.root, className), "data-reltio-id": "history-activity-selector" },
         React.createElement(Typography, { className: styles.title, variant: 'subtitle1' }, i18n.text('Activity')),
-        React.createElement(MultiSelect, { value: prepareValues(selectedHistoryActivityTypes), onChange: pipe(defaultTo([]), pluck('value'), onChange), options: options, TextFieldProps: {
+        React.createElement(MultiSelect, { value: prepareValues(selectedHistoryActivityTypes), onChange: pipe(pluck('value'), onChange), options: options, TextFieldProps: {
                 InputProps: { disableUnderline: disableUnderline },
                 classes: { root: styles.dropDownInput }
             }, components: {

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

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