oa-componentbook 1.0.1-stage.67 → 1.0.1-stage.69

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

@@ -54,7 +54,7 @@ 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;
+  var _approvalForm$disable, _actionContent$label, _approvalForm$disable2, _approvalForm$disable3, _approvalForm$remarks, _approvalForm$disable4, _approvalForm$disable5, _approvalForm$disable6, _approvalForm$disable7;
   let {
       children,
       description,
@@ -103,7 +103,7 @@ function ApprovalWidget(_ref) {
     color: "secondary-content"
   }, descriptionTitle), /*#__PURE__*/_react.default.createElement(_Typography.default, {
     typography: "type-b2-400",
-    color: "secondary-content"
+    color: "primary-content"
   }, description)), !isQuestionStyleWidget && /*#__PURE__*/_react.default.createElement("div", {
     className: "oaCustomerResponse"
   }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
@@ -119,8 +119,12 @@ function ApprovalWidget(_ref) {
     "data-test": dataTest ? "".concat(dataTest, "--view-button") : undefined,
     onClick: () => viewOnClick(questionId),
     type: "text-only",
-    label: isQuestionStyleWidget ? "View Previous Description" : "View History"
-  }), children)), !isQuestionStyleWidget && /*#__PURE__*/_react.default.createElement("div", {
+    label:
+    // isQuestionStyleWidget
+    //   ? "View Previous Description"
+    //   :
+    "View History"
+  }), children)), (systemStatus === null || systemStatus === void 0 ? void 0 : systemStatus.length) > 0 && /*#__PURE__*/_react.default.createElement("div", {
     className: "col-sm-12 col-md-4 col-lg-4 flexCol8"
   }, systemStatus === null || systemStatus === void 0 ? void 0 : systemStatus.map(status => {
     var _status$items;
@@ -141,14 +145,17 @@ function ApprovalWidget(_ref) {
         return /*#__PURE__*/_react.default.createElement("div", {
           className: "tooltip-grid"
         }, columns.map(columnItems => {
-          var _columnItems$;
+          var _columnItems$, _columnItems$2;
           return /*#__PURE__*/_react.default.createElement("div", {
             key: "col-".concat((_columnItems$ = columnItems[0]) === null || _columnItems$ === void 0 ? void 0 : _columnItems$.title),
             className: "tooltip-column"
-          }, columnItems.map(item => /*#__PURE__*/_react.default.createElement("li", {
+          }, /*#__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", {
             key: item.title,
             className: "tooltip-item"
-          }, /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
+          }, item.type && /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
             size: 20,
             icon: item.type === "positive" ? _Check.default : _Close.default,
             color: item.type === "positive" ? "positive" : "negative"
@@ -214,7 +221,40 @@ function ApprovalWidget(_ref) {
       required: true,
       message: "This field is required"
     }] : []
-  })( /*#__PURE__*/_react.default.createElement(_CustomButton.default, actionContent)))) || undefined), hasDivider && /*#__PURE__*/_react.default.createElement(_antd.Divider, null));
+  })( /*#__PURE__*/_react.default.createElement(_CustomButton.default, actionContent))), actionRenderType === "radioWithForm" && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    className: "custom-radio-group"
+  }, getFieldDecorator("icQues_status_".concat(questionId, "}"), {
+    rules: isMandatory ? [{
+      required: true,
+      message: dataTest ? /*#__PURE__*/_react.default.createElement("span", {
+        "data-test": "".concat(dataTest, "--is-approved-validation-message")
+      }, "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
+  }, /*#__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
+  }), /*#__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"
+  })))), 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), {
+    rules: isMandatory ? [{
+      required: true,
+      message: dataTest ? /*#__PURE__*/_react.default.createElement("span", {
+        "data-test": "".concat(dataTest, "--remarks-validation-message")
+      }, "Remarks cannot be empty.") : "Remarks cannot be empty."
+    }] : []
+  })( /*#__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
+  })))))) || undefined), hasDivider && /*#__PURE__*/_react.default.createElement(_antd.Divider, null));
 }
 ApprovalWidget.propTypes = {
   children: _propTypes.default.node,

package/package.json

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