npm - oa-componentbook - Versions diffs - 1.0.1-stage.70 → 1.0.1-stage.71 - Mend

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

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

package/build/widgets/oa-widget-approval/ApprovalWidgetNew.js +38 -19
package/package.json +1 -1

package/build/widgets/oa-widget-approval/ApprovalWidgetNew.js CHANGED Viewed

@@ -22,7 +22,7 @@ var _CustomButton = _interopRequireDefault(require("../../components/oa-componen
 var _MaterialIcon = _interopRequireDefault(require("../../components/oa-component-icons/MaterialIcon"));
 var _CustomTag = _interopRequireDefault(require("../../components/oa-component-tag/CustomTag"));
 var _CustomTooltip = _interopRequireDefault(require("../../components/oa-component-tooltip/CustomTooltip"));
-const _excluded = ["children", "description", "docDetails", "approvalForm", "isMandatory", "hasDivider", "isQuestionStyleWidget", "questionId", "title", "viewOnClick", "actionRenderType", "actionContent", "systemStatus", "documentTitle", "descriptionTitle", "data-test", "form"];
+const _excluded = ["children", "description", "docDetails", "multipleDocDetails", "approvalForm", "isMandatory", "hasDivider", "isQuestionStyleWidget", "questionId", "title", "viewOnClick", "actionRenderType", "actionContent", "systemStatus", "documentTitle", "descriptionTitle", "data-test", "form"];
 /* eslint-disable */
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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
  * @property {string} ['data-test'] Data test string to be applied to the outermost element.
  */
 function ApprovalWidget(_ref) {
-  var _approvalForm$disable, _actionContent$label, _approvalForm$disable2, _approvalForm$disable3, _approvalForm$remarks, _approvalForm$disable4, _approvalForm$disable5, _approvalForm$disable6, _approvalForm$disable7;
+  var _approvalForm$disable2, _actionContent$label, _approvalForm$disable3, _approvalForm$disable4, _approvalForm$remarks, _approvalForm$disable5, _approvalForm$disable6, _approvalForm$disable7, _approvalForm$disable8;
   let {
       children,
       description,
       docDetails,
+      multipleDocDetails,
       approvalForm,
       isMandatory,
       hasDivider,
@@ -86,8 +87,10 @@ function ApprovalWidget(_ref) {
     }
   };
   const [isApproved, setIsApproved] = (0, _react.useState)(getInitialValue(approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.isApproved));
+  const [radioButtonValue, setRadioButtonValue] = (0, _react.useState)(null);
   const getFieldDecorator = form === null || form === void 0 ? void 0 : form.getFieldDecorator;
   const onRadioChange = event => setIsApproved(event.target.value);
+  const onChangeRadioWithForm = event => setRadioButtonValue(event.target.value);
   return /*#__PURE__*/_react.default.createElement(_styles.StyledContainer, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "row"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -104,17 +107,30 @@ function ApprovalWidget(_ref) {
   }, descriptionTitle), /*#__PURE__*/_react.default.createElement(_Typography.default, {
     typography: "type-b2-400",
     color: "primary-content"
-  }, description)), !isQuestionStyleWidget && /*#__PURE__*/_react.default.createElement("div", {
+  }, description)), !isQuestionStyleWidget && ((multipleDocDetails === null || multipleDocDetails === void 0 ? void 0 : multipleDocDetails.length) > 0 ? multipleDocDetails.map(docDetails => {
+    var _approvalForm$disable;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "oaCustomerResponse"
+    }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      typography: "type-b2-400",
+      color: "secondary-content"
+    }, docDetails.documentTitle, " \xA0"), /*#__PURE__*/_react.default.createElement(_UploadDownloadWidget.default, _extends({
+      disabled: (_approvalForm$disable = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable !== void 0 ? _approvalForm$disable : false,
+      "data-test": dataTest ? "".concat(dataTest, "--upload-download-widget") : undefined
+    }, docDetails, {
+      formName: isMandatory ? "file-".concat(questionId) : undefined
+    })));
+  }) : /*#__PURE__*/_react.default.createElement("div", {
     className: "oaCustomerResponse"
   }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
     typography: "type-b2-400",
     color: "secondary-content"
   }, documentTitle, " \xA0"), /*#__PURE__*/_react.default.createElement(_UploadDownloadWidget.default, _extends({
-    disabled: (_approvalForm$disable = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable !== void 0 ? _approvalForm$disable : false,
+    disabled: (_approvalForm$disable2 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable2 !== void 0 ? _approvalForm$disable2 : false,
     "data-test": dataTest ? "".concat(dataTest, "--upload-download-widget") : undefined
   }, docDetails, {
     formName: isMandatory ? "file-".concat(questionId) : undefined
-  }))), viewOnClick && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
+  })))), viewOnClick && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
     className: "view-button",
     "data-test": dataTest ? "".concat(dataTest, "--view-button") : undefined,
     onClick: () => viewOnClick(questionId),
@@ -144,15 +160,15 @@ function ApprovalWidget(_ref) {
         }
         return /*#__PURE__*/_react.default.createElement("div", {
           className: "tooltip-grid"
-        }, columns.map(columnItems => {
-          var _columnItems$, _columnItems$2;
+        }, (status === null || status === void 0 ? void 0 : status.title) && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+          typography: "type-sl1-700",
+          color: "secondary-content"
+        }, status.title), columns.map(columnItems => {
+          var _columnItems$;
           return /*#__PURE__*/_react.default.createElement("div", {
             key: "col-".concat((_columnItems$ = columnItems[0]) === null || _columnItems$ === void 0 ? void 0 : _columnItems$.title),
             className: "tooltip-column"
-          }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-            typography: "type-sl1-700",
-            color: "secondary-content"
-          }, (_columnItems$2 = columnItems[0]) === null || _columnItems$2 === void 0 ? void 0 : _columnItems$2.title), columnItems.map(item => /*#__PURE__*/_react.default.createElement("li", {
+          }, columnItems.map(item => /*#__PURE__*/_react.default.createElement("li", {
             key: item.title,
             className: "tooltip-item"
           }, item.type && /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
@@ -194,12 +210,12 @@ function ApprovalWidget(_ref) {
     value: isApproved
   }, /*#__PURE__*/_react.default.createElement(_CustomRadio.default, {
     "data-test": dataTest ? "".concat(dataTest, "--is-approved-radio-yes") : undefined,
-    disabled: (_approvalForm$disable2 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable2 !== void 0 ? _approvalForm$disable2 : false,
+    disabled: (_approvalForm$disable3 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable3 !== void 0 ? _approvalForm$disable3 : false,
     label: "Mark as Approved",
     value: 1
   }), /*#__PURE__*/_react.default.createElement(_CustomRadio.default, {
     "data-test": dataTest ? "".concat(dataTest, "--is-approved-radio-no") : undefined,
-    disabled: (_approvalForm$disable3 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable3 !== void 0 ? _approvalForm$disable3 : false,
+    disabled: (_approvalForm$disable4 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable4 !== void 0 ? _approvalForm$disable4 : false,
     label: "Mark as Pending",
     value: 0
   }))), isApproved === 0 && /*#__PURE__*/_react.default.createElement("section", null, /*#__PURE__*/_react.default.createElement("h5", {
@@ -215,7 +231,7 @@ function ApprovalWidget(_ref) {
     }]
   }, /*#__PURE__*/_react.default.createElement(_antd.Input.TextArea, {
     "data-test": dataTest ? "".concat(dataTest, "--remarks") : undefined,
-    disabled: (_approvalForm$disable4 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable4 !== void 0 ? _approvalForm$disable4 : false
+    disabled: (_approvalForm$disable5 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable5 !== void 0 ? _approvalForm$disable5 : false
   })))), actionRenderType === "buttonWithForm" && /*#__PURE__*/_react.default.createElement(_antd.Form.Item, null, getFieldDecorator("validateDocumentButton#".concat(questionId), {
     rules: isMandatory ? [{
       required: true,
@@ -231,17 +247,19 @@ function ApprovalWidget(_ref) {
       }, "Approval status needs to be selected.") : "Approval status needs to be selected."
     }] : []
   })( /*#__PURE__*/_react.default.createElement(_CustomRadio.default.Group, {
-    "data-test": dataTest ? "".concat(dataTest, "--is-approved-radio-group") : undefined
+    "data-test": dataTest ? "".concat(dataTest, "--is-approved-radio-group") : undefined,
+    onChange: onChangeRadioWithForm,
+    value: radioButtonValue
   }, /*#__PURE__*/_react.default.createElement(_CustomRadio.default, {
     "data-test": dataTest ? "".concat(dataTest, "--is-approved-radio-yes") : undefined,
     label: "Mark as Approved",
     value: "Complete",
-    disabled: (_approvalForm$disable5 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable5 !== void 0 ? _approvalForm$disable5 : false
+    disabled: (_approvalForm$disable6 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable6 !== void 0 ? _approvalForm$disable6 : false
   }), /*#__PURE__*/_react.default.createElement(_CustomRadio.default, {
     "data-test": dataTest ? "".concat(dataTest, "--is-approved-radio-no") : undefined,
-    disabled: (_approvalForm$disable6 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable6 !== void 0 ? _approvalForm$disable6 : false,
     label: "Mark as Pending",
-    value: "Incomplete"
+    value: "Incomplete",
+    disabled: (_approvalForm$disable7 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable7 !== void 0 ? _approvalForm$disable7 : false
   })))), form.getFieldValue("icQues_status_".concat(questionId)) == "Incomplete" && /*#__PURE__*/_react.default.createElement("section", null, /*#__PURE__*/_react.default.createElement("h5", {
     className: "type-b2-400"
   }, "Remarks"), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, null, getFieldDecorator("icQues_remarks_".concat(questionId), {
@@ -253,7 +271,7 @@ function ApprovalWidget(_ref) {
     }] : []
   })( /*#__PURE__*/_react.default.createElement(_antd.Input.TextArea, {
     "data-test": dataTest ? "".concat(dataTest, "--remarks") : undefined,
-    disabled: (_approvalForm$disable7 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable7 !== void 0 ? _approvalForm$disable7 : false
+    disabled: (_approvalForm$disable8 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable8 !== void 0 ? _approvalForm$disable8 : false
   })))))) || undefined), hasDivider && /*#__PURE__*/_react.default.createElement(_antd.Divider, null));
 }
 ApprovalWidget.propTypes = {
@@ -270,6 +288,7 @@ ApprovalWidget.propTypes = {
       onDownload: _propTypes.default.func
     }))
   }),
+  multipleDocDetails: _propTypes.default.array,
   hasDivider: _propTypes.default.bool,
   // Leave hasDivider optional,
   approvalForm: _propTypes.default.shape({

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "oa-componentbook",
-  "version": "1.0.1-stage.70",
+  "version": "1.0.1-stage.71",
   "private": false,
   "description": "Reusable components",
   "main": "build/index.js",