@reltio/components 1.4.931 → 1.4.934

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.
@@ -58,7 +58,7 @@ var AutoSizeList = function (_a) {
58
58
  var data = _a.data, index = _a.index, style = _a.style;
59
59
  var key = getItemKey(index);
60
60
  return (react_1.default.createElement("div", { style: style, className: styles.item },
61
- react_1.default.createElement("div", { style: { visibility: key in rowHeights ? 'visible' : 'hidden' } },
61
+ react_1.default.createElement("div", { style: { visibility: key in rowHeights ? undefined : 'hidden' } },
62
62
  react_1.default.createElement(react_resize_detector_1.default, { handleHeight: true, onResize: function (_, height) {
63
63
  if (rowHeightsCache.current[key] !== height) {
64
64
  cacheRowHeight(key, height);
@@ -15,7 +15,7 @@ exports.useStyles = styles_1.makeStyles({
15
15
  lineHeight: '15px',
16
16
  letterSpacing: 'normal',
17
17
  paddingTop: '1px',
18
- marginLeft: '-2px'
18
+ marginLeft: '2px'
19
19
  },
20
20
  spacer: {
21
21
  flex: 1
@@ -15,12 +15,11 @@ var styles_1 = require("@material-ui/core/styles");
15
15
  var historyAppearance_1 = require("../helpers/historyAppearance");
16
16
  var styles = styles_1.makeStyles({
17
17
  label: {
18
- textDecoration: 'none',
19
- padding: '0 4px'
18
+ textDecoration: 'none'
20
19
  },
21
- updateAttribute: __assign({ width: 'fit-content' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.updateAttribute]),
20
+ updateAttribute: __assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.updateAttribute]),
22
21
  insertAttribute: __assign({ width: 'fit-content' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.insertAttribute]),
23
- deleteAttribute: __assign({ width: 'fit-content', textDecoration: 'line-through' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.deleteAttribute]),
22
+ deleteAttribute: __assign({ width: 'fit-content', textDecoration: 'line-through', padding: '0 4px', marginLeft: '-4px' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.deleteAttribute]),
24
23
  pivotingTooltip: {
25
24
  marginLeft: '4px'
26
25
  }
@@ -16,15 +16,14 @@ var historyAppearance_1 = require("../helpers/historyAppearance");
16
16
  var styles = styles_1.makeStyles(function (theme) { return ({
17
17
  label: {
18
18
  color: theme.palette.primary.main,
19
- textDecoration: 'none',
20
- padding: '0 4px'
19
+ textDecoration: 'none'
21
20
  },
22
21
  relationshipLabel: {
23
22
  marginLeft: '4px',
24
23
  color: theme.palette.text.primary
25
24
  },
26
- updateAttribute: __assign({ width: 'fit-content' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.updateAttribute]),
25
+ updateAttribute: __assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.updateAttribute]),
27
26
  insertAttribute: __assign({ width: 'fit-content' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.insertAttribute]),
28
- deleteAttribute: __assign({ width: 'fit-content', textDecoration: 'line-through' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.deleteAttribute])
27
+ deleteAttribute: __assign({ width: 'fit-content', textDecoration: 'line-through', padding: '0 4px', marginLeft: '-4px' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.deleteAttribute])
29
28
  }); });
30
29
  exports.default = styles;
@@ -25,12 +25,11 @@ exports.useStyles = styles_1.makeStyles({
25
25
  marginRight: '-4px' // AttributesPager padding compensation
26
26
  },
27
27
  attributeValue: {
28
- flex: 1,
29
- padding: '0 4px'
28
+ flex: 1
30
29
  },
31
- updateAttribute: __assign({ width: 'fit-content', padding: '0 4px' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.updateAttribute]),
32
- insertAttribute: __assign({ width: 'fit-content', padding: '0 4px' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.insertAttribute]),
33
- deleteAttribute: __assign({ width: 'fit-content', padding: '0 4px', textDecoration: 'line-through' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.deleteAttribute]),
30
+ updateAttribute: __assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.updateAttribute]),
31
+ insertAttribute: __assign({ width: 'fit-content' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.insertAttribute]),
32
+ deleteAttribute: __assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px', textDecoration: 'line-through' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.deleteAttribute]),
34
33
  multilineAttribute: {
35
34
  width: 'fit-content'
36
35
  }
@@ -73,10 +73,11 @@ var HistoryFilterButton = function (_a) {
73
73
  } },
74
74
  react_1.default.createElement("div", { className: styles.filterContainer },
75
75
  react_1.default.createElement(Typography_1.default, { variant: "h6" }, ui_i18n_1.default.text('Filter')),
76
- react_1.default.createElement(DateRangeSelector_1.default, { value: dateRange, onChange: handlePropChange('dateRange'), className: styles.filterItem }),
77
- react_1.default.createElement(UserSelector_1.default, { selectedUsers: users, onChange: handlePropChange('users'), className: styles.filterItem }),
78
- react_1.default.createElement(HistoryActivitySelector_1.default, { selectedHistoryActivityTypes: activities, onChange: handlePropChange('activities'), className: styles.filterItem }),
79
- 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" })),
76
+ react_1.default.createElement("div", { className: styles.filterContainerScrollable },
77
+ react_1.default.createElement(DateRangeSelector_1.default, { value: dateRange, onChange: handlePropChange('dateRange'), className: styles.filterItem }),
78
+ react_1.default.createElement(UserSelector_1.default, { selectedUsers: users, onChange: handlePropChange('users'), className: styles.filterItem }),
79
+ react_1.default.createElement(HistoryActivitySelector_1.default, { selectedHistoryActivityTypes: activities, onChange: handlePropChange('activities'), className: styles.filterItem }),
80
+ 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" }))),
80
81
  react_1.default.createElement("div", { className: styles.filterControls },
81
82
  react_1.default.createElement(Button_1.default, { onClick: clearCurrentValue, className: styles.clearButton }, ui_i18n_1.default.text('Clear all')),
82
83
  react_1.default.createElement(Button_1.default, { onClick: closePopup }, ui_i18n_1.default.text('Cancel')),
@@ -1 +1 @@
1
- export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "input" | "popup" | "filterControls" | "clearButton" | "filterContainer" | "filterItem">;
1
+ export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "input" | "popup" | "filterControls" | "clearButton" | "filterContainer" | "filterContainerScrollable" | "filterItem">;
@@ -9,11 +9,17 @@ exports.useStyles = styles_1.makeStyles({
9
9
  popup: {
10
10
  width: 500,
11
11
  height: 500,
12
- overflowY: 'hidden'
12
+ overflowY: 'hidden',
13
+ display: 'flex',
14
+ flexDirection: 'column'
13
15
  },
14
16
  filterContainer: {
15
17
  padding: 20,
16
18
  height: 410,
19
+ display: 'flex',
20
+ flexDirection: 'column'
21
+ },
22
+ filterContainerScrollable: {
17
23
  overflowY: 'auto'
18
24
  },
19
25
  filterItem: {
@@ -34,7 +34,7 @@ var AutoSizeList = function (_a) {
34
34
  var data = _a.data, index = _a.index, style = _a.style;
35
35
  var key = getItemKey(index);
36
36
  return (React.createElement("div", { style: style, className: styles.item },
37
- React.createElement("div", { style: { visibility: key in rowHeights ? 'visible' : 'hidden' } },
37
+ React.createElement("div", { style: { visibility: key in rowHeights ? undefined : 'hidden' } },
38
38
  React.createElement(ReactResizeDetector, { handleHeight: true, onResize: function (_, height) {
39
39
  if (rowHeightsCache.current[key] !== height) {
40
40
  cacheRowHeight(key, height);
@@ -12,7 +12,7 @@ export var useStyles = makeStyles({
12
12
  lineHeight: '15px',
13
13
  letterSpacing: 'normal',
14
14
  paddingTop: '1px',
15
- marginLeft: '-2px'
15
+ marginLeft: '2px'
16
16
  },
17
17
  spacer: {
18
18
  flex: 1
@@ -13,12 +13,11 @@ import { makeStyles } from '@material-ui/core/styles';
13
13
  import { HistoryOperations, historyPalettes } from '../helpers/historyAppearance';
14
14
  var styles = makeStyles({
15
15
  label: {
16
- textDecoration: 'none',
17
- padding: '0 4px'
16
+ textDecoration: 'none'
18
17
  },
19
- updateAttribute: __assign({ width: 'fit-content' }, historyPalettes[HistoryOperations.updateAttribute]),
18
+ updateAttribute: __assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px' }, historyPalettes[HistoryOperations.updateAttribute]),
20
19
  insertAttribute: __assign({ width: 'fit-content' }, historyPalettes[HistoryOperations.insertAttribute]),
21
- deleteAttribute: __assign({ width: 'fit-content', textDecoration: 'line-through' }, historyPalettes[HistoryOperations.deleteAttribute]),
20
+ deleteAttribute: __assign({ width: 'fit-content', textDecoration: 'line-through', padding: '0 4px', marginLeft: '-4px' }, historyPalettes[HistoryOperations.deleteAttribute]),
22
21
  pivotingTooltip: {
23
22
  marginLeft: '4px'
24
23
  }
@@ -14,15 +14,14 @@ import { HistoryOperations, historyPalettes } from '../helpers/historyAppearance
14
14
  var styles = makeStyles(function (theme) { return ({
15
15
  label: {
16
16
  color: theme.palette.primary.main,
17
- textDecoration: 'none',
18
- padding: '0 4px'
17
+ textDecoration: 'none'
19
18
  },
20
19
  relationshipLabel: {
21
20
  marginLeft: '4px',
22
21
  color: theme.palette.text.primary
23
22
  },
24
- updateAttribute: __assign({ width: 'fit-content' }, historyPalettes[HistoryOperations.updateAttribute]),
23
+ updateAttribute: __assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px' }, historyPalettes[HistoryOperations.updateAttribute]),
25
24
  insertAttribute: __assign({ width: 'fit-content' }, historyPalettes[HistoryOperations.insertAttribute]),
26
- deleteAttribute: __assign({ width: 'fit-content', textDecoration: 'line-through' }, historyPalettes[HistoryOperations.deleteAttribute])
25
+ deleteAttribute: __assign({ width: 'fit-content', textDecoration: 'line-through', padding: '0 4px', marginLeft: '-4px' }, historyPalettes[HistoryOperations.deleteAttribute])
27
26
  }); });
28
27
  export default styles;
@@ -22,12 +22,11 @@ export var useStyles = makeStyles({
22
22
  marginRight: '-4px' // AttributesPager padding compensation
23
23
  },
24
24
  attributeValue: {
25
- flex: 1,
26
- padding: '0 4px'
25
+ flex: 1
27
26
  },
28
- updateAttribute: __assign({ width: 'fit-content', padding: '0 4px' }, historyPalettes[HistoryOperations.updateAttribute]),
29
- insertAttribute: __assign({ width: 'fit-content', padding: '0 4px' }, historyPalettes[HistoryOperations.insertAttribute]),
30
- deleteAttribute: __assign({ width: 'fit-content', padding: '0 4px', textDecoration: 'line-through' }, historyPalettes[HistoryOperations.deleteAttribute]),
27
+ updateAttribute: __assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px' }, historyPalettes[HistoryOperations.updateAttribute]),
28
+ insertAttribute: __assign({ width: 'fit-content' }, historyPalettes[HistoryOperations.insertAttribute]),
29
+ deleteAttribute: __assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px', textDecoration: 'line-through' }, historyPalettes[HistoryOperations.deleteAttribute]),
31
30
  multilineAttribute: {
32
31
  width: 'fit-content'
33
32
  }
@@ -49,10 +49,11 @@ var HistoryFilterButton = function (_a) {
49
49
  } },
50
50
  React.createElement("div", { className: styles.filterContainer },
51
51
  React.createElement(Typography, { variant: "h6" }, i18n.text('Filter')),
52
- React.createElement(DateRangeSelector, { value: dateRange, onChange: handlePropChange('dateRange'), className: styles.filterItem }),
53
- React.createElement(UserSelector, { selectedUsers: users, onChange: handlePropChange('users'), className: styles.filterItem }),
54
- React.createElement(HistoryActivitySelector, { selectedHistoryActivityTypes: activities, onChange: handlePropChange('activities'), className: styles.filterItem }),
55
- React.createElement(AttributeSelector, { selectedAttributes: attributes, entityType: entityType, onChange: handlePropChange('attributes'), className: styles.filterItem, title: i18n.text('Attribute updated'), menuPlacement: "top" })),
52
+ React.createElement("div", { className: styles.filterContainerScrollable },
53
+ React.createElement(DateRangeSelector, { value: dateRange, onChange: handlePropChange('dateRange'), className: styles.filterItem }),
54
+ React.createElement(UserSelector, { selectedUsers: users, onChange: handlePropChange('users'), className: styles.filterItem }),
55
+ React.createElement(HistoryActivitySelector, { selectedHistoryActivityTypes: activities, onChange: handlePropChange('activities'), className: styles.filterItem }),
56
+ React.createElement(AttributeSelector, { selectedAttributes: attributes, entityType: entityType, onChange: handlePropChange('attributes'), className: styles.filterItem, title: i18n.text('Attribute updated'), menuPlacement: "top" }))),
56
57
  React.createElement("div", { className: styles.filterControls },
57
58
  React.createElement(Button, { onClick: clearCurrentValue, className: styles.clearButton }, i18n.text('Clear all')),
58
59
  React.createElement(Button, { onClick: closePopup }, i18n.text('Cancel')),
@@ -1 +1 @@
1
- export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "input" | "popup" | "filterControls" | "clearButton" | "filterContainer" | "filterItem">;
1
+ export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "input" | "popup" | "filterControls" | "clearButton" | "filterContainer" | "filterContainerScrollable" | "filterItem">;
@@ -6,11 +6,17 @@ export var useStyles = makeStyles({
6
6
  popup: {
7
7
  width: 500,
8
8
  height: 500,
9
- overflowY: 'hidden'
9
+ overflowY: 'hidden',
10
+ display: 'flex',
11
+ flexDirection: 'column'
10
12
  },
11
13
  filterContainer: {
12
14
  padding: 20,
13
15
  height: 410,
16
+ display: 'flex',
17
+ flexDirection: 'column'
18
+ },
19
+ filterContainerScrollable: {
14
20
  overflowY: 'auto'
15
21
  },
16
22
  filterItem: {
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@reltio/components",
3
- "version": "1.4.931",
3
+ "version": "1.4.934",
4
4
  "license": "SEE LICENSE IN LICENSE FILE",
5
5
  "main": "./cjs/index.js",
6
6
  "module": "./esm/index.js",
7
7
  "dependencies": {
8
8
  "@date-io/moment": "^1.3.5",
9
9
  "@react-google-maps/api": "^2.7.0",
10
- "@reltio/mdm-module": "^1.4.931",
11
- "@reltio/mdm-sdk": "^1.4.931",
10
+ "@reltio/mdm-module": "^1.4.934",
11
+ "@reltio/mdm-sdk": "^1.4.934",
12
12
  "classnames": "^2.2.5",
13
13
  "d3-cloud": "^1.2.5",
14
14
  "d3-geo": "^2.0.1",