oa-componentbook 0.2.0 → 0.3.0

package/build/components/Table.js

@@ -9,6 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _antd = require("antd");
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("./styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -16,17 +17,22 @@ const TableDesign = props => {
   const {
     dataSource,
     columns,
-    pagination
+    pagination,
+    rowKey
   } = props;
   return /*#__PURE__*/_react.default.createElement(_antd.Table, {
+    style: _styles.tableStyles['.tableBorder'],
     dataSource: dataSource,
     columns: columns,
-    pagination: pagination
+    pagination: pagination,
+    rowKey: rowKey
   });
 };
 TableDesign.propTypes = {
   dataSource: _propTypes.default.array,
+  rowKey: _propTypes.default.string,
   columns: _propTypes.default.array,
+  rowKey: _propTypes.default.string,
   pagination: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.shape({
     // Define the shape of your object if needed
   })])

package/build/components/peclaim-components/ComplaintsTable.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
+var _moment = _interopRequireDefault(require("moment"));
+var _Table = _interopRequireDefault(require("../Table"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const ComplaintsTable = _ref => {
+  let {
+    complaints,
+    complaintsMaster,
+    loading,
+    redirectToComplaints
+  } = _ref;
+  const columns = [{
+    title: 'COMPLAINT NO.',
+    dataIndex: 'oa_complaints_number',
+    key: 'oa_complaints_number',
+    render: (text, record) => /*#__PURE__*/_react.default.createElement("a", {
+      onClick: () => redirectToComplaints(record.oa_complaints_number)
+    }, text)
+  }, {
+    title: 'COMPLAINT TYPE',
+    dataIndex: 'complaint_type_id',
+    key: 'complaint_type_id',
+    render: text => {
+      var _complaintsMaster$com;
+      return ((_complaintsMaster$com = complaintsMaster.complaint_type[text]) === null || _complaintsMaster$com === void 0 ? void 0 : _complaintsMaster$com.name) || '-';
+    }
+  }, {
+    title: 'STATUS',
+    dataIndex: 'status',
+    key: 'status',
+    render: text => complaintsMaster.status[text] || '-'
+  }, {
+    title: 'SOURCE',
+    dataIndex: 'source',
+    key: 'source',
+    render: text => complaintsMaster.source[text] || '-'
+  }, {
+    title: 'PRIORITY',
+    dataIndex: 'priority',
+    key: 'priority',
+    render: text => complaintsMaster.priority[text] || '-'
+  }, {
+    title: 'DATE',
+    dataIndex: 'date_entered',
+    key: 'date_entered',
+    render: text => (0, _moment.default)(text).format('DD-MMM-YYYY h:mm A')
+  }, {
+    title: 'TEAM',
+    dataIndex: 'complaint_type_id',
+    key: 'complaint_type_id',
+    render: text => {
+      var _complaintsMaster$com2;
+      return (_complaintsMaster$com2 = complaintsMaster.complaint_type[text]) !== null && _complaintsMaster$com2 !== void 0 && _complaintsMaster$com2.name ? complaintsMaster[complaintsMaster.complaint_type[text].name] || '-' : '-';
+    }
+  }, {
+    title: 'CMS USER',
+    dataIndex: 'cms_user_name',
+    key: 'cms_user_name'
+  }];
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Spin, {
+    spinning: loading,
+    size: "large"
+  }, /*#__PURE__*/_react.default.createElement(_Table.default, {
+    dataSource: complaints,
+    columns: columns,
+    pagination: false,
+    rowKey: "oa_complaints_number"
+  })));
+};
+var _default = ComplaintsTable;
+exports.default = _default;

package/build/components/peclaim-components/WorkflowSummaryNotesModal.js

@@ -11,7 +11,8 @@ function WorkflowSummaryNotesModal(_ref) {
   let {
     visible,
     notesData,
-    onClose
+    onClose,
+    configData
   } = _ref;
   const columns = [{
     title: "Serial no.",

package/build/components/peclaim-components/WorkflowSummaryTable.js

@@ -6,11 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _antd = require("antd");
+var _Table = _interopRequireDefault(require("../Table"));
+var _styles = require("../styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function WorkflowSummaryTable(_ref) {
   let {
     data,
-    onRowClick
+    onRowClick,
+    configData
   } = _ref;
   const columns = [{
     title: "Stages",
@@ -27,6 +30,7 @@ function WorkflowSummaryTable(_ref) {
         }, "In-Progress");
       } else if (status.toLowerCase() === "completed") {
         return /*#__PURE__*/_react.default.createElement("img", {
+          style: _styles.tableStyles['.imgWidth'],
           src: "/static/oasys/images/checkbox-outline01.png",
           alt: "complete icon"
         });
@@ -62,7 +66,7 @@ function WorkflowSummaryTable(_ref) {
     dataIndex: "assignee",
     key: "assignee"
   }];
-  return /*#__PURE__*/_react.default.createElement(_antd.Table, {
+  return /*#__PURE__*/_react.default.createElement(_Table.default, {
     columns: columns,
     dataSource: data
   });

package/build/components/peclaim-components/compMain.js

@@ -0,0 +1,54 @@
+"use strict";
+
+require("core-js/modules/es.weak-map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SrComplaints;
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _ComplaintsTable = _interopRequireDefault(require("./ComplaintsTable"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+//import { getComplaints, getComplaintsMaster } from "../../api-service";
+
+function SrComplaints(props) {
+  const [complaints, setComplaints] = (0, _react.useState)([]);
+  const [complaintsMaster, setComplaintsMaster] = (0, _react.useState)({});
+  const [loading, setLoading] = (0, _react.useState)(true);
+
+  //   useEffect(() => {
+  //     const refPrimaryTrackingNo = props.srSummary.refPrimaryTrackingNo;
+
+  //     const fetchData = async () => {
+  //       try {
+  //         const complaintsResponse = await getComplaints(refPrimaryTrackingNo);
+  //         if (complaintsResponse.data.status === "success") {
+  //           setComplaints(complaintsResponse.data.data);
+  //           const complaintsMasterResponse = await getComplaintsMaster("0");
+  //           if (complaintsMasterResponse.data.status === "success") {
+  //             setComplaintsMaster(complaintsMasterResponse.data.data[0]);
+  //           }
+  //         }
+  //         setLoading(false);
+  //       } catch (error) {
+  //         console.log("Error:", error);
+  //         setLoading(false);
+  //       }
+  //     };
+
+  //     fetchData();
+  //   }, [props.srSummary.refPrimaryTrackingNo]);
+
+  const redirectToComplaints = complaintId => {
+    // Implement your logic to redirect to complaints page
+  };
+  return /*#__PURE__*/_react.default.createElement(_ComplaintsTable.default, {
+    complaints: complaints,
+    complaintsMaster: complaintsMaster,
+    loading: loading,
+    redirectToComplaints: redirectToComplaints
+  });
+}

package/build/components/styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.keyValueDataViewStyles = exports.buttonStyles = void 0;
+exports.tableStyles = exports.keyValueDataViewStyles = exports.buttonStyles = void 0;
 const buttonStyles = {
   button: {
     color: 'white',
@@ -143,4 +143,13 @@ const keyValueDataViewStyles = {
     cursor: 'pointer'
   }
 };
-exports.keyValueDataViewStyles = keyValueDataViewStyles;
+exports.keyValueDataViewStyles = keyValueDataViewStyles;
+const tableStyles = {
+  '.tableBorder': {
+    border: '1px solid #e8e8e8'
+  },
+  '.imgWidth': {
+    width: '20px'
+  }
+};
+exports.tableStyles = tableStyles;

package/build/index.js

@@ -93,6 +93,12 @@ Object.defineProperty(exports, "keyValueDataViewStyles", {
     return _styles.keyValueDataViewStyles;
   }
 });
+Object.defineProperty(exports, "tableStyles", {
+  enumerable: true,
+  get: function get() {
+    return _styles.tableStyles;
+  }
+});
 var _Button = _interopRequireDefault(require("./components/Button"));
 var _Drawer = _interopRequireDefault(require("./components/Drawer"));
 var _KeyValueDataView = _interopRequireDefault(require("./components/KeyValueDataView"));

package/package.json

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