oa-componentbook 1.0.1-stage.38 → 1.0.1-stage.381

package/build/widgets/oa-widget-add-spare-part/AddSparePartCollapseWidget.js

@@ -11,7 +11,10 @@ require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.string.includes.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.regexp.test.js");
+require("core-js/modules/es.parse-int.js");
+require("core-js/modules/es.string.trim.js");
 require("core-js/modules/es.array.reduce.js");
+require("core-js/modules/es.parse-float.js");
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _antd = require("antd");
@@ -82,7 +85,8 @@ function AddSparePartCollapseWidget(_ref) {
     setActiveKey(Array.from(initialSelectedItems).map(String)); // Set initially selected items as active keys
   }, [selectedItems]);
   (0, _react.useEffect)(() => {
-    const sortedItems = [...selectedItems.map(item => items && items.find(i => i.id === item.scopeId)).filter(Boolean), ...items.filter(item => !selectedItems.some(selected => selected.scopeId === item.id))];
+    var _selectedItems$map$fi, _items$filter;
+    const sortedItems = [...((_selectedItems$map$fi = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.map(item => items && items.find(i => i.id === item.scopeId)).filter(Boolean)) !== null && _selectedItems$map$fi !== void 0 ? _selectedItems$map$fi : []), ...((_items$filter = items === null || items === void 0 ? void 0 : items.filter(item => !selectedItems.some(selected => selected.scopeId === item.id))) !== null && _items$filter !== void 0 ? _items$filter : [])];
     setFilteredItems(sortedItems);
   }, [items, selectedItems]);
 
@@ -141,7 +145,22 @@ function AddSparePartCollapseWidget(_ref) {
       }
     }, 0);
   };
-  const isNumeric = value => /^\d*$/.test(value); // Regular expression to check if the value is numeric
+
+  /**
+   * Checks if a given value is numeric.
+   *
+   * This function verifies if the provided value is a numeric string,
+   * optionally allowing two decimal places. An empty string is also
+   * considered valid, allowing for clearing inputs.
+   *
+   * @param {string} value - The value to check.
+   * @returns {boolean} - Returns true if the value is numeric or empty, otherwise false.
+   */
+
+  const isNumeric = value => {
+    if (value === '') return true;
+    return /^\d+(\.\d{0,2})?$/.test(value);
+  };
 
   /**
    * Handles changes in the fields of the items.
@@ -154,8 +173,18 @@ function AddSparePartCollapseWidget(_ref) {
    * @param {string|number} value - The new value of the field.
    */
   const onFieldChange = (itemId, field, value) => {
-    if (field === 'hsnId' || isNumeric(value)) {
-      // Bypass numeric check for HSN Code
+    if (field === 'hsnId' || (field === 'discount' || field === 'cost') && isNumeric(value)) {
+      if (field === 'discount') {
+        var _formValues$itemId;
+        if (parseInt((_formValues$itemId = formValues[itemId]) === null || _formValues$itemId === void 0 ? void 0 : _formValues$itemId.cost, 10) < parseInt(value, 10)) {
+          openNotification({
+            title: 'Error',
+            description: 'Discount cannot be greater than Cost.',
+            type: 'failure'
+          });
+          return;
+        }
+      }
       const updatedFormValues = _objectSpread(_objectSpread({}, formValues), {}, {
         [itemId]: _objectSpread(_objectSpread({}, formValues[itemId]), {}, {
           [field]: value
@@ -163,11 +192,11 @@ function AddSparePartCollapseWidget(_ref) {
       });
       setFormValues(updatedFormValues);
     } else {
-      openNotification({
-        title: 'Error',
-        description: 'Please enter only numeric values.',
-        type: 'failure'
-      });
+      // openNotification({
+      //   title: 'Error',
+      //   description: 'Please enter only numeric values 146.',
+      //   type: 'failure',
+      // });
     }
   };
 
@@ -179,7 +208,7 @@ function AddSparePartCollapseWidget(_ref) {
    * @param {React.KeyboardEvent} event - The event triggered by the key press.
    */
   const handleKeyPress = event => {
-    if (!/[0-9]/.test(event.key)) {
+    if (!/[\d.]/.test(event.key) || event.key === '.' && event.target.value.includes('.')) {
       event.preventDefault();
       openNotification({
         title: 'Error',
@@ -188,6 +217,21 @@ function AddSparePartCollapseWidget(_ref) {
       });
     }
   };
+  const handlePaste = e => {
+    var _e$clipboardData$getD, _e$clipboardData;
+    const pastedData = (_e$clipboardData$getD = e === null || e === void 0 || (_e$clipboardData = e.clipboardData) === null || _e$clipboardData === void 0 || (_e$clipboardData = _e$clipboardData.getData('Text')) === null || _e$clipboardData === void 0 ? void 0 : _e$clipboardData.trim()) !== null && _e$clipboardData$getD !== void 0 ? _e$clipboardData$getD : '';
+
+    // Allow only numbers with optional decimal part (up to 2 digits after .)
+    const validDecimalPattern = /^\d+(\.\d{0,2})?$/;
+    if (!validDecimalPattern.test(pastedData)) {
+      e.preventDefault();
+      openNotification({
+        title: 'Invalid Paste',
+        description: 'Only numeric values with up to 2 decimal places are allowed.',
+        type: 'failure'
+      });
+    }
+  };
 
   /**
    * Handles the submission of the spare parts information.
@@ -228,7 +272,22 @@ function AddSparePartCollapseWidget(_ref) {
       });
       return;
     }
-    onSubmit(toSubmit); // Call the passed onSubmit function with the data to submit
+    toSubmit.every(item => {
+      const cost = parseFloat(item.cost);
+      const discount = parseFloat(item.discount);
+      const field = items.find(f => f.id === item.scopeId);
+      const fieldName = field ? field.name : "ScopeId ".concat(item.scopeId);
+      if (discount > cost) {
+        openNotification({
+          title: 'Error',
+          description: "Discount cannot be greater than cost for ".concat(fieldName),
+          type: 'failure'
+        });
+        return false;
+      }
+      return true;
+    });
+    onSubmit(toSubmit);
   };
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_CustomDrawer.default, {
     buttonConfig: [{
@@ -313,8 +372,9 @@ function AddSparePartCollapseWidget(_ref) {
       placeholder: "Enter price without GST",
       onChange: e => onFieldChange(item.id, 'cost', e.target.value),
       onKeyPress: handleKeyPress,
+      onPaste: handlePaste,
       inputMode: "numeric",
-      pattern: "[0-9]*",
+      pattern: "[0-9]+(\\.[0-9]{0,2})?",
       value: ((_formValues$item$id = formValues[item.id]) === null || _formValues$item$id === void 0 ? void 0 : _formValues$item$id.cost) !== null && ((_formValues$item$id2 = formValues[item.id]) === null || _formValues$item$id2 === void 0 ? void 0 : _formValues$item$id2.cost) !== undefined ? (_formValues$item$id3 = formValues[item.id]) === null || _formValues$item$id3 === void 0 ? void 0 : _formValues$item$id3.cost : '',
       disabled: isItemDisabled
     })), !disableDiscount && /*#__PURE__*/_react.default.createElement("div", {
@@ -337,6 +397,7 @@ function AddSparePartCollapseWidget(_ref) {
       placeholder: "Enter discount",
       onChange: e => onFieldChange(item.id, 'discount', e.target.value),
       onKeyPress: handleKeyPress,
+      onPaste: handlePaste,
       inputMode: "numeric",
       pattern: "[0-9]*",
       value: ((_formValues$item$id4 = formValues[item.id]) === null || _formValues$item$id4 === void 0 ? void 0 : _formValues$item$id4.discount) !== null && ((_formValues$item$id5 = formValues[item.id]) === null || _formValues$item$id5 === void 0 ? void 0 : _formValues$item$id5.discount) !== undefined ? (_formValues$item$id6 = formValues[item.id]) === null || _formValues$item$id6 === void 0 ? void 0 : _formValues$item$id6.discount : '',

package/build/widgets/oa-widget-add-spare-part/AddSparePartWidget.js

@@ -10,6 +10,9 @@ exports.default = void 0;
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.string.includes.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.regexp.test.js");
+require("core-js/modules/es.promise.js");
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _antd = require("antd");
@@ -165,23 +168,63 @@ function AddSparePartWidget(_ref) {
         // This field is enabled only if the corresponding part is selected
         ,
         disabled: !selectedParts.includes(spare.scopeId),
-        prefix: "\u20B9"
+        prefix: "\u20B9",
+        onPaste: e => {
+          var _e$clipboardData$getD, _e$clipboardData;
+          const pasted = (_e$clipboardData$getD = e === null || e === void 0 || (_e$clipboardData = e.clipboardData) === null || _e$clipboardData === void 0 ? void 0 : _e$clipboardData.getData('Text')) !== null && _e$clipboardData$getD !== void 0 ? _e$clipboardData$getD : '';
+          const validDecimalPattern = /^\d+(\.\d*)?$/;
+          if (!validDecimalPattern.test(pasted)) {
+            e.preventDefault(); // Block invalid paste
+          }
+        }
       })),
       discount: /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
         name: "discount-".concat(spare.scopeId),
         rules: [{
-          // This field is required only if the corresponding part is selected
           required: selectedParts.includes(spare.scopeId),
           message: 'Required field'
-          // message: 'Enter the discount value.',
+        }, {
+          validator: (_, value) => {
+            const maxDiscount = form.getFieldValue("cost-".concat(spare.scopeId)) || 0;
+            if (value > maxDiscount) {
+              return Promise.reject(new Error('Discount cannot exceed the Part Price!'));
+            }
+            return Promise.resolve();
+          }
         }],
         initialValue: ""
       }, /*#__PURE__*/_react.default.createElement(_CustomInputNumber.default, {
-        size: "small"
-        // This field is enabled only if the corresponding part is selected
-        ,
+        size: "small",
         disabled: !selectedParts.includes(spare.scopeId),
-        prefix: "\u20B9"
+        prefix: "\u20B9",
+        max: form.getFieldValue("cost-".concat(spare.scopeId)),
+        value: form.getFieldValue("discount-".concat(spare.scopeId)),
+        onPaste: e => {
+          var _e$clipboardData$getD2, _e$clipboardData2;
+          const pasted = (_e$clipboardData$getD2 = (_e$clipboardData2 = e.clipboardData) === null || _e$clipboardData2 === void 0 ? void 0 : _e$clipboardData2.getData('Text')) !== null && _e$clipboardData$getD2 !== void 0 ? _e$clipboardData$getD2 : '';
+          const validDecimalPattern = /^\d+(\.\d*)?$/;
+          if (!validDecimalPattern.test(pasted)) {
+            e.preventDefault(); // Block invalid paste
+          }
+        },
+        onChange: value => {
+          const maxDiscount = form.getFieldValue("discount-".concat(spare.scopeId)) || 0;
+          if (value > maxDiscount) {
+            form.setFieldValue("discount-".concat(spare.scopeId), maxDiscount);
+          } else {
+            form.setFieldValue("discount-".concat(spare.scopeId), value);
+          }
+          form.validateFields(["discount-".concat(spare.scopeId)]);
+        },
+        onBlur: () => {
+          // Ensure field is corrected after losing focus
+          const value = form.getFieldValue("discount-".concat(spare.scopeId));
+          const maxDiscount = form.getFieldValue("cost-".concat(spare.scopeId));
+          if (value > maxDiscount) {
+            form.setFieldValue("discount-".concat(spare.scopeId), maxDiscount);
+            form.validateFields(["discount-".concat(spare.scopeId)]);
+          }
+        }
       })),
       hsnId: /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
         name: "hsnId-".concat(spare.scopeId),

package/build/widgets/oa-widget-address/AddressWidget.js

@@ -15,31 +15,26 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @param {object} address - The address object containing address details.
  */
 function AddressWidget(_ref) {
-  var _address$additional_i, _address$additional_i2;
   let {
     address
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_styles.AddressContainer, null, address.heading && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+  const {
+    heading,
+    addressLine1,
+    addressLine2,
+    landmark,
+    city,
+    pincode
+  } = address !== null && address !== void 0 ? address : {};
+  return /*#__PURE__*/_react.default.createElement(_styles.AddressContainer, null, heading && /*#__PURE__*/_react.default.createElement(_Typography.default, {
     typography: "type-b2-400"
-  }, address.heading), /*#__PURE__*/_react.default.createElement(_styles.AddressLines, null, address.addressLine1 && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+  }, heading), /*#__PURE__*/_react.default.createElement(_styles.AddressLines, null, addressLine1 && /*#__PURE__*/_react.default.createElement(_Typography.default, {
     color: "secondary-content",
     typography: "type-b2-400"
-  }, address.addressLine1), address.addressLine2 && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+  }, address.addressLine1, ","), /*#__PURE__*/_react.default.createElement(_Typography.default, {
     color: "secondary-content",
     typography: "type-b2-400"
-  }, address.addressLine2), address.addressLine3 && /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    color: "secondary-content",
-    typography: "type-b2-400"
-  }, address.addressLine3), address.landmark && /*#__PURE__*/_react.default.createElement("i", null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    color: "secondary-content",
-    typography: "type-b2-400"
-  }, "Near", ' ', address.landmark)), /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    color: "secondary-content",
-    typography: "type-b2-400"
-  }, address.city, ', ', address.state, address.pincode), (address === null || address === void 0 || (_address$additional_i = address.additional_info) === null || _address$additional_i === void 0 ? void 0 : _address$additional_i.lat) && (address === null || address === void 0 || (_address$additional_i2 = address.additional_info) === null || _address$additional_i2 === void 0 ? void 0 : _address$additional_i2.long) && /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    color: "secondary-content",
-    typography: "type-b2-400"
-  }, "Location:", ' ', address.additional_info.lat, ",", address.additional_info.long)));
+  }, addressLine2 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, addressLine2, ",", ' ') : null, landmark ? "".concat(landmark, ", ") : null, city ? "".concat(city, ", ") : null, pincode || null)));
 }
 AddressWidget.propTypes = {
   address: _propTypes.default.shape({

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,