@3sc/common-component 0.0.10 → 0.0.12

package/dist/style.css

@@ -0,0 +1 @@
+*,*:after,*:before{margin:0;padding:0}html{font-size:65%}@media only screen and (min-width: 1600px){html{font-size:100%}}body{box-sizing:border-box;position:relative;font-family:Montserrat,sans-serif;font-style:normal;font-weight:500;font-size:1rem;line-height:1.25rem}@font-face{font-family:Poppins;font-style:normal;font-weight:300;src:url(./fonts/poppins-v20-latin-300.eot);src:local(""),url(./fonts/poppins-v20-latin-300.eot?#iefix) format("embedded-opentype"),url(./fonts/poppins-v20-latin-300.woff2) format("woff2"),url(./fonts/poppins-v20-latin-300.woff) format("woff"),url(./fonts/poppins-v20-latin-300.ttf) format("truetype"),url(./fonts/poppins-v20-latin-300.svg#Poppins) format("svg")}@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url(./fonts/poppins-v20-latin-regular.eot);src:local(""),url(./fonts/poppins-v20-latin-regular.eot?#iefix) format("embedded-opentype"),url(./fonts/poppins-v20-latin-regular.woff2) format("woff2"),url(./fonts/poppins-v20-latin-regular.woff) format("woff"),url(./fonts/poppins-v20-latin-regular.ttf) format("truetype"),url(./fonts/poppins-v20-latin-regular.svg#Poppins) format("svg")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;src:url(./fonts/poppins-v20-latin-500.eot);src:local(""),url(./fonts/poppins-v20-latin-500.eot?#iefix) format("embedded-opentype"),url(./fonts/poppins-v20-latin-500.woff2) format("woff2"),url(./fonts/poppins-v20-latin-500.woff) format("woff"),url(./fonts/poppins-v20-latin-500.ttf) format("truetype"),url(./fonts/poppins-v20-latin-500.svg#Poppins) format("svg")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;src:url(./fonts/poppins-v20-latin-600.eot);src:local(""),url(./fonts/poppins-v20-latin-600.eot?#iefix) format("embedded-opentype"),url(./fonts/poppins-v20-latin-600.woff2) format("woff2"),url(./fonts/poppins-v20-latin-600.woff) format("woff"),url(./fonts/poppins-v20-latin-600.ttf) format("truetype"),url(./fonts/poppins-v20-latin-600.svg#Poppins) format("svg")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;src:url(./fonts/poppins-v20-latin-700.eot);src:local(""),url(./fonts/poppins-v20-latin-700.eot?#iefix) format("embedded-opentype"),url(./fonts/poppins-v20-latin-700.woff2) format("woff2"),url(./fonts/poppins-v20-latin-700.woff) format("woff"),url(./fonts/poppins-v20-latin-700.ttf) format("truetype"),url(./fonts/poppins-v20-latin-700.svg#Poppins) format("svg")}@font-face{font-family:Poppins;font-style:normal;font-weight:800;src:url(./fonts/poppins-v20-latin-800.eot);src:local(""),url(./fonts/poppins-v20-latin-800.eot?#iefix) format("embedded-opentype"),url(./fonts/poppins-v20-latin-800.woff2) format("woff2"),url(./fonts/poppins-v20-latin-800.woff) format("woff"),url(./fonts/poppins-v20-latin-800.ttf) format("truetype"),url(./fonts/poppins-v20-latin-800.svg#Poppins) format("svg")}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;src:url(./fonts/montserrat-v25-latin-300.eot);src:local(""),url(./fonts/montserrat-v25-latin-300.eot?#iefix) format("embedded-opentype"),url(./fonts/montserrat-v25-latin-300.woff2) format("woff2"),url(./fonts/montserrat-v25-latin-300.woff) format("woff"),url(./fonts/montserrat-v25-latin-300.ttf) format("truetype"),url(./fonts/montserrat-v25-latin-300.svg#Montserrat) format("svg")}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:url(./fonts/montserrat-v25-latin-regular.eot);src:local(""),url(./fonts/montserrat-v25-latin-regular.eot?#iefix) format("embedded-opentype"),url(./fonts/montserrat-v25-latin-regular.woff2) format("woff2"),url(./fonts/montserrat-v25-latin-regular.woff) format("woff"),url(./fonts/montserrat-v25-latin-regular.ttf) format("truetype"),url(./fonts/montserrat-v25-latin-regular.svg#Montserrat) format("svg")}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;src:url(./fonts/montserrat-v25-latin-500.eot);src:local(""),url(./fonts/montserrat-v25-latin-500.eot?#iefix) format("embedded-opentype"),url(./fonts/montserrat-v25-latin-500.woff2) format("woff2"),url(./fonts/montserrat-v25-latin-500.woff) format("woff"),url(./fonts/montserrat-v25-latin-500.ttf) format("truetype"),url(./fonts/montserrat-v25-latin-500.svg#Montserrat) format("svg")}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;src:url(./fonts/montserrat-v25-latin-600.eot);src:local(""),url(./fonts/montserrat-v25-latin-600.eot?#iefix) format("embedded-opentype"),url(./fonts/montserrat-v25-latin-600.woff2) format("woff2"),url(./fonts/montserrat-v25-latin-600.woff) format("woff"),url(./fonts/montserrat-v25-latin-600.ttf) format("truetype"),url(./fonts/montserrat-v25-latin-600.svg#Montserrat) format("svg")}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;src:url(./fonts/montserrat-v25-latin-700.eot);src:local(""),url(./fonts/montserrat-v25-latin-700.eot?#iefix) format("embedded-opentype"),url(./fonts/montserrat-v25-latin-700.woff2) format("woff2"),url(./fonts/montserrat-v25-latin-700.woff) format("woff"),url(./fonts/montserrat-v25-latin-700.ttf) format("truetype"),url(./fonts/montserrat-v25-latin-700.svg#Montserrat) format("svg")}@font-face{font-family:Montserrat;font-style:normal;font-weight:800;src:url(./fonts/montserrat-v25-latin-800.eot);src:local(""),url(./fonts/montserrat-v25-latin-800.eot?#iefix) format("embedded-opentype"),url(./fonts/montserrat-v25-latin-800.woff2) format("woff2"),url(./fonts/montserrat-v25-latin-800.woff) format("woff"),url(./fonts/montserrat-v25-latin-800.ttf) format("truetype"),url(./fonts/montserrat-v25-latin-800.svg#Montserrat) format("svg")}.notification-dialog .title{color:#1d1d1b;font-family:Montserrat,sans-serif;font-size:1.6rem;font-weight:600;width:95%;line-height:1.2}.notification-dialog .sub-title{color:#e94f1c;font-weight:500;margin-top:.5rem}.notification-dialog .dialog-action{display:flex;align-items:center;justify-content:space-between}.notification-dialog .dialog-action .view-all{color:#1d1d1b;font-family:Montserrat,sans-serif;font-weight:500;text-transform:initial;font-size:1.2rem}.notification-dialog .cards{padding:.5rem 0}.notification-dialog .cards:not(:last-child){border-bottom:1px solid rgba(0,0,0,.12);padding-bottom:.5rem}.notification-dialog .cards .badge{margin-top:.6rem}.notification-dialog .cards .title-card{color:#1d1d1b;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;max-height:2.625rem;overflow:hidden;text-overflow:ellipsis;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-dialog .cards .sub-title{font-size:1rem;color:#acb2ba;font-family:Montserrat,sans-serif;font-weight:600;text-align:right;margin:.2rem 0}.notification-dialog .cards .read{font-weight:400}.alert-dialog-main .MuiPaper-root{width:35rem}.alert-dialog-main .no-record{font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:600;text-transform:initial;color:#1d1d1b;text-align:center}.alert-dialog .MuiPaper-root{width:70rem}.alert-dialog .no-record{font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:600;text-transform:initial;color:#1d1d1b;text-align:center}.alert-dialog .sticky-input-select{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1;position:sticky;background:#fff;z-index:1;width:100%;top:0;height:5rem}.action-show-all-dialog .view-all{font-family:Montserrat,sans-serif;font-weight:500;text-transform:initial;font-size:1.2rem}.table{width:100%;border-collapse:collapse}.table tr th span{display:flex;align-items:center;justify-content:space-between;gap:.5rem;cursor:pointer}.table th,.table td{border:.125rem solid #1D1D1B;font-family:Montserrat,sans-serif}.table th{word-break:break-word;font-weight:600;font-size:1.3rem;line-height:1.5rem;color:#1d1d1b;background:#efefef;padding:.6rem 1.3125rem;text-align:left;vertical-align:middle}.table td{word-break:break-word;color:#212529;font-size:1.1rem;line-height:1.25rem;padding:.6rem 1.3125rem}

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -1,62 +1,48 @@
-{
-  "name": "@3sc/common-component",
-  "version": "0.0.10",
-  "keywords": [
-    "react",
-    "components",
-    "ui"
-  ],
-  "source": "src/modules/index.js",
-  "main": "dist/index.js",
-  "files": [
-    "dist",
-    "README.md"
-  ],
-  "dependencies": {
-    "@emotion/react": "^11.11.3",
-    "@emotion/styled": "^11.11.0",
-    "@mui/icons-material": "^5.14.5",
-    "@mui/material": "^5.15.5",
-    "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/user-event": "^13.5.0",
-    "axios": "^1.6.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-scripts": "5.0.1",
-    "react-select": "^5.8.0",
-    "sass": "^1.69.7",
-    "web-vitals": "^2.1.4"
-  },
-  "scripts": {
-    "start": "react-scripts start",
-    "build": "microbundle",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.23.4",
-    "@babel/core": "^7.23.7",
-    "@babel/preset-env": "^7.23.8",
-    "babel-plugin-inline-dotenv": "^1.7.0",
-    "microbundle": "^0.15.1"
-  }
-}
+{
+  "name": "@3sc/common-component",
+  "version": "0.0.12",
+  "type": "module",
+  "main": "dist/index.umd.js",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "/dist"
+  ],
+  "publishConfig": {
+    "access": "restricted"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.11.3",
+    "@emotion/styled": "^11.11.0",
+    "@mui/icons-material": "^5.15.6",
+    "@mui/material": "^5.15.6",
+    "axios": "^1.6.5",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-select": "^5.8.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.43",
+    "@types/react-dom": "^18.2.17",
+    "@vitejs/plugin-react-swc": "^3.5.0",
+    "eslint": "^8.55.0",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "sass": "^1.70.0",
+    "vite": "^5.0.8"
+  }
+}

package/dist/App.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _modules = require("./modules");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function App() {
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "App"
-  }, "hello", /*#__PURE__*/_react.default.createElement(_modules.Notification, null));
-}
-var _default = exports.default = App; // tenantId="9a33965c-162a-4089-8cb1-5e631e3cdd8a"
-// buId="d628f9a3-1968-4102-b578-727616b382f3"
-// snopId="13a53238-f493-41a5-9d17-7b95aeed7964"

package/dist/App.test.js

@@ -1,10 +0,0 @@
-"use strict";
-
-var _react = require("@testing-library/react");
-var _App = _interopRequireDefault(require("./App"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-test('renders learn react link', () => {
-  (0, _react.render)( /*#__PURE__*/React.createElement(_App.default, null));
-  const linkElement = _react.screen.getByText(/learn react/i);
-  expect(linkElement).toBeInTheDocument();
-});

package/dist/components/alert/alert-body.js

@@ -1,155 +0,0 @@
-"use strict";
-
-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");
-var _react = _interopRequireWildcard(require("react"));
-var _material = require("@mui/material");
-var _ErrorMsg = _interopRequireDefault(require("../../utils/ErrorMsg"));
-var _inputField = _interopRequireDefault(require("../input-field"));
-var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
-var _Refresh = _interopRequireDefault(require("@mui/icons-material/Refresh"));
-var _Constant = require("../../utils/Constant");
-var _card = _interopRequireDefault(require("../notification-card/card"));
-var _commonFun = require("../../helper/common-fun");
-var _myPagination = _interopRequireDefault(require("../my-pagination"));
-var _logs = _interopRequireDefault(require("../my-pagination/logs"));
-var _reactSelect = _interopRequireDefault(require("../select-field/react-select"));
-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; }
-const AlertBody = _ref => {
-  let {
-    loading,
-    isEmpty,
-    data,
-    handleShowDetails: _handleShowDetails,
-    handleRead: _handleRead,
-    handleRefresh
-  } = _ref;
-  const [inputValue, setInputValue] = (0, _react.useState)("");
-  const [page, setPage] = (0, _react.useState)(1);
-  const [rowPerPage, setRowPerPage] = (0, _react.useState)(10);
-  const [total, setTotal] = (0, _react.useState)(0);
-  const [newData, setNewData] = (0, _react.useState)([]);
-  const [selectedAlert, setSelectedAlert] = (0, _react.useState)([]);
-  (0, _react.useEffect)(() => {
-    if (inputValue) {
-      const newData = (0, _commonFun.searchByKeyArr)(data, _Constant.alertSearchKey, inputValue);
-      setNewData((0, _commonFun.dataSlice)(newData, page, rowPerPage));
-      setTotal(newData.length);
-      return;
-    }
-    setNewData((0, _commonFun.dataSlice)(data, page, rowPerPage));
-    setTotal(data.length);
-  }, [inputValue, data, page, rowPerPage]);
-  const handleSelectChange = e => {
-    setPage(1);
-    setRowPerPage(e.value);
-  };
-  const handleChangePage = page => {
-    setPage(page);
-  };
-  const handleSearch = e => {
-    const value = e.target.value;
-    if (value) setPage(1);
-    setInputValue(value);
-  };
-
-  // checkbox handler
-  const handleCheckboxChange = (e, value) => {
-    const checked = e.target.checked;
-    if (checked) {
-      setSelectedAlert(prev => [...prev, value]);
-    } else {
-      setSelectedAlert(prev => prev.filter(item => item !== value));
-    }
-  };
-  const handleAllRead = () => {
-    _handleRead(selectedAlert);
-    setSelectedAlert([]);
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.DialogContent, {
-    dividers: true,
-    sx: {
-      pt: "0 !important"
-    }
-  }, /*#__PURE__*/_react.default.createElement(_material.Box, {
-    sx: loading || isEmpty ? {
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
-      minHeight: 320
-    } : {}
-  }, loading ? /*#__PURE__*/_react.default.createElement(_material.CircularProgress, null) : isEmpty ? /*#__PURE__*/_react.default.createElement(_material.Typography, {
-    className: "no-record"
-  }, _ErrorMsg.default.NRF) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
-    className: "sticky-input-select"
-  }, /*#__PURE__*/_react.default.createElement(_material.Box, {
-    sx: {
-      display: "flex",
-      gap: 1
-    }
-  }, /*#__PURE__*/_react.default.createElement(_inputField.default, {
-    value: inputValue,
-    onChange: handleSearch,
-    label: "Search",
-    focused: true,
-    adornmentIcon: {
-      startAdornment: /*#__PURE__*/_react.default.createElement(_material.InputAdornment, {
-        position: "start"
-      }, /*#__PURE__*/_react.default.createElement(_Search.default, null))
-    }
-  }), /*#__PURE__*/_react.default.createElement(_reactSelect.default, {
-    value: {
-      value: rowPerPage,
-      label: "Show ".concat(rowPerPage, " Rows")
-    },
-    option: _Constant.optionRow,
-    handleSelectChange: handleSelectChange
-  }), /*#__PURE__*/_react.default.createElement(_material.IconButton, {
-    color: "primary",
-    onClick: handleRefresh
-  }, /*#__PURE__*/_react.default.createElement(_Refresh.default, {
-    fontSize: "medium"
-  }))), /*#__PURE__*/_react.default.createElement(_logs.default, {
-    start: page * rowPerPage - rowPerPage + 1,
-    end: page * rowPerPage > total ? total : page * rowPerPage,
-    total: total
-  })), newData.length === 0 && /*#__PURE__*/_react.default.createElement(_material.Typography, {
-    className: "no-record"
-  }, _ErrorMsg.default.NRF), newData.map((item, index) => {
-    return /*#__PURE__*/_react.default.createElement(_card.default, {
-      key: index,
-      isCheckBox: true,
-      title: item.message,
-      subTitle: (0, _commonFun.fullFormatDate)(item.createdAt),
-      isRead: item.isRead,
-      handleShowDetails: () => _handleShowDetails(item.id),
-      handleRead: () => _handleRead([item.id]),
-      subType: item.sub_type,
-      isSubType: true,
-      selectedAlert: selectedAlert,
-      id: item.id,
-      handleCheckboxChange: handleCheckboxChange
-    });
-  })))), !(loading || isEmpty) && /*#__PURE__*/_react.default.createElement(_material.DialogActions, {
-    sx: {
-      justifyContent: "space-between",
-      gap: 1
-    },
-    className: "action-show-all-dialog"
-  }, /*#__PURE__*/_react.default.createElement(_myPagination.default, {
-    page: page,
-    rowPerPage: rowPerPage,
-    total: total,
-    handleChangePage: handleChangePage,
-    isMarkAllRead: true,
-    selectedAlert: selectedAlert,
-    handleAllRead: handleAllRead
-  })));
-};
-var _default = exports.default = AlertBody;

package/dist/components/alert/details-body.js

@@ -1,128 +0,0 @@
-"use strict";
-
-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");
-var _react = _interopRequireWildcard(require("react"));
-var _material = require("@mui/material");
-var _ErrorMsg = _interopRequireDefault(require("../../utils/ErrorMsg"));
-var _inputField = _interopRequireDefault(require("../input-field"));
-var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
-var _Constant = require("../../utils/Constant");
-var _myPagination = _interopRequireDefault(require("../my-pagination"));
-var _tableDetail = _interopRequireDefault(require("./table-detail"));
-var _commonFun = require("../../helper/common-fun");
-var _reactSelect = _interopRequireDefault(require("../select-field/react-select"));
-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; }
-const DetailsBody = _ref => {
-  let {
-    loading,
-    isEmpty,
-    data
-  } = _ref;
-  const [inputValue, setInputValue] = (0, _react.useState)("");
-  const [page, setPage] = (0, _react.useState)(1);
-  const [rowPerPage, setRowPerPage] = (0, _react.useState)(10);
-  const [total, setTotal] = (0, _react.useState)(0);
-  const [newData, setNewData] = (0, _react.useState)([]);
-  const [sortDir, setSortDir] = (0, _react.useState)(false);
-  const [sortKey, setSortKey] = (0, _react.useState)("");
-  (0, _react.useEffect)(() => {
-    if (inputValue || sortKey) {
-      const newData = (0, _commonFun.searchByKeyArr)(data, _Constant.detailsSearchKey, inputValue);
-      if (sortKey) {
-        const sortedData = (0, _commonFun.sortByKeyArr)(newData, sortKey, sortDir ? "asc" : "desc");
-        setNewData((0, _commonFun.dataSlice)(sortedData, page, rowPerPage));
-        setTotal(sortedData.length);
-        return;
-      }
-      setNewData((0, _commonFun.dataSlice)(newData, page, rowPerPage));
-      setTotal(newData.length);
-      return;
-    }
-    setNewData((0, _commonFun.dataSlice)(data, page, rowPerPage));
-    setTotal(data.length);
-  }, [inputValue, data, page, rowPerPage, sortDir, sortKey]);
-  const handleSelectChange = e => {
-    setPage(1);
-    setRowPerPage(e.value);
-  };
-  const handleChangePage = page => {
-    setPage(page);
-  };
-  const handleSearch = e => {
-    const value = e.target.value;
-    if (value) setPage(1);
-    setInputValue(value);
-  };
-
-  // sort function
-  const handleSort = key => {
-    setSortDir(!sortDir);
-    setSortKey(key);
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.DialogContent, {
-    dividers: true,
-    sx: {
-      pt: "0 !important"
-    }
-  }, /*#__PURE__*/_react.default.createElement(_material.Box, {
-    sx: loading || isEmpty ? {
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
-      minHeight: 320
-    } : {}
-  }, loading ? /*#__PURE__*/_react.default.createElement(_material.CircularProgress, null) : isEmpty ? /*#__PURE__*/_react.default.createElement(_material.Typography, {
-    className: "no-record"
-  }, _ErrorMsg.default.NRF) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
-    className: "sticky-input-select"
-  }, /*#__PURE__*/_react.default.createElement(_material.Box, {
-    sx: {
-      display: "flex",
-      gap: 1
-    }
-  }, /*#__PURE__*/_react.default.createElement(_inputField.default, {
-    value: inputValue,
-    onChange: handleSearch,
-    label: "Search",
-    focused: true,
-    adornmentIcon: {
-      startAdornment: /*#__PURE__*/_react.default.createElement(_material.InputAdornment, {
-        position: "start"
-      }, /*#__PURE__*/_react.default.createElement(_Search.default, null))
-    }
-  }), /*#__PURE__*/_react.default.createElement(_reactSelect.default, {
-    value: {
-      value: rowPerPage,
-      label: "Show ".concat(rowPerPage, " Rows")
-    },
-    option: _Constant.optionRow,
-    handleSelectChange: handleSelectChange
-  }))), newData.length === 0 ? /*#__PURE__*/_react.default.createElement(_material.Typography, {
-    className: "no-record"
-  }, _ErrorMsg.default.NRF) : /*#__PURE__*/_react.default.createElement(_tableDetail.default, {
-    data: newData,
-    handleSort: handleSort,
-    sortDir: sortDir,
-    sortKey: sortKey
-  })))), !(loading || isEmpty) && /*#__PURE__*/_react.default.createElement(_material.DialogActions, {
-    sx: {
-      justifyContent: "space-between",
-      gap: 1
-    },
-    className: "action-show-all-dialog"
-  }, /*#__PURE__*/_react.default.createElement(_myPagination.default, {
-    page: page,
-    rowPerPage: rowPerPage,
-    total: total,
-    handleChangePage: handleChangePage,
-    isLogo: true
-  })));
-};
-var _default = exports.default = DetailsBody;