intelicoreact 1.0.26 → 1.0.28
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.
|
@@ -46,16 +46,25 @@ var AccordionTable = function AccordionTable(_ref) {
|
|
|
46
46
|
setAccordions = _useState2[1];
|
|
47
47
|
|
|
48
48
|
var handle = {
|
|
49
|
-
accordionChange: function accordionChange(key) {
|
|
49
|
+
accordionChange: function accordionChange(key, e) {
|
|
50
|
+
var _e$target, _e$target$className, _e$target$className$i;
|
|
51
|
+
|
|
50
52
|
var newArr = accordions === null || accordions === void 0 ? void 0 : accordions.map(function (item) {
|
|
51
53
|
if (item.key === key) {
|
|
52
54
|
return _objectSpread(_objectSpread({}, item), {}, {
|
|
53
55
|
isOpen: !item.isOpen
|
|
54
56
|
});
|
|
55
|
-
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
return item;
|
|
56
60
|
});
|
|
57
|
-
|
|
58
|
-
|
|
61
|
+
var isArrowSvg = (e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.tagName) === 'svg';
|
|
62
|
+
var isAccordionElement = (_e$target$className = e.target.className) === null || _e$target$className === void 0 ? void 0 : (_e$target$className$i = _e$target$className.includes) === null || _e$target$className$i === void 0 ? void 0 : _e$target$className$i.call(_e$target$className, 'accordion-table');
|
|
63
|
+
|
|
64
|
+
if (isAccordionElement || isArrowSvg) {
|
|
65
|
+
onChange(newArr);
|
|
66
|
+
setAccordions(newArr);
|
|
67
|
+
}
|
|
59
68
|
}
|
|
60
69
|
};
|
|
61
70
|
|
|
@@ -81,7 +90,10 @@ var AccordionTable = function AccordionTable(_ref) {
|
|
|
81
90
|
flexBasis: "".concat((_getHeaderItem = getHeaderItem(key)) === null || _getHeaderItem === void 0 ? void 0 : _getHeaderItem.width, "%")
|
|
82
91
|
},
|
|
83
92
|
className: (0, _classnames.default)('accordion-table__td', "accordion-table__td--".concat(key), (_getHeaderItem2 = getHeaderItem(key)) === null || _getHeaderItem2 === void 0 ? void 0 : _getHeaderItem2.className)
|
|
84
|
-
},
|
|
93
|
+
}, /*#__PURE__*/_react.default.createElement("p", {
|
|
94
|
+
className: "accordion-table__statistics-td-value",
|
|
95
|
+
title: (0, _typeof2.default)(value) !== 'object' ? value : value.value
|
|
96
|
+
}, (0, _typeof2.default)(value) !== 'object' ? value : value.value));
|
|
85
97
|
});
|
|
86
98
|
};
|
|
87
99
|
|
|
@@ -110,8 +122,8 @@ var AccordionTable = function AccordionTable(_ref) {
|
|
|
110
122
|
|
|
111
123
|
var defineAccordionTitle = function defineAccordionTitle(row) {
|
|
112
124
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
113
|
-
onClick: function onClick() {
|
|
114
|
-
return handle.accordionChange(row.key);
|
|
125
|
+
onClick: function onClick(e) {
|
|
126
|
+
return handle.accordionChange(row.key, e);
|
|
115
127
|
},
|
|
116
128
|
className: "accordion-table__accordion-label-box"
|
|
117
129
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -129,10 +141,12 @@ var AccordionTable = function AccordionTable(_ref) {
|
|
|
129
141
|
}, Object.entries(row.statistics).map(function (_ref4) {
|
|
130
142
|
var _getHeaderItem3, _getHeaderItem4;
|
|
131
143
|
|
|
132
|
-
var _ref5 = (0, _slicedToArray2.default)(_ref4,
|
|
144
|
+
var _ref5 = (0, _slicedToArray2.default)(_ref4, 3),
|
|
133
145
|
key = _ref5[0],
|
|
134
|
-
value = _ref5[1]
|
|
146
|
+
value = _ref5[1],
|
|
147
|
+
status = _ref5[2];
|
|
135
148
|
|
|
149
|
+
var nativeHintText = value || status;
|
|
136
150
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
137
151
|
key: key,
|
|
138
152
|
style: {
|
|
@@ -141,9 +155,9 @@ var AccordionTable = function AccordionTable(_ref) {
|
|
|
141
155
|
className: (0, _classnames.default)('accordion-table__statistics-td', (_getHeaderItem4 = getHeaderItem(key)) === null || _getHeaderItem4 === void 0 ? void 0 : _getHeaderItem4.className)
|
|
142
156
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
143
157
|
className: "accordion-table__statistics-td-value-wrapper"
|
|
144
|
-
}, /*#__PURE__*/_react.default.createElement("p", {
|
|
145
|
-
className:
|
|
146
|
-
title:
|
|
158
|
+
}, value && /*#__PURE__*/_react.default.createElement("p", {
|
|
159
|
+
className: "accordion-table__statistics-td-value",
|
|
160
|
+
title: nativeHintText || null
|
|
147
161
|
}, value)));
|
|
148
162
|
}))), row.titleContent);
|
|
149
163
|
};
|
|
@@ -171,8 +185,8 @@ var AccordionTable = function AccordionTable(_ref) {
|
|
|
171
185
|
return /*#__PURE__*/_react.default.createElement(_MonoAccordion.default, {
|
|
172
186
|
testId: testId,
|
|
173
187
|
key: accordion.key,
|
|
174
|
-
onClick: function onClick() {
|
|
175
|
-
return handle.accordionChange(accordion.key);
|
|
188
|
+
onClick: function onClick(e) {
|
|
189
|
+
return handle.accordionChange(accordion.key, e);
|
|
176
190
|
},
|
|
177
191
|
isOpen: accordion.isOpen,
|
|
178
192
|
className: (0, _classnames.default)('accordion-table__body-accordion', {
|