@reltio/components 1.4.1791 → 1.4.1792

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/cjs/AttributeSelector/styles.js +2 -1
  2. package/cjs/components/CollaborationItem/TextFieldWithMentions/styles.js +3 -1
  3. package/cjs/components/MultiValueSelector/styles.js +2 -1
  4. package/cjs/components/Popper/styles.js +2 -1
  5. package/cjs/components/UserSelector/styles.js +2 -1
  6. package/cjs/components/VerticalHeadingsTable/TableColumnDragLayer/styles.js +2 -1
  7. package/cjs/components/crosswalks/CrosswalkDragLayer/styles.js +2 -1
  8. package/cjs/components/history/HistoryActivitySelector/styles.js +2 -1
  9. package/cjs/constants/common.d.ts +1 -0
  10. package/cjs/constants/common.js +4 -0
  11. package/cjs/constants/index.d.ts +1 -0
  12. package/cjs/constants/index.js +3 -1
  13. package/cjs/features/activity-log/ActivityFilterEditor/styles.js +2 -1
  14. package/esm/AttributeSelector/styles.js +2 -1
  15. package/esm/components/CollaborationItem/TextFieldWithMentions/styles.js +3 -1
  16. package/esm/components/MultiValueSelector/styles.js +2 -1
  17. package/esm/components/Popper/styles.js +2 -1
  18. package/esm/components/UserSelector/styles.js +2 -1
  19. package/esm/components/VerticalHeadingsTable/TableColumnDragLayer/styles.js +2 -1
  20. package/esm/components/crosswalks/CrosswalkDragLayer/styles.js +2 -1
  21. package/esm/components/history/HistoryActivitySelector/styles.js +2 -1
  22. package/esm/constants/common.d.ts +1 -0
  23. package/esm/constants/common.js +1 -0
  24. package/esm/constants/index.d.ts +1 -0
  25. package/esm/constants/index.js +1 -0
  26. package/esm/features/activity-log/ActivityFilterEditor/styles.js +2 -1
  27. package/package.json +1 -1
@@ -13,9 +13,10 @@ var __assign = (this && this.__assign) || function () {
13
13
  Object.defineProperty(exports, "__esModule", { value: true });
14
14
  exports.useStyles = exports.customStyles = void 0;
15
15
  var styles_1 = require("@mui/styles");
16
+ var constants_1 = require("../constants");
16
17
  exports.customStyles = {
17
18
  input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
18
- menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); }
19
+ menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: constants_1.POPUP_Z_INDEX })); }
19
20
  };
20
21
  exports.useStyles = (0, styles_1.makeStyles)({
21
22
  root: {
@@ -2,6 +2,8 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.useStyles = void 0;
4
4
  var styles_1 = require("@mui/styles");
5
+ var constants_1 = require("../../../constants");
6
+ var suggestionsZIndex = constants_1.POPUP_Z_INDEX + 1;
5
7
  exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
6
8
  root: {
7
9
  width: '100%',
@@ -23,7 +25,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
23
25
  },
24
26
  '&__suggestions': {
25
27
  padding: '8px 0',
26
- zIndex: '1301 !important',
28
+ zIndex: suggestionsZIndex + '!important',
27
29
  borderRadius: '4px',
28
30
  backgroundColor: '#fafafa !important',
29
31
  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)',
@@ -13,6 +13,7 @@ var __assign = (this && this.__assign) || function () {
13
13
  Object.defineProperty(exports, "__esModule", { value: true });
14
14
  exports.customStyles = exports.useStyles = void 0;
15
15
  var styles_1 = require("@mui/styles");
16
+ var constants_1 = require("../../constants");
16
17
  exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
17
18
  option: {
18
19
  paddingLeft: '35px'
@@ -29,7 +30,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
29
30
  }); });
30
31
  exports.customStyles = {
31
32
  input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
32
- menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); },
33
+ menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: constants_1.POPUP_Z_INDEX })); },
33
34
  menuList: function (currentStyles) { return (__assign(__assign({}, currentStyles), { maxHeight: '240px', padding: '8px 0' })); },
34
35
  menu: function (currentStyles) { return (__assign(__assign({}, currentStyles), { maxHeight: '240px' })); }
35
36
  };
@@ -2,6 +2,7 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.useStyles = void 0;
4
4
  var styles_1 = require("@mui/styles");
5
+ var constants_1 = require("../../constants");
5
6
  exports.useStyles = (0, styles_1.makeStyles)({
6
7
  backdrop: {
7
8
  position: 'fixed',
@@ -12,6 +13,6 @@ exports.useStyles = (0, styles_1.makeStyles)({
12
13
  zIndex: 10
13
14
  },
14
15
  popper: {
15
- zIndex: 1300
16
+ zIndex: constants_1.POPUP_Z_INDEX
16
17
  }
17
18
  });
@@ -13,10 +13,11 @@ var __assign = (this && this.__assign) || function () {
13
13
  Object.defineProperty(exports, "__esModule", { value: true });
14
14
  exports.useStyles = exports.customStyles = void 0;
15
15
  var styles_1 = require("@mui/styles");
16
+ var constants_1 = require("../../constants");
16
17
  exports.customStyles = {
17
18
  input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
18
19
  loadingMessage: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
19
- menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); }
20
+ menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: constants_1.POPUP_Z_INDEX })); }
20
21
  };
21
22
  exports.useStyles = (0, styles_1.makeStyles)({
22
23
  root: {
@@ -2,6 +2,7 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.useStyles = void 0;
4
4
  var styles_1 = require("@mui/styles");
5
+ var constants_1 = require("../../../constants");
5
6
  exports.useStyles = (0, styles_1.makeStyles)({
6
7
  dragLayer: {
7
8
  position: 'fixed',
@@ -9,7 +10,7 @@ exports.useStyles = (0, styles_1.makeStyles)({
9
10
  left: 0,
10
11
  width: '100%',
11
12
  height: '100%',
12
- zIndex: 1300,
13
+ zIndex: constants_1.POPUP_Z_INDEX,
13
14
  pointerEvents: 'none'
14
15
  }
15
16
  });
@@ -2,6 +2,7 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.useStyles = void 0;
4
4
  var styles_1 = require("@mui/styles");
5
+ var constants_1 = require("../../../constants");
5
6
  exports.useStyles = (0, styles_1.makeStyles)({
6
7
  dragLayer: {
7
8
  position: 'fixed',
@@ -10,7 +11,7 @@ exports.useStyles = (0, styles_1.makeStyles)({
10
11
  width: '100%',
11
12
  height: '100%',
12
13
  overflow: 'hidden',
13
- zIndex: 1300,
14
+ zIndex: constants_1.POPUP_Z_INDEX,
14
15
  pointerEvents: 'none'
15
16
  },
16
17
  crosswalkPreview: {
@@ -13,9 +13,10 @@ var __assign = (this && this.__assign) || function () {
13
13
  Object.defineProperty(exports, "__esModule", { value: true });
14
14
  exports.useStyles = exports.customStyles = void 0;
15
15
  var styles_1 = require("@mui/styles");
16
+ var constants_1 = require("../../../constants");
16
17
  exports.customStyles = {
17
18
  input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
18
- menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); }
19
+ menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: constants_1.POPUP_Z_INDEX })); }
19
20
  };
20
21
  exports.useStyles = (0, styles_1.makeStyles)({
21
22
  root: {
@@ -0,0 +1 @@
1
+ export declare const POPUP_Z_INDEX = 1300;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.POPUP_Z_INDEX = void 0;
4
+ exports.POPUP_Z_INDEX = 1300;
@@ -2,3 +2,4 @@ export { SortingType, ColumnFilterType, ColumnsDataType, QueryBuilderAttributeTy
2
2
  export { COMMENTS_CONTAINER_VISIBILITY_AREA } from './classnames';
3
3
  export { ALWAYS_VISIBLE_TYPE_URIS } from './attributes';
4
4
  export { MAP_DRAWING_MODES, DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from './map';
5
+ export { POPUP_Z_INDEX } from './common';
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- 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;
3
+ 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;
4
4
  var prop_types_1 = require("./prop-types");
5
5
  Object.defineProperty(exports, "SortingType", { enumerable: true, get: function () { return prop_types_1.SortingType; } });
6
6
  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
16
16
  Object.defineProperty(exports, "DEFAULT_GOOGLE_MAP_OPTIONS", { enumerable: true, get: function () { return map_1.DEFAULT_GOOGLE_MAP_OPTIONS; } });
17
17
  Object.defineProperty(exports, "DEFAULT_OVERLAY_OPTIONS", { enumerable: true, get: function () { return map_1.DEFAULT_OVERLAY_OPTIONS; } });
18
18
  Object.defineProperty(exports, "MAP_MINIMUM_SCALE_RADIUS", { enumerable: true, get: function () { return map_1.MAP_MINIMUM_SCALE_RADIUS; } });
19
+ var common_1 = require("./common");
20
+ Object.defineProperty(exports, "POPUP_Z_INDEX", { enumerable: true, get: function () { return common_1.POPUP_Z_INDEX; } });
@@ -13,9 +13,10 @@ var __assign = (this && this.__assign) || function () {
13
13
  Object.defineProperty(exports, "__esModule", { value: true });
14
14
  exports.useStyles = exports.customStyles = void 0;
15
15
  var styles_1 = require("@mui/styles");
16
+ var constants_1 = require("../../../constants");
16
17
  exports.customStyles = {
17
18
  input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
18
- menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); }
19
+ menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: constants_1.POPUP_Z_INDEX })); }
19
20
  };
20
21
  exports.useStyles = (0, styles_1.makeStyles)({
21
22
  container: {
@@ -10,9 +10,10 @@ var __assign = (this && this.__assign) || function () {
10
10
  return __assign.apply(this, arguments);
11
11
  };
12
12
  import { makeStyles } from '@mui/styles';
13
+ import { POPUP_Z_INDEX } from '../constants';
13
14
  export var customStyles = {
14
15
  input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
15
- menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); }
16
+ menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: POPUP_Z_INDEX })); }
16
17
  };
17
18
  export var useStyles = makeStyles({
18
19
  root: {
@@ -1,4 +1,6 @@
1
1
  import { makeStyles } from '@mui/styles';
2
+ import { POPUP_Z_INDEX } from '../../../constants';
3
+ var suggestionsZIndex = POPUP_Z_INDEX + 1;
2
4
  export var useStyles = makeStyles(function (theme) { return ({
3
5
  root: {
4
6
  width: '100%',
@@ -20,7 +22,7 @@ export var useStyles = makeStyles(function (theme) { return ({
20
22
  },
21
23
  '&__suggestions': {
22
24
  padding: '8px 0',
23
- zIndex: '1301 !important',
25
+ zIndex: suggestionsZIndex + '!important',
24
26
  borderRadius: '4px',
25
27
  backgroundColor: '#fafafa !important',
26
28
  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)',
@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
10
10
  return __assign.apply(this, arguments);
11
11
  };
12
12
  import { makeStyles } from '@mui/styles';
13
+ import { POPUP_Z_INDEX } from '../../constants';
13
14
  export var useStyles = makeStyles(function (theme) { return ({
14
15
  option: {
15
16
  paddingLeft: '35px'
@@ -26,7 +27,7 @@ export var useStyles = makeStyles(function (theme) { return ({
26
27
  }); });
27
28
  export var customStyles = {
28
29
  input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
29
- menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); },
30
+ menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: POPUP_Z_INDEX })); },
30
31
  menuList: function (currentStyles) { return (__assign(__assign({}, currentStyles), { maxHeight: '240px', padding: '8px 0' })); },
31
32
  menu: function (currentStyles) { return (__assign(__assign({}, currentStyles), { maxHeight: '240px' })); }
32
33
  };
@@ -1,4 +1,5 @@
1
1
  import { makeStyles } from '@mui/styles';
2
+ import { POPUP_Z_INDEX } from '../../constants';
2
3
  export var useStyles = makeStyles({
3
4
  backdrop: {
4
5
  position: 'fixed',
@@ -9,6 +10,6 @@ export var useStyles = makeStyles({
9
10
  zIndex: 10
10
11
  },
11
12
  popper: {
12
- zIndex: 1300
13
+ zIndex: POPUP_Z_INDEX
13
14
  }
14
15
  });
@@ -10,10 +10,11 @@ var __assign = (this && this.__assign) || function () {
10
10
  return __assign.apply(this, arguments);
11
11
  };
12
12
  import { makeStyles } from '@mui/styles';
13
+ import { POPUP_Z_INDEX } from '../../constants';
13
14
  export var customStyles = {
14
15
  input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
15
16
  loadingMessage: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
16
- menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); }
17
+ menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: POPUP_Z_INDEX })); }
17
18
  };
18
19
  export var useStyles = makeStyles({
19
20
  root: {
@@ -1,4 +1,5 @@
1
1
  import { makeStyles } from '@mui/styles';
2
+ import { POPUP_Z_INDEX } from '../../../constants';
2
3
  export var useStyles = makeStyles({
3
4
  dragLayer: {
4
5
  position: 'fixed',
@@ -6,7 +7,7 @@ export var useStyles = makeStyles({
6
7
  left: 0,
7
8
  width: '100%',
8
9
  height: '100%',
9
- zIndex: 1300,
10
+ zIndex: POPUP_Z_INDEX,
10
11
  pointerEvents: 'none'
11
12
  }
12
13
  });
@@ -1,4 +1,5 @@
1
1
  import { makeStyles } from '@mui/styles';
2
+ import { POPUP_Z_INDEX } from '../../../constants';
2
3
  export var useStyles = makeStyles({
3
4
  dragLayer: {
4
5
  position: 'fixed',
@@ -7,7 +8,7 @@ export var useStyles = makeStyles({
7
8
  width: '100%',
8
9
  height: '100%',
9
10
  overflow: 'hidden',
10
- zIndex: 1300,
11
+ zIndex: POPUP_Z_INDEX,
11
12
  pointerEvents: 'none'
12
13
  },
13
14
  crosswalkPreview: {
@@ -10,9 +10,10 @@ var __assign = (this && this.__assign) || function () {
10
10
  return __assign.apply(this, arguments);
11
11
  };
12
12
  import { makeStyles } from '@mui/styles';
13
+ import { POPUP_Z_INDEX } from '../../../constants';
13
14
  export var customStyles = {
14
15
  input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
15
- menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); }
16
+ menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: POPUP_Z_INDEX })); }
16
17
  };
17
18
  export var useStyles = makeStyles({
18
19
  root: {
@@ -0,0 +1 @@
1
+ export declare const POPUP_Z_INDEX = 1300;
@@ -0,0 +1 @@
1
+ export var POPUP_Z_INDEX = 1300;
@@ -2,3 +2,4 @@ export { SortingType, ColumnFilterType, ColumnsDataType, QueryBuilderAttributeTy
2
2
  export { COMMENTS_CONTAINER_VISIBILITY_AREA } from './classnames';
3
3
  export { ALWAYS_VISIBLE_TYPE_URIS } from './attributes';
4
4
  export { MAP_DRAWING_MODES, DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from './map';
5
+ export { POPUP_Z_INDEX } from './common';
@@ -2,3 +2,4 @@ export { SortingType, ColumnFilterType, ColumnsDataType, QueryBuilderAttributeTy
2
2
  export { COMMENTS_CONTAINER_VISIBILITY_AREA } from './classnames';
3
3
  export { ALWAYS_VISIBLE_TYPE_URIS } from './attributes';
4
4
  export { MAP_DRAWING_MODES, DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from './map';
5
+ export { POPUP_Z_INDEX } from './common';
@@ -10,9 +10,10 @@ var __assign = (this && this.__assign) || function () {
10
10
  return __assign.apply(this, arguments);
11
11
  };
12
12
  import { makeStyles } from '@mui/styles';
13
+ import { POPUP_Z_INDEX } from '../../../constants';
13
14
  export var customStyles = {
14
15
  input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
15
- menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); }
16
+ menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: POPUP_Z_INDEX })); }
16
17
  };
17
18
  export var useStyles = makeStyles({
18
19
  container: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reltio/components",
3
- "version": "1.4.1791",
3
+ "version": "1.4.1792",
4
4
  "license": "SEE LICENSE IN LICENSE FILE",
5
5
  "main": "./cjs/index.js",
6
6
  "module": "./esm/index.js",