@reltio/components 1.4.1942 → 1.4.1944

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)];

package/cjs/types/index.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
 import { AttributeType, AttributeValue, ConnectionRelationType, Crosswalk, RelationCrosswalk, SearchFilter, SearchOperator } from '@reltio/mdm-sdk';
+import { TextFieldProps } from '@mui/material/TextField';
 import { Layout as LayoutItem } from 'react-grid-layout';
+import { ClearIndicatorProps, ControlProps, DropdownIndicatorProps, GroupHeadingProps, MenuProps, PlaceholderProps, SingleValueProps, ValueContainerProps } from 'react-select';
 export type ReactGridLayoutItem = LayoutItem;
 export type ReltioGridLayoutOptions = {
     cols: number;
@@ -192,3 +194,41 @@ export type ReadOnlyAttributeClasses = {
     wrapper?: string;
     wrapperWithLines?: string;
 };
+export type ReactSelectMuiSkinProps = {
+    classes?: Record<string, string>;
+    error?: boolean;
+    TextFieldProps?: TextFieldProps;
+    innerRef?: React.MutableRefObject<any>;
+    inputRef?: React.MutableRefObject<any>;
+    menuListFooter?: JSX.Element;
+};
+export type DropdownIndicatorWithMuiSkinProps<T> = DropdownIndicatorProps & {
+    selectProps: DropdownIndicatorProps['selectProps'] & ReactSelectMuiSkinProps;
+    innerProps: T;
+};
+export type ClearIndicatorWithMuiSkinProps<T> = ClearIndicatorProps & {
+    selectProps: ClearIndicatorProps['selectProps'] & ReactSelectMuiSkinProps;
+    innerProps: T;
+};
+export type ControlWithMuiSkinProps<T> = ControlProps & {
+    selectProps: ControlProps['selectProps'] & ReactSelectMuiSkinProps;
+    innerProps: T;
+};
+export type GroupHeadingWithMuiSkinProps = GroupHeadingProps & {
+    selectProps: GroupHeadingProps['selectProps'] & ReactSelectMuiSkinProps;
+};
+export type MenuWithMuiSkinProps<T> = MenuProps & {
+    selectProps: MenuProps['selectProps'] & ReactSelectMuiSkinProps;
+    innerProps: T;
+};
+export type PlaceholderWithMuiSkinProps<T> = PlaceholderProps & {
+    selectProps: PlaceholderProps['selectProps'] & ReactSelectMuiSkinProps;
+    innerProps: T;
+};
+export type ValueContainerWithMuiSkinProps = ValueContainerProps & {
+    selectProps: ValueContainerProps['selectProps'] & ReactSelectMuiSkinProps;
+};
+export type SingleValueWithMuiSkinProps<T> = SingleValueProps & {
+    selectProps: SingleValueProps['selectProps'] & ReactSelectMuiSkinProps;
+    innerProps: T;
+};

package/esm/AsyncReactSelect/AsyncReactSelect.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const AsyncReactSelect: {
-    (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/AttributeSelector/AttributeSelector.js

@@ -23,7 +23,6 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { useCallback, useMemo } from 'react';
 import i18n from 'ui-i18n';
 import classnames from 'classnames';
-import { pipe, defaultTo } from 'ramda';
 import { getAttributeTypeSubAttributes } from '@reltio/mdm-sdk';
 import Typography from '@mui/material/Typography';
 import { MultiSelect } from '../MultiSelect';
@@ -73,5 +72,5 @@ export var AttributeSelector = function (_a) {
                 DropdownIndicator: ReactSelectDropdownIndicatorWithIconButton,
                 MultiValue: CustomMultiValue,
                 Option: CustomOption
-            }, onChange: pipe(defaultTo([]), onChange), styles: customStyles, classes: styles, menuPlacement: menuPlacement, menuPortalTarget: document.body, menuShouldBlockScroll: true, captureMenuScroll: false })));
+            }, onChange: onChange, styles: customStyles, classes: styles, menuPlacement: menuPlacement, menuPortalTarget: document.body, menuShouldBlockScroll: true, captureMenuScroll: false })));
 };

package/esm/AttributeSelector/AttributeSelector.specs.js

@@ -170,7 +170,7 @@ describe('AttributeSelector tests', function () {
                     return [4 /*yield*/, user.click(screen.getByText('Activity'))];
                 case 2:
                     _a.sent();
-                    expect(onChangeSpy).toHaveBeenCalledWith(newAttributes);
+                    expect(onChangeSpy).toHaveBeenCalledWith(newAttributes, expect.any(Object));
                     return [2 /*return*/];
             }
         });

package/esm/AttributesFilterSelector/AttributesFilterSelector.test.js

@@ -104,7 +104,7 @@ describe('AttributesFilterSelector tests', function () {
                     return [4 /*yield*/, user.click(screen.getByTestId('filter-selector'))];
                 case 1:
                     _a.sent();
-                    menuItems = screen.getAllByRole('menuitem');
+                    menuItems = screen.getAllByRole('option');
                     expect(menuItems.map(function (item) { return item.textContent; })).toEqual(['Equals', 'Not', 'Exists', 'Missing value']);
                     return [2 /*return*/];
             }
@@ -149,7 +149,7 @@ describe('AttributesFilterSelector tests', function () {
                     return [4 /*yield*/, user.click(screen.getByTestId('filter-selector'))];
                 case 1:
                     _a.sent();
-                    menuItems = screen.getAllByRole('menuitem');
+                    menuItems = screen.getAllByRole('option');
                     expect(menuItems.map(function (item) { return item.textContent; })).toEqual(['In']);
                     return [2 /*return*/];
             }

package/esm/AttributesFiltersBuilder/AttributesFiltersBuilder.test.js

@@ -107,7 +107,7 @@ describe('AttributesFiltersBuilder tests', function () {
                     user = setUp({ filters: [] }).user;
                     expect(screen.getByText('Select attribute')).toBeInTheDocument();
                     expect(screen.getByText('Equals')).toBeInTheDocument();
-                    expect(screen.getByRole('textbox')).toBeDisabled();
+                    expect(screen.getByRole('combobox')).toBeDisabled();
                     expect(screen.queryByRole('button', { name: 'Add' })).not.toBeInTheDocument();
                     expect(screen.queryByRole('button', { name: 'Duplicate' })).not.toBeInTheDocument();
                     expect(screen.queryByRole('button', { name: 'Delete' })).not.toBeInTheDocument();
@@ -131,7 +131,7 @@ describe('AttributesFiltersBuilder tests', function () {
             expect(within(intRow).getByTestId('filter-value-editor')).toHaveTextContent('99');
             expect(within(dateRow).getByTestId('attribute-selector')).toHaveTextContent('Nested Test / Nested Test Level 2 / Date Level 2');
             expect(within(dateRow).getByText('On')).toBeInTheDocument();
-            expect(within(dateRow).getAllByRole('textbox')[1]).toHaveValue('05/09/2023');
+            expect(within(dateRow).getByRole('textbox')).toHaveValue('05/09/2023');
             expect(within(emptyRow).getByTestId('attribute-selector')).toHaveTextContent('Select attribute');
             expect(within(emptyRow).getByText('Equals')).toBeInTheDocument();
             expect(within(emptyRow).queryByTestId('filter-value-editor')).not.toBeInTheDocument();
@@ -189,7 +189,7 @@ describe('AttributesFiltersBuilder tests', function () {
                     return [4 /*yield*/, user.click(selector)];
                 case 1:
                     _a.sent();
-                    return [4 /*yield*/, user.click(screen.getByRole('menuitem', { name: 'Not' }))];
+                    return [4 /*yield*/, user.click(screen.getByRole('option', { name: 'Not' }))];
                 case 2:
                     _a.sent();
                     expect(onChangeSpy).toBeCalledWith([

package/esm/ConnectionEditor/ConnectionEditor.test.js

@@ -324,12 +324,12 @@ describe('ConnectionEditor test', function () {
                     };
                     typeAheadSearch.mockResolvedValueOnce([newEntity]);
                     user = setUp(propsWithRelations).user;
-                    profileSelector = screen.getAllByRole('textbox')[1];
+                    profileSelector = screen.getAllByRole('combobox')[1];
                     return [4 /*yield*/, user.click(profileSelector)];
                 case 1:
                     _a.sent();
                     expect(screen.queryByText(wrongEntity.label)).not.toBeInTheDocument();
-                    return [4 /*yield*/, user.click(screen.getByRole('menuitem', { name: 'C Committee' }))];
+                    return [4 /*yield*/, user.click(screen.getByRole('option', { name: 'C Committee' }))];
                 case 2:
                     _a.sent();
                     expect(onChangeEntity).toHaveBeenCalledWith(__assign(__assign({}, newEntity), { entityType: metadata.entityTypes[2] }));
@@ -344,11 +344,11 @@ describe('ConnectionEditor test', function () {
                 case 0:
                     user = setUp(propsWithRelations).user;
                     expect(onChangeRelationType).not.toHaveBeenCalled();
-                    relationshipTypeSelector = screen.getAllByRole('textbox')[0];
+                    relationshipTypeSelector = screen.getAllByRole('combobox')[0];
                     return [4 /*yield*/, user.click(relationshipTypeSelector)];
                 case 1:
                     _a.sent();
-                    return [4 /*yield*/, user.click(screen.getByRole('menuitem', { name: 'H L has address undefined ↔ undefined' }))];
+                    return [4 /*yield*/, user.click(screen.getByRole('option', { name: 'H L has address undefined ↔ undefined' }))];
                 case 2:
                     _a.sent();
                     expect(onChangeRelationType).toHaveBeenCalledWith({

package/esm/CreatableReactSelect/CreatableReactSelect.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const CreatableReactSelect: {
-    (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/DependentLookupEditor/DependentLookupEditor.test.js

@@ -127,7 +127,7 @@ describe('DependentLookupEditor', function () {
                 wrapper.find(ReactSelect).prop('onInputChange')(newInputValue, { action: 'input-change' });
             });
             wrapper.update();
-            expect(wrapper.find(ReactSelect).find('Input').last().text()).toBe(newInputValue);
+            expect(wrapper.find(ReactSelect).find('Input').last().prop('value')).toBe(newInputValue);
             expect(props.onChange).not.toHaveBeenCalled();
             expect(props.getLookups).toBeCalledWith({
                 type: 'COUNTRY_CD',
@@ -140,7 +140,7 @@ describe('DependentLookupEditor', function () {
                 wrapper.find(ReactSelect).prop('onInputChange')('', { action: 'input-blur' });
             });
             wrapper.update();
-            expect(wrapper.find(ReactSelect).find('Input').last().text()).toBe('');
+            expect(wrapper.find(ReactSelect).find('Input').last().prop('value')).toBe('');
             expect(props.onChange).not.toHaveBeenCalled();
             expect(props.getLookups).toBeCalledWith({
                 type: 'COUNTRY_CD',
@@ -165,13 +165,13 @@ describe('DependentLookupEditor', function () {
                 wrapper.find(ReactSelect).prop('onInputChange')(newInputValue, { action: 'input-change' });
             });
             wrapper.update();
-            expect(wrapper.find(ReactSelect).find('Input').last().text()).toBe(newInputValue);
+            expect(wrapper.find(ReactSelect).find('Input').last().prop('value')).toBe(newInputValue);
             expect(props.onChange).not.toHaveBeenCalled();
             act(function () {
                 wrapper.find(ReactSelect).prop('onInputChange')('', { action: 'menu-close' });
             });
             wrapper.update();
-            expect(wrapper.find(ReactSelect).find('Input').last().text()).toBe('u');
+            expect(wrapper.find(ReactSelect).find('Input').last().prop('value')).toBe('u');
             expect(props.onChange).not.toHaveBeenCalled();
             return [2 /*return*/];
         });
@@ -186,7 +186,7 @@ describe('DependentLookupEditor', function () {
                 wrapper.find(ReactSelect).prop('onInputChange')(newInputValue, { action: 'input-change' });
             });
             wrapper.update();
-            expect(wrapper.find(ReactSelect).find('Input').last().text()).toBe(newInputValue);
+            expect(wrapper.find(ReactSelect).find('Input').last().prop('value')).toBe(newInputValue);
             expect(props.onChange).not.toHaveBeenCalled();
             expect(props.getLookups).toBeCalledWith({
                 type: 'COUNTRY_CD',
@@ -199,7 +199,7 @@ describe('DependentLookupEditor', function () {
                 wrapper.find(ReactSelect).prop('onInputChange')('', { action: 'input-blur' });
             });
             wrapper.update();
-            expect(wrapper.find(ReactSelect).find('Input').last().text()).toBe(getOptionLabel(value));
+            expect(wrapper.find(ReactSelect).find('Input').last().prop('value')).toBe(getOptionLabel(value));
             expect(props.onChange).not.toHaveBeenCalled();
             expect(props.getLookups).toBeCalledWith({
                 type: 'COUNTRY_CD',
@@ -221,7 +221,7 @@ describe('DependentLookupEditor', function () {
                 wrapper.find(ReactSelect).prop('onInputChange')(newInputValue, { action: 'input-change' });
             });
             wrapper.update();
-            expect(wrapper.find(ReactSelect).find('Input').last().text()).toBe(newInputValue);
+            expect(wrapper.find(ReactSelect).find('Input').last().prop('value')).toBe(newInputValue);
             expect(props.onChange).not.toHaveBeenCalled();
             expect(props.getLookups).toBeCalledWith({
                 type: 'COUNTRY_CD',
@@ -234,7 +234,7 @@ describe('DependentLookupEditor', function () {
                 wrapper.find(ReactSelect).prop('onInputChange')('', { action: 'menu-close' });
             });
             wrapper.update();
-            expect(wrapper.find(ReactSelect).find('Input').last().text()).toBe(getOptionLabel(value));
+            expect(wrapper.find(ReactSelect).find('Input').last().prop('value')).toBe(getOptionLabel(value));
             expect(props.onChange).not.toHaveBeenCalled();
             expect(props.getLookups).toBeCalledWith({
                 type: 'COUNTRY_CD',
@@ -764,7 +764,7 @@ describe('DependentLookupEditor', function () {
                     }));
                     value = { lookupCode: 'US', value: 'USA' };
                     wrapper = mount(React.createElement(DependentLookupEditor, __assign({}, props, { getLookups: getLookups, value: value, multiple: false })));
-                    expect(wrapper.find(ReactSelect).find('Input').last().text()).toBe('USA (US)');
+                    expect(wrapper.find(ReactSelect).find('Input').last().prop('value')).toBe('USA (US)');
                     newInputValue = 'u';
                     act(function () {
                         wrapper.find(ReactSelect).prop('onInputChange')(newInputValue, { action: 'input-change' });
@@ -773,7 +773,7 @@ describe('DependentLookupEditor', function () {
                 case 1:
                     _a.sent();
                     wrapper.update();
-                    expect(wrapper.find(ReactSelect).find('Input').last().text()).toBe(newInputValue);
+                    expect(wrapper.find(ReactSelect).find('Input').last().prop('value')).toBe(newInputValue);
                     expect(props.onChange).not.toHaveBeenCalled();
                     expect(getLookups).toBeCalledWith({
                         type: 'COUNTRY_CD',
@@ -798,7 +798,7 @@ describe('DependentLookupEditor', function () {
                     }));
                     value = { lookupCode: 'US', value: 'USA' };
                     wrapper = mount(React.createElement(DependentLookupEditor, __assign({}, props, { getLookups: getLookups, value: value, multiple: false })));
-                    expect(wrapper.find(ReactSelect).find('Input').last().text()).toBe('USA (US)');
+                    expect(wrapper.find(ReactSelect).find('Input').last().prop('value')).toBe('USA (US)');
                     newInputValue = '';
                     act(function () {
                         wrapper.find(ReactSelect).prop('onInputChange')(newInputValue, { action: 'input-change' });
@@ -807,7 +807,7 @@ describe('DependentLookupEditor', function () {
                 case 1:
                     _a.sent();
                     wrapper.update();
-                    expect(wrapper.find(ReactSelect).find('Input').last().text()).toBe(newInputValue);
+                    expect(wrapper.find(ReactSelect).find('Input').last().prop('value')).toBe(newInputValue);
                     expect(props.onChange).toHaveBeenCalledWith('');
                     expect(getLookups).toBeCalledWith({
                         type: 'COUNTRY_CD',

package/esm/EditModeAttributesPager/components/SpecialRenderer/SpecialRenderer.test.js

@@ -99,7 +99,7 @@ describe('SpecialRenderer tests', function () {
         setUp({ attributeType: attributeType, values: ['configuration/roles/OfficeStaff'] });
         expect(screen.getByTestId('reltio-attribute-label')).toHaveTextContent(attributeType.label);
         expect(screen.getAllByTestId('reltio-attribute-value')).toHaveLength(1);
-        expect(screen.getByRole('textbox')).toBeInTheDocument();
+        expect(screen.getByRole('combobox')).toBeInTheDocument();
         expect(screen.getByText('Office Staff')).toBeInTheDocument();
     });
     it('should render Tags component for tags and special icon before title', function () {

package/esm/EntitySelector/EntitySelector.test.js

@@ -461,7 +461,7 @@ describe('EntitySelector', function () {
         });
         wrapper.update();
         expect(mockOnChange).toBeCalledWith('newValue');
-        expect(wrapper.find('StateManager').state().inputValue).toBe('');
+        expect(wrapper.find('Input').prop('value')).toBe('');
     });
     it('should run onClear', function () {
         var entityTypesUris = ['configuration/entityTypes/HCP'];
@@ -472,6 +472,6 @@ describe('EntitySelector', function () {
         });
         wrapper.update();
         expect(mockOnChange).toBeCalled();
-        expect(wrapper.find('StateManager').state().inputValue).toBe('');
+        expect(wrapper.find('Input').prop('value')).toBe('');
     });
 });

package/esm/EntitySelector/components/Group/Group.test.js

@@ -24,6 +24,7 @@ describe('Group', function () {
         },
         children: ['child1', 'child2'],
         getStyles: jest.fn(),
+        getClassNames: jest.fn(),
         cx: jest.fn(),
         Heading: EmptyStub
     };

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

@@ -1,12 +1,4 @@
 /// <reference types="react" />
 import { IconButtonProps } from '@mui/material/IconButton';
-type Props = {
-    innerProps: Omit<IconButtonProps, 'size' | 'className'>;
-    selectProps: {
-        classes: {
-            clearIndicator: string;
-        };
-    };
-};
-export declare const ReactSelectClearIndicator: ({ selectProps: { classes }, innerProps }: Props) => JSX.Element;
-export {};
+import { ClearIndicatorWithMuiSkinProps } from '../../../../types';
+export declare const ReactSelectClearIndicator: (props: ClearIndicatorWithMuiSkinProps<IconButtonProps>) => JSX.Element;

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

@@ -12,8 +12,8 @@ var __assign = (this && this.__assign) || function () {
 import React from 'react';
 import HighlightOffIcon from '@mui/icons-material/HighlightOff';
 import IconButton from '@mui/material/IconButton';
-export var ReactSelectClearIndicator = function (_a) {
-    var classes = _a.selectProps.classes, innerProps = _a.innerProps;
+export var ReactSelectClearIndicator = function (props) {
+    var innerProps = props.innerProps, classes = props.selectProps.classes;
     return (React.createElement(IconButton, __assign({}, innerProps, { className: classes.clearIndicator, size: "large" }),
         React.createElement(HighlightOffIcon, null)));
 };

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

@@ -1,17 +1,3 @@
-export function ReactSelectControl(props: any): JSX.Element;
-export namespace ReactSelectControl {
-    namespace propTypes {
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        let innerProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            onMouseDown: PropTypes.Validator<(...args: any[]) => any>;
-        }>>>;
-        let innerRef: PropTypes.Validator<any>;
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            classes: PropTypes.Requireable<PropTypes.InferProps<{
-                control: PropTypes.Validator<string>;
-            }>>;
-            TextFieldProps: PropTypes.Requireable<object>;
-        }>>;
-    }
-}
-import PropTypes from 'prop-types';
+import React from 'react';
+import { ControlWithMuiSkinProps } from '../../../../types';
+export declare const ReactSelectControl: (props: ControlWithMuiSkinProps<React.HTMLAttributes<HTMLInputElement>>) => JSX.Element;

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

@@ -10,40 +10,12 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from 'react';
-import PropTypes from 'prop-types';
 import TextField from '@mui/material/TextField';
 var InputComponent = React.forwardRef(function (props, ref) {
     return React.createElement("div", __assign({ ref: ref }, props));
 });
 InputComponent.displayName = 'InputComponent';
-InputComponent.propTypes = {
-    inputRef: PropTypes.oneOfType([
-        PropTypes.func,
-        PropTypes.shape({
-            current: PropTypes.any.isRequired
-        })
-    ])
-};
 export var ReactSelectControl = function (props) {
     var children = props.children, innerProps = props.innerProps, innerRef = props.innerRef, _a = props.selectProps, classes = _a.classes, _b = _a.TextFieldProps, TextFieldProps = _b === void 0 ? {} : _b;
     return (React.createElement(TextField, __assign({ variant: "standard", fullWidth: true }, TextFieldProps, { InputProps: __assign(__assign({ inputComponent: InputComponent }, TextFieldProps.InputProps), { inputProps: __assign(__assign({ className: classes.control, ref: innerRef, children: children }, innerProps), TextFieldProps.inputProps) }) })));
 };
-ReactSelectControl.propTypes = {
-    children: PropTypes.node,
-    innerProps: PropTypes.shape({
-        onMouseDown: PropTypes.func.isRequired
-    }).isRequired,
-    innerRef: PropTypes.oneOfType([
-        PropTypes.oneOf([null]),
-        PropTypes.func,
-        PropTypes.shape({
-            current: PropTypes.any.isRequired
-        })
-    ]).isRequired,
-    selectProps: PropTypes.shape({
-        classes: PropTypes.shape({
-            control: PropTypes.string.isRequired
-        }),
-        TextFieldProps: PropTypes.object
-    })
-};

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

@@ -1,14 +1,4 @@
-export function ReactSelectDropdownIndicator(props: any): JSX.Element;
-export namespace ReactSelectDropdownIndicator {
-    namespace propTypes {
-        let innerProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            onMouseDown: PropTypes.Validator<(...args: any[]) => any>;
-            onTouchEnd: PropTypes.Validator<(...args: any[]) => any>;
-            'aria-hidden': PropTypes.Validator<string>;
-        }>>>;
-        let selectProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            classes: PropTypes.Validator<object>;
-        }>>>;
-    }
-}
-import PropTypes from 'prop-types';
+/// <reference types="react" />
+import { IconButtonProps } from '@mui/material/IconButton';
+import { DropdownIndicatorWithMuiSkinProps } from '../../../../types';
+export declare const ReactSelectDropdownIndicator: (props: DropdownIndicatorWithMuiSkinProps<IconButtonProps>) => JSX.Element;

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

@@ -10,21 +10,10 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from 'react';
-import PropTypes from 'prop-types';
 import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
 import IconButton from '@mui/material/IconButton';
 export var ReactSelectDropdownIndicator = function (props) {
-    var classes = props.selectProps.classes, innerProps = props.innerProps;
+    var innerProps = props.innerProps, classes = props.selectProps.classes;
     return (React.createElement(IconButton, __assign({}, innerProps, { className: classes.dropdownIndicator, size: "large" }),
         React.createElement(ArrowDropDownIcon, null)));
 };
-ReactSelectDropdownIndicator.propTypes = {
-    innerProps: PropTypes.shape({
-        onMouseDown: PropTypes.func.isRequired,
-        onTouchEnd: PropTypes.func.isRequired,
-        'aria-hidden': PropTypes.string.isRequired
-    }).isRequired,
-    selectProps: PropTypes.shape({
-        classes: PropTypes.object.isRequired
-    }).isRequired
-};

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

@@ -1,12 +1,3 @@
-export function ReactSelectGroupHeading(props: any): JSX.Element;
-export namespace ReactSelectGroupHeading {
-    namespace propTypes {
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            classes: PropTypes.Requireable<PropTypes.InferProps<{
-                groupHeading: PropTypes.Requireable<string>;
-            }>>;
-        }>>;
-    }
-}
-import PropTypes from 'prop-types';
+/// <reference types="react" />
+import { GroupHeadingWithMuiSkinProps } from '../../../../types';
+export declare const ReactSelectGroupHeading: (props: GroupHeadingWithMuiSkinProps) => JSX.Element;

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

@@ -1,16 +1,7 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Typography from '@mui/material/Typography';
 export var ReactSelectGroupHeading = function (props) {
     var children = props.children, classes = props.selectProps.classes;
     return (React.createElement(Typography, { variant: "subtitle2", className: classNames(classes.groupHeading) }, children));
 };
-ReactSelectGroupHeading.propTypes = {
-    children: PropTypes.node,
-    selectProps: PropTypes.shape({
-        classes: PropTypes.shape({
-            groupHeading: PropTypes.string
-        })
-    })
-};

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

@@ -1,11 +1,4 @@
-export function ReactSelectMenu(props: any): JSX.Element;
-export namespace ReactSelectMenu {
-    namespace propTypes {
-        let children: PropTypes.Validator<PropTypes.ReactElementLike>;
-        let innerProps: PropTypes.Validator<object>;
-        let selectProps: PropTypes.Validator<object>;
-        let innerRef: PropTypes.Requireable<any>;
-        let getStyles: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-}
-import PropTypes from 'prop-types';
+/// <reference types="react" />
+import { PaperProps } from '@mui/material/Paper';
+import { MenuWithMuiSkinProps } from '../../../../types';
+export declare const ReactSelectMenu: (props: MenuWithMuiSkinProps<PaperProps>) => JSX.Element;

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

@@ -10,22 +10,8 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from 'react';
-import PropTypes from 'prop-types';
 import Paper from '@mui/material/Paper';
 export var ReactSelectMenu = function (props) {
     var classes = props.selectProps.classes, innerProps = props.innerProps, innerRef = props.innerRef, getStyles = props.getStyles, children = props.children;
     return (React.createElement(Paper, __assign({ ref: innerRef, style: getStyles('menu', props), className: classes.menu }, innerProps), children));
 };
-ReactSelectMenu.propTypes = {
-    children: PropTypes.element.isRequired,
-    innerProps: PropTypes.object.isRequired,
-    selectProps: PropTypes.object.isRequired,
-    innerRef: PropTypes.oneOfType([
-        PropTypes.oneOf([null]),
-        PropTypes.func,
-        PropTypes.shape({
-            current: PropTypes.any.isRequired
-        })
-    ]),
-    getStyles: PropTypes.func
-};

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

@@ -1,8 +1,9 @@
-export function ReactSelectNoOptionsMessage(props: any): JSX.Element;
-export namespace ReactSelectNoOptionsMessage {
-    namespace propTypes {
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        let selectProps: PropTypes.Validator<object>;
-    }
-}
-import PropTypes from 'prop-types';
+import React from 'react';
+type Props = {
+    children: React.ReactNode;
+    selectProps: {
+        classes: Record<string, string>;
+    };
+};
+export declare const ReactSelectNoOptionsMessage: (props: Props) => JSX.Element;
+export {};

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

@@ -1,11 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import Typography from '@mui/material/Typography';
 export var ReactSelectNoOptionsMessage = function (props) {
     var classes = props.selectProps.classes, children = props.children;
     return (React.createElement(Typography, { color: "textSecondary", className: classes.noOptionsMessage }, children));
 };
-ReactSelectNoOptionsMessage.propTypes = {
-    children: PropTypes.node,
-    selectProps: PropTypes.object.isRequired
-};

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

@@ -1,9 +1,4 @@
-export function ReactSelectPlaceholder(props: any): JSX.Element;
-export namespace ReactSelectPlaceholder {
-    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 { PlaceholderWithMuiSkinProps } from '../../../../types';
+export declare const ReactSelectPlaceholder: (props: PlaceholderWithMuiSkinProps<TypographyProps>) => JSX.Element;

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

@@ -1,23 +1,6 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import React from 'react';
-import PropTypes from 'prop-types';
 import Typography from '@mui/material/Typography';
 export var ReactSelectPlaceholder = function (props) {
-    var classes = props.selectProps.classes, _a = props.innerProps, innerProps = _a === void 0 ? {} : _a, children = props.children;
-    return (React.createElement(Typography, __assign({ color: "textSecondary", className: classes.placeholder }, innerProps), children));
-};
-ReactSelectPlaceholder.propTypes = {
-    children: PropTypes.node,
-    innerProps: PropTypes.object,
-    selectProps: PropTypes.object.isRequired
+    var classes = props.selectProps.classes, children = props.children;
+    return (React.createElement(Typography, { color: "textSecondary", className: classes.placeholder }, children));
 };