@reltio/components 1.4.1577 → 1.4.1579
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.
- package/cjs/components/AttributeListItem/AttributeListItem.d.ts +3 -1
- package/cjs/components/AttributeListItem/AttributeListItem.js +3 -3
- package/cjs/components/crosswalks/AttributesTable/helpers.js +1 -1
- package/esm/components/AttributeListItem/AttributeListItem.d.ts +3 -1
- package/esm/components/AttributeListItem/AttributeListItem.js +3 -3
- package/esm/components/crosswalks/AttributesTable/helpers.js +2 -2
- package/package.json +3 -3
|
@@ -33,6 +33,8 @@ type Props = {
|
|
|
33
33
|
style?: ListItemProps['style'];
|
|
34
34
|
LogoIcon?: React.ElementType;
|
|
35
35
|
className?: string;
|
|
36
|
+
disableNonSelectable?: boolean;
|
|
37
|
+
disableGutters?: boolean;
|
|
36
38
|
};
|
|
37
|
-
declare const _default: React.MemoExoticComponent<({ groupId, data, checked, isFocused, isRequired, label, labelInText, level, onClick, hideCheckBox, hideIcon, notSelectable, disableHorizontalScrollbar, style, subItemMargin, LogoIcon, className }: Props) => JSX.Element>;
|
|
39
|
+
declare const _default: React.MemoExoticComponent<({ groupId, data, checked, isFocused, isRequired, label, labelInText, level, onClick, hideCheckBox, hideIcon, notSelectable, disableHorizontalScrollbar, style, subItemMargin, LogoIcon, className, disableNonSelectable, disableGutters }: Props) => JSX.Element>;
|
|
38
40
|
export default _default;
|
|
@@ -45,7 +45,7 @@ var styles_1 = require("./styles");
|
|
|
45
45
|
exports.RecommendedIconWithTooltip = (0, withTooltip_1.default)(Recommended_1.default);
|
|
46
46
|
var AttributeListItem = function (_a) {
|
|
47
47
|
var _b, _c, _d;
|
|
48
|
-
var groupId = _a.groupId, data = _a.data, _e = _a.checked, checked = _e === void 0 ? false : _e, _f = _a.isFocused, isFocused = _f === void 0 ? false : _f, _g = _a.isRequired, isRequired = _g === void 0 ? false : _g, label = _a.label, labelInText = _a.labelInText, level = _a.level, _h = _a.onClick, onClick = _h === void 0 ? core_1.noop : _h, _j = _a.hideCheckBox, hideCheckBox = _j === void 0 ? false : _j, _k = _a.hideIcon, hideIcon = _k === void 0 ? false : _k, _l = _a.notSelectable, notSelectable = _l === void 0 ? false : _l, _m = _a.disableHorizontalScrollbar, disableHorizontalScrollbar = _m === void 0 ? false : _m, _o = _a.style, style = _o === void 0 ? {} : _o, _p = _a.subItemMargin, subItemMargin = _p === void 0 ? 20 : _p, LogoIcon = _a.LogoIcon, className = _a.className;
|
|
48
|
+
var groupId = _a.groupId, data = _a.data, _e = _a.checked, checked = _e === void 0 ? false : _e, _f = _a.isFocused, isFocused = _f === void 0 ? false : _f, _g = _a.isRequired, isRequired = _g === void 0 ? false : _g, label = _a.label, labelInText = _a.labelInText, level = _a.level, _h = _a.onClick, onClick = _h === void 0 ? core_1.noop : _h, _j = _a.hideCheckBox, hideCheckBox = _j === void 0 ? false : _j, _k = _a.hideIcon, hideIcon = _k === void 0 ? false : _k, _l = _a.notSelectable, notSelectable = _l === void 0 ? false : _l, _m = _a.disableHorizontalScrollbar, disableHorizontalScrollbar = _m === void 0 ? false : _m, _o = _a.style, style = _o === void 0 ? {} : _o, _p = _a.subItemMargin, subItemMargin = _p === void 0 ? 20 : _p, LogoIcon = _a.LogoIcon, className = _a.className, disableNonSelectable = _a.disableNonSelectable, disableGutters = _a.disableGutters;
|
|
49
49
|
var styles = (0, styles_1.useStyles)();
|
|
50
50
|
var attrType = (data || {}).attrType;
|
|
51
51
|
var isButton = (!hideCheckBox || !(0, mdm_sdk_1.isNested)(attrType)) && !notSelectable;
|
|
@@ -56,10 +56,10 @@ var AttributeListItem = function (_a) {
|
|
|
56
56
|
};
|
|
57
57
|
// TODO: ListItem needs to be split to ListItem and ListItemButton after material ui releases stable version(https://github.com/mui-org/material-ui/pull/26446). The "button" prop will be deprecated.
|
|
58
58
|
return (react_1.default.createElement(ExpandedValueTooltip_1.default, { value: labelInText || label, className: styles.itemTooltip, placement: "bottom-end" },
|
|
59
|
-
react_1.default.createElement(ListItem_1.default, { className: (0, classnames_1.default)(styles.container, styles.listItem, (_b = {}, _b[styles.defaultCursor] = !isButton, _b), className), onClick: isButton ? handleItemClick : undefined, style: style, dense: true, button: isButton, classes: {
|
|
59
|
+
react_1.default.createElement(ListItem_1.default, { className: (0, classnames_1.default)(styles.container, styles.listItem, (_b = {}, _b[styles.defaultCursor] = !isButton, _b), className), onClick: isButton ? handleItemClick : undefined, style: style, dense: true, button: isButton, disabled: disableNonSelectable && notSelectable, classes: {
|
|
60
60
|
focusVisible: styles.listItemFocus,
|
|
61
61
|
selected: styles.listItemFocus
|
|
62
|
-
}, selected: isFocused, tabIndex: -1 },
|
|
62
|
+
}, selected: isFocused, tabIndex: -1, disableGutters: disableGutters },
|
|
63
63
|
!hideCheckBox && (react_1.default.createElement(Checkbox_1.default, { checked: checked, disableRipple: true, disabled: !isButton, className: (0, classnames_1.default)(styles.checkbox, (_c = {}, _c[styles.checked] = checked, _c)), tabIndex: -1 })),
|
|
64
64
|
react_1.default.createElement(Marginator_1.default, { margin: subItemMargin, level: level, className: styles.marginWrapper },
|
|
65
65
|
react_1.default.createElement(react_1.default.Fragment, null,
|
|
@@ -90,7 +90,7 @@ var countAttributeValues = function (type, values, crosswalksMap) {
|
|
|
90
90
|
case mdm_sdk_1.DataTypes.TYPE_IMAGE:
|
|
91
91
|
return values.length;
|
|
92
92
|
default:
|
|
93
|
-
return values.reduce(function (acc, value) { return acc +
|
|
93
|
+
return values.reduce(function (acc, value) { return acc + (0, ramda_1.pathOr)(0, [value.uri, 'length'], crosswalksMap); }, 0);
|
|
94
94
|
}
|
|
95
95
|
};
|
|
96
96
|
exports.countAttributeValues = countAttributeValues;
|
|
@@ -33,6 +33,8 @@ type Props = {
|
|
|
33
33
|
style?: ListItemProps['style'];
|
|
34
34
|
LogoIcon?: React.ElementType;
|
|
35
35
|
className?: string;
|
|
36
|
+
disableNonSelectable?: boolean;
|
|
37
|
+
disableGutters?: boolean;
|
|
36
38
|
};
|
|
37
|
-
declare const _default: React.MemoExoticComponent<({ groupId, data, checked, isFocused, isRequired, label, labelInText, level, onClick, hideCheckBox, hideIcon, notSelectable, disableHorizontalScrollbar, style, subItemMargin, LogoIcon, className }: Props) => JSX.Element>;
|
|
39
|
+
declare const _default: React.MemoExoticComponent<({ groupId, data, checked, isFocused, isRequired, label, labelInText, level, onClick, hideCheckBox, hideIcon, notSelectable, disableHorizontalScrollbar, style, subItemMargin, LogoIcon, className, disableNonSelectable, disableGutters }: Props) => JSX.Element>;
|
|
38
40
|
export default _default;
|
|
@@ -16,7 +16,7 @@ import { useStyles } from './styles';
|
|
|
16
16
|
export var RecommendedIconWithTooltip = withTooltip(RecommendedIcon);
|
|
17
17
|
var AttributeListItem = function (_a) {
|
|
18
18
|
var _b, _c, _d;
|
|
19
|
-
var groupId = _a.groupId, data = _a.data, _e = _a.checked, checked = _e === void 0 ? false : _e, _f = _a.isFocused, isFocused = _f === void 0 ? false : _f, _g = _a.isRequired, isRequired = _g === void 0 ? false : _g, label = _a.label, labelInText = _a.labelInText, level = _a.level, _h = _a.onClick, onClick = _h === void 0 ? noop : _h, _j = _a.hideCheckBox, hideCheckBox = _j === void 0 ? false : _j, _k = _a.hideIcon, hideIcon = _k === void 0 ? false : _k, _l = _a.notSelectable, notSelectable = _l === void 0 ? false : _l, _m = _a.disableHorizontalScrollbar, disableHorizontalScrollbar = _m === void 0 ? false : _m, _o = _a.style, style = _o === void 0 ? {} : _o, _p = _a.subItemMargin, subItemMargin = _p === void 0 ? 20 : _p, LogoIcon = _a.LogoIcon, className = _a.className;
|
|
19
|
+
var groupId = _a.groupId, data = _a.data, _e = _a.checked, checked = _e === void 0 ? false : _e, _f = _a.isFocused, isFocused = _f === void 0 ? false : _f, _g = _a.isRequired, isRequired = _g === void 0 ? false : _g, label = _a.label, labelInText = _a.labelInText, level = _a.level, _h = _a.onClick, onClick = _h === void 0 ? noop : _h, _j = _a.hideCheckBox, hideCheckBox = _j === void 0 ? false : _j, _k = _a.hideIcon, hideIcon = _k === void 0 ? false : _k, _l = _a.notSelectable, notSelectable = _l === void 0 ? false : _l, _m = _a.disableHorizontalScrollbar, disableHorizontalScrollbar = _m === void 0 ? false : _m, _o = _a.style, style = _o === void 0 ? {} : _o, _p = _a.subItemMargin, subItemMargin = _p === void 0 ? 20 : _p, LogoIcon = _a.LogoIcon, className = _a.className, disableNonSelectable = _a.disableNonSelectable, disableGutters = _a.disableGutters;
|
|
20
20
|
var styles = useStyles();
|
|
21
21
|
var attrType = (data || {}).attrType;
|
|
22
22
|
var isButton = (!hideCheckBox || !isNested(attrType)) && !notSelectable;
|
|
@@ -27,10 +27,10 @@ var AttributeListItem = function (_a) {
|
|
|
27
27
|
};
|
|
28
28
|
// TODO: ListItem needs to be split to ListItem and ListItemButton after material ui releases stable version(https://github.com/mui-org/material-ui/pull/26446). The "button" prop will be deprecated.
|
|
29
29
|
return (React.createElement(ExpandedValueTooltip, { value: labelInText || label, className: styles.itemTooltip, placement: "bottom-end" },
|
|
30
|
-
React.createElement(ListItem, { className: classnames(styles.container, styles.listItem, (_b = {}, _b[styles.defaultCursor] = !isButton, _b), className), onClick: isButton ? handleItemClick : undefined, style: style, dense: true, button: isButton, classes: {
|
|
30
|
+
React.createElement(ListItem, { className: classnames(styles.container, styles.listItem, (_b = {}, _b[styles.defaultCursor] = !isButton, _b), className), onClick: isButton ? handleItemClick : undefined, style: style, dense: true, button: isButton, disabled: disableNonSelectable && notSelectable, classes: {
|
|
31
31
|
focusVisible: styles.listItemFocus,
|
|
32
32
|
selected: styles.listItemFocus
|
|
33
|
-
}, selected: isFocused, tabIndex: -1 },
|
|
33
|
+
}, selected: isFocused, tabIndex: -1, disableGutters: disableGutters },
|
|
34
34
|
!hideCheckBox && (React.createElement(Checkbox, { checked: checked, disableRipple: true, disabled: !isButton, className: classnames(styles.checkbox, (_c = {}, _c[styles.checked] = checked, _c)), tabIndex: -1 })),
|
|
35
35
|
React.createElement(Marginator, { margin: subItemMargin, level: level, className: styles.marginWrapper },
|
|
36
36
|
React.createElement(React.Fragment, null,
|
|
@@ -8,7 +8,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
8
8
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
9
9
|
};
|
|
10
10
|
import i18n from 'ui-i18n';
|
|
11
|
-
import { assoc, chain, curry, descend, filter, find, flatten, map, pickBy, pipe, prop, propEq, propOr, reduce, sortWith, uniq, uniqBy, values } from 'ramda';
|
|
11
|
+
import { assoc, chain, curry, descend, filter, find, flatten, map, pickBy, pipe, prop, propEq, propOr, reduce, sortWith, uniq, uniqBy, values, pathOr } from 'ramda';
|
|
12
12
|
import HeadCellRenderer from './cell-renderers/HeadCellRenderer';
|
|
13
13
|
import AttributesHeadCellRenderer from './cell-renderers/AttributesHeadCellRenderer';
|
|
14
14
|
import DefaultCellValueRenderer from './cell-renderers/DefaultCellValueRenderer';
|
|
@@ -84,7 +84,7 @@ export var countAttributeValues = function (type, values, crosswalksMap) {
|
|
|
84
84
|
case DataTypes.TYPE_IMAGE:
|
|
85
85
|
return values.length;
|
|
86
86
|
default:
|
|
87
|
-
return values.reduce(function (acc, value) { return acc +
|
|
87
|
+
return values.reduce(function (acc, value) { return acc + pathOr(0, [value.uri, 'length'], crosswalksMap); }, 0);
|
|
88
88
|
}
|
|
89
89
|
};
|
|
90
90
|
var isSourceSystemRule = function (ruleType) {
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reltio/components",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.1579",
|
|
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.
|
|
11
|
-
"@reltio/mdm-sdk": "^1.4.
|
|
10
|
+
"@reltio/mdm-module": "^1.4.1579",
|
|
11
|
+
"@reltio/mdm-sdk": "^1.4.1579",
|
|
12
12
|
"classnames": "^2.2.5",
|
|
13
13
|
"d3-cloud": "^1.2.5",
|
|
14
14
|
"d3-geo": "^2.0.1",
|