oa-componentbook 0.18.190 → 0.18.191

package/build/components/oa-component-popover/CustomPopover.js

@@ -1,30 +1,41 @@
 "use strict";
 
+require("core-js/modules/es.object.assign.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _antd = require("antd");
-const _excluded = ["children"];
+var _propTypes = _interopRequireDefault(require("prop-types"));
+const _excluded = ["children", "content", "onContentClick"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function CustomPopover(_ref) {
   let {
-      children
+      children,
+      content,
+      onContentClick
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_antd.Popover, props, children);
+  // Wrap content to handle clicks
+  const enhancedContent = _react.default.Children.map(content, child => {
+    /*#__PURE__*/_react.default.cloneElement(child, {
+      onClick: onContentClick
+    });
+  });
+  return /*#__PURE__*/_react.default.createElement(_antd.Popover, _extends({
+    content: enhancedContent
+  }, props), children);
 }
 
 // Define prop types for CustomPopover
 CustomPopover.propTypes = {
   children: _propTypes.default.node,
   content: _propTypes.default.node,
-  placement: _propTypes.default.string,
-  trigger: _propTypes.default.string
+  onContentClick: _propTypes.default.func
 };
 
 // Define default props for CustomPopover
@@ -33,8 +44,6 @@ CustomPopover.defaultProps = {
   // Default children if none are provided
   content: 'Default content',
   // Default content for the popover
-  placement: 'bottom',
-  // Default placement of the popover
-  trigger: 'hover' // Default trigger action for the popover
+  onContentClick: () => {}
 };
 var _default = exports.default = CustomPopover;

package/build/components/oa-component-upload/CustomUpload.js

@@ -174,7 +174,7 @@ function DocumentUpload(props) {
   }, (fileList === null || fileList === void 0 ? void 0 : fileList.length) >= 1 ? null : uploadButton)))))), /*#__PURE__*/_react.default.createElement(_CustomViewer.default, {
     open: previewOpen,
     previewImage: previewImage,
-    previewTitle: previewTitle,
+    title: previewTitle,
     onCancel: () => setPreviewOpen(false)
   }), /*#__PURE__*/_react.default.createElement(_CustomModal.default, {
     buttonConfig: [{

package/build/index.js

@@ -377,6 +377,12 @@ Object.defineProperty(exports, "SpacingScales", {
     return _SpacingScales2.default;
   }
 });
+Object.defineProperty(exports, "SparePartCollapseWidget", {
+  enumerable: true,
+  get: function get() {
+    return _SparePartCollapseWidget.default;
+  }
+});
 Object.defineProperty(exports, "SparePartsWidget", {
   enumerable: true,
   get: function get() {
@@ -511,6 +517,7 @@ var _LocationAccessWidget = _interopRequireDefault(require("./widgets/oa-widget-
 var _RepairServiceWidget = _interopRequireDefault(require("./widgets/oa-widget-repair-service/RepairServiceWidget"));
 var _AddressWidget = _interopRequireDefault(require("./widgets/oa-widget-address/AddressWidget"));
 var _AddSparePartWidget = _interopRequireDefault(require("./widgets/oa-widget-add-spare-part/AddSparePartWidget"));
+var _SparePartCollapseWidget = _interopRequireDefault(require("./widgets/oa-widget-add-spare-part/SparePartCollapseWidget"));
 var _ApprovalWidget = _interopRequireDefault(require("./widgets/oa-widget-approval/ApprovalWidget"));
 var _CloseClaimWidget = _interopRequireDefault(require("./widgets/oa-widget-close-claim/CloseClaimWidget"));
 var _KeyValueWidget = _interopRequireDefault(require("./widgets/oa-widget-key-value/KeyValueWidget"));

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

@@ -0,0 +1,186 @@
+"use strict";
+
+require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.weak-map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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.array.reduce.js");
+require("core-js/modules/es.regexp.to-string.js");
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _antd = require("antd");
+var _icons = require("@ant-design/icons");
+var _CustomDrawer = _interopRequireDefault(require("../../components/oa-component-drawer/CustomDrawer"));
+var _CustomInput = _interopRequireDefault(require("../../components/oa-component-input/CustomInput"));
+var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
+var _CustomCheckBox = _interopRequireDefault(require("../../components/oa-component-checkbox/CustomCheckBox"));
+var _Accordion = _interopRequireDefault(require("../../components/oa-component-accordion/Accordion"));
+var _styles = require("../oa-widget-spare-part/styles");
+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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+const {
+  Panel
+} = _antd.Collapse;
+function SparePartCollapseWidget(_ref) {
+  let {
+    items,
+    onSubmit,
+    onClose,
+    open
+  } = _ref;
+  const [filteredItems, setFilteredItems] = (0, _react.useState)(items);
+  const [selectedItems, setSelectedItems] = (0, _react.useState)(new Set());
+  const [formValues, setFormValues] = (0, _react.useState)({});
+  const handleSearchChange = event => {
+    const {
+      value
+    } = event.target;
+    if (!value) {
+      setFilteredItems(items);
+    } else {
+      const val = items.filter(item => item.name.toLowerCase().includes(value.toLowerCase()));
+      setFilteredItems(val);
+    }
+  };
+  const onSelectItem = (itemId, event) => {
+    event.stopPropagation();
+    const fields = formValues[itemId];
+    if (!fields || !fields.price || !fields.discount || !fields.hsn) {
+      _antd.message.error('Please fill in all fields before selecting.');
+      return;
+    }
+    const newSelectedItems = new Set(selectedItems);
+    if (newSelectedItems.has(itemId)) {
+      newSelectedItems.delete(itemId);
+    } else {
+      newSelectedItems.add(itemId);
+    }
+    setSelectedItems(newSelectedItems);
+  };
+  const isNumeric = value => /^\d*$/.test(value); // Regular expression to check if the value is numeric
+
+  const onFieldChange = (itemId, field, value) => {
+    if (isNumeric(value)) {
+      // Check if the input value is numeric
+      const updatedFormValues = _objectSpread(_objectSpread({}, formValues), {}, {
+        [itemId]: _objectSpread(_objectSpread({}, formValues[itemId]), {}, {
+          [field]: value
+        })
+      });
+      setFormValues(updatedFormValues);
+    } else {
+      _antd.message.error('Please enter only numeric values.');
+    }
+  };
+  const handleKeyPress = event => {
+    if (!/[0-9]/.test(event.key)) {
+      event.preventDefault();
+      _antd.message.error('Please enter only numeric values.');
+    }
+  };
+  const handleSubmission = () => {
+    const toSubmit = Array.from(selectedItems).reduce((acc, itemId) => {
+      acc.push(_objectSpread({
+        itemId
+      }, formValues[itemId]));
+      return acc;
+    }, []);
+    onSubmit(toSubmit); // Call the passed onSubmit function with the data to submit
+  };
+  const defaultOpenKey = filteredItems.length > 0 ? filteredItems[0].id.toString() : null;
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_CustomDrawer.default, {
+    buttonConfig: [{
+      callback: handleSubmission,
+      label: 'Save',
+      type: 'primary',
+      htmlType: 'submit'
+    }],
+    onClose: onClose,
+    open: open,
+    title: "Add spare part",
+    width: 480
+  }, /*#__PURE__*/_react.default.createElement(_styles.MainStyles, null, /*#__PURE__*/_react.default.createElement(_CustomInput.default, {
+    placeholder: "Search spare part",
+    onChange: handleSearchChange,
+    style: {
+      marginBottom: 16
+    },
+    prefix: /*#__PURE__*/_react.default.createElement(_icons.SearchOutlined, null)
+  }), /*#__PURE__*/_react.default.createElement(_antd.Collapse, {
+    accordion: true,
+    defaultActiveKey: defaultOpenKey
+  }, filteredItems.map(item => /*#__PURE__*/_react.default.createElement(Panel, {
+    header: /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: 'flex',
+        justifyContent: 'space-between'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      className: "type-t2-700",
+      color: "primary-content"
+    }, item.name), /*#__PURE__*/_react.default.createElement(_CustomCheckBox.default, {
+      onClick: e => onSelectItem(item.id, e),
+      checked: selectedItems.has(item.id),
+      style: {
+        marginRight: 8
+      }
+    })),
+    key: item.id
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "padding-bottom-32"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "padding-bottom-4"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    className: "type-b2-400",
+    color: "primary-content"
+  }, "Spare part price (without GST)")), /*#__PURE__*/_react.default.createElement(_CustomInput.default, {
+    prefix: "\u20B9",
+    placeholder: "Enter price without GST",
+    onChange: e => onFieldChange(item.id, 'price', e.target.value),
+    onKeyPress: handleKeyPress,
+    inputMode: "numeric",
+    pattern: "[0-9]*"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "padding-bottom-32"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "padding-bottom-4"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    className: "type-b2-400",
+    color: "primary-content"
+  }, "Discount (Without GST)")), /*#__PURE__*/_react.default.createElement(_CustomInput.default, {
+    prefix: "\u20B9",
+    placeholder: "Enter discount",
+    onChange: e => onFieldChange(item.id, 'discount', e.target.value),
+    onKeyPress: handleKeyPress,
+    inputMode: "numeric",
+    pattern: "[0-9]*"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "padding-bottom-4"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    className: "type-b2-400",
+    color: "primary-content"
+  }, "HSN Code")), /*#__PURE__*/_react.default.createElement(_CustomInput.default, {
+    placeholder: "HSN Code",
+    onChange: e => onFieldChange(item.id, 'hsn', e.target.value)
+  })))))));
+}
+SparePartCollapseWidget.propTypes = {
+  items: _propTypes.default.array.isRequired,
+  onSubmit: _propTypes.default.func.isRequired,
+  onClose: _propTypes.default.func.isRequired,
+  open: _propTypes.default.bool.isRequired
+};
+var _default = exports.default = SparePartCollapseWidget;

package/build/widgets/oa-widget-date-dropdown/DateDropDown.js

@@ -45,6 +45,7 @@ function DateDropDown(_ref) {
     format,
     getValues,
     defaultLabel,
+    defaultValue,
     subLine,
     resetState,
     beforeDisabledDate,
@@ -202,6 +203,7 @@ function DateDropDown(_ref) {
   };
   return /*#__PURE__*/_react.default.createElement(_styles.StyledContainer, null, /*#__PURE__*/_react.default.createElement(_CustomSelect.default, {
     defaultLabel: setSelectValue === null || setSelectValue === void 0 ? void 0 : setSelectValue.label,
+    defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : undefined,
     value: selectValue === null || selectValue === void 0 ? void 0 : selectValue.label,
     className: "selectWidth",
     optionRender: optionRender,
@@ -230,6 +232,7 @@ DateDropDown.propTypes = {
   defaultLabel: _propTypes.default.string,
   placeholder: _propTypes.default.string,
   resetState: _propTypes.default.bool,
+  defaultValue: _propTypes.default.any,
   subLine: _propTypes.default.string,
   beforeDisabledDate: _propTypes.default.instanceOf(Date),
   afterDisabledDate: _propTypes.default.instanceOf(Date)
@@ -260,6 +263,7 @@ DateDropDown.defaultProps = {
   defaultLabel: null,
   getValues: () => {},
   resetState: false,
+  defaultValue: '',
   placeholder: 'Please select a date'
 };
 var _default = exports.default = DateDropDown;

package/build/widgets/oa-widget-spare-part/SparePartsWidget.js

@@ -81,6 +81,7 @@ function SparePartsWidget(_ref) {
     coverageShow,
     showPriceHistory,
     onViewPriceHistory,
+    showGST,
     showSparePartsInfo = true
   } = _ref;
   const sparePartList = [...scopeDetails.unCoveredScope, ...scopeDetails.coveredScope];
@@ -110,7 +111,7 @@ function SparePartsWidget(_ref) {
     width: '20%',
     dataIndex: 'cost',
     key: 'cost',
-    render: (cost, record) => /*#__PURE__*/_react.default.createElement("div", {
+    render: (cost, record) => /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
       className: "row",
       style: {
         alignItems: 'center',
@@ -121,7 +122,9 @@ function SparePartsWidget(_ref) {
       title: "Basic Price : ".concat(record.basicPrice, " , Discount : ").concat(record.discount)
     }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
       color: "secondary-content"
-    }, /*#__PURE__*/_react.default.createElement(_icons.InfoCircleFilled, null))))
+    }, /*#__PURE__*/_react.default.createElement(_icons.InfoCircleFilled, null)))), (record === null || record === void 0 ? void 0 : record.subText2) && /*#__PURE__*/_react.default.createElement("small", {
+      className: "type-b2-400"
+    }, "(", record === null || record === void 0 ? void 0 : record.subText2, ")"))
   }];
   if (coverageShow) {
     columns.push({
@@ -132,6 +135,15 @@ function SparePartsWidget(_ref) {
       render: (text, record) => renderCoverage(record.isCovered, record.className)
     });
   }
+  if (showGST) {
+    columns.push({
+      title: 'GST (18%)',
+      dataIndex: 'gstAmount',
+      width: '20%',
+      key: 'gstAmount'
+    });
+  }
+
   // check if there are any actions then create action column
   if (showActionList) {
     columns.push({
@@ -197,7 +209,8 @@ SparePartsWidget.propTypes = {
   coverageShow: _propTypes.default.bool,
   showPriceHistory: _propTypes.default.bool,
   onViewPriceHistory: _propTypes.default.func,
-  showSparePartsInfo: _propTypes.default.bool
+  showSparePartsInfo: _propTypes.default.bool,
+  showGST: _propTypes.default.bool
 };
 
 // Define default props for SpareParts component
@@ -211,6 +224,7 @@ SparePartsWidget.defaultProps = {
   actions: null,
   showPriceHistory: false,
   onViewPriceHistory: data => console.log(data),
-  showSparePartsInfo: true
+  showSparePartsInfo: true,
+  showGST: false
 };
 var _default = exports.default = SparePartsWidget;

package/build/widgets/oa-widget-spare-part/styles.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledWrapper = exports.StatusContainer = exports.DeleteIcon = exports.DeleteButton = exports.CloseIcon = exports.CheckIcon = void 0;
+exports.StyledWrapper = exports.StatusContainer = exports.MainStyles = exports.DeleteIcon = exports.DeleteButton = exports.CloseIcon = exports.CheckIcon = void 0;
 var _icons = require("@ant-design/icons");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 const StyledWrapper = exports.StyledWrapper = _styledComponents.default.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    justify-content: space-between;\n    gap: 24px;\n    margin: 0;\n\n    padding: 12px;\n    border: 1px solid var(--color-divider);\n    border-radius: 4px;\n    /* max-width: 406px; */\n"])));
@@ -14,4 +14,5 @@ const StatusContainer = exports.StatusContainer = _styledComponents.default.sect
 const DeleteButton = exports.DeleteButton = _styledComponents.default.button(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background: none;\n  color: inherit;\n  border: none;\n  padding: 0;\n  font: inherit;\n  cursor: pointer;\n  outline: inherit;\n"])));
 const DeleteIcon = exports.DeleteIcon = (0, _styledComponents.default)(_icons.DeleteOutlined)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: var(--color-negative);\n"])));
 const CloseIcon = exports.CloseIcon = (0, _styledComponents.default)(_icons.CloseCircleFilled)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  color: var(--color-negative);\n"])));
-const CheckIcon = exports.CheckIcon = (0, _styledComponents.default)(_icons.CheckCircleFilled)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  color: var(--color-positive);\n"])));
+const CheckIcon = exports.CheckIcon = (0, _styledComponents.default)(_icons.CheckCircleFilled)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  color: var(--color-positive);\n"])));
+const MainStyles = exports.MainStyles = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n.ant-collapse{\n  border: none;\n  background-color: #fff;\n}\n.ant-collapse>.ant-collapse-item{\n  border-bottom: none;\n  border: 1px solid var(--color-divider);\n  border-radius: 4px;\n  overflow: hidden;\n}\n.ant-collapse-arrow {\n  transform: rotate(90deg);\n  color: var(--color-primary) !important;\n}\n.ant-collapse .ant-collapse-content>.ant-collapse-content-box{\n  padding: 20px 16px;\n}\n.ant-collapse-item-active .ant-collapse-arrow{\n  transform: rotate(180deg);\n}\n.ant-collapse-item{\n  margin: 0 0 24px;\n  background: #f6f6f6;\n}\n.ant-collapse-content-box{\n  border-top: 1px solid var(--color-divider);\n  border-radius: 4px;\n}\n.ant-collapse .ant-collapse-content{\n  border-top: none;\n}\n"])));

package/package.json

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