@reltio/components 1.4.940 → 1.4.943

package/cjs/components/AttributeSelector/AttributeSelector.js

@@ -98,6 +98,6 @@ var AttributeSelector = function (_a) {
                 DropdownIndicator: DropdownIndicatorWithIconButton_1.default,
                 MultiValue: CustomMultiValue,
                 Option: CustomOption
-            }, onChange: ramda_1.pipe(ramda_1.defaultTo([]), onChange), styles: styles_1.customStyles, classes: styles, menuPlacement: menuPlacement })));
+            }, onChange: ramda_1.pipe(ramda_1.defaultTo([]), onChange), styles: styles_1.customStyles, classes: styles, menuPlacement: menuPlacement, menuPortalTarget: document.body })));
 };
 exports.default = AttributeSelector;

package/cjs/components/AttributeSelector/styles.d.ts

@@ -1,4 +1,5 @@
 export declare const customStyles: {
     input: (currentStyles: any) => any;
+    menuPortal: (currentStyles: any) => any;
 };
 export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"option" | "title" | "root" | "dropDownInput" | "noOptionsMessage">;

package/cjs/components/AttributeSelector/styles.js

@@ -14,7 +14,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = exports.customStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
 exports.customStyles = {
-    input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); }
+    input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
+    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); }
 };
 exports.useStyles = styles_1.makeStyles({
     root: {

package/cjs/components/ReactSelect/MultiSelect/MultiSelect.d.ts

@@ -104,6 +104,7 @@ declare namespace MultiSelect {
         export const TextFieldProps: PropTypes.Requireable<object>;
         export const getOptions: PropTypes.Requireable<(...args: any[]) => any>;
         export const menuPlacement: PropTypes.Requireable<string>;
+        export const menuPortalTarget: PropTypes.Requireable<object>;
         export const getOptionValue: PropTypes.Requireable<(...args: any[]) => any>;
         export const isSearchable: PropTypes.Requireable<boolean>;
     }

package/cjs/components/ReactSelect/MultiSelect/MultiSelect.js

@@ -227,6 +227,7 @@ MultiSelect.propTypes = {
     TextFieldProps: prop_types_1.default.object /* eslint-disable-line react/forbid-prop-types */,
     getOptions: prop_types_1.default.func,
     menuPlacement: prop_types_1.default.string,
+    menuPortalTarget: prop_types_1.default.object,
     getOptionValue: prop_types_1.default.func,
     isSearchable: prop_types_1.default.bool
 };

package/cjs/components/UserSelector/UserSelector.js

@@ -57,6 +57,6 @@ var UserSelector = function (_a) {
                 className: styles.dropDownInput
             }, components: {
                 DropdownIndicator: DropdownIndicatorWithIconButton_1.default
-            }, styles: styles_1.customStyles, classes: styles })));
+            }, styles: styles_1.customStyles, classes: styles, menuPortalTarget: document.body })));
 };
 exports.default = UserSelector;

package/cjs/components/UserSelector/styles.d.ts

@@ -1,5 +1,6 @@
 export declare const customStyles: {
     input: (currentStyles: any) => any;
     loadingMessage: (currentStyles: any) => any;
+    menuPortal: (currentStyles: any) => any;
 };
 export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"option" | "title" | "root" | "dropDownInput">;

package/cjs/components/UserSelector/styles.js

@@ -15,7 +15,8 @@ exports.useStyles = exports.customStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
 exports.customStyles = {
     input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
-    loadingMessage: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); }
+    loadingMessage: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
+    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); }
 };
 exports.useStyles = styles_1.makeStyles({
     root: {

package/cjs/components/history/HistoryActivitySelector/HistoryActivitySelector.js

@@ -22,6 +22,6 @@ var HistoryActivitySelector = function (_a) {
         react_1.default.createElement(Typography_1.default, { className: styles.title, variant: 'subtitle1' }, ui_i18n_1.default.text('Activity')),
         react_1.default.createElement(MultiSelect_1.default, { value: prepareValues(selectedHistoryActivityTypes), onChange: ramda_1.pipe(ramda_1.defaultTo([]), ramda_1.pluck('value'), onChange), options: options, TextFieldProps: { classes: { root: styles.dropDownInput } }, components: {
                 DropdownIndicator: DropdownIndicatorWithIconButton_1.default
-            }, styles: styles_1.customStyles, classes: styles, menuPlacement: "bottom" })));
+            }, styles: styles_1.customStyles, classes: styles, menuPlacement: "bottom", menuPortalTarget: document.body })));
 };
 exports.default = HistoryActivitySelector;

package/cjs/components/history/HistoryActivitySelector/styles.d.ts

@@ -1,4 +1,5 @@
 export declare const customStyles: {
     input: (currentStyles: any) => any;
+    menuPortal: (currentStyles: any) => any;
 };
 export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"option" | "title" | "root" | "dropDownInput" | "valueContainer">;

package/cjs/components/history/HistoryActivitySelector/styles.js

@@ -14,7 +14,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = exports.customStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
 exports.customStyles = {
-    input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); }
+    input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
+    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); }
 };
 exports.useStyles = styles_1.makeStyles({
     root: {

package/cjs/components/history/HistoryFilterButton/HistoryFilterButton.js

@@ -77,7 +77,7 @@ var HistoryFilterButton = function (_a) {
                     react_1.default.createElement(DateRangeSelector_1.default, { value: dateRange, onChange: handlePropChange('dateRange'), className: styles.filterItem }),
                     react_1.default.createElement(UserSelector_1.default, { selectedUsers: users, onChange: handlePropChange('users'), className: styles.filterItem }),
                     react_1.default.createElement(HistoryActivitySelector_1.default, { selectedHistoryActivityTypes: activities, onChange: handlePropChange('activities'), className: styles.filterItem }),
-                    react_1.default.createElement(AttributeSelector_1.default, { selectedAttributes: attributes, entityType: entityType, onChange: handlePropChange('attributes'), className: styles.filterItem, title: ui_i18n_1.default.text('Attribute updated'), menuPlacement: "top" }))),
+                    react_1.default.createElement(AttributeSelector_1.default, { selectedAttributes: attributes, entityType: entityType, onChange: handlePropChange('attributes'), className: styles.filterItem, title: ui_i18n_1.default.text('Attribute updated') }))),
             react_1.default.createElement("div", { className: styles.filterControls },
                 react_1.default.createElement(Button_1.default, { onClick: clearCurrentValue, className: styles.clearButton }, ui_i18n_1.default.text('Clear all')),
                 react_1.default.createElement(Button_1.default, { onClick: closePopup }, ui_i18n_1.default.text('Cancel')),

package/esm/components/AttributeSelector/AttributeSelector.js

@@ -74,6 +74,6 @@ var AttributeSelector = function (_a) {
                 DropdownIndicator: DropdownIndicatorWithIconButton,
                 MultiValue: CustomMultiValue,
                 Option: CustomOption
-            }, onChange: pipe(defaultTo([]), onChange), styles: customStyles, classes: styles, menuPlacement: menuPlacement })));
+            }, onChange: pipe(defaultTo([]), onChange), styles: customStyles, classes: styles, menuPlacement: menuPlacement, menuPortalTarget: document.body })));
 };
 export default AttributeSelector;

package/esm/components/AttributeSelector/styles.d.ts

@@ -1,4 +1,5 @@
 export declare const customStyles: {
     input: (currentStyles: any) => any;
+    menuPortal: (currentStyles: any) => any;
 };
 export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"option" | "title" | "root" | "dropDownInput" | "noOptionsMessage">;

package/esm/components/AttributeSelector/styles.js

@@ -11,7 +11,8 @@ var __assign = (this && this.__assign) || function () {
 };
 import { makeStyles } from '@material-ui/core/styles';
 export var customStyles = {
-    input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); }
+    input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
+    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); }
 };
 export var useStyles = makeStyles({
     root: {

package/esm/components/ReactSelect/MultiSelect/MultiSelect.d.ts

@@ -104,6 +104,7 @@ declare namespace MultiSelect {
         export const TextFieldProps: PropTypes.Requireable<object>;
         export const getOptions: PropTypes.Requireable<(...args: any[]) => any>;
         export const menuPlacement: PropTypes.Requireable<string>;
+        export const menuPortalTarget: PropTypes.Requireable<object>;
         export const getOptionValue: PropTypes.Requireable<(...args: any[]) => any>;
         export const isSearchable: PropTypes.Requireable<boolean>;
     }

package/esm/components/ReactSelect/MultiSelect/MultiSelect.js

@@ -203,6 +203,7 @@ MultiSelect.propTypes = {
     TextFieldProps: PropTypes.object /* eslint-disable-line react/forbid-prop-types */,
     getOptions: PropTypes.func,
     menuPlacement: PropTypes.string,
+    menuPortalTarget: PropTypes.object,
     getOptionValue: PropTypes.func,
     isSearchable: PropTypes.bool
 };

package/esm/components/UserSelector/UserSelector.js

@@ -33,6 +33,6 @@ var UserSelector = function (_a) {
                 className: styles.dropDownInput
             }, components: {
                 DropdownIndicator: DropdownIndicatorWithIconButton
-            }, styles: customStyles, classes: styles })));
+            }, styles: customStyles, classes: styles, menuPortalTarget: document.body })));
 };
 export default UserSelector;

package/esm/components/UserSelector/styles.d.ts

@@ -1,5 +1,6 @@
 export declare const customStyles: {
     input: (currentStyles: any) => any;
     loadingMessage: (currentStyles: any) => any;
+    menuPortal: (currentStyles: any) => any;
 };
 export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"option" | "title" | "root" | "dropDownInput">;

package/esm/components/UserSelector/styles.js

@@ -12,7 +12,8 @@ var __assign = (this && this.__assign) || function () {
 import { makeStyles } from '@material-ui/core/styles';
 export var customStyles = {
     input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
-    loadingMessage: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); }
+    loadingMessage: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
+    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); }
 };
 export var useStyles = makeStyles({
     root: {

package/esm/components/history/HistoryActivitySelector/HistoryActivitySelector.js

@@ -17,6 +17,6 @@ var HistoryActivitySelector = function (_a) {
         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: { classes: { root: styles.dropDownInput } }, components: {
                 DropdownIndicator: DropdownIndicatorWithIconButton
-            }, styles: customStyles, classes: styles, menuPlacement: "bottom" })));
+            }, styles: customStyles, classes: styles, menuPlacement: "bottom", menuPortalTarget: document.body })));
 };
 export default HistoryActivitySelector;

package/esm/components/history/HistoryActivitySelector/styles.d.ts

@@ -1,4 +1,5 @@
 export declare const customStyles: {
     input: (currentStyles: any) => any;
+    menuPortal: (currentStyles: any) => any;
 };
 export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"option" | "title" | "root" | "dropDownInput" | "valueContainer">;

package/esm/components/history/HistoryActivitySelector/styles.js

@@ -11,7 +11,8 @@ var __assign = (this && this.__assign) || function () {
 };
 import { makeStyles } from '@material-ui/core/styles';
 export var customStyles = {
-    input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); }
+    input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
+    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); }
 };
 export var useStyles = makeStyles({
     root: {

package/esm/components/history/HistoryFilterButton/HistoryFilterButton.js

@@ -53,7 +53,7 @@ var HistoryFilterButton = function (_a) {
                     React.createElement(DateRangeSelector, { value: dateRange, onChange: handlePropChange('dateRange'), className: styles.filterItem }),
                     React.createElement(UserSelector, { selectedUsers: users, onChange: handlePropChange('users'), className: styles.filterItem }),
                     React.createElement(HistoryActivitySelector, { selectedHistoryActivityTypes: activities, onChange: handlePropChange('activities'), className: styles.filterItem }),
-                    React.createElement(AttributeSelector, { selectedAttributes: attributes, entityType: entityType, onChange: handlePropChange('attributes'), className: styles.filterItem, title: i18n.text('Attribute updated'), menuPlacement: "top" }))),
+                    React.createElement(AttributeSelector, { selectedAttributes: attributes, entityType: entityType, onChange: handlePropChange('attributes'), className: styles.filterItem, title: i18n.text('Attribute updated') }))),
             React.createElement("div", { className: styles.filterControls },
                 React.createElement(Button, { onClick: clearCurrentValue, className: styles.clearButton }, i18n.text('Clear all')),
                 React.createElement(Button, { onClick: closePopup }, i18n.text('Cancel')),

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.940",
+  "version": "1.4.943",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "^2.7.0",
-    "@reltio/mdm-module": "^1.4.940",
-    "@reltio/mdm-sdk": "^1.4.940",
+    "@reltio/mdm-module": "^1.4.943",
+    "@reltio/mdm-sdk": "^1.4.943",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",