{"version":3,"sources":["components/Dashboards/Widgets/TaskDoneDoughTableENEVAAAA.jsx"],"names":["TaskDoneBar","props","db","reduxStore","getState","_useState","useState","index","showQuantity","number","finalIndex","dataStructure","_useState2","_slicedToArray","filter","setFilter","_useState3","_useState4","data","setData","_useState5","_useState6","table","setTable","keysLabel","useRef","label","color","filterRef","hashs","window","location","hash","split","replace","generateColor","name","i","length","charCodeAt","toString","slice","React","useEffect","Object","keys","console","log","tags","current","forEach","item","concat","_toConsumableArray","start","end","timeTasks","modalData","keysLabelArr","startDate","moment","startOf","endDate","endOf","weekStructure","format","planCards","fil","cards","deleted","planCard","_filter$users","_db$cards$planCard","_db$cards$planCard2","result","users","_users","values","user","filterUser","_id","_db$cards$planCard$co","dateCard","date","completed_at","low","_tags","isBetween","_filter$tags","_modalData$monthKey","monthKey","tagsByText","includes","toLowerCase","indexOf","_timeTasks$label","_modalData$label","_modalData$label2","startOfMonth","diff","weekKey","Math","floor","_objectSpread","_defineProperty","translate","updateTaskInfo","load","createElement","className","style","width","height","alignSelf","borderRadius","backgroundColor","display","flexFlow","overflow","Header","handleSetSelected","value","handleSetFilter","id","filterConfig","filterItems","tittle","icon","styles","datafilter","indicators","handleModal","handleDatagridTable","handleRemoveObject","edit","handleSetoption","borderBottom","position","flex","fontSize","fontWeight","justifyContent","flexDirection","ResponsivePie","colors","datum","margin","top","right","bottom","left","innerRadius","padAngle","cornerRadius","activeOuterRadiusOffset","borderWidth","padding","axisLeft","tickSize","tickPadding","tickRotation","v","theme","legend","background","maxHeight","Modal","Legend","map","a","key"],"mappings":"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","file":"static/js/6.9215fc59.chunk.js","sourcesContent":["import React, { useState, useRef } from 'react'\n\n//COMPONENTS\nimport Legend from '../Legend';\nimport { ResponsivePie } from '@nivo/pie'\nimport Header from 'components/Dashboards/Header'\n\n//REDUX\nimport reduxStore from \"store/\"\nimport moment from \"moment-timezone\"\nimport { translate } from 'functions';\nimport Modal from './Modal';\n\n//STYLES\nimport './Loader.css';\n\nconst TaskDoneBar = (props) => {\n    const { db } = reduxStore.getState()\n\n    const [filter, setFilter] = useState({\n        index: 0,\n        showQuantity: 12,\n        number: 12,\n        finalIndex: 12,\n        dataStructure: 'month',\n    })\n    const [data, setData] = useState({\n        \"total\": {\n            \"value\": 0,\n            \"label\": \"Concluidas\",\n            \"color\": \"#5A7F71\",\n            \"id\": \"Concluidas\",\n        }\n    })\n    const [table, setTable] = useState({})\n    const keysLabel = useRef([{ label: 'Concluidas', color: '#5A7F71' }])\n    const filterRef = useRef([])\n\n    let hashs = window.location.hash.split(\"/\")\n    hashs[0] = hashs[0].replace('#', '')\n\n    const generateColor = (name) => {\n        let hash = 0;\n        for (let i = 0; i < name.length; i++) {\n            hash += name.charCodeAt(i);\n        }\n        const hexColor = \"#\" + ((hash % 0xFFFFFF) + 0x1000000).toString(16).slice(1, 7);\n        return hexColor;\n    }\n\n    const checkWeekStructure = (start, end) => {\n        console.log(start, end)\n        if (start === end)\n            return true\n        else\n            return false\n\n    }\n\n    React.useEffect(() => {\n        if (Object.keys(props.filter).length > 0) {\n            setFilter(props.filter)\n        }\n    }, [props.filter]);\n\n    React.useEffect(() => {\n        console.log(filter)\n        if (filter.tags) {\n            filterRef.current = []\n            filter.tags.forEach((item) => {\n                filterRef.current = [...filterRef.current, item.label];\n            })\n        }\n    }, [filter]);\n\n\n    React.useEffect(() => {\n        let timeTasks = {};\n        let modalData = {}\n        let keysLabelArr = []\n        const startDate = filter.startDate ? moment(filter.startDate * 1000) : moment().startOf('year');\n        const endDate = filter.endDate ? moment(filter.endDate * 1000) : moment().endOf('year');\n        const weekStructure = checkWeekStructure(startDate.format('MMMM'), endDate.format('MMMM'))\n        console.log(weekStructure)\n\n        const updateTaskInfo = (dateCard, item) => {\n            const label = item.label\n            const monthKey = dateCard.date.format('MMMM');\n            const startOfMonth = moment(dateCard.date).startOf('month');\n            const diff = moment(dateCard.date).diff(startOfMonth, 'days');\n            const weekKey = Math.floor(diff / 7) + 1;\n\n            console.log(weekKey)\n            timeTasks = {\n                ...timeTasks,\n                [label]: {\n                    ...timeTasks[label] || {},\n                    \"id\": label,\n                    \"color\": item?.color || generateColor(label),\n                    \"label\": label,\n                    \"value\": (timeTasks[label]?.[\"value\"] || 0) + 1,\n                }\n            };\n            modalData = {\n                ...modalData,\n                [label]: {\n                    ...modalData[label] || {},\n                    \"value\": (modalData[label]?.[\"value\"] || 0) + 1,\n                    \"label\": label,\n                    [weekStructure ? translate(`$__Semana `) + weekKey : translate(`$__${monthKey}`)]: (modalData[label]?.[weekStructure ? translate(`$__Semana `) + weekKey : translate(`$__${monthKey}`)] || 0) + 1,\n                }\n            }\n            keysLabelArr = {\n                ...keysLabelArr,\n                [label]: {\n                    label: label,\n                    color: item?.color || generateColor(label)\n                }\n            }\n        };\n\n        if (props.planCards) {\n            Object.keys(props.planCards).filter((fil) => !db.cards[fil].deleted).forEach(planCard => {\n                let result = filter?.users?.length > 0 ? false : true\n                if (filter.users && Object.keys(db.cards[planCard]?._users).length > 0) {\n                    Object.values(db.cards[planCard]?._users).forEach((user) => {\n                        filter.users.forEach((filterUser) => {\n                            if (user._id === filterUser)\n                                result = true\n                        })\n                    })\n                }\n                if (result) {\n                    const dateCard = {\n                        date: moment(db.cards[planCard].completed_at?.low * 1000),\n                        tags: db.cards[planCard]._tags\n                    };\n\n                    if (dateCard.date.isBetween(startDate, endDate, null, '[]')) {\n                        const monthKey = dateCard.date.format('MMMM');\n                        if (filter?.tags?.length > 0 || filter.tagsByText) {\n                            dateCard.tags\n                                .filter(item =>\n                                    (\n                                        filter.tags\n                                        && filter.tags.length > 0\n                                        && item.label\n                                        && filterRef.current.includes(item.label)\n                                    )\n                                    ||\n                                    (\n                                        filter.tagsByText\n                                        && item.label\n                                        && item.label.toLowerCase().indexOf(filter.tagsByText.toLowerCase()) > -1\n                                    )\n                                )\n                                .forEach(item => {\n                                    updateTaskInfo(dateCard, item);\n                                });\n                            keysLabel.current = Object.values(keysLabelArr)\n                        } else {\n                            timeTasks = {\n                                ...timeTasks,\n                                \"total\": {\n                                    ...timeTasks[\"total\"] || {},\n                                    \"value\": timeTasks && timeTasks[\"total\"] && timeTasks[\"total\"][\"value\"] ? timeTasks[\"total\"][\"value\"] + 1 : 1,\n                                    \"label\": \"Concluidas\",\n                                    \"color\": \"#5A7F71\",\n                                    \"id\": \"Concluidas\",\n                                }\n                            }\n                            modalData = {\n                                ...modalData,\n                                [monthKey]: {\n                                    ...modalData[\"total\"] || {},\n                                    \"value\": (modalData[monthKey]?.[\"value\"] || 0) + 1,\n                                    \"label\": \"Concluidas\",\n                                }\n                            }\n                            keysLabel.current = [{ label: 'Concluidas', color: '#5A7F71' }]\n                        }\n                    }\n                }\n            })\n\n\n            if (data !== timeTasks) {\n                setData(Object.values(timeTasks));\n                setTable(modalData)\n            }\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [props.planCards, props.load, filter]);\n\n    const handleModal = (data) => {\n\n    }\n\n    return (\n        <div className='box' style={{ width: '100%', height: '100%', alignSelf: 'center', borderRadius: '5px', backgroundColor: 'transparent', display: 'flex', flexFlow: 'column', overflow: 'visible' }}>\n            <Header\n                handleSetSelected={(value) => {\n                    setFilter({ ...filter, ...value })\n                    props.handleSetFilter({ ...filter, ...value, id: props.id })\n                }}\n                filterConfig={{ filterItems: ['date', 'users', 'tags', 'tagsByText'] }}\n                tittle={translate(\"$__\" + props.tittle)}\n                icon={props.icon}\n                styles={props.styles}\n                datafilter={true}\n                indicators={filter ? filter : null}\n                handleModal={() => {\n                    handleModal(data)\n                    props.handleDatagridTable()\n                }}\n                table={true}\n                handleRemoveObject={() => props.handleRemoveObject(props.id)}\n                edit={props.edit}\n                handleSetoption={(value) => {\n                    setFilter({ ...value })\n                    props.handleSetFilter({ ...filter, ...value, id: props.id })\n                }}\n            />\n            <div style={{ borderBottom: '1px solid #D3D3D3', width: '100%' }}></div>\n            <div style={{}} >\n            </div>\n            <div style={{ position: 'relative', flex: '1 1 auto', fontSize: '16px' }}>\n                <div style={{ width: '100%', height: '100%', position: 'absolute', fontWeight: 'lighter', backgroundColor: '#f5f5f5' }}>\n                    {(!props.load) ?\n                        <div className='component' style={{ width: '100%', height: '100%', display: 'flex', flexDirection: 'column' }}>\n                            <div style={{ width: '100%', flex: 1, position: 'relative' }}>\n                                <div style={{ width: '100%', height: '100%', position: 'absolute' }}>\n                                    <ResponsivePie\n                                        data={data}\n                                        colors={{ datum: 'data.color' }}\n                                        margin={{ top: 35, right: 40, bottom: 35, left: 40 }}\n                                        innerRadius={0}\n                                        padAngle={1.7}\n                                        cornerRadius={3}\n                                        activeOuterRadiusOffset={8}\n                                        borderWidth={1}\n                                        padding={data.length === 1 ? 0.35 : 0.1}\n                                        axisLeft={{\n                                            tickSize: 5,\n                                            tickPadding: 5,\n                                            tickRotation: 0,\n                                            format: (v) => v % 1 === 0 ? v : ''\n                                        }}\n                                        theme={{\n                                            fontSize: '16px',\n                                            fontWeight: 'bold',\n                                            legend: false,\n                                            background: 'transparent'\n                                        }}\n                                    />\n                                </div>\n                            </div>\n                            {props.filter.table && <div style={{ maxHeight: '50%', overflow: 'scroll' }} >\n                                <Modal data={Object.values(table)} />\n                            </div>}\n                        </div> : <div style={{ width: '100%', height: '100%', display: 'flex', justifyContent: 'center' }}>\n                            <div style={{ alignSelf: 'center' }}>  <div className=\"loader\"></div></div>\n                        </div>}\n                </div>\n            </div>\n            <div style={{ height: '15%', maxHeight: '60px', display: 'flex', backgroundColor: 'white' }}>\n                <Legend\n                    legend={[...keysLabel.current.map((a, i) => {\n                        return {\n                            key: i,\n                            color: a.color,\n                            label: a.label\n                        }\n                    })]} />\n            </div>\n        </div >\n    )\n}\n\nexport default TaskDoneBar\n"],"sourceRoot":""}