@reltio/components 1.4.1942 → 1.4.1943

package/cjs/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/cjs/AttributeSelector/AttributeSelector.js

@@ -52,7 +52,6 @@ exports.AttributeSelector = void 0;
 var react_1 = __importStar(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var classnames_1 = __importDefault(require("classnames"));
-var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var MultiSelect_1 = require("../MultiSelect");
@@ -102,6 +101,6 @@ var AttributeSelector = function (_a) {
                 DropdownIndicator: ReactSelectDropdownIndicatorWithIconButton_1.ReactSelectDropdownIndicatorWithIconButton,
                 MultiValue: CustomMultiValue,
                 Option: CustomOption
-            }, onChange: (0, ramda_1.pipe)((0, ramda_1.defaultTo)([]), onChange), styles: styles_1.customStyles, classes: styles, menuPlacement: menuPlacement, menuPortalTarget: document.body, menuShouldBlockScroll: true, captureMenuScroll: false })));
+            }, onChange: onChange, styles: styles_1.customStyles, classes: styles, menuPlacement: menuPlacement, menuPortalTarget: document.body, menuShouldBlockScroll: true, captureMenuScroll: false })));
 };
 exports.AttributeSelector = AttributeSelector;

package/cjs/AttributeSelector/AttributeSelector.specs.js

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

package/cjs/AttributesFilterSelector/AttributesFilterSelector.test.js

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

package/cjs/AttributesFiltersBuilder/AttributesFiltersBuilder.test.js

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

package/cjs/ConnectionEditor/ConnectionEditor.test.js

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

package/cjs/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/cjs/DependentLookupEditor/DependentLookupEditor.test.js

@@ -132,7 +132,7 @@ describe('DependentLookupEditor', function () {
                 wrapper.find(ReactSelect_1.ReactSelect).prop('onInputChange')(newInputValue, { action: 'input-change' });
             });
             wrapper.update();
-            expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().text()).toBe(newInputValue);
+            expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().prop('value')).toBe(newInputValue);
             expect(props.onChange).not.toHaveBeenCalled();
             expect(props.getLookups).toBeCalledWith({
                 type: 'COUNTRY_CD',
@@ -145,7 +145,7 @@ describe('DependentLookupEditor', function () {
                 wrapper.find(ReactSelect_1.ReactSelect).prop('onInputChange')('', { action: 'input-blur' });
             });
             wrapper.update();
-            expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().text()).toBe('');
+            expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().prop('value')).toBe('');
             expect(props.onChange).not.toHaveBeenCalled();
             expect(props.getLookups).toBeCalledWith({
                 type: 'COUNTRY_CD',
@@ -170,13 +170,13 @@ describe('DependentLookupEditor', function () {
                 wrapper.find(ReactSelect_1.ReactSelect).prop('onInputChange')(newInputValue, { action: 'input-change' });
             });
             wrapper.update();
-            expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().text()).toBe(newInputValue);
+            expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().prop('value')).toBe(newInputValue);
             expect(props.onChange).not.toHaveBeenCalled();
             (0, test_utils_1.act)(function () {
                 wrapper.find(ReactSelect_1.ReactSelect).prop('onInputChange')('', { action: 'menu-close' });
             });
             wrapper.update();
-            expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().text()).toBe('u');
+            expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().prop('value')).toBe('u');
             expect(props.onChange).not.toHaveBeenCalled();
             return [2 /*return*/];
         });
@@ -191,7 +191,7 @@ describe('DependentLookupEditor', function () {
                 wrapper.find(ReactSelect_1.ReactSelect).prop('onInputChange')(newInputValue, { action: 'input-change' });
             });
             wrapper.update();
-            expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().text()).toBe(newInputValue);
+            expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().prop('value')).toBe(newInputValue);
             expect(props.onChange).not.toHaveBeenCalled();
             expect(props.getLookups).toBeCalledWith({
                 type: 'COUNTRY_CD',
@@ -204,7 +204,7 @@ describe('DependentLookupEditor', function () {
                 wrapper.find(ReactSelect_1.ReactSelect).prop('onInputChange')('', { action: 'input-blur' });
             });
             wrapper.update();
-            expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().text()).toBe((0, helpers_1.getOptionLabel)(value));
+            expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().prop('value')).toBe((0, helpers_1.getOptionLabel)(value));
             expect(props.onChange).not.toHaveBeenCalled();
             expect(props.getLookups).toBeCalledWith({
                 type: 'COUNTRY_CD',
@@ -226,7 +226,7 @@ describe('DependentLookupEditor', function () {
                 wrapper.find(ReactSelect_1.ReactSelect).prop('onInputChange')(newInputValue, { action: 'input-change' });
             });
             wrapper.update();
-            expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().text()).toBe(newInputValue);
+            expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().prop('value')).toBe(newInputValue);
             expect(props.onChange).not.toHaveBeenCalled();
             expect(props.getLookups).toBeCalledWith({
                 type: 'COUNTRY_CD',
@@ -239,7 +239,7 @@ describe('DependentLookupEditor', function () {
                 wrapper.find(ReactSelect_1.ReactSelect).prop('onInputChange')('', { action: 'menu-close' });
             });
             wrapper.update();
-            expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().text()).toBe((0, helpers_1.getOptionLabel)(value));
+            expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().prop('value')).toBe((0, helpers_1.getOptionLabel)(value));
             expect(props.onChange).not.toHaveBeenCalled();
             expect(props.getLookups).toBeCalledWith({
                 type: 'COUNTRY_CD',
@@ -769,7 +769,7 @@ describe('DependentLookupEditor', function () {
                     }));
                     value = { lookupCode: 'US', value: 'USA' };
                     wrapper = (0, enzyme_1.mount)(react_1.default.createElement(DependentLookupEditor_1.DependentLookupEditor, __assign({}, props, { getLookups: getLookups, value: value, multiple: false })));
-                    expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().text()).toBe('USA (US)');
+                    expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().prop('value')).toBe('USA (US)');
                     newInputValue = 'u';
                     (0, test_utils_1.act)(function () {
                         wrapper.find(ReactSelect_1.ReactSelect).prop('onInputChange')(newInputValue, { action: 'input-change' });
@@ -778,7 +778,7 @@ describe('DependentLookupEditor', function () {
                 case 1:
                     _a.sent();
                     wrapper.update();
-                    expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().text()).toBe(newInputValue);
+                    expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().prop('value')).toBe(newInputValue);
                     expect(props.onChange).not.toHaveBeenCalled();
                     expect(getLookups).toBeCalledWith({
                         type: 'COUNTRY_CD',
@@ -803,7 +803,7 @@ describe('DependentLookupEditor', function () {
                     }));
                     value = { lookupCode: 'US', value: 'USA' };
                     wrapper = (0, enzyme_1.mount)(react_1.default.createElement(DependentLookupEditor_1.DependentLookupEditor, __assign({}, props, { getLookups: getLookups, value: value, multiple: false })));
-                    expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().text()).toBe('USA (US)');
+                    expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().prop('value')).toBe('USA (US)');
                     newInputValue = '';
                     (0, test_utils_1.act)(function () {
                         wrapper.find(ReactSelect_1.ReactSelect).prop('onInputChange')(newInputValue, { action: 'input-change' });
@@ -812,7 +812,7 @@ describe('DependentLookupEditor', function () {
                 case 1:
                     _a.sent();
                     wrapper.update();
-                    expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().text()).toBe(newInputValue);
+                    expect(wrapper.find(ReactSelect_1.ReactSelect).find('Input').last().prop('value')).toBe(newInputValue);
                     expect(props.onChange).toHaveBeenCalledWith('');
                     expect(getLookups).toBeCalledWith({
                         type: 'COUNTRY_CD',

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

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

package/cjs/EntitySelector/EntitySelector.test.js

@@ -489,7 +489,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'];
@@ -500,6 +500,6 @@ describe('EntitySelector', function () {
         });
         wrapper.update();
         expect(mockOnChange).toBeCalled();
-        expect(wrapper.find('StateManager').state().inputValue).toBe('');
+        expect(wrapper.find('Input').prop('value')).toBe('');
     });
 });

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

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

package/cjs/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/cjs/HOCs/withReactSelectMuiSkin/components/ReactSelectClearIndicator/ReactSelectClearIndicator.js

@@ -18,8 +18,8 @@ exports.ReactSelectClearIndicator = void 0;
 var react_1 = __importDefault(require("react"));
 var HighlightOff_1 = __importDefault(require("@mui/icons-material/HighlightOff"));
 var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
-var ReactSelectClearIndicator = function (_a) {
-    var classes = _a.selectProps.classes, innerProps = _a.innerProps;
+var ReactSelectClearIndicator = function (props) {
+    var innerProps = props.innerProps, classes = props.selectProps.classes;
     return (react_1.default.createElement(IconButton_1.default, __assign({}, innerProps, { className: classes.clearIndicator, size: "large" }),
         react_1.default.createElement(HighlightOff_1.default, null)));
 };

package/cjs/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/cjs/HOCs/withReactSelectMuiSkin/components/ReactSelectControl/ReactSelectControl.js

@@ -16,41 +16,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReactSelectControl = void 0;
 var react_1 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var TextField_1 = __importDefault(require("@mui/material/TextField"));
 var InputComponent = react_1.default.forwardRef(function (props, ref) {
     return react_1.default.createElement("div", __assign({ ref: ref }, props));
 });
 InputComponent.displayName = 'InputComponent';
-InputComponent.propTypes = {
-    inputRef: prop_types_1.default.oneOfType([
-        prop_types_1.default.func,
-        prop_types_1.default.shape({
-            current: prop_types_1.default.any.isRequired
-        })
-    ])
-};
 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_1.default.createElement(TextField_1.default, __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) }) })));
 };
 exports.ReactSelectControl = ReactSelectControl;
-exports.ReactSelectControl.propTypes = {
-    children: prop_types_1.default.node,
-    innerProps: prop_types_1.default.shape({
-        onMouseDown: prop_types_1.default.func.isRequired
-    }).isRequired,
-    innerRef: prop_types_1.default.oneOfType([
-        prop_types_1.default.oneOf([null]),
-        prop_types_1.default.func,
-        prop_types_1.default.shape({
-            current: prop_types_1.default.any.isRequired
-        })
-    ]).isRequired,
-    selectProps: prop_types_1.default.shape({
-        classes: prop_types_1.default.shape({
-            control: prop_types_1.default.string.isRequired
-        }),
-        TextFieldProps: prop_types_1.default.object
-    })
-};

package/cjs/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/cjs/HOCs/withReactSelectMuiSkin/components/ReactSelectDropdownIndicator/ReactSelectDropdownIndicator.js

@@ -16,22 +16,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReactSelectDropdownIndicator = void 0;
 var react_1 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDown"));
 var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
 var ReactSelectDropdownIndicator = function (props) {
-    var classes = props.selectProps.classes, innerProps = props.innerProps;
+    var innerProps = props.innerProps, classes = props.selectProps.classes;
     return (react_1.default.createElement(IconButton_1.default, __assign({}, innerProps, { className: classes.dropdownIndicator, size: "large" }),
         react_1.default.createElement(ArrowDropDown_1.default, null)));
 };
 exports.ReactSelectDropdownIndicator = ReactSelectDropdownIndicator;
-exports.ReactSelectDropdownIndicator.propTypes = {
-    innerProps: prop_types_1.default.shape({
-        onMouseDown: prop_types_1.default.func.isRequired,
-        onTouchEnd: prop_types_1.default.func.isRequired,
-        'aria-hidden': prop_types_1.default.string.isRequired
-    }).isRequired,
-    selectProps: prop_types_1.default.shape({
-        classes: prop_types_1.default.object.isRequired
-    }).isRequired
-};

package/cjs/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/cjs/HOCs/withReactSelectMuiSkin/components/ReactSelectGroupHeading/ReactSelectGroupHeading.js

@@ -5,7 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReactSelectGroupHeading = void 0;
 var react_1 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var classnames_1 = __importDefault(require("classnames"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var ReactSelectGroupHeading = function (props) {
@@ -13,11 +12,3 @@ var ReactSelectGroupHeading = function (props) {
     return (react_1.default.createElement(Typography_1.default, { variant: "subtitle2", className: (0, classnames_1.default)(classes.groupHeading) }, children));
 };
 exports.ReactSelectGroupHeading = ReactSelectGroupHeading;
-exports.ReactSelectGroupHeading.propTypes = {
-    children: prop_types_1.default.node,
-    selectProps: prop_types_1.default.shape({
-        classes: prop_types_1.default.shape({
-            groupHeading: prop_types_1.default.string
-        })
-    })
-};

package/cjs/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/cjs/HOCs/withReactSelectMuiSkin/components/ReactSelectMenu/ReactSelectMenu.js

@@ -16,23 +16,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReactSelectMenu = void 0;
 var react_1 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var Paper_1 = __importDefault(require("@mui/material/Paper"));
 var ReactSelectMenu = function (props) {
     var classes = props.selectProps.classes, innerProps = props.innerProps, innerRef = props.innerRef, getStyles = props.getStyles, children = props.children;
     return (react_1.default.createElement(Paper_1.default, __assign({ ref: innerRef, style: getStyles('menu', props), className: classes.menu }, innerProps), children));
 };
 exports.ReactSelectMenu = ReactSelectMenu;
-exports.ReactSelectMenu.propTypes = {
-    children: prop_types_1.default.element.isRequired,
-    innerProps: prop_types_1.default.object.isRequired,
-    selectProps: prop_types_1.default.object.isRequired,
-    innerRef: prop_types_1.default.oneOfType([
-        prop_types_1.default.oneOf([null]),
-        prop_types_1.default.func,
-        prop_types_1.default.shape({
-            current: prop_types_1.default.any.isRequired
-        })
-    ]),
-    getStyles: prop_types_1.default.func
-};

package/cjs/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/cjs/HOCs/withReactSelectMuiSkin/components/ReactSelectNoOptionsMessage/ReactSelectNoOptionsMessage.js

@@ -5,14 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReactSelectNoOptionsMessage = void 0;
 var react_1 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var ReactSelectNoOptionsMessage = function (props) {
     var classes = props.selectProps.classes, children = props.children;
     return (react_1.default.createElement(Typography_1.default, { color: "textSecondary", className: classes.noOptionsMessage }, children));
 };
 exports.ReactSelectNoOptionsMessage = ReactSelectNoOptionsMessage;
-exports.ReactSelectNoOptionsMessage.propTypes = {
-    children: prop_types_1.default.node,
-    selectProps: prop_types_1.default.object.isRequired
-};

package/cjs/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/cjs/HOCs/withReactSelectMuiSkin/components/ReactSelectPlaceholder/ReactSelectPlaceholder.js

@@ -1,30 +1,13 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReactSelectPlaceholder = void 0;
 var react_1 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var ReactSelectPlaceholder = function (props) {
-    var classes = props.selectProps.classes, _a = props.innerProps, innerProps = _a === void 0 ? {} : _a, children = props.children;
-    return (react_1.default.createElement(Typography_1.default, __assign({ color: "textSecondary", className: classes.placeholder }, innerProps), children));
+    var classes = props.selectProps.classes, children = props.children;
+    return (react_1.default.createElement(Typography_1.default, { color: "textSecondary", className: classes.placeholder }, children));
 };
 exports.ReactSelectPlaceholder = ReactSelectPlaceholder;
-exports.ReactSelectPlaceholder.propTypes = {
-    children: prop_types_1.default.node,
-    innerProps: prop_types_1.default.object,
-    selectProps: prop_types_1.default.object.isRequired
-};

package/cjs/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/cjs/HOCs/withReactSelectMuiSkin/components/ReactSelectSingleValue/ReactSelectSingleValue.js

@@ -16,15 +16,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReactSelectSingleValue = void 0;
 var react_1 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var ReactSelectSingleValue = function (props) {
     var classes = props.selectProps.classes, innerProps = props.innerProps, children = props.children;
     return (react_1.default.createElement(Typography_1.default, __assign({ className: classes.singleValue }, innerProps), children));
 };
 exports.ReactSelectSingleValue = ReactSelectSingleValue;
-exports.ReactSelectSingleValue.propTypes = {
-    children: prop_types_1.default.node,
-    innerProps: prop_types_1.default.object,
-    selectProps: prop_types_1.default.object.isRequired
-};

package/cjs/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;