@reltio/components 1.4.1790 → 1.4.1792

package/cjs/AttributeSelector/styles.js

@@ -13,9 +13,10 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = exports.customStyles = void 0;
 var styles_1 = require("@mui/styles");
+var constants_1 = require("../constants");
 exports.customStyles = {
     input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
-    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); }
+    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: constants_1.POPUP_Z_INDEX })); }
 };
 exports.useStyles = (0, styles_1.makeStyles)({
     root: {

package/cjs/components/CollaborationItem/TextFieldWithMentions/styles.js

@@ -2,6 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@mui/styles");
+var constants_1 = require("../../../constants");
+var suggestionsZIndex = constants_1.POPUP_Z_INDEX + 1;
 exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     root: {
         width: '100%',
@@ -23,7 +25,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
         },
         '&__suggestions': {
             padding: '8px 0',
-            zIndex: '1301 !important',
+            zIndex: suggestionsZIndex + '!important',
             borderRadius: '4px',
             backgroundColor: '#fafafa !important',
             boxShadow: '0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2)',

package/cjs/components/MultiValueSelector/styles.js

@@ -13,6 +13,7 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.customStyles = exports.useStyles = void 0;
 var styles_1 = require("@mui/styles");
+var constants_1 = require("../../constants");
 exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     option: {
         paddingLeft: '35px'
@@ -29,7 +30,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
 }); });
 exports.customStyles = {
     input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
-    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); },
+    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: constants_1.POPUP_Z_INDEX })); },
     menuList: function (currentStyles) { return (__assign(__assign({}, currentStyles), { maxHeight: '240px', padding: '8px 0' })); },
     menu: function (currentStyles) { return (__assign(__assign({}, currentStyles), { maxHeight: '240px' })); }
 };

package/cjs/components/Popper/styles.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@mui/styles");
+var constants_1 = require("../../constants");
 exports.useStyles = (0, styles_1.makeStyles)({
     backdrop: {
         position: 'fixed',
@@ -12,6 +13,6 @@ exports.useStyles = (0, styles_1.makeStyles)({
         zIndex: 10
     },
     popper: {
-        zIndex: 1300
+        zIndex: constants_1.POPUP_Z_INDEX
     }
 });

package/cjs/components/UserSelector/styles.js

@@ -13,10 +13,11 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = exports.customStyles = void 0;
 var styles_1 = require("@mui/styles");
+var constants_1 = require("../../constants");
 exports.customStyles = {
     input: 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 })); }
+    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: constants_1.POPUP_Z_INDEX })); }
 };
 exports.useStyles = (0, styles_1.makeStyles)({
     root: {

package/cjs/components/VerticalHeadingsTable/TableColumnDragLayer/styles.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@mui/styles");
+var constants_1 = require("../../../constants");
 exports.useStyles = (0, styles_1.makeStyles)({
     dragLayer: {
         position: 'fixed',
@@ -9,7 +10,7 @@ exports.useStyles = (0, styles_1.makeStyles)({
         left: 0,
         width: '100%',
         height: '100%',
-        zIndex: 1300,
+        zIndex: constants_1.POPUP_Z_INDEX,
         pointerEvents: 'none'
     }
 });

package/cjs/components/crosswalks/CrosswalkDragLayer/styles.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@mui/styles");
+var constants_1 = require("../../../constants");
 exports.useStyles = (0, styles_1.makeStyles)({
     dragLayer: {
         position: 'fixed',
@@ -10,7 +11,7 @@ exports.useStyles = (0, styles_1.makeStyles)({
         width: '100%',
         height: '100%',
         overflow: 'hidden',
-        zIndex: 1300,
+        zIndex: constants_1.POPUP_Z_INDEX,
         pointerEvents: 'none'
     },
     crosswalkPreview: {

package/cjs/components/crosswalks/hooks/useAttributeActions.js

@@ -69,7 +69,7 @@ var useAttributeActions = function (_a) {
                     uri: attributeValue.uri,
                     crosswalk: sourceTable ? { type: type, value: value, sourceTable: sourceTable } : { type: type, value: value }
                 });
-            }), function (diff) { return ({ uri: (0, mdm_sdk_1.getBaseUri)(attributeValue.uri), diff: diff }); }, mdm_sdk_1.entityCumulativeUpdate, handleErrorResponse)(crosswalks);
+            }), function (diff) { return ({ uri: (0, mdm_sdk_1.getBaseUri)(attributeValue.uri), diff: diff }); }, mdm_sdk_1.entityCumulativeDelete, handleErrorResponse)(crosswalks);
         handleAction(action);
     }, [handleAction, handleErrorResponse]);
     var pinAttributeAction = (0, react_1.useCallback)(function (_a) {

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

@@ -13,9 +13,10 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = exports.customStyles = void 0;
 var styles_1 = require("@mui/styles");
+var constants_1 = require("../../../constants");
 exports.customStyles = {
     input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
-    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); }
+    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: constants_1.POPUP_Z_INDEX })); }
 };
 exports.useStyles = (0, styles_1.makeStyles)({
     root: {

package/cjs/constants/common.d.ts

@@ -0,0 +1 @@
+export declare const POPUP_Z_INDEX = 1300;

package/cjs/constants/common.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.POPUP_Z_INDEX = void 0;
+exports.POPUP_Z_INDEX = 1300;

package/cjs/constants/index.d.ts

@@ -2,3 +2,4 @@ export { SortingType, ColumnFilterType, ColumnsDataType, QueryBuilderAttributeTy
 export { COMMENTS_CONTAINER_VISIBILITY_AREA } from './classnames';
 export { ALWAYS_VISIBLE_TYPE_URIS } from './attributes';
 export { MAP_DRAWING_MODES, DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from './map';
+export { POPUP_Z_INDEX } from './common';

package/cjs/constants/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MAP_MINIMUM_SCALE_RADIUS = exports.DEFAULT_OVERLAY_OPTIONS = exports.DEFAULT_GOOGLE_MAP_OPTIONS = exports.MAP_DRAWING_MODES = exports.ALWAYS_VISIBLE_TYPE_URIS = exports.COMMENTS_CONTAINER_VISIBILITY_AREA = exports.QueryBuilderAttributeDataType = exports.QueryBuilderAttributeType = exports.ColumnsDataType = exports.ColumnFilterType = exports.SortingType = void 0;
+exports.POPUP_Z_INDEX = exports.MAP_MINIMUM_SCALE_RADIUS = exports.DEFAULT_OVERLAY_OPTIONS = exports.DEFAULT_GOOGLE_MAP_OPTIONS = exports.MAP_DRAWING_MODES = exports.ALWAYS_VISIBLE_TYPE_URIS = exports.COMMENTS_CONTAINER_VISIBILITY_AREA = exports.QueryBuilderAttributeDataType = exports.QueryBuilderAttributeType = exports.ColumnsDataType = exports.ColumnFilterType = exports.SortingType = void 0;
 var prop_types_1 = require("./prop-types");
 Object.defineProperty(exports, "SortingType", { enumerable: true, get: function () { return prop_types_1.SortingType; } });
 Object.defineProperty(exports, "ColumnFilterType", { enumerable: true, get: function () { return prop_types_1.ColumnFilterType; } });
@@ -16,3 +16,5 @@ Object.defineProperty(exports, "MAP_DRAWING_MODES", { enumerable: true, get: fun
 Object.defineProperty(exports, "DEFAULT_GOOGLE_MAP_OPTIONS", { enumerable: true, get: function () { return map_1.DEFAULT_GOOGLE_MAP_OPTIONS; } });
 Object.defineProperty(exports, "DEFAULT_OVERLAY_OPTIONS", { enumerable: true, get: function () { return map_1.DEFAULT_OVERLAY_OPTIONS; } });
 Object.defineProperty(exports, "MAP_MINIMUM_SCALE_RADIUS", { enumerable: true, get: function () { return map_1.MAP_MINIMUM_SCALE_RADIUS; } });
+var common_1 = require("./common");
+Object.defineProperty(exports, "POPUP_Z_INDEX", { enumerable: true, get: function () { return common_1.POPUP_Z_INDEX; } });

package/cjs/features/activity-log/ActivityFilterEditor/styles.js

@@ -13,9 +13,10 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = exports.customStyles = void 0;
 var styles_1 = require("@mui/styles");
+var constants_1 = require("../../../constants");
 exports.customStyles = {
     input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
-    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); }
+    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: constants_1.POPUP_Z_INDEX })); }
 };
 exports.useStyles = (0, styles_1.makeStyles)({
     container: {

package/esm/AttributeSelector/styles.js

@@ -10,9 +10,10 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { makeStyles } from '@mui/styles';
+import { POPUP_Z_INDEX } from '../constants';
 export var customStyles = {
     input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
-    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); }
+    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: POPUP_Z_INDEX })); }
 };
 export var useStyles = makeStyles({
     root: {

package/esm/components/CollaborationItem/TextFieldWithMentions/styles.js

@@ -1,4 +1,6 @@
 import { makeStyles } from '@mui/styles';
+import { POPUP_Z_INDEX } from '../../../constants';
+var suggestionsZIndex = POPUP_Z_INDEX + 1;
 export var useStyles = makeStyles(function (theme) { return ({
     root: {
         width: '100%',
@@ -20,7 +22,7 @@ export var useStyles = makeStyles(function (theme) { return ({
         },
         '&__suggestions': {
             padding: '8px 0',
-            zIndex: '1301 !important',
+            zIndex: suggestionsZIndex + '!important',
             borderRadius: '4px',
             backgroundColor: '#fafafa !important',
             boxShadow: '0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2)',

package/esm/components/MultiValueSelector/styles.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { makeStyles } from '@mui/styles';
+import { POPUP_Z_INDEX } from '../../constants';
 export var useStyles = makeStyles(function (theme) { return ({
     option: {
         paddingLeft: '35px'
@@ -26,7 +27,7 @@ export var useStyles = makeStyles(function (theme) { return ({
 }); });
 export var customStyles = {
     input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
-    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); },
+    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: POPUP_Z_INDEX })); },
     menuList: function (currentStyles) { return (__assign(__assign({}, currentStyles), { maxHeight: '240px', padding: '8px 0' })); },
     menu: function (currentStyles) { return (__assign(__assign({}, currentStyles), { maxHeight: '240px' })); }
 };

package/esm/components/Popper/styles.js

@@ -1,4 +1,5 @@
 import { makeStyles } from '@mui/styles';
+import { POPUP_Z_INDEX } from '../../constants';
 export var useStyles = makeStyles({
     backdrop: {
         position: 'fixed',
@@ -9,6 +10,6 @@ export var useStyles = makeStyles({
         zIndex: 10
     },
     popper: {
-        zIndex: 1300
+        zIndex: POPUP_Z_INDEX
     }
 });

package/esm/components/UserSelector/styles.js

@@ -10,10 +10,11 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { makeStyles } from '@mui/styles';
+import { POPUP_Z_INDEX } from '../../constants';
 export var customStyles = {
     input: 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 })); }
+    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: POPUP_Z_INDEX })); }
 };
 export var useStyles = makeStyles({
     root: {

package/esm/components/VerticalHeadingsTable/TableColumnDragLayer/styles.js

@@ -1,4 +1,5 @@
 import { makeStyles } from '@mui/styles';
+import { POPUP_Z_INDEX } from '../../../constants';
 export var useStyles = makeStyles({
     dragLayer: {
         position: 'fixed',
@@ -6,7 +7,7 @@ export var useStyles = makeStyles({
         left: 0,
         width: '100%',
         height: '100%',
-        zIndex: 1300,
+        zIndex: POPUP_Z_INDEX,
         pointerEvents: 'none'
     }
 });

package/esm/components/crosswalks/CrosswalkDragLayer/styles.js

@@ -1,4 +1,5 @@
 import { makeStyles } from '@mui/styles';
+import { POPUP_Z_INDEX } from '../../../constants';
 export var useStyles = makeStyles({
     dragLayer: {
         position: 'fixed',
@@ -7,7 +8,7 @@ export var useStyles = makeStyles({
         width: '100%',
         height: '100%',
         overflow: 'hidden',
-        zIndex: 1300,
+        zIndex: POPUP_Z_INDEX,
         pointerEvents: 'none'
     },
     crosswalkPreview: {

package/esm/components/crosswalks/hooks/useAttributeActions.js

@@ -35,7 +35,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { useCallback } from 'react';
-import { createAttribute, entityCumulativeUpdate, getBaseUri, getReferencedRelationFromAttrValue, ignoreAttribute, isComplexAttribute, isImage, isLookupAttrType, isReference, pinAttribute, removeRelation, updateAttribute } from '@reltio/mdm-sdk';
+import { createAttribute, entityCumulativeDelete, getBaseUri, getReferencedRelationFromAttrValue, ignoreAttribute, isComplexAttribute, isImage, isLookupAttrType, isReference, pinAttribute, removeRelation, updateAttribute } from '@reltio/mdm-sdk';
 import { andThen, pipe, prop, defaultTo, map } from 'ramda';
 import { noop } from '../../../core';
 export var useAttributeActions = function (_a) {
@@ -66,7 +66,7 @@ export var useAttributeActions = function (_a) {
                     uri: attributeValue.uri,
                     crosswalk: sourceTable ? { type: type, value: value, sourceTable: sourceTable } : { type: type, value: value }
                 });
-            }), function (diff) { return ({ uri: getBaseUri(attributeValue.uri), diff: diff }); }, entityCumulativeUpdate, handleErrorResponse)(crosswalks);
+            }), function (diff) { return ({ uri: getBaseUri(attributeValue.uri), diff: diff }); }, entityCumulativeDelete, handleErrorResponse)(crosswalks);
         handleAction(action);
     }, [handleAction, handleErrorResponse]);
     var pinAttributeAction = useCallback(function (_a) {

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

@@ -10,9 +10,10 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { makeStyles } from '@mui/styles';
+import { POPUP_Z_INDEX } from '../../../constants';
 export var customStyles = {
     input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
-    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); }
+    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: POPUP_Z_INDEX })); }
 };
 export var useStyles = makeStyles({
     root: {

package/esm/constants/common.d.ts

@@ -0,0 +1 @@
+export declare const POPUP_Z_INDEX = 1300;

package/esm/constants/common.js

@@ -0,0 +1 @@
+export var POPUP_Z_INDEX = 1300;

package/esm/constants/index.d.ts

@@ -2,3 +2,4 @@ export { SortingType, ColumnFilterType, ColumnsDataType, QueryBuilderAttributeTy
 export { COMMENTS_CONTAINER_VISIBILITY_AREA } from './classnames';
 export { ALWAYS_VISIBLE_TYPE_URIS } from './attributes';
 export { MAP_DRAWING_MODES, DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from './map';
+export { POPUP_Z_INDEX } from './common';

package/esm/constants/index.js

@@ -2,3 +2,4 @@ export { SortingType, ColumnFilterType, ColumnsDataType, QueryBuilderAttributeTy
 export { COMMENTS_CONTAINER_VISIBILITY_AREA } from './classnames';
 export { ALWAYS_VISIBLE_TYPE_URIS } from './attributes';
 export { MAP_DRAWING_MODES, DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from './map';
+export { POPUP_Z_INDEX } from './common';

package/esm/features/activity-log/ActivityFilterEditor/styles.js

@@ -10,9 +10,10 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { makeStyles } from '@mui/styles';
+import { POPUP_Z_INDEX } from '../../../constants';
 export var customStyles = {
     input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
-    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); }
+    menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: POPUP_Z_INDEX })); }
 };
 export var useStyles = makeStyles({
     container: {

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1790",
+  "version": "1.4.1792",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-sdk": "^1.4.1758",
+    "@reltio/mdm-sdk": "^1.4.1759",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",