oa-componentbook 0.18.337 → 0.18.339
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/build/components/oa-component-checkbox/CustomCheckBox.js +1 -0
- package/build/components/oa-component-datepicker/CustomDatePicker.js +26 -22
- package/build/components/oa-component-table/CustomTableV1.js +3 -3
- package/build/layout/DetailDataLayout/style.css +1 -1
- package/build/layout/GenricLayOut/GenricLayOut.js +31 -16
- package/build/layout/GenricLayOut/styles.js +1 -1
- package/build/widgets/oa-form-widget/FormWidget.js +18 -12
- package/build/widgets/oa-widget-item-info-card/ItemInfoCardWidget.js +6 -6
- package/build/widgets/oa-widget-reimbursement-breakup/ReimbursementBreakupWidget.js +9 -9
- package/package.json +1 -1
|
@@ -13,6 +13,7 @@ var _Typography = _interopRequireDefault(require("../oa-component-typography/Typ
|
|
|
13
13
|
var _styles = require("./styles");
|
|
14
14
|
var _utils = require("../../utils");
|
|
15
15
|
const _excluded = ["data-test", "label", "onChange", "size", "className"];
|
|
16
|
+
/* eslint-disable */
|
|
16
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
18
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
18
19
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
@@ -14,8 +14,9 @@ var _ColorVariablesMap = _interopRequireDefault(require("../../global-css/ColorV
|
|
|
14
14
|
var _TypographiesMap = _interopRequireDefault(require("../../global-css/TypographiesMap"));
|
|
15
15
|
require("antd/dist/reset.css");
|
|
16
16
|
var _MaterialIcon = _interopRequireDefault(require("../oa-component-icons/MaterialIcon"));
|
|
17
|
-
const _excluded = ["data-test"];
|
|
17
|
+
const _excluded = ["data-test", "disabledDateFunction"];
|
|
18
18
|
var _templateObject;
|
|
19
|
+
/* eslint-disable */
|
|
19
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
20
21
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
21
22
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
@@ -37,9 +38,11 @@ const FullWidthDatePicker = (0, _styledComponents.default)(_antd.DatePicker)(_te
|
|
|
37
38
|
*/
|
|
38
39
|
function CustomDatePicker(_ref) {
|
|
39
40
|
let {
|
|
40
|
-
|
|
41
|
+
"data-test": dataTest,
|
|
42
|
+
disabledDateFunction
|
|
41
43
|
} = _ref,
|
|
42
44
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
45
|
+
console.log(disabledDateFunction, "dosabled");
|
|
43
46
|
return /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
|
|
44
47
|
theme: {
|
|
45
48
|
components: {
|
|
@@ -65,7 +68,7 @@ function CustomDatePicker(_ref) {
|
|
|
65
68
|
}
|
|
66
69
|
},
|
|
67
70
|
token: {
|
|
68
|
-
lineHeight: _TypographiesMap.default[
|
|
71
|
+
lineHeight: _TypographiesMap.default["type-b2-400"]["line-height"] / _TypographiesMap.default["type-b2-400"]["font-size"],
|
|
69
72
|
paddingBlockLG: 50,
|
|
70
73
|
paddingXS: 16,
|
|
71
74
|
// Used to control margin of calendar icon
|
|
@@ -77,31 +80,31 @@ function CustomDatePicker(_ref) {
|
|
|
77
80
|
// height of small text field
|
|
78
81
|
// controlHeightLG: 64,
|
|
79
82
|
borderRadius: 4,
|
|
80
|
-
colorPrimary: _ColorVariablesMap.default[
|
|
83
|
+
colorPrimary: _ColorVariablesMap.default["--color-primary"],
|
|
81
84
|
// for active color of input
|
|
82
|
-
colorPrimaryHover: _ColorVariablesMap.default[
|
|
85
|
+
colorPrimaryHover: _ColorVariablesMap.default["--color-primary"],
|
|
83
86
|
// for hover color of input
|
|
84
|
-
colorBgContainerDisabled: _ColorVariablesMap.default[
|
|
85
|
-
colorBorder: _ColorVariablesMap.default[
|
|
87
|
+
colorBgContainerDisabled: _ColorVariablesMap.default["--color-divider"],
|
|
88
|
+
colorBorder: _ColorVariablesMap.default["--color-placeholder-text"],
|
|
86
89
|
// border color of input text field
|
|
87
|
-
colorTextDisabled: _ColorVariablesMap.default[
|
|
90
|
+
colorTextDisabled: _ColorVariablesMap.default["--color-placeholder-text"],
|
|
88
91
|
// Color of disabled text.
|
|
89
|
-
colorTextPlaceholder: _ColorVariablesMap.default[
|
|
92
|
+
colorTextPlaceholder: _ColorVariablesMap.default["--color-placeholder-text"],
|
|
90
93
|
// Color of placeholder text
|
|
91
|
-
colorTextQuaternary: _ColorVariablesMap.default[
|
|
94
|
+
colorTextQuaternary: _ColorVariablesMap.default["--color-placeholder-text"],
|
|
92
95
|
// color of disabled calendar icon
|
|
93
|
-
colorText: _ColorVariablesMap.default[
|
|
96
|
+
colorText: _ColorVariablesMap.default["--color-primary-content"],
|
|
94
97
|
// Text color
|
|
95
|
-
colorIcon: _ColorVariablesMap.default[
|
|
98
|
+
colorIcon: _ColorVariablesMap.default["--color-primary"],
|
|
96
99
|
// Color of arrows icons beside month and year in datepicker
|
|
97
|
-
colorIconHover: _ColorVariablesMap.default[
|
|
100
|
+
colorIconHover: _ColorVariablesMap.default["--color-primary-hover"],
|
|
98
101
|
// Hover color of arrows icons beside month and year in datepicker
|
|
99
102
|
|
|
100
|
-
colorLink: _ColorVariablesMap.default[
|
|
101
|
-
colorLinkHover: _ColorVariablesMap.default[
|
|
102
|
-
colorError: _ColorVariablesMap.default[
|
|
103
|
+
colorLink: _ColorVariablesMap.default["--color-primary"],
|
|
104
|
+
colorLinkHover: _ColorVariablesMap.default["--color-primary-hover"],
|
|
105
|
+
colorError: _ColorVariablesMap.default["--color-negative"],
|
|
103
106
|
// Error color
|
|
104
|
-
colorErrorBorderHover: _ColorVariablesMap.default[
|
|
107
|
+
colorErrorBorderHover: _ColorVariablesMap.default["--color-negative"] // Hover error color should be same as error color
|
|
105
108
|
}
|
|
106
109
|
}
|
|
107
110
|
}, /*#__PURE__*/_react.default.createElement(FullWidthDatePicker, _extends({
|
|
@@ -110,14 +113,15 @@ function CustomDatePicker(_ref) {
|
|
|
110
113
|
suffixIcon: /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
|
|
111
114
|
icon: _CalendarTodayRounded.default,
|
|
112
115
|
size: 20
|
|
113
|
-
})
|
|
116
|
+
}),
|
|
117
|
+
disabledDate: disabledDateFunction
|
|
114
118
|
}, props)));
|
|
115
119
|
}
|
|
116
120
|
CustomDatePicker.propTypes = {
|
|
117
|
-
|
|
118
|
-
size: _propTypes.default.oneOf([
|
|
121
|
+
"data-test": _propTypes.default.string,
|
|
122
|
+
size: _propTypes.default.oneOf(["small", "middle"])
|
|
119
123
|
};
|
|
120
124
|
CustomDatePicker.defaultProps = {
|
|
121
|
-
|
|
122
|
-
size:
|
|
125
|
+
"data-test": null,
|
|
126
|
+
size: "middle"
|
|
123
127
|
};
|
|
@@ -130,7 +130,7 @@ function CustomTableV1(_ref) {
|
|
|
130
130
|
var _record$option$styleK, _record$option$styleK2;
|
|
131
131
|
return /*#__PURE__*/_react.default.createElement("div", null, (option === null || option === void 0 ? void 0 : option.type) === "button" ? /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
|
|
132
132
|
type: (option === null || option === void 0 ? void 0 : option.subType) || "primary",
|
|
133
|
-
label: (option === null || option === void 0 ? void 0 : option.label) ||
|
|
133
|
+
label: (option === null || option === void 0 ? void 0 : option.label) || record[option === null || option === void 0 ? void 0 : option.key],
|
|
134
134
|
onClick: () => customTableChange(record, jsxConfig)
|
|
135
135
|
}) : /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
136
136
|
typography: (option === null || option === void 0 ? void 0 : option.typography) || (col === null || col === void 0 ? void 0 : col.customStyle) && (record === null || record === void 0 || (_record$option$styleK = record[option === null || option === void 0 ? void 0 : option.styleKey]) === null || _record$option$styleK === void 0 ? void 0 : _record$option$styleK.typography) || "type-b2-400",
|
|
@@ -238,10 +238,10 @@ function CustomTableV1(_ref) {
|
|
|
238
238
|
if (effectiveMultiItemConfig.enabled && items && items.length > effectiveMultiItemConfig.displayCount) {
|
|
239
239
|
const visible = items.slice(0, effectiveMultiItemConfig.displayCount);
|
|
240
240
|
const moreCount = items.length - effectiveMultiItemConfig.displayCount;
|
|
241
|
-
const popList = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, items.slice(effectiveMultiItemConfig.displayCount).map(item => /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
241
|
+
const popList = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, items.slice(effectiveMultiItemConfig.displayCount).map(item => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
242
242
|
key: (0, _utils.getUUID)(),
|
|
243
243
|
typography: "type-b2-400"
|
|
244
|
-
}, item)));
|
|
244
|
+
}, item, /*#__PURE__*/_react.default.createElement("br", null)))));
|
|
245
245
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, visible.map((item, idx) => /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
246
246
|
key: (0, _utils.getUUID)(),
|
|
247
247
|
typography: "type-b2-400",
|
|
@@ -42,7 +42,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
|
|
|
42
42
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
43
43
|
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /* eslint-disable */
|
|
44
44
|
function GenricLayOut(_ref) {
|
|
45
|
-
var _state$
|
|
45
|
+
var _state$misc11, _imageViewer$content, _imageViewer$content2, _tabs$list, _tables$columns, _tables$columns2, _tabs$active, _state$tables3, _tables$selectionType, _tabs$active2, _tables$selectionType2, _drawer$data, _tabs$active3, _drawer$data$drawer$a, _drawer$data2, _tabs$active4, _nestedDrawer$data, _nestedDrawer$data$ca, _nestedDrawer$data2, _contentPanel$dataSou, _tables$tableFooter, _tables$selectedRowKe, _tables$tableFooter2, _tables$tableFooter3, _tables$tableFooter5;
|
|
46
46
|
let {
|
|
47
47
|
config,
|
|
48
48
|
getInitialData,
|
|
@@ -604,13 +604,14 @@ function GenricLayOut(_ref) {
|
|
|
604
604
|
}
|
|
605
605
|
if ((configArgs === null || configArgs === void 0 ? void 0 : configArgs.action) === "OPEN_DRAWER_AND_FETCH") {
|
|
606
606
|
if (handleTableColumnClick) {
|
|
607
|
+
var _state$misc6;
|
|
607
608
|
const {
|
|
608
609
|
error,
|
|
609
610
|
data
|
|
610
|
-
} = await (handleTableColumnClick === null || handleTableColumnClick === void 0 ? void 0 : handleTableColumnClick({
|
|
611
|
+
} = await (handleTableColumnClick === null || handleTableColumnClick === void 0 ? void 0 : handleTableColumnClick(_objectSpread({
|
|
611
612
|
record: record,
|
|
612
613
|
type: configArgs === null || configArgs === void 0 ? void 0 : configArgs.call
|
|
613
|
-
}));
|
|
614
|
+
}, (_state$misc6 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc6 !== void 0 ? _state$misc6 : {})));
|
|
614
615
|
if (error) {
|
|
615
616
|
showErrorNotification(error);
|
|
616
617
|
} else {
|
|
@@ -810,7 +811,7 @@ function GenricLayOut(_ref) {
|
|
|
810
811
|
}
|
|
811
812
|
});
|
|
812
813
|
if (handleTableChange) {
|
|
813
|
-
var _state$dropdownSearch3, _state$inputSearch4, _state$tabs9, _header$subHeading7, _header$subHeading8, _state$
|
|
814
|
+
var _state$dropdownSearch3, _state$inputSearch4, _state$tabs9, _header$subHeading7, _header$subHeading8, _state$misc7;
|
|
814
815
|
const {
|
|
815
816
|
error,
|
|
816
817
|
data
|
|
@@ -829,7 +830,7 @@ function GenricLayOut(_ref) {
|
|
|
829
830
|
subHeadingSelectVal: header === null || header === void 0 || (_header$subHeading8 = header.subHeading) === null || _header$subHeading8 === void 0 || (_header$subHeading8 = _header$subHeading8.jsxConfig) === null || _header$subHeading8 === void 0 ? void 0 : _header$subHeading8.value
|
|
830
831
|
} : {}), {}, {
|
|
831
832
|
order: (sorter === null || sorter === void 0 ? void 0 : sorter.order) === "ascend" && "ASC" || (sorter === null || sorter === void 0 ? void 0 : sorter.order) === "descend" && "DESC" || ""
|
|
832
|
-
}, (_state$
|
|
833
|
+
}, (_state$misc7 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc7 !== void 0 ? _state$misc7 : {}));
|
|
833
834
|
if (error) {
|
|
834
835
|
showErrorNotification(error);
|
|
835
836
|
dispatch({
|
|
@@ -857,6 +858,20 @@ function GenricLayOut(_ref) {
|
|
|
857
858
|
active: key
|
|
858
859
|
}
|
|
859
860
|
});
|
|
861
|
+
if (tables !== null && tables !== void 0 && tables.selectionType) {
|
|
862
|
+
var _state$tabs10;
|
|
863
|
+
const selectionKey = Object.keys(tables === null || tables === void 0 ? void 0 : tables.selectionType).find(key => (tables === null || tables === void 0 ? void 0 : tables.selectionType[key]) === "checkbox");
|
|
864
|
+
if ((state === null || state === void 0 || (_state$tabs10 = state.tabs) === null || _state$tabs10 === void 0 ? void 0 : _state$tabs10.activeKey) !== selectionKey) {
|
|
865
|
+
dispatch({
|
|
866
|
+
type: _layoutReducer.actionTypes.TABLE_FOOTER_TOGGLE,
|
|
867
|
+
payload: false
|
|
868
|
+
});
|
|
869
|
+
dispatch({
|
|
870
|
+
type: _layoutReducer.actionTypes.TABLE_ROW_SELECTED_DATA,
|
|
871
|
+
payload: []
|
|
872
|
+
});
|
|
873
|
+
}
|
|
874
|
+
}
|
|
860
875
|
if (handleTabClick) {
|
|
861
876
|
var _tables$pagination13, _tables$pagination14, _tables$sorting13, _tables$sorting14, _state$dropdownSearch4;
|
|
862
877
|
const {
|
|
@@ -950,18 +965,18 @@ function GenricLayOut(_ref) {
|
|
|
950
965
|
*/
|
|
951
966
|
|
|
952
967
|
const drawerFormOnFinish = async formData => {
|
|
953
|
-
var _state$drawer, _state$tabs$active2, _state$
|
|
954
|
-
const record = _objectSpread({}, state === null || state === void 0 || (_state$drawer = state.drawer) === null || _state$drawer === void 0 || (_state$drawer = _state$drawer.data) === null || _state$drawer === void 0 || (_state$drawer = _state$drawer[(_state$tabs$active2 = state === null || state === void 0 || (_state$
|
|
968
|
+
var _state$drawer, _state$tabs$active2, _state$tabs11, _state$drawer2;
|
|
969
|
+
const record = _objectSpread({}, state === null || state === void 0 || (_state$drawer = state.drawer) === null || _state$drawer === void 0 || (_state$drawer = _state$drawer.data) === null || _state$drawer === void 0 || (_state$drawer = _state$drawer[(_state$tabs$active2 = state === null || state === void 0 || (_state$tabs11 = state.tabs) === null || _state$tabs11 === void 0 ? void 0 : _state$tabs11.active) !== null && _state$tabs$active2 !== void 0 ? _state$tabs$active2 : "default"]) === null || _state$drawer === void 0 || (_state$drawer = _state$drawer[state === null || state === void 0 || (_state$drawer2 = state.drawer) === null || _state$drawer2 === void 0 ? void 0 : _state$drawer2.active]) === null || _state$drawer === void 0 ? void 0 : _state$drawer.value);
|
|
955
970
|
if ((formData === null || formData === void 0 ? void 0 : formData.type) === "openNestedDrawer") {
|
|
956
971
|
customTableChange(record, _objectSpread({}, formData));
|
|
957
972
|
return;
|
|
958
973
|
}
|
|
959
974
|
if (handleDrawerFormOnFinish) {
|
|
960
|
-
var _state$
|
|
975
|
+
var _state$misc8;
|
|
961
976
|
const {
|
|
962
977
|
error,
|
|
963
978
|
data
|
|
964
|
-
} = await (handleDrawerFormOnFinish === null || handleDrawerFormOnFinish === void 0 ? void 0 : handleDrawerFormOnFinish(_objectSpread(_objectSpread(_objectSpread({}, record), formData), (_state$
|
|
979
|
+
} = await (handleDrawerFormOnFinish === null || handleDrawerFormOnFinish === void 0 ? void 0 : handleDrawerFormOnFinish(_objectSpread(_objectSpread(_objectSpread({}, record), formData), (_state$misc8 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc8 !== void 0 ? _state$misc8 : {})));
|
|
965
980
|
if (error) {
|
|
966
981
|
showErrorNotification(error);
|
|
967
982
|
} else {
|
|
@@ -1005,14 +1020,14 @@ function GenricLayOut(_ref) {
|
|
|
1005
1020
|
return;
|
|
1006
1021
|
} else if (action === "CLOSE_MODAL_AND_FETCH") {
|
|
1007
1022
|
if (handleModalCloseSuccess) {
|
|
1008
|
-
var _stateRef$current, _state$
|
|
1023
|
+
var _stateRef$current, _state$misc9;
|
|
1009
1024
|
const {
|
|
1010
1025
|
error,
|
|
1011
1026
|
data
|
|
1012
1027
|
} = await (handleModalCloseSuccess === null || handleModalCloseSuccess === void 0 ? void 0 : handleModalCloseSuccess(_objectSpread({
|
|
1013
1028
|
modalValue: stateRef === null || stateRef === void 0 || (_stateRef$current = stateRef.current) === null || _stateRef$current === void 0 || (_stateRef$current = _stateRef$current.modal) === null || _stateRef$current === void 0 ? void 0 : _stateRef$current.value,
|
|
1014
1029
|
call: buttonConfig === null || buttonConfig === void 0 ? void 0 : buttonConfig.call
|
|
1015
|
-
}, (_state$
|
|
1030
|
+
}, (_state$misc9 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc9 !== void 0 ? _state$misc9 : {})));
|
|
1016
1031
|
if (error) {
|
|
1017
1032
|
showErrorNotification(error);
|
|
1018
1033
|
} else {
|
|
@@ -1057,12 +1072,12 @@ function GenricLayOut(_ref) {
|
|
|
1057
1072
|
}, /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
1058
1073
|
color: "primary-content",
|
|
1059
1074
|
typography: "type-t1-500"
|
|
1060
|
-
}, "Nothing
|
|
1075
|
+
}, "Nothing available at the moment")), /*#__PURE__*/_react.default.createElement("div", {
|
|
1061
1076
|
className: "margin-top-12"
|
|
1062
1077
|
}, /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
1063
1078
|
color: "secondary-content",
|
|
1064
1079
|
typography: "type-b1-400"
|
|
1065
|
-
}, "
|
|
1080
|
+
}, "There is currently no data to display. We will update automatically when new information is available.")))
|
|
1066
1081
|
});
|
|
1067
1082
|
|
|
1068
1083
|
/**
|
|
@@ -1110,7 +1125,7 @@ function GenricLayOut(_ref) {
|
|
|
1110
1125
|
};
|
|
1111
1126
|
const handleSubHeadingSelect = async val => {
|
|
1112
1127
|
if (val) {
|
|
1113
|
-
var _tables$pagination15, _tables$pagination16, _state$
|
|
1128
|
+
var _tables$pagination15, _tables$pagination16, _state$misc10;
|
|
1114
1129
|
dispatch({
|
|
1115
1130
|
type: _layoutReducer.actionTypes.SET_SUBHEADING_SELECTED_CONFIG,
|
|
1116
1131
|
payload: val
|
|
@@ -1123,7 +1138,7 @@ function GenricLayOut(_ref) {
|
|
|
1123
1138
|
current: tables === null || tables === void 0 || (_tables$pagination15 = tables.pagination) === null || _tables$pagination15 === void 0 ? void 0 : _tables$pagination15.current,
|
|
1124
1139
|
pageSize: tables === null || tables === void 0 || (_tables$pagination16 = tables.pagination) === null || _tables$pagination16 === void 0 ? void 0 : _tables$pagination16.pageSize,
|
|
1125
1140
|
subHeadingSelectVal: val
|
|
1126
|
-
}, (_state$
|
|
1141
|
+
}, (_state$misc10 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc10 !== void 0 ? _state$misc10 : {}));
|
|
1127
1142
|
console.log(data, "apidata");
|
|
1128
1143
|
if (error) {
|
|
1129
1144
|
showErrorNotification(error);
|
|
@@ -1140,7 +1155,7 @@ function GenricLayOut(_ref) {
|
|
|
1140
1155
|
};
|
|
1141
1156
|
console.log(state, "GenricLayOutstate");
|
|
1142
1157
|
return /*#__PURE__*/_react.default.createElement(_styles.OapageWithDataStyle, {
|
|
1143
|
-
className: (state === null || state === void 0 || (_state$
|
|
1158
|
+
className: (state === null || state === void 0 || (_state$misc11 = state.misc) === null || _state$misc11 === void 0 ? void 0 : _state$misc11.flow) === "hubAutomation" ? "hubAutomationContainer" : ""
|
|
1144
1159
|
}, /*#__PURE__*/_react.default.createElement(_styles.DrawerWithOutFooter, null), /*#__PURE__*/_react.default.createElement("div", {
|
|
1145
1160
|
className: "fullPageLayout"
|
|
1146
1161
|
}, /*#__PURE__*/_react.default.createElement(_GlobalCss.default, null, (sidebar === null || sidebar === void 0 ? void 0 : sidebar.visible) && /*#__PURE__*/_react.default.createElement(_SidebarWidget.default, _extends({}, sidebar, {
|
|
@@ -16,7 +16,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
|
|
|
16
16
|
const DrawerWithOutFooter = exports.DrawerWithOutFooter = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.hubAutomationContainer .fullPageLayout {padding: 0 !important; background: #fff !important;}\n.hubAutomationContainer .fullPageLayout .oaRightLayouts{\n max-width: 1154px;\n margin: 24px auto;\n padding: 0 16px;\n box-shadow: none;}\n.oaDrawer div + div.ant-drawer-body{padding-bottom:100px !important;}\n\n.ant-checkbox-indeterminate .ant-checkbox-inner:after {\n background-color: #014fc5;\n}\n\n.ant-form-item .ant-form-item-label >label.ant-form-item-required::before {display:none;}\n.ant-form-item .ant-form-item-label >label.ant-form-item-required::after{ content: \"*\"; color: #DE350B; visibility: visible !important;}\n\n.cstUplaodWithFullWidth .uploadDiv{width:100%;}\n.cstUplaodWithFullWidth .uploadDiv .ant-upload-list-item-container, .cstUplaodWithFullWidth .uploadDiv .ant-upload-wrapper .ant-upload-list-picture-card .ant-upload-select, .cstUplaodWithFullWidth .uploadDiv .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container {\n width: 100%; \n height: 120px;\n}\n\n\n\n\n.oaDrawer .ant-form-item .ant-form-item-explain-error {\n color: #DE350B;\n font-size: 12px;\n margin: 4px 0 0 0;\n}\n.bottomSelectedSecion{background: #F6F6F6; padding: 16px 36px; position: fixed; bottom: 0; left: 0; right: 0;\nbox-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n display: flex; z-index: 2;\n align-items: center;\n justify-content: end;\n gap: 24px;}\n\n\n\n.listOfItems{ border-radius: 12px;\n border: 1px solid #E0E0E0;\n padding: 24px;\n margin: 24px 0 0 0;}\n modalSubheading{\n padding: 24px;\n margin: 24px 0 0 0;}\n\n.listOfItemsWithoutBorder{\n padding: 24px 0;\n margin: 24px 0 0 0;}\n\n modalSubheading{\n padding: 24px;\n margin: 24px 0 0 0;}\n\n\n\n\n.modalIconAndTextBox{display:flex; flex-direction:row; align-items: center; margin: 0 0 16px 0; gap:4px;}\n"])));
|
|
17
17
|
const FormWidgetStyle = exports.FormWidgetStyle = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n .formBottomAction {\n position: absolute;\n bottom: 0px;\n background-color: rgb(249, 249, 249);\n box-shadow: rgba(0, 0, 0, 0.1) 0px -2px 8px;\n padding: 16px;\n display: flex;\n justify-content: flex-end;\n gap: 12px;\n z-index: 10;\n left: 0;\n right: 0;\n }\n\n .formBottomAction .ant-form-item {\n margin-bottom: 0px;\n }\n\n .searchErrorMsg {\n font-size: 12px;\n }\n .searchErrorMsg {\n font-size: 12px;\n }\n"])));
|
|
18
18
|
const TableDataStyle = exports.TableDataStyle = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n .tableContainerList th,\n button {\n white-space: nowrap;\n }\n .tableContainerList th,\n button {\n white-space: nowrap;\n }\n"])));
|
|
19
|
-
const OapageWithDataStyle = exports.OapageWithDataStyle = _styledComponents.default.aside(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n .oaTopHeaderAndBtnSec {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n }\n\n .fullPageLayout {\n display: flex;\n padding: 8px;\n background: #f6f6f6;\n }\n .ant-pagination {\n padding: 0 16px;\n justify-content: end;\n }\n .layoutHeadingPage {\n display: flex;\n gap: 8px;\n margin: 0 0 32px 0;\n flex-direction: column;\n justify-content: flex-start;\n }\n\n .topHadingWithIcon span {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 8px;\n }\n\n .subHadingText {\n margin: 0 0 0 36px;\n }\n\n .marginNone
|
|
19
|
+
const OapageWithDataStyle = exports.OapageWithDataStyle = _styledComponents.default.aside(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n .oaTopHeaderAndBtnSec {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n }\n\n .fullPageLayout {\n display: flex;\n padding: 8px;\n background: #f6f6f6;\n }\n .ant-pagination {\n padding: 0 16px;\n justify-content: end;\n }\n .layoutHeadingPage {\n display: flex;\n gap: 8px;\n margin: 0 0 32px 0;\n flex-direction: column;\n justify-content: flex-start;\n }\n\n .topHadingWithIcon span {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 8px;\n }\n\n .subHadingText {\n margin: 0 0 0 36px;\n }\n\n .marginNone{margin:0 !important;}\n\n .subHadingText > span {\n display: flex;\n flex-direction: row;\n gap: 4px;\n align-items: center;\n }\n\n .oaRightLayouts {\n width: 100%;\n min-height: calc(100vh - 16px);\n padding: 76px 48px;\n overflow-y: auto;\n border-radius: 16px;\n background: #fff;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n }\n\n .oaRightLayouts .iconAndTextSecBox {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n }\n\n .customeSelectDropdown {\n margin: 4px 0 0 8px;\n }\n\n .cardData {\n padding: 28px 0 48px 0;\n }\n\n .ant-carousel .slick-dots {\n position: static;\n margin: 20px auto 12px 0;\n }\n .ant-carousel .slick-dots li {\n width: 8px;\n height: 8px;\n }\n .ant-carousel .slick-dots li button {\n width: 8px;\n height: 8px;\n background: #cacaca;\n border-radius: 50%;\n opacity: 0.5;\n }\n .ant-carousel .slick-dots li.slick-active {\n width: 8px;\n height: 8px;\n }\n .ant-carousel .slick-dots li.slick-active button {\n width: 8px;\n height: 8px;\n opacity: 1;\n }\n .ant-carousel .slick-dots li::after {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n opacity: 1;\n background: #717171;\n }\n\n .oaTabs .ant-tabs-nav {\n border-top: 1px solid #e0e0e0;\n border-left: 1px solid #e0e0e0;\n border-right: 1px solid #e0e0e0;\n padding: 12px 22px 0 22px;\n margin: 0 0 8px 0;\n background: #fff;\n border-radius: 4px 4px 0 0;\n }\n .ant-card-body {\n padding: 24px 16px !important;\n border-radius: 16px;\n background: #f6f6f6;\n }\n .cardContainer {\n display: flex;\n gap: 24px;\n }\n\n .selectAndSearch {\n margin: 0 0 16px 0;\n }\n .selectAndSearch .noClear {\n border-radius: 0 4px 4px 0;\n max-width: 320px;\n width: 100%;\n }\n\n .searchErrorMsg {\n font-size: 12px;\n margin: 4px 0px 0px;\n color: #de350b;\n }\n .searchOnly {\n margin: 0px 0px 16px;\n position: relative;\n }\n .searchOnly .ant-input-affix-wrapper {\n border-radius: 4px;\n max-width: 420px;\n padding-left: 44px;\n }\n .searchOnly .cstSearchIcon {\n position: absolute;\n left: 16px;\n top: 14px;\n z-index: 2;\n }\n\n .selectAndSearch .ant-input-affix-wrapper {\n border-radius: 0 4px 4px 0;\n max-width: 320px;\n width: 100%;\n }\n\n .customeSelectDropdown .ant-select-selector {\n border: none;\n padding: 0;\n }\n .customeSelectDropdown .ant-select-selection-item > span {\n font-size: 24px;\n font-weight: 500;\n line-height: 32px;\n }\n\n .customeSelectDropdown .ant-select {\n margin: 0 0 0 32px;\n }\n\n .customeSelectDropdown .ant-select .ant-select-arrow {\n color: #014fc5;\n inset-inline-end: -6px;\n }\n\n .customeSelectDropdown .ant-select-selector {\n box-shadow: none !important;\n }\n\n @media only screen and (max-width: 600px) {\n .subHadingText > span {\n flex-direction: column;\n align-items: flex-start;\n }\n\n .fullPageLayout {\n flex-direction: column;\n padding: 0;\n }\n .oaRightLayouts {\n padding: 16px;\n border-radius: 0;\n background: #fff;\n box-shadow: none;\n height: auto;\n background: #f6f6f6;\n }\n .oaTabs .ant-tabs-nav {\n margin: 0 0 28px 0;\n padding: 12px 0 0 0;\n }\n .layoutHeadingPage {\n margin: 0 0 16px 0;\n background: #fff;\n padding: 16px;\n border-radius: 8px; width: 100%;\n }\n .layoutHeadingAndSearch {\n background: #fff;\n padding: 20px 16px;\n margin: 0;\n width: 100%;\n border-radius: 8px;\n }\n }\n"])));
|
|
20
20
|
const ListofDamageParts = exports.ListofDamageParts = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n ul.damagedParts {\n display: flex;\n flex-direction: column;\n margin: 8px 0 0 16px;\n list-style-type: disc;\n }\n ul.damagedParts li {\n padding: 4px 0;\n width: 100%;\n }\n ul.damagedParts li::marker {\n color: #717171;\n font-size: 20px;\n }\n"])));
|
|
21
21
|
const IncidentListParts = exports.IncidentListParts = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n .qaSec dl {\n display: flex;\n flex-direction: column;\n margin: 0;\n padding: 0;\n }\n .qaSec dl dt {\n display: flex;\n flex-direction: column;\n margin: 16px 0 0 0;\n }\n .qaSec dl dt:first-child {\n margin-top: 8px;\n }\n"])));
|
|
22
22
|
var _default = exports.default = {};
|
|
@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports.default = FormWidget;
|
|
9
9
|
require("core-js/modules/web.dom-collections.iterator.js");
|
|
10
|
+
require("core-js/modules/es.array.includes.js");
|
|
11
|
+
require("core-js/modules/es.string.includes.js");
|
|
10
12
|
var _antd = require("antd");
|
|
11
13
|
var _react = _interopRequireDefault(require("react"));
|
|
12
14
|
var _CustomButton = _interopRequireDefault(require("../../components/oa-component-button/CustomButton"));
|
|
@@ -67,6 +69,7 @@ function FormWidget(props) {
|
|
|
67
69
|
};
|
|
68
70
|
const renderFieldWidget = (item, index, itemData) => {
|
|
69
71
|
if ((item === null || item === void 0 ? void 0 : item.widget) === "date") {
|
|
72
|
+
var _item$props, _item$props$getDisabl;
|
|
70
73
|
return /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
|
|
71
74
|
value: item === null || item === void 0 ? void 0 : item.value,
|
|
72
75
|
name: item === null || item === void 0 ? void 0 : item.name,
|
|
@@ -76,21 +79,28 @@ function FormWidget(props) {
|
|
|
76
79
|
}, /*#__PURE__*/_react.default.createElement(_CustomDatePicker.default, _extends({
|
|
77
80
|
style: {
|
|
78
81
|
width: "100%"
|
|
79
|
-
}
|
|
82
|
+
},
|
|
83
|
+
disabledDateFunction: item === null || item === void 0 || (_item$props = item.props) === null || _item$props === void 0 || (_item$props$getDisabl = _item$props.getDisabledDateLogic) === null || _item$props$getDisabl === void 0 ? void 0 : _item$props$getDisabl.call(_item$props, item.valueProp)
|
|
80
84
|
}, item === null || item === void 0 ? void 0 : item.props)));
|
|
81
85
|
}
|
|
82
86
|
if ((item === null || item === void 0 ? void 0 : item.widget) === "select") {
|
|
83
|
-
var _item$disabled;
|
|
87
|
+
var _item$disabled, _item$showSearch;
|
|
84
88
|
return /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
|
|
85
89
|
name: item === null || item === void 0 ? void 0 : item.name,
|
|
86
90
|
label: item === null || item === void 0 ? void 0 : item.label,
|
|
87
|
-
rules: item === null || item === void 0 ? void 0 : item.rules
|
|
91
|
+
rules: item === null || item === void 0 ? void 0 : item.rules,
|
|
92
|
+
initialValue: item.defaultValueRequired ? item === null || item === void 0 ? void 0 : item.defaultValue : undefined
|
|
88
93
|
}, /*#__PURE__*/_react.default.createElement(_CustomSelect.default, {
|
|
89
94
|
options: item === null || item === void 0 ? void 0 : item.value,
|
|
90
95
|
placeholder: item === null || item === void 0 ? void 0 : item.placeholder,
|
|
91
96
|
defaultValue: item.defaultValueRequired ? item === null || item === void 0 ? void 0 : item.defaultValue : undefined,
|
|
92
97
|
disabled: (_item$disabled = item.disabled) !== null && _item$disabled !== void 0 ? _item$disabled : false,
|
|
93
|
-
onCustomSelect: arg => props === null || props === void 0 ? void 0 : props.onSelectHandlers(arg, item === null || item === void 0 ? void 0 : item.key, item === null || item === void 0 ? void 0 : item.action)
|
|
98
|
+
onCustomSelect: arg => props === null || props === void 0 ? void 0 : props.onSelectHandlers(arg, item === null || item === void 0 ? void 0 : item.key, item === null || item === void 0 ? void 0 : item.action),
|
|
99
|
+
showSearch: (_item$showSearch = item === null || item === void 0 ? void 0 : item.showSearch) !== null && _item$showSearch !== void 0 ? _item$showSearch : false,
|
|
100
|
+
filterOption: (input, option) => {
|
|
101
|
+
var _toLowerCase, _ref2, _option$label$props$t, _option$label, _input$toLowerCase;
|
|
102
|
+
return (_toLowerCase = (_ref2 = (_option$label$props$t = option === null || option === void 0 || (_option$label = option.label) === null || _option$label === void 0 || (_option$label = _option$label.props) === null || _option$label === void 0 ? void 0 : _option$label.title) !== null && _option$label$props$t !== void 0 ? _option$label$props$t : "").toLowerCase) === null || _toLowerCase === void 0 || (_toLowerCase = _toLowerCase.call(_ref2)) === null || _toLowerCase === void 0 ? void 0 : _toLowerCase.includes(input === null || input === void 0 || (_input$toLowerCase = input.toLowerCase) === null || _input$toLowerCase === void 0 ? void 0 : _input$toLowerCase.call(input));
|
|
103
|
+
}
|
|
94
104
|
}));
|
|
95
105
|
}
|
|
96
106
|
if ((item === null || item === void 0 ? void 0 : item.widget) === "textArea") {
|
|
@@ -194,16 +204,12 @@ function FormWidget(props) {
|
|
|
194
204
|
return item === null || item === void 0 || (_item$value5 = item.value) === null || _item$value5 === void 0 ? void 0 : _item$value5.map((value, i) => {
|
|
195
205
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ItemInfoCardWidget.default, _extends({
|
|
196
206
|
key: i
|
|
197
|
-
}, value,
|
|
198
|
-
imageUrl: item === null || item === void 0 ? void 0 : item.imageUrl
|
|
199
|
-
})), (value === null || value === void 0 ? void 0 : value.field) && renderFieldWidget(value === null || value === void 0 ? void 0 : value.field, i, item));
|
|
207
|
+
}, value)), (value === null || value === void 0 ? void 0 : value.field) && renderFieldWidget(value === null || value === void 0 ? void 0 : value.field, i, item));
|
|
200
208
|
});
|
|
201
209
|
case "infoCard":
|
|
202
210
|
return Array.isArray(item === null || item === void 0 ? void 0 : item.value) && (item === null || item === void 0 || (_item$value6 = item.value) === null || _item$value6 === void 0 ? void 0 : _item$value6.map((v, i) => /*#__PURE__*/_react.default.createElement(_ItemInfoCardWidget.default, _extends({
|
|
203
211
|
key: i
|
|
204
|
-
}, v
|
|
205
|
-
imageUrl: item === null || item === void 0 ? void 0 : item.imageUrl
|
|
206
|
-
}))));
|
|
212
|
+
}, v))));
|
|
207
213
|
case "infoCardFooter":
|
|
208
214
|
return /*#__PURE__*/_react.default.createElement(_FormWidgetStyle.TotalRow, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
209
215
|
typography: "type-t1-500",
|
|
@@ -236,13 +242,13 @@ function FormWidget(props) {
|
|
|
236
242
|
return /*#__PURE__*/_react.default.createElement(_FormWidgetStyle.FormWidgetStyleStyle, null, /*#__PURE__*/_react.default.createElement(_antd.Form, {
|
|
237
243
|
form: form,
|
|
238
244
|
layout: "vertical"
|
|
239
|
-
}, groups === null || groups === void 0 ? void 0 : groups.map(
|
|
245
|
+
}, groups === null || groups === void 0 ? void 0 : groups.map(_ref3 => {
|
|
240
246
|
let {
|
|
241
247
|
bordered,
|
|
242
248
|
heading,
|
|
243
249
|
items,
|
|
244
250
|
topDividerRequired = true
|
|
245
|
-
} =
|
|
251
|
+
} = _ref3;
|
|
246
252
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, bordered ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Heading(heading), /*#__PURE__*/_react.default.createElement(_FormWidgetStyle.FieldBoxBorder, null, items === null || items === void 0 ? void 0 : items.map(item => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderWidget(item))))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_FormWidgetStyle.FieldWithoutBorder, null, topDividerRequired && /*#__PURE__*/_react.default.createElement(_antd.Divider, {
|
|
247
253
|
className: "dividerLine"
|
|
248
254
|
}), Heading(heading), items === null || items === void 0 ? void 0 : items.map(renderWidget))));
|
|
@@ -17,20 +17,20 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
17
17
|
*/
|
|
18
18
|
function ItemInfoCardWidget(_ref) {
|
|
19
19
|
let {
|
|
20
|
-
imageUrl,
|
|
21
20
|
title,
|
|
22
21
|
value,
|
|
23
22
|
subTitle,
|
|
24
|
-
description
|
|
23
|
+
description,
|
|
24
|
+
image
|
|
25
25
|
} = _ref;
|
|
26
26
|
return /*#__PURE__*/_react.default.createElement(_styles.ItemInfoCard, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
27
27
|
className: "productBox"
|
|
28
28
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
29
29
|
className: "iconAndtextSec"
|
|
30
|
-
},
|
|
30
|
+
}, image && /*#__PURE__*/_react.default.createElement("div", {
|
|
31
31
|
className: "productIcon"
|
|
32
32
|
}, /*#__PURE__*/_react.default.createElement("img", {
|
|
33
|
-
src:
|
|
33
|
+
src: image,
|
|
34
34
|
alt: title,
|
|
35
35
|
className: "product-image"
|
|
36
36
|
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -52,14 +52,14 @@ function ItemInfoCardWidget(_ref) {
|
|
|
52
52
|
}, "\u20B9", value)));
|
|
53
53
|
}
|
|
54
54
|
ItemInfoCardWidget.propTypes = {
|
|
55
|
-
|
|
55
|
+
image: _propTypes.default.string,
|
|
56
56
|
title: _propTypes.default.string.isRequired,
|
|
57
57
|
value: _propTypes.default.number.isRequired,
|
|
58
58
|
subTitle: _propTypes.default.string,
|
|
59
59
|
description: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])
|
|
60
60
|
};
|
|
61
61
|
ItemInfoCardWidget.defaultProps = {
|
|
62
|
-
|
|
62
|
+
image: null,
|
|
63
63
|
subTitle: "",
|
|
64
64
|
description: ""
|
|
65
65
|
};
|
|
@@ -41,10 +41,10 @@ function ReimbursementBreakupWidget(props) {
|
|
|
41
41
|
}];
|
|
42
42
|
|
|
43
43
|
/**
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
44
|
+
* Determines the class name based on the type of table row.
|
|
45
|
+
* @param {string} type - The type of the table row
|
|
46
|
+
* @returns {string} The class name for the table row
|
|
47
|
+
*/
|
|
48
48
|
const getClassForTableRow = type => {
|
|
49
49
|
switch (type) {
|
|
50
50
|
case 'HEADER':
|
|
@@ -60,7 +60,7 @@ function ReimbursementBreakupWidget(props) {
|
|
|
60
60
|
title: heading,
|
|
61
61
|
onClose: closeBreakUpModal
|
|
62
62
|
}, /*#__PURE__*/_react.default.createElement(_styles.WidgetContainer, null, cardData === null || cardData === void 0 ? void 0 : cardData.map(item => {
|
|
63
|
-
var _item$tableRows, _item$
|
|
63
|
+
var _item$tableRows, _item$gridInfo, _item$gridInfo2, _item$gridInfo3, _item$gridInfo4, _item$tableRows2, _item$tableRows3;
|
|
64
64
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
65
65
|
className: "rmbsProdAmt",
|
|
66
66
|
key: (0, _utils.getUUID)()
|
|
@@ -85,15 +85,15 @@ function ReimbursementBreakupWidget(props) {
|
|
|
85
85
|
"data-test": dataTest ? "".concat(dataTest, "--info-button-").concat(index) : null
|
|
86
86
|
// onClick={this.scrollToRef}
|
|
87
87
|
})), ' ')));
|
|
88
|
-
})), (item === null || item === void 0 || (_item$
|
|
88
|
+
})), (item === null || item === void 0 || (_item$gridInfo = item.gridInfo) === null || _item$gridInfo === void 0 ? void 0 : _item$gridInfo.length) > 0 && /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
89
89
|
typography: "type-b3-400",
|
|
90
90
|
className: "margin-bottom-8 margin-top-4",
|
|
91
91
|
color: "primary-content"
|
|
92
|
-
}, item === null || item === void 0 || (_item$
|
|
92
|
+
}, item === null || item === void 0 || (_item$gridInfo2 = item.gridInfo) === null || _item$gridInfo2 === void 0 || (_item$gridInfo2 = _item$gridInfo2[0]) === null || _item$gridInfo2 === void 0 ? void 0 : _item$gridInfo2.title), (item === null || item === void 0 || (_item$gridInfo3 = item.gridInfo) === null || _item$gridInfo3 === void 0 ? void 0 : _item$gridInfo3.length) > 0 && /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
93
93
|
typography: "type-b3-400",
|
|
94
|
-
className: "margin-bottom-
|
|
94
|
+
className: "margin-bottom-16",
|
|
95
95
|
color: "secondary-content"
|
|
96
|
-
}, item === null || item === void 0 || (_item$
|
|
96
|
+
}, item === null || item === void 0 || (_item$gridInfo4 = item.gridInfo) === null || _item$gridInfo4 === void 0 || (_item$gridInfo4 = _item$gridInfo4[0]) === null || _item$gridInfo4 === void 0 ? void 0 : _item$gridInfo4.description), item.tableType === 'GRID' && (item === null || item === void 0 || (_item$tableRows2 = item.tableRows) === null || _item$tableRows2 === void 0 ? void 0 : _item$tableRows2.length) && /*#__PURE__*/_react.default.createElement("ul", {
|
|
97
97
|
className: "listofProd",
|
|
98
98
|
id: "gridView"
|
|
99
99
|
}, item === null || item === void 0 || (_item$tableRows3 = item.tableRows) === null || _item$tableRows3 === void 0 ? void 0 : _item$tableRows3.map(tableRow => {
|