????
Your IP : 216.73.216.234
{"version":3,"file":"static/js/747.62c91b7c.chunk.js","mappings":"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","sources":["views/quan-ly-du-an/DuAn/TabThongTin/KhoanChi/DanhMucKhoanChi/TreeLoaiKhoanChi/KhoanChis.js","views/quan-ly-du-an/DuAn/TabThongTin/KhoanChi/DanhMucKhoanChi/TreeLoaiKhoanChi/KhoanChiPending.js","webpack://@qlxd/frontend/./src/views/quan-ly-du-an/DuAn/TabThongTin/KhoanChi/DanhMucKhoanChi/TreeLoaiKhoanChi/style.scss?8094"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport styled from 'styled-components';\nimport React, { useState, useEffect, useImperativeHandle, useCallback, useMemo, useRef } from \"react\";\nimport { Col, Row } from \"reactstrap\";\nimport './style.scss';\nimport { Fragment } from 'react';\nimport { InputSeach } from '../../../../../../../components/base/Input';\nimport KhoanChiPending from './KhoanChiPending';\nimport { CHECK_ERROR } from '../../../../../../../components/alert/Alert';\n\nconst Container = styled.div`\n position: relative;\n min-width: 120px;\n max-height: 380px;\n overflow-y: auto\n`;\nconst KhoanChis = React.forwardRef(({ manipulation, onSelect, viewDeleted, expandAll }, ref) => {\n // states\n const [loading, setLoading] = useState(true);\n const [teams, setTeams] = useState([]);\n const [selected, setSelected] = useState(null);\n const refUl = useRef(null);\n const getData = useCallback((seach) => {\n setLoading(true);\n manipulation\n .view(seach)\n .then(({ value }) => {\n setSelected(value[2].Id)\n onSelect({ Id: value[2].Id })\n setTeams((value && value.length !== 0) ? value : [])\n })\n .catch(err => CHECK_ERROR(\"Không thể load dữ liệu !\"))\n .finally(() => setLoading(false));\n }, [])\n\n // setSelected(teams && teams.length !== 0 ? teams[0].Id : null)\n\n // Call API\n useEffect(() => {\n getData();\n }, [getData]);\n // Call API by Ref\n useImperativeHandle(ref, () => ({\n queryData: () => getData()\n }));\n const onSeach = useCallback((value) => getData(value), [getData])\n const handleSelected = useCallback((node) => {\n setSelected(pre => {\n pre = node.Id\n onSelect({ ...node, Id: pre });\n return pre;\n });\n }, [onSelect])\n\n const headerForm = useMemo(() => <InputSeach onReload={getData} onChange={onSeach}></InputSeach>, [getData, onSeach])\n return (\n <Fragment>\n {headerForm}\n <KhoanChiPending loading={loading}>\n <Container>\n <ul className=\"task-items\" ref={refUl}>{teams && teams.length !== 0 && teams.map((node, i) => {\n const isSelected = node.Id === selected;\n return <li key={'li' + i} className={`item type ${isSelected && 'selected'}`} onClick={() => handleSelected(node)}>\n {viewNodes(node, onSelect, i, handleSelected)}\n </li>\n })}</ul>\n </Container>\n </KhoanChiPending>\n </Fragment>\n );\n}\n);\n\nconst viewNodes = (node) => {\n return (\n <Row>\n <Col md=\"12\" className=\"task \">\n <Col md=\"2\" className=\"icon\"><i className=\"fas fa-expand-arrows-alt\"></i></Col>\n <Col md=\"10\" className=\"name\"><label>{node.Name}</label></Col>\n </Col>\n </Row>\n );\n};\n\nexport default KhoanChis;\n","import React, { Fragment } from \"react\";\nimport { Typography } from \"@material-ui/core\"\nimport { Skeleton } from \"@material-ui/lab\"\nimport { Col, Row } from \"reactstrap\"\n\nfunction KhoanChiPending({ loading, ...props }) {\n return (\n <Fragment>\n {\n loading ? Array.from(Array(10).keys()).map((cur, i) => {\n return <Row key={'ske' + i} className=\"mr-1\">\n <Col md='12'>\n <Typography component=\"div\" variant={'body1'}>\n <Skeleton variant=\"rect\" />\n </Typography>\n </Col>\n </Row>\n }) : props.children\n }\n </Fragment>\n\n )\n}\nexport default KhoanChiPending","// extracted by mini-css-extract-plugin\nexport default {};"],"names":["Container","styled","div","KhoanChis","React","_ref","ref","manipulation","onSelect","viewDeleted","expandAll","loading","setLoading","useState","teams","setTeams","selected","setSelected","refUl","useRef","getData","useCallback","seach","view","then","_ref2","value","Id","length","catch","err","CHECK_ERROR","finally","useEffect","useImperativeHandle","queryData","onSeach","handleSelected","node","pre","headerForm","useMemo","_jsx","InputSeach","onReload","onChange","_jsxs","Fragment","children","KhoanChiPending","className","map","i","isSelected","onClick","viewNodes","Row","Col","md","Name","props","Array","from","keys","cur","Typography","component","variant","Skeleton"],"sourceRoot":""}