@reltio/components 1.4.1942 → 1.4.1944

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

@@ -191,7 +191,7 @@ describe('HistoryFilterButton tests', function () {
                     expect(within(userSelectorBefore).getByText('User')).toBeInTheDocument();
                     expect(within(userSelectorBefore).getByText('username1')).toBeInTheDocument();
                     expect(within(userSelectorBefore).getByText('username3')).toBeInTheDocument();
-                    return [4 /*yield*/, user.click(within(userSelectorBefore).getByRole('textbox'))];
+                    return [4 /*yield*/, user.click(within(userSelectorBefore).getByRole('combobox'))];
                 case 2:
                     _a.sent();
                     return [4 /*yield*/, user.click(screen.getByText('username2'))];
@@ -283,7 +283,7 @@ describe('HistoryFilterButton tests', function () {
                 case 1:
                     _a.sent();
                     userSelector = screen.getByTestId('user-selector');
-                    return [4 /*yield*/, user.click(within(userSelector).getByRole('textbox'))];
+                    return [4 /*yield*/, user.click(within(userSelector).getByRole('combobox'))];
                 case 2:
                     _a.sent();
                     return [4 /*yield*/, user.click(screen.getByText('username2'))];
@@ -307,7 +307,7 @@ describe('HistoryFilterButton tests', function () {
                 case 1:
                     _a.sent();
                     historyActivitySelector = screen.getByTestId('history-activity-selector');
-                    return [4 /*yield*/, user.click(within(historyActivitySelector).getByRole('textbox'))];
+                    return [4 /*yield*/, user.click(within(historyActivitySelector).getByRole('combobox'))];
                 case 2:
                     _a.sent();
                     return [4 /*yield*/, user.click(screen.getByText('Merge'))];
@@ -331,7 +331,7 @@ describe('HistoryFilterButton tests', function () {
                 case 1:
                     _a.sent();
                     attributeSelector = screen.getByTestId('attribute-selector');
-                    return [4 /*yield*/, user.click(within(attributeSelector).getByRole('textbox'))];
+                    return [4 /*yield*/, user.click(within(attributeSelector).getByRole('combobox'))];
                 case 2:
                     _a.sent();
                     return [4 /*yield*/, user.click(screen.getByText('TenantID'))];
@@ -396,7 +396,7 @@ describe('HistoryFilterButton tests', function () {
                             });
                         });
                     }
-                    return [4 /*yield*/, user.click(within(attributeSelector).getByRole('textbox'))];
+                    return [4 /*yield*/, user.click(within(attributeSelector).getByRole('combobox'))];
                 case 2:
                     _a.sent();
                     return [4 /*yield*/, user.click(screen.getByText('TenantID'))];
@@ -432,7 +432,7 @@ describe('HistoryFilterButton tests', function () {
                             });
                         });
                     }
-                    return [4 /*yield*/, user.click(within(userSelector).getByRole('textbox'))];
+                    return [4 /*yield*/, user.click(within(userSelector).getByRole('combobox'))];
                 case 2:
                     _a.sent();
                     return [4 /*yield*/, user.click(screen.getByText('username2'))];

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

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

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

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

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

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1942",
+  "version": "1.4.1944",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
@@ -8,7 +8,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.1856",
+    "@reltio/mdm-sdk": "^1.4.1857",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",
     "d3-hierarchy": "^2.0.0",
@@ -29,7 +29,7 @@
     "react-number-format": "^4.9.2",
     "react-resizable-panels": "^2.0.20",
     "react-router-dom": "^6.2.1",
-    "react-select": "^3.0.4",
+    "react-select": "^5.8.0",
     "react-simple-maps": "^3.0.0",
     "react-virtualized": "^9.22.5",
     "react-window": "^1.8.10",