oa-componentbook 1.0.1-stage.374 → 1.0.1-stage.376

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

@@ -16,7 +16,7 @@ var _styles = require("./styles");
 var _CustomRadio = _interopRequireDefault(require("../../components/oa-component-radio/CustomRadio"));
 var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
 var _CustomButton = _interopRequireDefault(require("../../components/oa-component-button/CustomButton"));
-const _excluded = ["children", "description", "docDetails", "approvalForm", "isMandatory", "hasDivider", "isQuestionStyleWidget", "questionId", "title", "viewOnClick", "data-test"];
+const _excluded = ["children", "description", "docDetails", "approvalForm", "isMandatory", "hasDivider", "isQuestionStyleWidget", "questionId", "title", "viewOnClick", "data-test", "maxLength"];
 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); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -59,9 +59,11 @@ function ApprovalWidget(_ref) {
       questionId,
       title,
       viewOnClick,
-      'data-test': dataTest
+      "data-test": dataTest,
+      maxLength
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
+  console.log(maxLength, "maxLength2");
   const getInitialValue = isApproved => {
     switch (isApproved) {
       case true:
@@ -77,11 +79,11 @@ function ApprovalWidget(_ref) {
   return /*#__PURE__*/_react.default.createElement(_styles.StyledContainer, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "row"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: approvalForm.hidden ? 'col-sm-12 col-md-12 col-lg-12' : 'col-sm-12 col-md-7 col-lg-7 gutter'
+    className: approvalForm.hidden ? "col-sm-12 col-md-12 col-lg-12" : "col-sm-12 col-md-7 col-lg-7 gutter"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "row"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: isQuestionStyleWidget ? 'col-sm-12 col-md-12 col-lg-12' : 'col-sm-12 col-md-8 col-lg-8 gutter'
+    className: isQuestionStyleWidget ? "col-sm-12 col-md-12 col-lg-12" : "col-sm-12 col-md-8 col-lg-8 gutter"
   }, title && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h4", {
     className: "type-b2-400"
   }, title, isMandatory && /*#__PURE__*/_react.default.createElement(_styles.RedText, null, "*"))), description && /*#__PURE__*/_react.default.createElement(_styles.Styledescription, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
@@ -92,7 +94,7 @@ function ApprovalWidget(_ref) {
     "data-test": dataTest ? "".concat(dataTest, "--view-button") : undefined,
     onClick: () => viewOnClick(questionId),
     type: "text-only",
-    label: isQuestionStyleWidget ? 'View Previous Description' : 'View History'
+    label: isQuestionStyleWidget ? "View Previous Description" : "View History"
   }), children)), !isQuestionStyleWidget && /*#__PURE__*/_react.default.createElement("div", {
     className: "col-sm-12 col-md-4 col-lg-4"
   }, /*#__PURE__*/_react.default.createElement(_UploadDownloadWidget.default, _extends({
@@ -112,7 +114,7 @@ function ApprovalWidget(_ref) {
       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.'
+      }, "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,
@@ -132,12 +134,17 @@ function ApprovalWidget(_ref) {
     className: "type-b2-400"
   }, "Remarks"), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
     name: "remarks-".concat(questionId),
-    initialValue: (_approvalForm$remarks = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.remarks) !== null && _approvalForm$remarks !== void 0 ? _approvalForm$remarks : '',
+    initialValue: (_approvalForm$remarks = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.remarks) !== null && _approvalForm$remarks !== void 0 ? _approvalForm$remarks : "",
     rules: [{
       required: true,
       message: dataTest ? /*#__PURE__*/_react.default.createElement("span", {
         "data-test": "".concat(dataTest, "--remarks-validation-message")
-      }, "Remarks cannot be empty.") : 'Remarks cannot be empty.'
+      }, "Remarks cannot be empty.") : "Remarks cannot be empty."
+    }, maxLength && {
+      max: maxLength,
+      message: dataTest ? /*#__PURE__*/_react.default.createElement("span", {
+        "data-test": "".concat(dataTest, "--remarks-maxlength-validation-message")
+      }, "Remarks cannot exceed ".concat(maxLength, " characters.")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Remarks cannot exceed ".concat(maxLength, " characters."))
     }]
   }, /*#__PURE__*/_react.default.createElement(_antd.Input.TextArea, {
     "data-test": dataTest ? "".concat(dataTest, "--remarks") : undefined,
@@ -146,7 +153,7 @@ function ApprovalWidget(_ref) {
 }
 ApprovalWidget.propTypes = {
   children: _propTypes.default.node,
-  'data-test': _propTypes.default.string,
+  "data-test": _propTypes.default.string,
   description: _propTypes.default.string,
   // Leave description optional
   docDetails: _propTypes.default.shape({
@@ -176,8 +183,8 @@ ApprovalWidget.propTypes = {
 };
 ApprovalWidget.defaultProps = {
   children: null,
-  'data-test': null,
-  description: '',
+  "data-test": null,
+  description: "",
   docDetails: {},
   approvalForm: {
     disabled: false,

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

@@ -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", "multipleDocDetails", "approvalForm", "isMandatory", "hasDivider", "isQuestionStyleWidget", "questionId", "title", "viewOnClick", "actionRenderType", "actionContent", "systemStatus", "documentTitle", "descriptionTitle", "data-test", "form", "columnDynamicCssClass", "tooltipPlacement"];
+const _excluded = ["children", "description", "docDetails", "multipleDocDetails", "approvalForm", "isMandatory", "hasDivider", "isQuestionStyleWidget", "questionId", "title", "viewOnClick", "actionRenderType", "actionContent", "systemStatus", "documentTitle", "descriptionTitle", "data-test", "form", "columnDynamicCssClass", "tooltipPlacement", "maxLength"];
 /* 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); }
@@ -75,7 +75,8 @@ function ApprovalWidget(_ref) {
       "data-test": dataTest,
       form,
       columnDynamicCssClass,
-      tooltipPlacement
+      tooltipPlacement,
+      maxLength
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   const getInitialValue = isApproved => {
@@ -183,12 +184,17 @@ function ApprovalWidget(_ref) {
     }, "Remarks"), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
       name: "remarks-".concat(questionId),
       initialValue: (_approvalForm$remarks = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.remarks) !== null && _approvalForm$remarks !== void 0 ? _approvalForm$remarks : "",
-      rules: isRequired ? [{
+      rules: [isRequired && {
         required: true,
         message: dataTest ? /*#__PURE__*/_react.default.createElement("span", {
           "data-test": "".concat(dataTest, "--remarks-validation-message")
         }, "Remarks cannot be empty.") : "Remarks cannot be empty."
-      }] : []
+      }, maxLength && {
+        max: maxLength,
+        message: dataTest ? /*#__PURE__*/_react.default.createElement("span", {
+          "data-test": "".concat(dataTest, "--remarks-maxlength-validation-message")
+        }, "Remarks cannot exceed ".concat(maxLength, " characters.")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Remarks cannot exceed ".concat(maxLength, " characters."))
+      }]
     }, /*#__PURE__*/_react.default.createElement(_antd.Input.TextArea, {
       "data-test": dataTest ? "".concat(dataTest, "--remarks") : undefined,
       disabled: (_approvalForm$disable3 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable3 !== void 0 ? _approvalForm$disable3 : false
@@ -197,20 +203,20 @@ function ApprovalWidget(_ref) {
 
   /**
    * BUSINESS LOGIC: Two different radio implementations exist for different approval scenarios
-   * 
+   *
    * "radio" - MANDATORY APPROVAL: Always requires user to select approval status
    * - Used when approval decision is compulsory (e.g., critical business processes)
    * - Both approval status AND remarks (if pending) are mandatory
    * - Cannot proceed without making a selection
-   * 
+   *
    * "radioOptional" - OPTIONAL APPROVAL: Approval status depends on isMandatory flag
    * - Used when approval might be optional based on business rules
    * - If isMandatory=true: Same behavior as "radio" (mandatory)
    * - If isMandatory=false: User can skip approval selection
    * - Provides flexibility for different approval workflows
-   * 
+   *
    * This separation allows the same component to handle both strict and flexible approval processes
-   * 
+   *
    * Renders the approval section based on action render type
    * @returns {React.ReactNode} Approval section component
    */
@@ -380,16 +386,22 @@ function ApprovalWidget(_ref) {
     validateStatus: form.getFieldError("icQues_remarks_".concat(questionId)) ? "error" : "",
     help: form.getFieldError("icQues_remarks_".concat(questionId)) || ""
   }, getFieldDecorator("icQues_remarks_".concat(questionId), {
-    rules: isMandatory ? [{
+    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."
-    }] : [],
+    }, maxLength && {
+      max: maxLength,
+      message: dataTest ? /*#__PURE__*/_react.default.createElement("span", {
+        "data-test": "".concat(dataTest, "--remarks-maxlength-validation-message")
+      }, "Remarks cannot exceed ".concat(maxLength, " characters.")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Remarks cannot exceed ".concat(maxLength, " characters."))
+    }],
     initialValue: (_approvalForm$remarks2 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.remarks) !== null && _approvalForm$remarks2 !== void 0 ? _approvalForm$remarks2 : ""
   })( /*#__PURE__*/_react.default.createElement(_antd.Input.TextArea, {
     "data-test": dataTest ? "".concat(dataTest, "--remarks") : undefined,
-    disabled: (_approvalForm$disable10 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable10 !== void 0 ? _approvalForm$disable10 : false
+    disabled: (_approvalForm$disable10 = approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.disabled) !== null && _approvalForm$disable10 !== void 0 ? _approvalForm$disable10 : false,
+    maxLength: maxLength
   }))))), actionRenderType === "buttonWithFormV4" && /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
     name: "validateDocumentButton#".concat(questionId),
     initialValue: approvalForm === null || approvalForm === void 0 ? void 0 : approvalForm.isApproved,

package/package.json

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