oa-componentbook 1.0.1-stage.70 → 1.0.1-stage.72

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 (2) hide show
  1. package/build/widgets/oa-widget-approval/ApprovalWidgetNew.js +38 -19
  2. package/package.json +1 -1
package/build/widgets/oa-widget-approval/ApprovalWidgetNew.js CHANGED
@@ -22,7 +22,7 @@ var _CustomButton = _interopRequireDefault(require("../../components/oa-componen
22
22
  var _MaterialIcon = _interopRequireDefault(require("../../components/oa-component-icons/MaterialIcon"));
23
23
  var _CustomTag = _interopRequireDefault(require("../../components/oa-component-tag/CustomTag"));
24
24
  var _CustomTooltip = _interopRequireDefault(require("../../components/oa-component-tooltip/CustomTooltip"));
25
- const _excluded = ["children", "description", "docDetails", "approvalForm", "isMandatory", "hasDivider", "isQuestionStyleWidget", "questionId", "title", "viewOnClick", "actionRenderType", "actionContent", "systemStatus", "documentTitle", "descriptionTitle", "data-test", "form"];
25
+ const _excluded = ["children", "description", "docDetails", "multipleDocDetails", "approvalForm", "isMandatory", "hasDivider", "isQuestionStyleWidget", "questionId", "title", "viewOnClick", "actionRenderType", "actionContent", "systemStatus", "documentTitle", "descriptionTitle", "data-test", "form"];
26
26
  /* eslint-disable */
27
27
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
28
28
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -54,11 +54,12 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
54
54
  * @property {string} ['data-test'] Data test string to be applied to the outermost element.
55
55
  */
56
56
  function ApprovalWidget(_ref) {
57
- var _approvalForm$disable, _actionContent$label, _approvalForm$disable2, _approvalForm$disable3, _approvalForm$remarks, _approvalForm$disable4, _approvalForm$disable5, _approvalForm$disable6, _approvalForm$disable7;
57
+ var _approvalForm$disable2, _actionContent$label, _approvalForm$disable3, _approvalForm$disable4, _approvalForm$remarks, _approvalForm$disable5, _approvalForm$disable6, _approvalForm$disable7, _approvalForm$disable8;
58
58
  let {
59
59
  children,
60
60
  description,
61
61
  docDetails,
62
+ multipleDocDetails,
62
63
  approvalForm,
63
64
  isMandatory,
64
65
  hasDivider,
@@ -86,8 +87,10 @@ function ApprovalWidget(_ref) {
86
87
  }
87
88
  };
88
89
  const [isApproved, setIsApproved] = (0, _react.useState)(getInitialValue(approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.isApproved));
90
+ const [radioButtonValue, setRadioButtonValue] = (0, _react.useState)(null);
89
91
  const getFieldDecorator = form === null || form === void 0 ? void 0 : form.getFieldDecorator;
90
92
  const onRadioChange = event => setIsApproved(event.target.value);
93
+ const onChangeRadioWithForm = event => setRadioButtonValue(event.target.value);
91
94
  return /*#__PURE__*/_react.default.createElement(_styles.StyledContainer, null, /*#__PURE__*/_react.default.createElement("div", {
92
95
  className: "row"
93
96
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -104,17 +107,30 @@ function ApprovalWidget(_ref) {
104
107
  }, descriptionTitle), /*#__PURE__*/_react.default.createElement(_Typography.default, {
105
108
  typography: "type-b2-400",
106
109
  color: "primary-content"
107
- }, description)), !isQuestionStyleWidget && /*#__PURE__*/_react.default.createElement("div", {
110
+ }, description)), !isQuestionStyleWidget && ((multipleDocDetails === null || multipleDocDetails === void 0 ? void 0 : multipleDocDetails.length) > 0 ? multipleDocDetails.map(docDetails => {
111
+ var _approvalForm$disable;
112
+ return /*#__PURE__*/_react.default.createElement("div", {
113
+ className: "oaCustomerResponse"
114
+ }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
115
+ typography: "type-b2-400",
116
+ color: "secondary-content"
117
+ }, docDetails.documentTitle, " \xA0"), /*#__PURE__*/_react.default.createElement(_UploadDownloadWidget.default, _extends({
118
+ disabled: (_approvalForm$disable = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable !== void 0 ? _approvalForm$disable : false,
119
+ "data-test": dataTest ? "".concat(dataTest, "--upload-download-widget") : undefined
120
+ }, docDetails, {
121
+ formName: isMandatory ? "file-".concat(questionId) : undefined
122
+ })));
123
+ }) : /*#__PURE__*/_react.default.createElement("div", {
108
124
  className: "oaCustomerResponse"
109
125
  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
110
126
  typography: "type-b2-400",
111
127
  color: "secondary-content"
112
128
  }, documentTitle, " \xA0"), /*#__PURE__*/_react.default.createElement(_UploadDownloadWidget.default, _extends({
113
- disabled: (_approvalForm$disable = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable !== void 0 ? _approvalForm$disable : false,
129
+ disabled: (_approvalForm$disable2 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable2 !== void 0 ? _approvalForm$disable2 : false,
114
130
  "data-test": dataTest ? "".concat(dataTest, "--upload-download-widget") : undefined
115
131
  }, docDetails, {
116
132
  formName: isMandatory ? "file-".concat(questionId) : undefined
117
- }))), viewOnClick && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
133
+ })))), viewOnClick && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
118
134
  className: "view-button",
119
135
  "data-test": dataTest ? "".concat(dataTest, "--view-button") : undefined,
120
136
  onClick: () => viewOnClick(questionId),
@@ -144,15 +160,15 @@ function ApprovalWidget(_ref) {
144
160
  }
145
161
  return /*#__PURE__*/_react.default.createElement("div", {
146
162
  className: "tooltip-grid"
147
- }, columns.map(columnItems => {
148
- var _columnItems$, _columnItems$2;
163
+ }, (status === null || status === void 0 ? void 0 : status.title) && /*#__PURE__*/_react.default.createElement(_Typography.default, {
164
+ typography: "type-sl1-700",
165
+ color: "secondary-content"
166
+ }, status.title), columns.map(columnItems => {
167
+ var _columnItems$;
149
168
  return /*#__PURE__*/_react.default.createElement("div", {
150
169
  key: "col-".concat((_columnItems$ = columnItems[0]) === null || _columnItems$ === void 0 ? void 0 : _columnItems$.title),
151
170
  className: "tooltip-column"
152
- }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
153
- typography: "type-sl1-700",
154
- color: "secondary-content"
155
- }, (_columnItems$2 = columnItems[0]) === null || _columnItems$2 === void 0 ? void 0 : _columnItems$2.title), columnItems.map(item => /*#__PURE__*/_react.default.createElement("li", {
171
+ }, columnItems.map(item => /*#__PURE__*/_react.default.createElement("li", {
156
172
  key: item.title,
157
173
  className: "tooltip-item"
158
174
  }, item.type && /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
@@ -194,12 +210,12 @@ function ApprovalWidget(_ref) {
194
210
  value: isApproved
195
211
  }, /*#__PURE__*/_react.default.createElement(_CustomRadio.default, {
196
212
  "data-test": dataTest ? "".concat(dataTest, "--is-approved-radio-yes") : undefined,
197
- disabled: (_approvalForm$disable2 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable2 !== void 0 ? _approvalForm$disable2 : false,
213
+ disabled: (_approvalForm$disable3 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable3 !== void 0 ? _approvalForm$disable3 : false,
198
214
  label: "Mark as Approved",
199
215
  value: 1
200
216
  }), /*#__PURE__*/_react.default.createElement(_CustomRadio.default, {
201
217
  "data-test": dataTest ? "".concat(dataTest, "--is-approved-radio-no") : undefined,
202
- disabled: (_approvalForm$disable3 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable3 !== void 0 ? _approvalForm$disable3 : false,
218
+ disabled: (_approvalForm$disable4 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable4 !== void 0 ? _approvalForm$disable4 : false,
203
219
  label: "Mark as Pending",
204
220
  value: 0
205
221
  }))), isApproved === 0 && /*#__PURE__*/_react.default.createElement("section", null, /*#__PURE__*/_react.default.createElement("h5", {
@@ -215,7 +231,7 @@ function ApprovalWidget(_ref) {
215
231
  }]
216
232
  }, /*#__PURE__*/_react.default.createElement(_antd.Input.TextArea, {
217
233
  "data-test": dataTest ? "".concat(dataTest, "--remarks") : undefined,
218
- disabled: (_approvalForm$disable4 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable4 !== void 0 ? _approvalForm$disable4 : false
234
+ disabled: (_approvalForm$disable5 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable5 !== void 0 ? _approvalForm$disable5 : false
219
235
  })))), actionRenderType === "buttonWithForm" && /*#__PURE__*/_react.default.createElement(_antd.Form.Item, null, getFieldDecorator("validateDocumentButton#".concat(questionId), {
220
236
  rules: isMandatory ? [{
221
237
  required: true,
@@ -231,17 +247,19 @@ function ApprovalWidget(_ref) {
231
247
  }, "Approval status needs to be selected.") : "Approval status needs to be selected."
232
248
  }] : []
233
249
  })( /*#__PURE__*/_react.default.createElement(_CustomRadio.default.Group, {
234
- "data-test": dataTest ? "".concat(dataTest, "--is-approved-radio-group") : undefined
250
+ "data-test": dataTest ? "".concat(dataTest, "--is-approved-radio-group") : undefined,
251
+ onChange: onChangeRadioWithForm,
252
+ value: radioButtonValue
235
253
  }, /*#__PURE__*/_react.default.createElement(_CustomRadio.default, {
236
254
  "data-test": dataTest ? "".concat(dataTest, "--is-approved-radio-yes") : undefined,
237
255
  label: "Mark as Approved",
238
256
  value: "Complete",
239
- disabled: (_approvalForm$disable5 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable5 !== void 0 ? _approvalForm$disable5 : false
257
+ disabled: (_approvalForm$disable6 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable6 !== void 0 ? _approvalForm$disable6 : false
240
258
  }), /*#__PURE__*/_react.default.createElement(_CustomRadio.default, {
241
259
  "data-test": dataTest ? "".concat(dataTest, "--is-approved-radio-no") : undefined,
242
- disabled: (_approvalForm$disable6 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable6 !== void 0 ? _approvalForm$disable6 : false,
243
260
  label: "Mark as Pending",
244
- value: "Incomplete"
261
+ value: "Incomplete",
262
+ disabled: (_approvalForm$disable7 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable7 !== void 0 ? _approvalForm$disable7 : false
245
263
  })))), form.getFieldValue("icQues_status_".concat(questionId)) == "Incomplete" && /*#__PURE__*/_react.default.createElement("section", null, /*#__PURE__*/_react.default.createElement("h5", {
246
264
  className: "type-b2-400"
247
265
  }, "Remarks"), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, null, getFieldDecorator("icQues_remarks_".concat(questionId), {
@@ -253,7 +271,7 @@ function ApprovalWidget(_ref) {
253
271
  }] : []
254
272
  })( /*#__PURE__*/_react.default.createElement(_antd.Input.TextArea, {
255
273
  "data-test": dataTest ? "".concat(dataTest, "--remarks") : undefined,
256
- disabled: (_approvalForm$disable7 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable7 !== void 0 ? _approvalForm$disable7 : false
274
+ disabled: (_approvalForm$disable8 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable8 !== void 0 ? _approvalForm$disable8 : false
257
275
  })))))) || undefined), hasDivider && /*#__PURE__*/_react.default.createElement(_antd.Divider, null));
258
276
  }
259
277
  ApprovalWidget.propTypes = {
@@ -270,6 +288,7 @@ ApprovalWidget.propTypes = {
270
288
  onDownload: _propTypes.default.func
271
289
  }))
272
290
  }),
291
+ multipleDocDetails: _propTypes.default.array,
273
292
  hasDivider: _propTypes.default.bool,
274
293
  // Leave hasDivider optional,
275
294
  approvalForm: _propTypes.default.shape({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oa-componentbook",
3
- "version": "1.0.1-stage.70",
3
+ "version": "1.0.1-stage.72",
4
4
  "private": false,
5
5
  "description": "Reusable components",
6
6
  "main": "build/index.js",