{"ast":null,"code":"import _slicedToArray from \"D:/DSP_Management/node_modules/@babel/runtime/helpers/esm/slicedToArray.js\";\nvar _jsxFileName = \"D:\\\\DSP_Management\\\\src\\\\views\\\\Admin\\\\Main\\\\components\\\\RequestPeople.js\",\n  _this = this,\n  _s = $RefreshSig$();\nimport { Table, Checkbox, Tbody, Text, Th, Thead, Tr, useColorModeValue, Box } from \"@chakra-ui/react\";\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport Pagenate from \"components/Pagenate/Pagenate.js\";\nimport TableRow from \"../tables/RequestTableRow\";\nimport React from \"react\";\nimport { jsxDEV as _jsxDEV, Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nvar RequestPeople = function RequestPeople(_ref) {\n  _s();\n  var title = _ref.title,\n    captions = _ref.captions,\n    data = _ref.data;\n  var textColor = useColorModeValue(\"sub.900\", \"white\");\n  var _React$useState = React.useState(0),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    page = _React$useState2[0],\n    setPage = _React$useState2[1];\n  var handlePageClick = function handlePageClick(_ref2) {\n    var selected = _ref2.selected;\n    return setPage(selected);\n  };\n  var ITEMS_PER_PAGE = 1;\n  var pageCount = Math.ceil(data.length / ITEMS_PER_PAGE);\n  var currentData = data.slice(page * ITEMS_PER_PAGE, (page + 1) * ITEMS_PER_PAGE);\n  React.useEffect(function () {\n    if (pageCount === 0) return;\n    if (page >= pageCount) setPage(pageCount - 1);\n  }, [pageCount]);\n  return /*#__PURE__*/_jsxDEV(_Fragment, {\n    children: [/*#__PURE__*/_jsxDEV(Card, {\n      overflowX: {\n        sm: \"scroll\",\n        xl: \"hidden\"\n      },\n      children: [/*#__PURE__*/_jsxDEV(CardHeader, {\n        p: \"6px 0px 22px 0px\",\n        children: /*#__PURE__*/_jsxDEV(Text, {\n          fontSize: \"lg\",\n          color: textColor,\n          fontWeight: 700,\n          children: title\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 42,\n          columnNumber: 11\n        }, _this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 41,\n        columnNumber: 9\n      }, _this), /*#__PURE__*/_jsxDEV(CardBody, {\n        children: /*#__PURE__*/_jsxDEV(Table, {\n          variant: \"simple\",\n          color: textColor,\n          children: [/*#__PURE__*/_jsxDEV(Thead, {\n            children: /*#__PURE__*/_jsxDEV(Tr, {\n              bg: \"textbox\",\n              borderRadius: \"10px\",\n              children: captions.map(function (caption, idx) {\n                return /*#__PURE__*/_jsxDEV(Th, {\n                  textAlign: \"center\",\n                  fontWeight: \"600\",\n                  fontSize: \"md\",\n                  color: \"text.700\",\n                  borderBottom: \"none\",\n                  py: \"12px\",\n                  borderTopLeftRadius: idx === 0 ? \"10px\" : \"0\",\n                  borderBottomLeftRadius: idx === 0 ? \"10px\" : \"0\",\n                  borderTopRightRadius: idx === captions.length - 1 ? \"10px\" : \"0\",\n                  borderBottomRightRadius: idx === captions.length - 1 ? \"10px\" : \"0\",\n                  children: idx === -1 ? /*#__PURE__*/_jsxDEV(Checkbox, {\n                    sx: {\n                      \"& .chakra-checkbox__control\": {\n                        borderRadius: \"4px\"\n                      },\n                      \"& .chakra-checkbox__control[data-checked]\": {\n                        bg: \"main.900\",\n                        borderColor: \"main.900\"\n                      },\n                      \"& .chakra-checkbox__control:hover\": {\n                        bg: \"inherit\",\n                        borderColor: \"inherit\"\n                      },\n                      \"& input:hover + .chakra-checkbox__control\": {\n                        bg: \"inherit\",\n                        borderColor: \"inherit\"\n                      },\n                      \"& input:checked:hover + .chakra-checkbox__control\": {\n                        bg: \"main.900\",\n                        borderColor: \"main.900\"\n                      },\n                      \"& .chakra-checkbox__control[data-focus], & .chakra-checkbox__control[data-focus-visible]\": {\n                        boxShadow: \"none\",\n                        outline: \"none\"\n                      }\n                    }\n                  }, void 0, false, {\n                    fileName: _jsxFileName,\n                    lineNumber: 66,\n                    columnNumber: 23\n                  }, _this) : caption\n                }, idx, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 52,\n                  columnNumber: 19\n                }, _this);\n              })\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 50,\n              columnNumber: 15\n            }, _this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 49,\n            columnNumber: 13\n          }, _this), /*#__PURE__*/_jsxDEV(Tbody, {\n            children: currentData.map(function (row) {\n              return /*#__PURE__*/_jsxDEV(TableRow, {\n                name: row.name,\n                company: row.company,\n                phone: row.phone,\n                date: row.date\n              }, \"\".concat(row.name, \"-\").concat(row.phone), false, {\n                fileName: _jsxFileName,\n                lineNumber: 99,\n                columnNumber: 17\n              }, _this);\n            })\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 97,\n            columnNumber: 13\n          }, _this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 48,\n          columnNumber: 11\n        }, _this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 47,\n        columnNumber: 9\n      }, _this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 40,\n      columnNumber: 7\n    }, _this), /*#__PURE__*/_jsxDEV(Box, {\n      children: /*#__PURE__*/_jsxDEV(Pagenate, {\n        forcePage: page,\n        previousLabel: \"〈\",\n        nextLabel: \"〉\",\n        breakLabel: \"...\",\n        pageCount: pageCount,\n        marginPagesDisplayed: 3,\n        pageRangeDisplayed: 2,\n        onPageChange: handlePageClick,\n        activeClassName: \"active\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 113,\n        columnNumber: 9\n      }, _this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 112,\n      columnNumber: 7\n    }, _this)]\n  }, void 0, true);\n};\n_s(RequestPeople, \"jcvjd35ysu45XGiOJYTFPNgiTHI=\", false, function () {\n  return [useColorModeValue];\n});\n_c = RequestPeople;\nexport default RequestPeople;\nvar _c;\n$RefreshReg$(_c, \"RequestPeople\");","map":{"version":3,"names":["Table","Checkbox","Tbody","Text","Th","Thead","Tr","useColorModeValue","Box","Card","CardBody","CardHeader","Pagenate","TableRow","React","jsxDEV","_jsxDEV","Fragment","_Fragment","RequestPeople","_ref","_s","title","captions","data","textColor","_React$useState","useState","_React$useState2","_slicedToArray","page","setPage","handlePageClick","_ref2","selected","ITEMS_PER_PAGE","pageCount","Math","ceil","length","currentData","slice","useEffect","children","overflowX","sm","xl","p","fontSize","color","fontWeight","fileName","_jsxFileName","lineNumber","columnNumber","_this","variant","bg","borderRadius","map","caption","idx","textAlign","borderBottom","py","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","sx","borderColor","boxShadow","outline","row","name","company","phone","date","concat","forcePage","previousLabel","nextLabel","breakLabel","marginPagesDisplayed","pageRangeDisplayed","onPageChange","activeClassName","_c","$RefreshReg$"],"sources":["D:/DSP_Management/src/views/Admin/Main/components/RequestPeople.js"],"sourcesContent":["import {\n  Table,\n  Checkbox,\n  Tbody,\n  Text,\n  Th,\n  Thead,\n  Tr,\n  useColorModeValue,\n  Box,\n} from \"@chakra-ui/react\";\n\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport Pagenate from \"components/Pagenate/Pagenate.js\";\nimport TableRow from \"../tables/RequestTableRow\";\nimport React from \"react\";\n\nconst RequestPeople = ({ title, captions, data }) => {\n  const textColor = useColorModeValue(\"sub.900\", \"white\");\n  const [page, setPage] = React.useState(0);\n  const handlePageClick = ({ selected }) => setPage(selected);\n\n  const ITEMS_PER_PAGE = 1;\n  const pageCount = Math.ceil(data.length / ITEMS_PER_PAGE);\n\n  const currentData = data.slice(\n    page * ITEMS_PER_PAGE,\n    (page + 1) * ITEMS_PER_PAGE\n  );\n\n  React.useEffect(() => {\n    if (pageCount === 0) return;\n    if (page >= pageCount) setPage(pageCount - 1);\n  }, [pageCount]);\n\n  return (\n    <>\n      <Card overflowX={{ sm: \"scroll\", xl: \"hidden\" }}>\n        <CardHeader p=\"6px 0px 22px 0px\">\n          <Text fontSize=\"lg\" color={textColor} fontWeight={700}>\n            {title}\n          </Text>\n        </CardHeader>\n\n        <CardBody>\n          <Table variant=\"simple\" color={textColor}>\n            <Thead>\n              <Tr bg=\"textbox\" borderRadius=\"10px\">\n                {captions.map((caption, idx) => (\n                  <Th\n                    key={idx}\n                    textAlign=\"center\"\n                    fontWeight=\"600\"\n                    fontSize=\"md\"\n                    color=\"text.700\"\n                    borderBottom=\"none\"\n                    py=\"12px\"\n                    borderTopLeftRadius={idx === 0 ? \"10px\" : \"0\"}\n                    borderBottomLeftRadius={idx === 0 ? \"10px\" : \"0\"}\n                    borderTopRightRadius={idx === captions.length - 1 ? \"10px\" : \"0\"}\n                    borderBottomRightRadius={idx === captions.length - 1 ? \"10px\" : \"0\"}\n                  >\n                    {idx === -1 ? (\n                      <Checkbox\n                        sx={{\n                          \"& .chakra-checkbox__control\": { borderRadius: \"4px\" },\n                          \"& .chakra-checkbox__control[data-checked]\": {\n                            bg: \"main.900\",\n                            borderColor: \"main.900\",\n                          },\n                          \"& .chakra-checkbox__control:hover\": {\n                            bg: \"inherit\",\n                            borderColor: \"inherit\",\n                          },\n                          \"& input:hover + .chakra-checkbox__control\": {\n                            bg: \"inherit\",\n                            borderColor: \"inherit\",\n                          },\n                          \"& input:checked:hover + .chakra-checkbox__control\": {\n                            bg: \"main.900\",\n                            borderColor: \"main.900\",\n                          },\n                          \"& .chakra-checkbox__control[data-focus], & .chakra-checkbox__control[data-focus-visible]\":\n                            { boxShadow: \"none\", outline: \"none\" },\n                        }}\n                      />\n                    ) : (\n                      caption\n                    )}\n                  </Th>\n                ))}\n              </Tr>\n            </Thead>\n\n            <Tbody>\n              {currentData.map((row) => (\n                <TableRow\n                  key={`${row.name}-${row.phone}`}\n                  name={row.name}\n                  company={row.company}\n                  phone={row.phone}\n                  date={row.date}\n                />\n              ))}\n            </Tbody>\n          </Table>\n        </CardBody>\n      </Card>\n\n      <Box>\n        <Pagenate\n          forcePage={page}\n          previousLabel={\"〈\"}\n          nextLabel={\"〉\"}\n          breakLabel={\"...\"}\n          pageCount={pageCount}\n          marginPagesDisplayed={3}\n          pageRangeDisplayed={2}\n          onPageChange={handlePageClick}\n          activeClassName=\"active\"\n        />\n      </Box>\n    </>\n  );\n};\n\nexport default RequestPeople;"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}