@erpsquad/common 1.8.40 → 1.8.41

package/dist/components/reports/dynamic-report/dynamic-rows/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/reports/dynamic-report/dynamic-rows.tsx"],"sourcesContent":["import { Box, Collapse, IconButton, TableCell, TableRow } from \"@mui/material\";\nimport { useEffect, useState } from \"react\";\nimport Typography from \"../../typography/typography\";\nimport ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';\nimport ArrowDropUpIcon from '@mui/icons-material/ArrowDropUp';\nimport Checkbox from '@mui/material/Checkbox';\n\ninterface IRowProps {\n    rowData: any;\n    level: number;\n    tableHeaders: any[];\n    totalHeaders: any[];\n    headers: any[];\n    collapsAll: boolean;\n    collapsLevel: number;\n    isIncrese: boolean,\n    data:any,\n    rowPath: number[],\n    selectedRowPaths: number[][],\n    onCheckboxChange: (rowPath: number[], checked: boolean) => void;\n    dataSlice: any[];\n    dataIndex: number;\n    enableCheckBox: boolean\n    rowHeight?: string\n}\n\n// Utility to calculate rowspans for a given column in a data array\nfunction calculateRowSpans(data: any[], key: string) {\n    const rowSpans: number[] = [];\n    let lastValue = null;\n    let lastIndex = 0;\n    let count = 0;\n    data.forEach((row, i) => {\n        if (row[key] === lastValue) {\n            count++;\n            rowSpans[lastIndex] = count;\n            rowSpans[i] = 0;\n        } else {\n            lastValue = row[key];\n            lastIndex = i;\n            count = 1;\n            rowSpans[i] = 1;\n        }\n    });\n    return rowSpans;\n}\n\nexport function DynamicRow({\n    rowData,\n    level = 0,\n    tableHeaders,\n    totalHeaders,\n    headers,\n    collapsAll = false,\n    collapsLevel = 0,\n    isIncrese,\n    data,\n    rowPath,\n    selectedRowPaths,\n    onCheckboxChange,\n    dataSlice,\n    // dataIndex,\n    enableCheckBox,\n    rowHeight\n}: IRowProps) {\n    const [open, setOpen] = useState<boolean>(false);\n    useEffect(() => {\n        if (isIncrese && collapsLevel > level) {\n            setOpen(true);\n        }\n        if (!isIncrese && collapsLevel <= level + 2) {\n            setOpen(false);\n        }\n    }, [collapsLevel, level, isIncrese]);\n\n    // Allow manual toggle of the row's open state\n    const handleToggle = () => {\n        setOpen(prevOpen => !prevOpen);  // Toggle between open and close manually\n    };\n function getNestedValue(obj:any, path:any) {\n    console.log(\"obj\",obj)\n    console.log(\"path\",path)\n    if(path==''){\n        return ''\n    }\n  return path.split('.').reduce((acc:any, key:any) => (acc && acc[key] !== undefined ? acc[key] : undefined), obj)||(path.split('.').reduce((acc:any, key:any) => (acc && acc[key] !== undefined ? acc[key] : undefined), obj)=='0'?'0':'-');\n}\n    // Check if this row is selected\n    const isChecked = selectedRowPaths.some(path => path.length === rowPath.length && path.every((v, i) => v === rowPath[i]));\n\n    // For merging cells: calculate rowspans for columns with mergeCells: true\n    const rowSpans: { [key: string]: number[] } = {};\n    if (Array.isArray(dataSlice)) {\n        tableHeaders[level].headers.forEach((header: any) => {\n            if (header.mergeCells) {\n                rowSpans[header.name] = calculateRowSpans(dataSlice, header.name);\n            }\n        });\n    }\n\n    return (\n        <>\n            {/* Parent Row */}\n            <TableRow sx={{ cursor: 'pointer',height:rowHeight }}>\n                {/* Checkbox in first cell, only if enabled for this level */}\n              {tableHeaders[level]?.enableCheckbox &&  <>\n                <TableCell\n                    className=\"dynamic-report-row\"\n                    sx={{\n                        paddingLeft: `8px`,\n                        wordWrap: 'break-word',\n                        width: '60px',\n                        minWidth: '60px',\n                        maxWidth: '60px',\n                    }}\n                >\n                    <Checkbox\n                        checked={isChecked}\n                        onChange={e => onCheckboxChange(rowPath, e.target.checked)}\n                        onClick={e => e.stopPropagation()}\n                    />\n                </TableCell>\n                </>\n                }\n                {/* Data cells, including expand/collapse icon if needed */}\n                {tableHeaders[level].headers.map((header: any, index: number) => {\n                    // // Cell merging logic - apply to columns 1 and 2 (index 0 and 1) by default\n                    // const shouldMergeCell = header.mergeCells || index === 0 || index === 1;\n                    \n                    // if (shouldMergeCell && rowSpans[header.name]) {\n                    //     const span = rowSpans[header.name][dataIndex];\n                    //     if (span === 0) return null; // skip rendering this cell\n                    //     return (\n                    //         <TableCell\n                    //             key={index}\n                    //             rowSpan={span}\n                    //             className=\"dynamic-report-row\"\n                    //             sx={{\n                    //                 paddingLeft: index === 0 ? `8px` : '16px',\n                    //                 wordWrap: 'break-word',\n                    //                 maxWidth: headers[index]?.width ? headers[index]?.width : '300px',\n                    //                 minWidth: headers[index]?.width ? headers[index]?.width : '300px',\n                    //             }}\n                    //         >\n                    //             {header?.isCollaps && index === 0 ? (\n                    //                 <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: header?.position ? header?.position : 'start', width: '100%', height: `${headers[index]?.height ? headers[index].height : '30px'}` }}>\n                    //                     <IconButton onClick={handleToggle} size=\"small\">\n                    //                         {open ? <ArrowDropUpIcon /> : <ArrowDropDownIcon />}\n                    //                     </IconButton>\n                    //                     {header?.render ? header.render(rowData[header.name], rowData, data) : (\n                    //                         <Typography type=\"s4\" weight=\"medium\" color='theme.neutral.1000'>\n                    //                              {getNestedValue(rowData, header.name)}\n                    //                         </Typography>\n                    //                     )}\n                    //                 </Box>\n                    //             ) : (\n                    //                 <Box sx={{  paddingLeft: (level > index && index === 0) ? level * 2 : 0,display: 'flex', alignItems: 'center', justifyContent: header?.position ? header?.position : 'start', width: '100%', \n                    //                 height: `${headers[index]?.height ? headers[index].height : '30px'},` }}>\n                    //                     {header?.render ? header.render(rowData[header.name], rowData, data) : (\n                    //                         <Typography type=\"s4\" weight=\"normal\" color='theme.neutral.800'>\n                    //                             {getNestedValue(rowData, header.name)}\n                    //                         </Typography>\n                    //                     )}\n                    //                 </Box>\n                    //             )}\n                    //         </TableCell>\n                    //     );\n                    // }\n                    // Normal cell rendering\n            if (header.joinWithLeft) return null\n            const cellIndex=tableHeaders[level].headers.slice(index).findIndex((h: any) => !h.joinWithLeft && h !== header)\n            const cellsToMerge=cellIndex==-1?tableHeaders[level].headers.slice(index)?.length:cellIndex\n            const colSpan = header.mergeCells ? \n                cellsToMerge || 1 : \n                header.mergeCells ? 2 : 1;\n            const calculateMergedWidth = () => {\n                if (!header.mergeCells || colSpan <= 1) {\n                    return headers[index]?.width || '300px';\n                }\n                \n                let totalWidth = 0;\n                const defaultWidth = 300;\n                \n                for (let i = index; i < index + colSpan && i < headers.length; i++) {\n                    const cellWidth = headers[i]?.width;\n                    if (cellWidth) {\n                        const numericWidth = parseInt(cellWidth.replace(/[^\\d]/g, ''));\n                        totalWidth += numericWidth;\n                    } else {\n                        totalWidth += defaultWidth;\n                    }\n                }\n                \n                return `${totalWidth}px`;\n            };\n            \n            const mergedCellWidth = calculateMergedWidth();\n                        \n                    return (\n                        <TableCell\n                            key={index}\n                            className=\"dynamic-report-row\"\n                            colSpan={colSpan}\n                            sx={{\n                                paddingLeft: index === 0 ? `8px` : '16px',\n                                wordWrap: 'break-word',\n                                maxWidth: mergedCellWidth,\n                                minWidth: mergedCellWidth,\n                            }}\n                        >\n                            {header?.isCollaps ? (\n                                <Box onClick={handleToggle} sx={{paddingLeft: (level > index && index === 0) ? level * 2 : 0, display: 'flex', alignItems: 'center', justifyContent: header?.position ? header?.position : 'start', width: '100%', height: `${headers[index]?.height ? headers[index].height : '30px'}` }}>\n                                    <IconButton size=\"small\">\n                                        {open ? <ArrowDropUpIcon /> : <ArrowDropDownIcon />}\n                                    </IconButton>\n                                    {header?.render ? header.render(getNestedValue(rowData, header.name), rowData, data) : (\n                                        <Typography type=\"s4\" weight=\"medium\" color='theme.neutral.1000'>\n                                           {getNestedValue(rowData, header.name)}\n                                        </Typography>\n                                    )}\n                                </Box>\n                            ) : (\n                                <Box sx={{  paddingLeft: (level > index && index === 0) ? level * 2 : 0,display: 'flex', alignItems: 'center', justifyContent: header?.position ? header?.position : 'start', width: '100%', \n                                height: `${headers[index]?.height ? headers[index].height : '30px'}` }}>\n                                    {header?.render ? header.render(getNestedValue(rowData, header.name), rowData, data) : (\n                                        <Typography type=\"s4\" weight=\"normal\" color='theme.neutral.800'>\n                                            {getNestedValue(rowData, header.name)}\n                                        </Typography>\n                                    )}\n                                </Box>\n                            )}\n                        </TableCell>\n                    );\n                })}\n            </TableRow>\n\n            {/* Nested Rows */}\n            {Array.isArray(rowData[tableHeaders[level + 1]?.rowKey]) && (\n                <TableRow>\n                    <TableCell style={{ padding: 0 }} colSpan={tableHeaders[level].headers.length + 1}>\n                        <Collapse in={open} timeout=\"auto\" unmountOnExit>\n                            {rowData[tableHeaders[level + 1]?.rowKey].map((itemData: any, idx: number, arr: any[]) => (\n                                <DynamicRow\n                                    key={itemData.id || [...rowPath, idx].join('-')}\n                                    rowData={itemData}\n                                    level={level + 1}\n                                    tableHeaders={tableHeaders}\n                                    headers={headers}\n                                    collapsAll={collapsAll}\n                                    collapsLevel={collapsLevel}\n                                    isIncrese={isIncrese}\n                                    totalHeaders={totalHeaders}\n                                    data={data}\n                                    rowPath={[...rowPath, idx]}\n                                    selectedRowPaths={selectedRowPaths}\n                                    onCheckboxChange={onCheckboxChange}\n                                    dataSlice={arr}\n                                    dataIndex={idx}\n                                    enableCheckBox={enableCheckBox}\n                                    rowHeight={rowHeight}\n                                />\n                            ))}\n                             {/* Total Row */}\n            {rowData?.total && Object.keys(rowData?.total).length > 0 && totalHeaders && (\n                <TableRow sx={{ backgroundColor:totalHeaders?.[0]?.bgColor || '#FAFAFA' }}>\n                    {/* Add an empty cell for the checkbox column */}\n                  {enableCheckBox &&  <TableCell sx={{ width: '48px', minWidth: '48px', maxWidth: '48px' }} />}\n                    \n                    {totalHeaders.map((header, index) => {\n                        // Skip cells that should be merged with the cell to their left\n                        if (header.joinWithLeft) return null\n                        const cellsToMerge=totalHeaders.slice(index).findIndex((h: any) => !h.joinWithLeft && h !== header)==-1?totalHeaders.slice(index)?.length:totalHeaders.slice(index).findIndex((h: any) => !h.joinWithLeft && h !== header)\n                        // Calculate colspan for cells that should merge with cells to their right\n                        const colSpan = header.mergeCells ? \n                           cellsToMerge || 1 : \n                            header.mergeCells ? 2 : 1;\n                        return (\n                            <TableCell\n                                key={index}\n                                className=\"dynamic-report-row\"\n                                colSpan={colSpan}\n                                sx={{ paddingLeft: index === 0 ? `${level * 24}px` : '16px' }}\n                            >\n                                <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: header?.position || 'start', width: '100%' }}>\n                                    {header?.render ? header?.render(getNestedValue(rowData, header.name), rowData) : (\n                                        <Typography type=\"s4\" weight=\"bold\" color='theme.neutral.1000'>\n                                            {getNestedValue(rowData?.total, header.name)}\n                                        </Typography>\n                                    )}\n                                </Box>\n                            </TableCell>\n                        );\n                    })}\n                </TableRow>\n            )}\n                        </Collapse>\n                    </TableCell>\n                </TableRow>\n            )}\n           \n        </>\n    );\n}\n\n"],"names":["DynamicRow","rowData","level","tableHeaders","totalHeaders","headers","collapsAll","collapsLevel","isIncrese","data","rowPath","selectedRowPaths","onCheckboxChange","dataSlice","enableCheckBox","rowHeight","open","setOpen","useState","useEffect","handleToggle","prevOpen","getNestedValue","obj","path","split","reduce","acc","key","isChecked","some","length","every","v","i","Array","isArray","forEach","header","mergeCells","rowSpans","lastValue","lastIndex","count","row","calculateRowSpans","name","jsxs","Fragment","children","TableRow","sx","cursor","height","_a","enableCheckbox","jsx","TableCell","className","paddingLeft","wordWrap","width","minWidth","maxWidth","Checkbox","checked","onChange","e","target","onClick","stopPropagation","map","index","joinWithLeft","cellIndex","slice","findIndex","h","cellsToMerge","colSpan","mergedCellWidth","totalWidth","cellWidth","_b","parseInt","replace","calculateMergedWidth","isCollaps","Box","display","alignItems","justifyContent","position","IconButton","size","ArrowDropUpIcon","ArrowDropDownIcon","render","Typography","type","weight","color","_c","rowKey","style","padding","Collapse","in","timeout","unmountOnExit","itemData","idx","arr","dataIndex","id","join","total","Object","keys","backgroundColor","_d","bgColor"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/reports/dynamic-report/dynamic-rows.tsx"],"sourcesContent":["import { Box, Collapse, IconButton, TableCell, TableRow } from \"@mui/material\";\nimport { useEffect, useState } from \"react\";\nimport Typography from \"../../typography/typography\";\nimport ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';\nimport ArrowDropUpIcon from '@mui/icons-material/ArrowDropUp';\nimport Checkbox from '@mui/material/Checkbox';\n\ninterface IRowProps {\n    rowData: any;\n    level: number;\n    tableHeaders: any[];\n    totalHeaders: any[];\n    headers: any[];\n    collapsAll: boolean;\n    collapsLevel: number;\n    isIncrese: boolean,\n    data:any,\n    rowPath: number[],\n    selectedRowPaths: number[][],\n    onCheckboxChange: (rowPath: number[], checked: boolean) => void;\n    dataSlice: any[];\n    dataIndex: number;\n    enableCheckBox: boolean\n    rowHeight?: string\n}\n\n// Utility to calculate rowspans for a given column in a data array\nfunction calculateRowSpans(data: any[], key: string) {\n    const rowSpans: number[] = [];\n    let lastValue = null;\n    let lastIndex = 0;\n    let count = 0;\n    data.forEach((row, i) => {\n        if (row[key] === lastValue) {\n            count++;\n            rowSpans[lastIndex] = count;\n            rowSpans[i] = 0;\n        } else {\n            lastValue = row[key];\n            lastIndex = i;\n            count = 1;\n            rowSpans[i] = 1;\n        }\n    });\n    return rowSpans;\n}\n\nexport function DynamicRow({\n    rowData,\n    level = 0,\n    tableHeaders,\n    totalHeaders,\n    headers,\n    collapsAll = false,\n    collapsLevel = 0,\n    isIncrese,\n    data,\n    rowPath,\n    selectedRowPaths,\n    onCheckboxChange,\n    dataSlice,\n    // dataIndex,\n    enableCheckBox,\n    rowHeight\n}: IRowProps) {\n    const [open, setOpen] = useState<boolean>(false);\n    useEffect(() => {\n        if (isIncrese && collapsLevel > level) {\n            setOpen(true);\n        }\n        if (!isIncrese && collapsLevel <= level + 2) {\n            setOpen(false);\n        }\n    }, [collapsLevel, level, isIncrese]);\n\n    // Allow manual toggle of the row's open state\n    const handleToggle = () => {\n        setOpen(prevOpen => !prevOpen);  // Toggle between open and close manually\n    };\n function getNestedValue(obj:any, path:any) {\n    console.log(\"obj\",obj)\n    console.log(\"path\",path)\n    if(path==''){\n        return ''\n    }\n  return path.split('.').reduce((acc:any, key:any) => (acc && acc[key] !== undefined ? acc[key] : undefined), obj)||(path.split('.').reduce((acc:any, key:any) => (acc && acc[key] !== undefined ? acc[key] : undefined), obj)=='0'?'0':'-');\n}\n    // Check if this row is selected\n    const isChecked = selectedRowPaths.some(path => path.length === rowPath.length && path.every((v, i) => v === rowPath[i]));\n\n    // For merging cells: calculate rowspans for columns with mergeCells: true\n    const rowSpans: { [key: string]: number[] } = {};\n    if (Array.isArray(dataSlice)) {\n        tableHeaders[level].headers.forEach((header: any) => {\n            if (header.mergeCells) {\n                rowSpans[header.name] = calculateRowSpans(dataSlice, header.name);\n            }\n        });\n    }\n\n    return (\n        <>\n            {/* Parent Row */}\n            <TableRow sx={{ cursor: 'pointer',height:rowHeight }}>\n                {/* Checkbox in first cell, only if enabled for this level */}\n              {tableHeaders[level]?.enableCheckbox &&  <>\n                <TableCell\n                    className=\"dynamic-report-row\"\n                    sx={{\n                        paddingLeft: `8px`,\n                        wordWrap: 'break-word',\n                        width: '60px',\n                        minWidth: '60px',\n                        maxWidth: '60px',\n                    }}\n                >\n                    <Checkbox\n                        checked={isChecked}\n                        onChange={e => onCheckboxChange(rowPath, e.target.checked)}\n                        onClick={e => e.stopPropagation()}\n                    />\n                </TableCell>\n                </>\n                }\n                {/* Data cells, including expand/collapse icon if needed */}\n                {tableHeaders[level].headers.map((header: any, index: number) => {\n                    // // Cell merging logic - apply to columns 1 and 2 (index 0 and 1) by default\n                    // const shouldMergeCell = header.mergeCells || index === 0 || index === 1;\n                    \n                    // if (shouldMergeCell && rowSpans[header.name]) {\n                    //     const span = rowSpans[header.name][dataIndex];\n                    //     if (span === 0) return null; // skip rendering this cell\n                    //     return (\n                    //         <TableCell\n                    //             key={index}\n                    //             rowSpan={span}\n                    //             className=\"dynamic-report-row\"\n                    //             sx={{\n                    //                 paddingLeft: index === 0 ? `8px` : '16px',\n                    //                 wordWrap: 'break-word',\n                    //                 maxWidth: headers[index]?.width ? headers[index]?.width : '300px',\n                    //                 minWidth: headers[index]?.width ? headers[index]?.width : '300px',\n                    //             }}\n                    //         >\n                    //             {header?.isCollaps && index === 0 ? (\n                    //                 <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: header?.position ? header?.position : 'start', width: '100%', height: `${headers[index]?.height ? headers[index].height : '30px'}` }}>\n                    //                     <IconButton onClick={handleToggle} size=\"small\">\n                    //                         {open ? <ArrowDropUpIcon /> : <ArrowDropDownIcon />}\n                    //                     </IconButton>\n                    //                     {header?.render ? header.render(rowData[header.name], rowData, data) : (\n                    //                         <Typography type=\"s4\" weight=\"medium\" color='theme.neutral.1000'>\n                    //                              {getNestedValue(rowData, header.name)}\n                    //                         </Typography>\n                    //                     )}\n                    //                 </Box>\n                    //             ) : (\n                    //                 <Box sx={{  paddingLeft: (level > index && index === 0) ? level * 2 : 0,display: 'flex', alignItems: 'center', justifyContent: header?.position ? header?.position : 'start', width: '100%', \n                    //                 height: `${headers[index]?.height ? headers[index].height : '30px'},` }}>\n                    //                     {header?.render ? header.render(rowData[header.name], rowData, data) : (\n                    //                         <Typography type=\"s4\" weight=\"normal\" color='theme.neutral.800'>\n                    //                             {getNestedValue(rowData, header.name)}\n                    //                         </Typography>\n                    //                     )}\n                    //                 </Box>\n                    //             )}\n                    //         </TableCell>\n                    //     );\n                    // }\n                    // Normal cell rendering\n            if (header.joinWithLeft) return null\n            const cellIndex=tableHeaders[level].headers.slice(index).findIndex((h: any) => !h.joinWithLeft && h !== header)\n            const cellsToMerge=cellIndex==-1?tableHeaders[level].headers.slice(index)?.length:cellIndex\n            const colSpan = header.mergeCells ? \n                cellsToMerge || 1 : \n                header.mergeCells ? 2 : 1;\n            const calculateMergedWidth = () => {\n                if (!header.mergeCells || colSpan <= 1) {\n                    return headers[index]?.width || '300px';\n                }\n                \n                let totalWidth = 0;\n                const defaultWidth = 300;\n                \n                for (let i = index; i < index + colSpan && i < headers.length; i++) {\n                    const cellWidth = headers[i]?.width;\n                    if (cellWidth) {\n                        const numericWidth = parseInt(cellWidth.replace(/[^\\d]/g, ''));\n                        totalWidth += numericWidth;\n                    } else {\n                        totalWidth += defaultWidth;\n                    }\n                }\n                \n                return `${totalWidth}px`;\n            };\n            \n            const mergedCellWidth = calculateMergedWidth();\n                        \n                    return (\n                        <TableCell\n                            key={index}\n                            className=\"dynamic-report-row\"\n                            colSpan={colSpan}\n                            sx={{\n                                paddingLeft: index === 0 ? `8px` : '16px',\n                                wordWrap: 'break-word',\n                                maxWidth: mergedCellWidth,\n                                minWidth: mergedCellWidth,\n                            }}\n                        >\n                            {header?.isCollaps ? (\n                                <Box onClick={handleToggle} sx={{paddingLeft: (level > index && index === 0) ? level * 2 : 0, display: 'flex', alignItems: 'center', justifyContent: header?.position ? header?.position : 'start', width: '100%', height: `${headers[index]?.height ? headers[index].height : '30px'}` }}>\n                                    <IconButton size=\"small\">\n                                        {open ? <ArrowDropUpIcon /> : <ArrowDropDownIcon />}\n                                    </IconButton>\n                                    {header?.render ? header.render(getNestedValue(rowData, header.name), rowData, data) : (\n                                        <Typography type=\"s4\" weight=\"medium\" color='theme.neutral.1000'>\n                                           {getNestedValue(rowData, header.name)}\n                                        </Typography>\n                                    )}\n                                </Box>\n                            ) : (\n                                <Box sx={{  paddingLeft: (level > index && index === 0) ? level * 2 : 0,display: 'flex', alignItems: 'center', justifyContent: header?.position ? header?.position : 'start', width: '100%', \n                                height: `${headers[index]?.height ? headers[index].height : '30px'}` }}>\n                                    {header?.render ? header.render(getNestedValue(rowData, header.name), rowData, data) : (\n                                        <Typography type=\"s4\" weight=\"normal\" color='theme.neutral.800'>\n                                            {getNestedValue(rowData, header.name)}\n                                        </Typography>\n                                    )}\n                                </Box>\n                            )}\n                        </TableCell>\n                    );\n                })}\n            </TableRow>\n\n            {/* Nested Rows */}\n            {Array.isArray(rowData[tableHeaders[level + 1]?.rowKey]) && (\n                <TableRow>\n                    <TableCell style={{ padding: 0 }} colSpan={tableHeaders[level].headers.length + 1}>\n                        <Collapse in={open} timeout=\"auto\" unmountOnExit>\n                            {rowData[tableHeaders[level + 1]?.rowKey].map((itemData: any, idx: number, arr: any[]) => (\n                                <DynamicRow\n                                    key={itemData.id || [...rowPath, idx].join('-')}\n                                    rowData={itemData}\n                                    level={level + 1}\n                                    tableHeaders={tableHeaders}\n                                    headers={headers}\n                                    collapsAll={collapsAll}\n                                    collapsLevel={collapsLevel}\n                                    isIncrese={isIncrese}\n                                    totalHeaders={totalHeaders}\n                                    data={data}\n                                    rowPath={[...rowPath, idx]}\n                                    selectedRowPaths={selectedRowPaths}\n                                    onCheckboxChange={onCheckboxChange}\n                                    dataSlice={arr}\n                                    dataIndex={idx}\n                                    enableCheckBox={enableCheckBox}\n                                    rowHeight={rowHeight}\n                                />\n                            ))}\n                             {/* Total Row */}\n            {rowData?.total && Object.keys(rowData?.total).length > 0 && totalHeaders && (\n                <TableRow sx={{ backgroundColor:totalHeaders?.[0]?.bgColor || '#FAFAFA' }}>\n                    {/* Add an empty cell for the checkbox column */}\n                  {enableCheckBox &&  <TableCell sx={{ width: '48px', minWidth: '48px', maxWidth: '48px' }} />}\n                    \n                    {totalHeaders.map((header, index) => {\n                        // Skip cells that should be merged with the cell to their left\n                        if (header.joinWithLeft) return null\n                        const cellsToMerge=totalHeaders.slice(index).findIndex((h: any) => !h.joinWithLeft && h !== header)==-1?totalHeaders.slice(index)?.length:totalHeaders.slice(index).findIndex((h: any) => !h.joinWithLeft && h !== header)\n                        // Calculate colspan for cells that should merge with cells to their right\n                        const colSpan = header.mergeCells ? \n                           cellsToMerge || 1 : \n                            header.mergeCells ? 2 : 1;\n                        return (\n                            <TableCell\n                                key={index}\n                                className=\"dynamic-report-row\"\n                                colSpan={colSpan}\n                                sx={{ paddingLeft: index === 0 ? `${level * 24}px` : '16px' }}\n                            >\n                                <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: header?.position || 'start', width: '100%' }}>\n                                    {header?.render ? header?.render(getNestedValue(rowData, header.name), rowData) : (\n                                        <Typography type=\"s4\" weight=\"bold\" color='theme.neutral.1000'>\n                                            {getNestedValue(rowData?.total, header.name)}\n                                        </Typography>\n                                    )}\n                                </Box>\n                            </TableCell>\n                        );\n                    })}\n                </TableRow>\n            )}\n                        </Collapse>\n                    </TableCell>\n                </TableRow>\n            )}\n           \n        </>\n    );\n}\n\n"],"names":["DynamicRow","rowData","level","tableHeaders","totalHeaders","headers","collapsAll","collapsLevel","isIncrese","data","rowPath","selectedRowPaths","onCheckboxChange","dataSlice","enableCheckBox","rowHeight","open","setOpen","useState","useEffect","handleToggle","prevOpen","getNestedValue","obj","path","split","reduce","acc","key","isChecked","some","length","every","v","i","Array","isArray","forEach","header","mergeCells","rowSpans","lastValue","lastIndex","count","row","calculateRowSpans","name","jsxs","Fragment","children","TableRow","sx","cursor","height","_a","enableCheckbox","jsx","TableCell","className","paddingLeft","wordWrap","width","minWidth","maxWidth","Checkbox","checked","onChange","e","target","onClick","stopPropagation","map","index","joinWithLeft","cellIndex","slice","findIndex","h","cellsToMerge","colSpan","mergedCellWidth","totalWidth","cellWidth","_b","parseInt","replace","calculateMergedWidth","isCollaps","Box","display","alignItems","justifyContent","position","IconButton","size","ArrowDropUpIcon","ArrowDropDownIcon","render","Typography","type","weight","color","_c","rowKey","style","padding","Collapse","in","timeout","unmountOnExit","itemData","idx","arr","dataIndex","id","join","total","Object","keys","backgroundColor","_d","bgColor"],"mappings":"wzBA+CO,SAASA,GAAWC,QACvBA,EAAAC,MACAA,EAAQ,EAAAC,aACRA,EAAAC,aACAA,EAAAC,QACAA,EAAAC,WACAA,GAAa,EAAAC,aACbA,EAAe,EAAAC,UACfA,EAAAC,KACAA,EAAAC,QACAA,EAAAC,iBACAA,EAAAC,iBACAA,EAAAC,UACAA,EAAAC,eAEAA,EAAAC,UACAA,gBAEA,MAAOC,EAAMC,GAAWC,EAAAA,UAAkB,GAC1CC,EAAAA,UAAU,KACFX,GAAaD,EAAeL,GAC5Be,GAAQ,IAEPT,GAAaD,GAAgBL,EAAQ,GACtCe,GAAQ,IAEb,CAACV,EAAcL,EAAOM,IAGzB,MAAMY,EAAe,KACjBH,EAAQI,IAAaA,IAE5B,SAASC,EAAeC,EAASC,GAG9B,MAAS,IAANA,EACQ,GAENA,EAAKC,MAAM,KAAKC,OAAO,CAACC,EAASC,IAAaD,QAAoB,IAAbA,EAAIC,GAAqBD,EAAIC,QAAO,EAAYL,KAAkH,KAA3GC,EAAKC,MAAM,KAAKC,OAAO,CAACC,EAASC,IAAaD,QAAoB,IAAbA,EAAIC,GAAqBD,EAAIC,QAAO,EAAYL,GAAU,IAAI,IACxO,CAEI,MAAMM,EAAYlB,EAAiBmB,KAAKN,GAAQA,EAAKO,SAAWrB,EAAQqB,QAAUP,EAAKQ,MAAM,CAACC,EAAGC,IAAMD,IAAMvB,EAAQwB,KAYrH,OARIC,MAAMC,QAAQvB,IACdV,EAAaD,GAAOG,QAAQgC,QAASC,IAC7BA,EAAOC,YAnEvB,SAA2B9B,EAAamB,GACpC,MAAMY,EAAqB,GAC3B,IAAIC,EAAY,KACZC,EAAY,EACZC,EAAQ,EACZlC,EAAK4B,QAAQ,CAACO,EAAKV,KACXU,EAAIhB,KAASa,GACbE,IACAH,EAASE,GAAaC,EACtBH,EAASN,GAAK,IAEdO,EAAYG,EAAIhB,GAChBc,EAAYR,EACZS,EAAQ,EACRH,EAASN,GAAK,IAI1B,CAkDwCW,CAAkBhC,EAAWyB,EAAOQ,uBAMpEC,EAAAA,KAAAC,WAAA,CAEIC,SAAA;eAAAF,OAACG,EAAAA,SAASC,GAAI,CAAEC,OAAQ,UAAUC,OAAOtC,GAEtCkC,SAAA,EAAA,OAAAK,EAAAnD,EAAaD,SAAb,EAAAoD,EAAqBC,gCAAmBC,EAAAA,IAAAR,EAAAA,SAAA,CACvCC,wBAAAO,EAAAA,IAACC,EAAAA,QAAA,CACGC,UAAU,qBACVP,GAAI,CACAQ,YAAa,MACbC,SAAU,aACVC,MAAO,OACPC,SAAU,OACVC,SAAU,QAGdd,wBAAAO,EAAAA,IAACQ,EAAAA,QAAA,CACGC,QAASpC,EACTqC,SAAUC,GAAKvD,EAAiBF,EAASyD,EAAEC,OAAOH,SAClDI,QAASF,GAAKA,EAAEG,wBAMvBnE,EAAaD,GAAOG,QAAQkE,IAAI,CAACjC,EAAakC,eA4CnD,GAAIlC,EAAOmC,aAAc,OAAO,KAChC,MAAMC,EAAUvE,EAAaD,GAAOG,QAAQsE,MAAMH,GAAOI,UAAWC,IAAYA,EAAEJ,cAAgBI,IAAMvC,GAClGwC,GAAwB,GAAXJ,EAAc,OAAApB,EAAAnD,EAAaD,GAAOG,QAAQsE,MAAMH,SAAlC,EAAAlB,EAA0CvB,OAAO2C,EAC5EK,EAAUzC,EAAOC,WACnBuC,GAAgB,EAChBxC,EAAOC,WAAa,EAAI,EAsBtByC,EArBuB,cACzB,IAAK1C,EAAOC,YAAcwC,GAAW,EACjC,OAAO,OAAAzB,EAAAjD,EAAQmE,SAAR,EAAAlB,EAAgBO,QAAS,QAGpC,IAAIoB,EAAa,EAGjB,IAAA,IAAS/C,EAAIsC,EAAOtC,EAAIsC,EAAQO,GAAW7C,EAAI7B,EAAQ0B,OAAQG,IAAK,CAChE,MAAMgD,EAAY,OAAAC,EAAA9E,EAAQ6B,WAARiD,EAAYtB,MAG1BoB,GAFAC,EACqBE,SAASF,EAAUG,QAAQ,SAAU,KAL7C,GAUrB,CAEA,MAAO,GAAGJ,OAGUK;AAEhB,OACI9B,EAAAA,IAACC,EAAAA,QAAA,CAEGC,UAAU,qBACVqB,UACA5B,GAAI,CACAQ,YAAuB,IAAVa,EAAc,MAAQ,OACnCZ,SAAU,aACVG,SAAUiB,EACVlB,SAAUkB,GAGb/B,2BAAQsC,0BACLxC,EAAAA,KAACyC,EAAAA,SAAInB,QAASjD,EAAc+B,GAAI,CAACQ,YAAczD,EAAQsE,GAAmB,IAAVA,EAAuB,EAARtE,EAAY,EAAGuF,QAAS,OAAQC,WAAY,SAAUC,gBAAgB,MAAArD,OAAA,EAAAA,EAAQsD,gBAAWtD,WAAQsD,SAAW,QAAS/B,MAAO,OAAQR,OAAQ,IAAG,OAAA8B,EAAA9E,EAAQmE,SAAR,EAAAW,EAAgB9B,QAAShD,EAAQmE,GAAOnB,OAAS,UAC3QJ,SAAA;eAAAO,EAAAA,IAACqC,EAAAA,QAAA,CAAWC,KAAK,QACZ7C,SAAAjC,uBAAQ+E,EAAAA,QAAA,CAAA,kBAAqBvC,EAAAA,IAACwC,EAAAA,QAAA,CAAA,MAElC,MAAA1D,OAAA,EAAAA,EAAQ2D,QAAS3D,EAAO2D,OAAO3E,EAAerB,EAASqC,EAAOQ,MAAO7C,EAASQ,wBAC1EyF,aAAA,CAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,qBACxCpD,SAAA3B,EAAerB,EAASqC,EAAOQ,0BAK3CU,EAAAA,IAACgC,EAAAA,QAAA,CAAIrC,GAAI,CAAGQ,YAAczD,EAAQsE,GAAmB,IAAVA,EAAuB,EAARtE,EAAY,EAAEuF,QAAS,OAAQC,WAAY,SAAUC,gBAAgB,MAAArD,OAAA,EAAAA,EAAQsD,UAAW,MAAAtD,OAAA,EAAAA,EAAQsD,SAAW,QAAS/B,MAAO,OACrLR,OAAQ,IAAG,OAAAiD,EAAAjG,EAAQmE,SAAR,EAAA8B,EAAgBjD,QAAShD,EAAQmE,GAAOnB,OAAS,UACvDJ,UAAA,MAAAX,OAAA,EAAAA,EAAQ2D,QAAS3D,EAAO2D,OAAO3E,EAAerB,EAASqC,EAAOQ,MAAO7C,EAASQ,wBAC1EyF,aAAA,CAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,oBACvCpD,SAAA3B,EAAerB,EAASqC,EAAOQ,WA1B3C0B,QAqCpBrC,MAAMC,QAAQnC,EAAQ,OAAAkF,EAAAhF,EAAaD,EAAQ,aAAIqG,yBAC5C/C,EAAAA,IAACN,EAAAA,QAAA,CACGD,wBAAAO,EAAAA,IAACC,EAAAA,SAAU+C,MAAO,CAAEC,QAAS,GAAK1B,QAAS5E,EAAaD,GAAOG,QAAQ0B,OAAS,EAC5EkB,0BAAAF,KAAC2D,EAAAA,SAASC,GAAI3F,EAAM4F,QAAQ,OAAOC,eAAa,EAC3C5D,SAAA,CAAAhD,EAAQ,OAAAqG,EAAAnG,EAAaD,EAAQ,SAArB,EAAAoG,EAAyBC,QAAQhC,IAAI,CAACuC,EAAeC,EAAaC,mBACvExD,EAAAA,IAACxD,EAAA,CAEGC,QAAS6G,EACT5G,MAAOA,EAAQ,EACfC,eACAE,UACAC,aACAC,eACAC,YACAJ,eACAK,OACAC,QAAS,IAAIA,EAASqG,GACtBpG,mBACAC,mBACAC,UAAWmG,EACXC,UAAWF,EACXjG,iBACAC,aAhBK+F,EAASI,IAAM,IAAIxG,EAASqG,GAAKI,KAAK,QAoBlE,MAAAlH,OAAA,EAAAA,EAASmH,QAASC,OAAOC,KAAK,MAAArH,OAAA,EAAAA,EAASmH,OAAOrF,OAAS,GAAK3B,yBACxD8C,EAAAA,QAAA,CAASC,GAAI,CAAEoE,iBAAgB,OAAAC,EAAA,MAAApH,OAAA,EAAAA,EAAe,SAAf,EAAAoH,EAAmBC,UAAW,WAE3DxE,SAAA,CAAAnC,kBAAmB0C,EAAAA,IAACC,UAAA,CAAUN,GAAI,CAAEU,MAAO,OAAQC,SAAU,OAAQC,SAAU,UAE7E3D,EAAamE,IAAI,CAACjC,EAAQkC,WAEvB,GAAIlC,EAAOmC,aAAc,OAAO,KAChC,MAAMK,MAAa1E,EAAauE,MAAMH,GAAOI,UAAWC,IAAYA,EAAEJ,cAAgBI,IAAMvC,GAAY,OAAAgB,EAAAlD,EAAauE,MAAMH,SAAnB,EAAAlB,EAA2BvB,OAAO3B,EAAauE,MAAMH,GAAOI,UAAWC,IAAYA,EAAEJ,cAAgBI,IAAMvC,GAE7MyC,EAAUzC,EAAOC,WACpBuC,GAAgB,EACfxC,EAAOC,WAAa,EAAI;AAC5B,OACIiB,EAAAA,IAACC,EAAAA,QAAA,CAEGC,UAAU,qBACVqB,UACA5B,GAAI,CAAEQ,YAAuB,IAAVa,EAAyB,GAARtE,EAAH,KAAoB,QAErD+C,8BAACuC,EAAAA,QAAA,CAAIrC,GAAI,CAAEsC,QAAS,OAAQC,WAAY,SAAUC,gBAAgB,MAAArD,OAAA,EAAAA,EAAQsD,WAAY,QAAS/B,MAAO,QACjGZ,UAAA,MAAAX,OAAA,EAAAA,EAAQ2D,QAAS,MAAA3D,OAAA,EAAAA,EAAQ2D,OAAO3E,EAAerB,EAASqC,EAAOQ,MAAO7C,kBACnEuD,EAAAA,IAAC0C,aAAA,CAAWC,KAAK,KAAKC,OAAO,OAAOC,MAAM,qBACrCpD,SAAA3B,EAAe,MAAArB,OAAA,EAAAA,EAASmH,MAAO9E,EAAOQ,WAR9C0B,iBAwBrC"}

package/dist/components/reports-title-bar/reports-title-bar/index.esm.js

@@ -4,11 +4,10 @@ import { Typography } from "../../typography/typography/index.esm.js";
 /* empty css                                  */
 import TitleDropdownButton from "../../title-dropdown-button/title-dropdown-button/index.esm.js";
 import React__default, { useState, useRef, useEffect } from "react";
-import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
+import default_1 from "../../../node_modules/@mui/icons-material/KeyboardArrowDown/index.esm.js";
 import { generateFields } from "../../../utils/common/index.esm.js";
 import ReportButtons from "../report-buttons/report-buttons/index.esm.js";
 import TabBar from "../../tabs/tabs/index.esm.js";
-import { Menu, MenuItem, Box, Divider, ButtonGroup, Button as Button$1, Popper, Grow, Paper, ClickAwayListener } from "@mui/material";
 import { images } from "../../../images/index.esm.js";
 import { RANGE, handleCompareDateRange } from "../../../utils/date-range/index.esm.js";
 import { DateRange, Calendar as Calendar$1 } from "react-date-range";
@@ -19,8 +18,18 @@ import SearchableSelect from "../../searchable-select/index.esm.js";
 import Checkbox from "../../checkbox/checkbox/index.esm.js";
 import { useTranslation } from "react-i18next";
 import { enUS } from "date-fns/locale";
+import Menu from "../../../node_modules/@mui/material/Menu/Menu/index.esm.js";
+import MenuItem from "../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import { Filter } from "../../icons/filter/index.esm.js";
+import Divider from "../../../node_modules/@mui/material/Divider/Divider/index.esm.js";
+import ButtonGroup from "../../../node_modules/@mui/material/ButtonGroup/ButtonGroup/index.esm.js";
+import Button$1 from "../../../node_modules/@mui/material/Button/Button/index.esm.js";
 import { Calendar } from "../../icons/calendar/index.esm.js";
+import Popper from "../../../node_modules/@mui/material/Popper/Popper/index.esm.js";
+import Grow from "../../../node_modules/@mui/material/Grow/Grow/index.esm.js";
+import Paper from "../../../node_modules/@mui/material/Paper/Paper/index.esm.js";
+import { ClickAwayListener } from "../../../node_modules/@mui/material/ClickAwayListener/ClickAwayListener/index.esm.js";
 import { Export } from "../../icons/export/index.esm.js";
 const ReportsTitleBar = (props) => {
   var _a;
@@ -451,7 +460,7 @@ const ReportsTitleBar = (props) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx(KeyboardArrowDownIcon, {})
+              /* @__PURE__ */ jsx(default_1, {})
             ]
           }
         ) }),
@@ -550,7 +559,7 @@ const ReportsTitleBar = (props) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx(KeyboardArrowDownIcon, {})
+              /* @__PURE__ */ jsx(default_1, {})
             ]
           }
         ) })
@@ -646,7 +655,7 @@ const ReportsTitleBar = (props) => {
                 icon: /* @__PURE__ */ jsx(Calendar, { fontSize: "small" }),
                 children: /* @__PURE__ */ jsxs(Fragment, { children: [
                   RANGE[dateRange],
-                  /* @__PURE__ */ jsx(KeyboardArrowDownIcon, {})
+                  /* @__PURE__ */ jsx(default_1, {})
                 ] }),
                 options
               },

package/dist/components/reports-title-bar/reports-title-bar/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/reports-title-bar/reports-title-bar.tsx"],"sourcesContent":["import Button from \"../button/button\";\nimport Typography from \"../typography/typography\";\nimport \"./reports-title-bar.scss\";\n\nimport TitleDropdownButton from \"../title-dropdown-button/title-dropdown-button\";\nimport { useEffect,  useRef, useState } from \"react\";\nimport KeyboardArrowDownIcon from \"@mui/icons-material/KeyboardArrowDown\";\nimport { generateFields } from \"../../utils/common\";\nimport ReportButtons, { IReportButtons } from \"./report-buttons/report-buttons\";\nimport TabBar, { TabProps } from \"../tabs/tabs\";\nimport { Box, ButtonGroup, ClickAwayListener, Grow, Menu, MenuItem, Paper, Popper, Button as MuiButton, Divider } from \"@mui/material\";\nimport images from \"../../assets/images\";\nimport {\n  handleCompareDateRange,\n  RANGE,\n} from \"../../utils/date-range\";\nimport { DateRange, Calendar } from \"react-date-range\";\nimport \"react-date-range/dist/styles.css\"; // main css file\nimport \"react-date-range/dist/theme/default.css\"; // theme css file\nimport dayjs from \"dayjs\";\nimport { useAppDispatch } from \"../../redux/hooks\";\nimport { fetchCompanies } from \"./redux/actionCreator\";\nimport SearchableSelect from \"../searchable-select\";\nimport Checkbox from \"../checkbox/checkbox\";\nimport { useTranslation } from \"react-i18next\";\nimport React from \"react\";\nimport { Calendar as CalendarIcon, Export as ExportIcon, Filter as FilterIcon } from \"../icons\";\nimport { enUS } from 'date-fns/locale';\n\ninterface IReportFilters {\n  company: number;\n  start_date: string;\n  end_date: string;\n  as_of_date: string;\n}\n\ninterface ActionBarPropsType extends Partial<TabProps>, IReportButtons {\n  title: string;\n  handleAddButton?: (e?: any) => void;\n  isTitleMenu?: boolean;\n  titleMenus?: any;\n  reportFilterFields?: any[];\n  isDateFilterEnabled?: boolean;\n  onDateFilterChange?: (\n    data: Partial<{\n      company: string | number;\n      start_date: string;\n      end_date: string;\n      as_of_date: string;\n    }>\n  ) => void;\n  filters?: Partial<IReportFilters>;\n  isDateRange?: boolean;\n  showDateFilter?: boolean;\n  dateFilter?: string;\n  showCancelButton?: boolean;\n}\n\ntype TDatePickerVal = {\n  startDate?: Date;\n  endDate?: Date;\n  key?: string;\n};\n\nconst ReportsTitleBar = (props: ActionBarPropsType) => {\n  const {\n    title,\n    handleAddButton,\n    buttons = [],\n    dropdownMenuButtonData,\n    isTitleMenu = false,\n    titleMenus = [],\n    reportFilterFields = [],\n    toggleCallback,\n    tabs,\n    activeValue,\n    setActiveValue,\n    isDateFilterEnabled=true,\n    onDateFilterChange,\n    // showCancelButton,\n    filters = {},\n    isDateRange = true,\n    showDateFilter = false,\n    dateFilter = 'TODAY',\n    filterDropDown,\n    handleRowsCollapse,\n    handleRowsExpand,\n    showLevelBtn=false,\n    dataLength=0,\n    filterKeys={},\n  } = props;\n  // const { companies } = useAppSelector((store) => store.reportsTitleBar);\n\n  const dispatch = useAppDispatch();\n  const customStyle =\n  {\n  \n    '&.MuiOutlinedInput-root': {\n      '& fieldset': {\n        border: 'none',\n        borderColor: `#ade7cb`,\n        borderRadius: `25px`\n      },\n      '& .MuiSelect-outlined': {\n        padding: `4.5px 14px !important`\n      },\n      // '&:hover fieldset': {\n      //   border: 'none',\n      // },\n\n      // '&.Mui-focused fieldset': {\n      //   border: 'none',\n      // },\n      display: `flex`,\n      gap: `4px`,\n      width: `220px`,\n      // height: 30px,\n      border: `1px solid #ade7cb`,\n      borderRadius: `50px`,\n      backgroundColor: `#ebf9f2`,\n      color: `#289b64`,\n      alignItems: `center`,\n      cursor: `pointer`,\n      // height: `30px`\n    \n    },\n  }\nconst inputStyle=\n  {\n    border: \"none\",\n    \"&.Mui-focused\": {\n        borderColor: \"transparent\",\n    },\n    \"& .MuiOutlinedInput-input\": {\n        // padding: \"0px\",\n        fontSize: \"14px\",\n        color:'#289b64'\n    },\n    \"& .MuiOutlinedInput-notchedOutline\": {\n        border: \"none\", \n    },\n    '& .MuiSelect-icon': {\n        color: 'green',\n      },\n}\n\n  const defaultSelected=[\n    {\n      value:'company',\n    },\n  ]\n  const [selectedItems, setSelectedItems] = useState<string[]>(defaultSelected);\n    const [level, setLevel] = useState<number>(1)\n\n  // const selectedCompany = useMemo(\n  //   () =>\n  //     companies?.find((company) => filters?.company === company.id)\n  //       ?.company_name || \"\",\n  //   [companies, filters?.company]\n  // );\n  \n\n  // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n  const [actionAnchorEl, setActionAnchorEl] = useState<null | HTMLElement>(\n    null\n  );\n  // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n  const [allFields, setAllFields] = useState<any[]>([]);\n  const [dateRange, setDateRange] = useState<keyof typeof RANGE>();\n  const [open, setOpen] = useState<boolean>(false);\n  const [exportAnchorEl, setExportAnchorEl] = useState<null | HTMLElement>(null);\n  const [customDate, setCustomDate] = useState<Date>(\n    new Date(dayjs(filters?.as_of_date || \"\").format(\"YYYY-MM-DD\"))\n  );\n  const {t}=useTranslation();\n  const [customDateRange, setCustomDateRange] = useState<TDatePickerVal>({\n    startDate: new Date(dayjs(filters?.start_date || \"\").format(\"YYYY-MM-DD\")),\n    endDate: new Date(dayjs(filters?.end_date || \"\").format(\"YYYY-MM-DD\")),\n    key: \"selection\",\n  });\n\n  const anchorRef = useRef<HTMLDivElement | null>(null);\n  const dateSelectRef = useRef<HTMLDivElement>(null);\n  const chipDateSelectRef = useRef<HTMLDivElement>(null);\n\n  const handleCloseDatePopper = () => {\n    anchorRef.current = null;\n    setOpen(false);\n  };\n\n  const handleDateChange = async (range: keyof typeof RANGE) => {\n    setDateRange(range);\n    if (range === \"CUSTOM\") {\n      anchorRef.current = dateSelectRef.current;\n      setOpen(true);\n    } else {\n      const data = await handleCompareDateRange({\n        range: RANGE[range],\n        from: \"\",\n        to: \"\",\n      });\n      onDateFilterChange?.({\n        start_date: data?.from ? data?.from : \"\",\n        end_date: data?.to ? data?.to : \"\",\n      });\n      handleCloseDatePopper();\n    }\n  };\n\n  const handleClose = (event: Event) => {\n    if (\n      anchorRef.current &&\n      anchorRef.current.contains(event.target as HTMLElement)\n    ) {\n      return;\n    }\n\n    handleCloseDatePopper();\n  };\n  const handleSelectChange = (value: any) => {\n    if (selectedItems.some((item) => item.value == value.value)) {\n      setSelectedItems(selectedItems.filter((item) => item?.value != value.value));\n      return;\n    }\n    setSelectedItems([...selectedItems, value]);\n  };\n  // Create filters config from filterDropDown and filterKeys\n  // If reportFilters is needed, it should be provided by the consuming application\n  const filtersConfig = filterDropDown?.map((filter: any) => ({\n    key: filter.value || filter.key,\n    label: filter.name || filter.label || `Search ${filter.value || filter.key}`,\n    placeholder: filter.placeholder || filter.name || filter.label,\n    apiType: filter.apiType || filter.value || filter.key,\n    valueKey: filterKeys?.[filter.value || filter.key] || filter.value || filter.key,\n    customFilter: filter.customFilter || null,\n    multiple: filter.multiple || false,\n  })) || []\n\n  const options = [\n    {\n      label: RANGE.TODAY,\n      callback: () => {\n        handleDateChange(\"TODAY\");\n      },\n    },\n    {\n      label: RANGE.THIS_WEEK,\n      callback: () => {\n        handleDateChange(\"THIS_WEEK\");\n      },\n    },\n    {\n      label: RANGE.THIS_MONTH,\n      callback: () => {\n        handleDateChange(\"THIS_MONTH\");\n      },\n    },\n    {\n      label: RANGE.THIS_QUARTER,\n      callback: () => {\n        handleDateChange(\"THIS_QUARTER\");\n      },\n    },\n    {\n      label: RANGE.THIS_YEAR,\n      callback: () => {\n        handleDateChange(\"THIS_YEAR\");\n      },\n    },\n    {\n      label: RANGE.YESTERDAY,\n      callback: () => {\n        handleDateChange(\"YESTERDAY\");\n      },\n    },\n    {\n      label: RANGE.PREVIOUS_WEEK,\n      callback: () => {\n        handleDateChange(\"PREVIOUS_WEEK\");\n      },\n    },\n    {\n      label: RANGE.PREVIOUS_MONTH,\n      callback: () => {\n        handleDateChange(\"PREVIOUS_MONTH\");\n      },\n    },\n    {\n      label: RANGE.PREVIOUS_QUARTER,\n      callback: () => {\n        handleDateChange(\"PREVIOUS_QUARTER\");\n      },\n    },\n    {\n      label: RANGE.PREVIOUS_YEAR,\n      callback: () => {\n        handleDateChange(\"PREVIOUS_YEAR\");\n      },\n    },\n    {\n      label: RANGE.CUSTOM,\n      callback: () => {\n        handleDateChange(\"CUSTOM\");\n      },\n    },\n  ];\n\n  const isChecked =(value: any) => {\n    return selectedItems.some(item => item?.value == value?.value)\n  }\n  \n  const handleFilterPopperSubmit = () => {\n    const dateRangeFilter = {\n      start_date: dayjs(customDateRange.startDate).format(\"YYYY-MM-DD\"),\n      end_date: dayjs(customDateRange.endDate).format(\"YYYY-MM-DD\"),\n    };\n    const dateFilter = {\n      as_of_date: dayjs(customDate).format(\"YYYY-MM-DD\"),\n    };\n\n    onDateFilterChange?.({\n      ...(isDateRange ? dateRangeFilter : dateFilter),\n    });\n    handleCloseDatePopper();\n  };\n  function showFilter(val) {\n    return selectedItems.some(item => item?.value == val)\n  }\n\n  const getStartAndEndDate = (filters: any) => {\n    const startDate = dayjs(filters?.start_date).isValid() ? dayjs(filters.start_date).toDate() : new Date();\n    const endDate = dayjs(filters?.end_date).isValid() ? dayjs(filters.end_date).toDate() : new Date();\n    return { startDate, endDate };\n};\n\n  useEffect(() => {\n    setCustomDate(\n      new Date(dayjs(filters?.as_of_date || \"\").format(\"YYYY-MM-DD\"))\n    );\n  }, [filters?.as_of_date]);\n\n  useEffect(() => {\n    setCustomDateRange({\n      ...customDateRange,\n      ...getStartAndEndDate(filters)\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [filters?.end_date, filters?.start_date]);\n\n  useEffect(() => {\n    if (open) {\n      if (isDateRange) {\n        setCustomDateRange({\n          ...customDateRange,\n          ...getStartAndEndDate(filters)\n        });\n      } else {\n        setCustomDate(\n          new Date(dayjs(filters?.as_of_date || \"\").format(\"YYYY-MM-DD\"))\n        );\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open, isDateRange]);\n\n  useEffect(() => {\n    dispatch(fetchCompanies());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    setAllFields(generateFields(reportFilterFields));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  useEffect(() => {\n    handleDateChange(dateFilter)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dateFilter]);\n\n  const filterDropDownFunc = () => {\n    return (\n      <Menu\n        anchorEl={actionAnchorEl}\n        open={Boolean(actionAnchorEl)}\n        onClose={handleFilterClose}\n      >\n        {/* <MenuItem className=\"inventoryReportsTitleBar--report-filter\"> */}\n          {/* Add your options here */}\n          {filterDropDown?.map((item) => (\n            <MenuItem onClick={() => handleSelectChange(item)}  key={item} value={item?.value}>\n              <Checkbox checked={isChecked(item)} />\n              <Typography sx={{marginLeft:'10px'}} color='theme.neutral.800' type='s3'>{item?.name}</Typography>\n            </MenuItem>\n          ))}\n        {/* </MenuItem> */}\n      </Menu>\n    );\n  };\n\n  const renderFilter = ({\n    key,\n    label,\n    placeholder,\n    apiType,\n    valueKey,\n    customFilter,\n    multiple = false,\n    options,\n    show=true,\n    showCancelButton=true\n  }: FilterConfig) => {\n    if (!showFilter(key)||!show) return null;\n     \n    return (\n      // <div className=\"search-filter\" key={key}>\n        <SearchableSelect\n          labelId={`${key}-label`}\n          searchPlaceholder={label}\n          value={filters?.[valueKey]}\n          onChange={(e) => onDateFilterChange({ [valueKey]: e.target.value })}\n          showCancelButton={showCancelButton}\n          apiType={apiType}\n          options={options}\n          multiple={multiple}\n          placeholder={placeholder}\n          customeFilter={customFilter}\n          // CustomDropDownIcon={FilterAltIcon}\n          customStyle={customStyle}\n          inputStyle={inputStyle}\n        />\n      // </div>\n    );\n  };\n  const FilterContainer = () => (\n    <>\n      {filtersConfig.map(renderFilter)}\n    </>\n  );\n  const handleFilterClose = () => {\n    setActionAnchorEl(null);\n  };\n\n  const ExportContainer = React.memo(()=>{\n    const handleClose = () => setExportAnchorEl(null);\n    return(\n      <Menu\n      open={Boolean(exportAnchorEl)}\n      anchorEl={exportAnchorEl}\n      onClose={handleClose}\n      anchorOrigin={{\n        vertical: \"bottom\",\n        horizontal: \"right\",\n      }}\n      transformOrigin={{\n        vertical: \"top\",\n        horizontal: \"right\",\n      }}\n    >\n      {dropdownMenuButtonData?.options?.map((option, index) => (\n        <MenuItem\n          key={index}\n          onClick={() => {\n            option.callback();\n            setExportAnchorEl(null);\n          }}  \n        >\n         <Typography type=\"s4\" weight=\"medium\" color={'inherit'}> {option.label}</Typography>\n        </MenuItem>\n      ))}\n    </Menu>\n    )\n  })\n\n  return (\n    <div>\n      <div className=\"reportsTitleBar\">\n        <div className=\"reportsTitleBar--LeftContent\">\n          {isTitleMenu ? (\n            <div style={{ zIndex: 999 }}>\n              <TitleDropdownButton\n                onClick={handleAddButton}\n                options={titleMenus}\n                isMenuThirdItemDisabled={true}\n              >\n                {title}\n              </TitleDropdownButton>\n            </div>\n          ) : (\n            <Typography type=\"h3\" weight=\"medium\" color=\"theme.secondary.1000\">\n              {title}\n            </Typography>\n          )}\n        </div>\n       \n        <ReportButtons\n          zIndex={999}\n          className=\"reportsTitleBar--RightContent\"\n          buttons={buttons}\n        />\n      </div>\n      {tabs?.length ? (\n        <div>\n          <TabBar\n            tabs={tabs || []}\n            activeValue={activeValue}\n            setActiveValue={setActiveValue}\n            isTabViewOnly={true}\n          />\n        </div>\n      ) : null}\n      <Box sx={{ display: \"flex\", justifyContent: \"space-between\", my: 2.5, mx: 1 }}>\n        <div className=\"reportsTitleBar--FilterWrapper\">\n        {FilterContainer()}\n          { (filters?.end_date && showDateFilter) && (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"reportsTitleBar--FilterWrapper--Chip\"\n                ref={chipDateSelectRef}\n                onClick={() => {\n                  if (!open) {\n                    anchorRef.current = chipDateSelectRef.current;\n                    setOpen(true);\n                  } else {\n                    handleCloseDatePopper();\n                  }\n                }}\n              >\n                <div\n                  className=\"reportsTitleBar--FilterWrapper--Chip--Text\"\n                  title={`${dayjs(filters?.start_date).format(\"DD/MM/YYYY\")} - ${dayjs(filters?.end_date).format(\"DD/MM/YYYY\")}`}\n                >\n                  <Typography type=\"s4\" weight=\"medium\">\n                    {t(\"common.dateRange\")}:\n                  </Typography>\n                  <Typography\n                    className=\"reportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                    type=\"s4\"\n                  >\n                    {dayjs(filters?.start_date).format(\"DD/MM/YYYY\")} -{\" \"}\n                    {dayjs(filters?.end_date).format(\"DD/MM/YYYY\")}\n                  </Typography>\n                </div>\n                <KeyboardArrowDownIcon />\n              </div>\n            </div>\n          )}\n          {(customDateRange?.startDate && customDateRange?.endDate && isDateFilterEnabled  && !['TODAY','YESTERDAY'].includes(dateRange)) && (\n            \n          <>\n           {customDateRange?.startDate && (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"reportsTitleBar--FilterWrapper--Chip\"\n                style={{padding:' 5px 12px'}}\n                ref={chipDateSelectRef}\n               \n              >\n                <div\n                  className=\"reportsTitleBar--FilterWrapper--Chip--Text\"\n                  title={`${dayjs(customDateRange?.startDate).format(\"DD/MM/YYYY\")}`}\n                >\n                  <Typography type=\"s4\" weight=\"medium\">\n                    {t(\"common.startDate\")}:\n                  </Typography>\n                  <Typography\n                    className=\"reportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                    type=\"s4\"\n                  >\n                    {dayjs(customDateRange?.startDate).format(\"DD/MM/YYYY\")}\n                  </Typography>\n                </div>\n                {/* <KeyboardArrowDownIcon /> */}\n              </div>\n            </div>\n          )}\n           {customDateRange?.endDate && (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"reportsTitleBar--FilterWrapper--Chip\"\n                ref={chipDateSelectRef}\n                style={{padding:' 5px 12px'}}\n              >\n                <div\n                  className=\"reportsTitleBar--FilterWrapper--Chip--Text\"\n                  title={`${dayjs(customDateRange?.startDate).format(\"DD/MM/YYYY\")}`}\n                >\n                  <Typography type=\"s4\" weight=\"medium\">\n                    {t(\"common.endDate\")}:\n                  </Typography>\n                  <Typography\n                    className=\"reportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                    type=\"s4\"\n                  >\n                    {dayjs(customDateRange?.endDate).format(\"DD/MM/YYYY\")}\n                  </Typography>\n                </div>\n                {/* <KeyboardArrowDownIcon /> */}\n              </div>\n            </div>\n          )}\n          </>\n          )}\n          {filters?.as_of_date && (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"reportsTitleBar--FilterWrapper--Chip\"\n                ref={chipDateSelectRef}\n                onClick={() => {\n                  if (!open) {\n                    anchorRef.current = chipDateSelectRef.current;\n                    setOpen(true);\n                  } else {\n                    handleCloseDatePopper();\n                  }\n                }}\n              >\n                <div\n                  className=\"reportsTitleBar--FilterWrapper--Chip--Text\"\n                  title={`${dayjs(filters?.as_of_date).format(\"DD/MM/YYYY\")}`}\n                >\n                  <Typography type=\"s4\" weight=\"medium\">\n                    {t(\"common.date\")}:\n                  </Typography>\n                  <Typography\n                    className=\"reportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                    type=\"s4\"\n                  >\n                    {dayjs(filters?.as_of_date).format(\"DD/MM/YYYY\")}\n                  </Typography>\n                </div>\n                <KeyboardArrowDownIcon />\n              </div>\n            </div>\n          )}\n          {/* {((filters?.company && selectedCompany) ||\n            (filters?.start_date && filters?.end_date) ||\n            filters?.as_of_date) &&\n          reportFilterFields?.length\n            ? \"|\"\n            : \"\"} */}\n        </div>\n        <div className=\"report-display\">\n        {dropdownMenuButtonData?.options?.length>0 && \n          <Box>   \n           <Button\n            sx={({ palette }) => ({\n              border: \"1px solid\",\n              borderColor: 'grey.200',\n              borderRadius: \"50px\",\n              color: `${palette.grey[800]} !important`,\n              '&:hover': {\n                bgcolor: `${palette.grey[200]} !important`,\n              }\n            })}\n            variant=\"text\"\n            startIcon={<ExportIcon fontSize=\"small\"/>}\n            onClick={(event) => setExportAnchorEl (event.currentTarget)}\n          >\n            {t(\"common.export\")}\n          </Button>\n          {exportAnchorEl && (\n         <ExportContainer />\n          ) }\n          </Box>\n          }\n       \n          {filterDropDown?.length && \n          <>\n            <Box>   \n            <Button\n              sx={({ palette }) => ({\n                border: \"1px solid\",\n                borderColor: 'grey.200',\n                borderRadius: \"50px\",\n                color: `${palette.grey[800]} !important`,\n                '&:hover': {\n                  bgcolor: `${palette.grey[200]} !important`,\n                }\n              })}\n              variant=\"text\"\n              startIcon={<FilterIcon fontSize=\"small\"/>}\n              onClick={(event) => setActionAnchorEl(event.currentTarget)}\n            >\n              {t(\"common.filter\")}\n            </Button>\n            </Box>\n            {showLevelBtn && <Divider flexItem orientation=\"vertical\" sx= {{ height: '50%', alignSelf: 'auto'}} />}\n          </>\n          }\n        \n              {filterDropDownFunc()}\n              {showLevelBtn && (\n                    <>\n                      <Box className=\"reportsTitleBar--FilterAction--lvWrapper\" >\n                       <Typography type=\"s3\" weight=\"medium\" color='grey.800'> Level {level} of {dataLength}</Typography>\n                       <ButtonGroup variant=\"outlined\" disableElevation sx={({ palette }) => ({ \n                         '& .MuiButton-root' :{\n                           borderColor: `${palette.grey[200]} !important`,\n                           '&:hover': {\n                            bgcolor: `${palette.grey[200]} !important`,\n                          }\n                          },\n                          '& .MuiButtonGroup-firstButton' : {\n                            borderTopLeftRadius: 20,\n                            borderBottomLeftRadius: 20\n                          },\n                          '& .MuiButtonGroup-lastButton' : {\n                            borderTopRightRadius: 20,\n                            borderBottomRightRadius: 20\n                          }\n                      })}>\n                        <MuiButton onClick={() => {\n                            setLevel(level == dataLength ? level : level + 1)\n                            handleRowsCollapse?.(level)\n                          }}>\n                            <img src={images.common.expand} />\n                        </MuiButton>\n                        <MuiButton onClick={() => {\n                            setLevel(level != 1 ? level - 1 : 1)\n                            handleRowsExpand?.(level)\n                          }}>\n                            <img src={images.common.collapse} />\n                        </MuiButton>\n                       </ButtonGroup>\n                      </Box>\n                      {isDateFilterEnabled && <Divider flexItem orientation=\"vertical\" sx= {{ height: '50%', alignSelf: 'auto'}} />}\n                    </>\n                  )}\n          {isDateFilterEnabled && (\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n            <Typography type=\"s3\" weight=\"medium\" color='grey.800'>As of: </Typography>\n              <ReportButtons\n                zIndex={997}\n                className=\"reportsTitleBar--RightContent\"\n                dropdownMenuButtonData={{\n                  icon: <CalendarIcon fontSize=\"small\"/>,\n                  children: (\n                    <>\n                      {RANGE[dateRange]}\n                      <KeyboardArrowDownIcon />\n                    </>\n                  ),\n                  options: options,\n                }}\n                toggleCallback={toggleCallback}\n              />\n              <div ref={dateSelectRef}></div>\n            </Box>\n          )}\n        </div>\n      </Box>\n      {/* <Filter\n        open={openFilterPopup}\n        onClose={() => setOpenFilterPopup(false)}\n        fields={allFields}\n        onSelectedFilter={(filterName: string) => console.log(filterName)}\n        // getFilterStatesOnApply={() => {}}\n        applyFilter={(val: any) => console.log('val', val)}\n      /> */}\n      <Popper\n        sx={{\n          zIndex: 9999,\n        }}\n        open={open}\n        anchorEl={anchorRef.current}\n        role={undefined}\n        transition\n        disablePortal\n      >\n        {({ TransitionProps, placement }) => (\n          <Grow\n            {...TransitionProps}\n            style={{\n              margin: \"0 20px 0 20px\",\n              transformOrigin:\n                placement === \"bottom\" ? \"center top\" : \"center bottom\",\n            }}\n          >\n            <Paper>\n              <ClickAwayListener onClickAway={handleClose}>\n                <Box\n                  sx={{\n                    display: \"flex\",\n                    flexDirection: \"column\",\n                    alignItems: \"flex-end\",\n                  }}\n                >\n                  <div>\n                    {isDateRange ? (\n                      <DateRange\n                        editableDateInputs={true}\n                        onChange={(item) => setCustomDateRange(item.selection)}\n                        moveRangeOnFirstSelection={false}\n                        ranges={[customDateRange]}\n                        locale={enUS}\n                      />\n                    ) : (\n                      <Calendar\n                        onChange={(item) => setCustomDate(item)}\n                        date={customDate}\n                        locale={enUS}\n                      />\n                    )}\n                  </div>\n                  <Box sx={{ padding: \"0 12px 12px 0\" }}>\n                    <Button\n                      variant=\"contained\"\n                      sx={{ width: \"fit-content\" }}\n                      onClick={handleFilterPopperSubmit}\n                    >\n                        {t(\"common.apply\")}\n                    </Button>\n                  </Box>\n                </Box>\n              </ClickAwayListener>\n            </Paper>\n          </Grow>\n        )}\n      </Popper>\n    </div>\n  );\n};\n\nexport default ReportsTitleBar;\n"],"names":["dateFilter","filters","options","React","handleClose","_a","ExportIcon","FilterIcon","MuiButton","CalendarIcon","Calendar"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/reports-title-bar/reports-title-bar.tsx"],"sourcesContent":["import Button from \"../button/button\";\nimport Typography from \"../typography/typography\";\nimport \"./reports-title-bar.scss\";\n\nimport TitleDropdownButton from \"../title-dropdown-button/title-dropdown-button\";\nimport { useEffect,  useRef, useState } from \"react\";\nimport KeyboardArrowDownIcon from \"@mui/icons-material/KeyboardArrowDown\";\nimport { generateFields } from \"../../utils/common\";\nimport ReportButtons, { IReportButtons } from \"./report-buttons/report-buttons\";\nimport TabBar, { TabProps } from \"../tabs/tabs\";\nimport { Box, ButtonGroup, ClickAwayListener, Grow, Menu, MenuItem, Paper, Popper, Button as MuiButton, Divider } from \"@mui/material\";\nimport images from \"../../assets/images\";\nimport {\n  handleCompareDateRange,\n  RANGE,\n} from \"../../utils/date-range\";\nimport { DateRange, Calendar } from \"react-date-range\";\nimport \"react-date-range/dist/styles.css\"; // main css file\nimport \"react-date-range/dist/theme/default.css\"; // theme css file\nimport dayjs from \"dayjs\";\nimport { useAppDispatch } from \"../../redux/hooks\";\nimport { fetchCompanies } from \"./redux/actionCreator\";\nimport SearchableSelect from \"../searchable-select\";\nimport Checkbox from \"../checkbox/checkbox\";\nimport { useTranslation } from \"react-i18next\";\nimport React from \"react\";\nimport { Calendar as CalendarIcon, Export as ExportIcon, Filter as FilterIcon } from \"../icons\";\nimport { enUS } from 'date-fns/locale';\n\ninterface IReportFilters {\n  company: number;\n  start_date: string;\n  end_date: string;\n  as_of_date: string;\n}\n\ninterface ActionBarPropsType extends Partial<TabProps>, IReportButtons {\n  title: string;\n  handleAddButton?: (e?: any) => void;\n  isTitleMenu?: boolean;\n  titleMenus?: any;\n  reportFilterFields?: any[];\n  isDateFilterEnabled?: boolean;\n  onDateFilterChange?: (\n    data: Partial<{\n      company: string | number;\n      start_date: string;\n      end_date: string;\n      as_of_date: string;\n    }>\n  ) => void;\n  filters?: Partial<IReportFilters>;\n  isDateRange?: boolean;\n  showDateFilter?: boolean;\n  dateFilter?: string;\n  showCancelButton?: boolean;\n}\n\ntype TDatePickerVal = {\n  startDate?: Date;\n  endDate?: Date;\n  key?: string;\n};\n\nconst ReportsTitleBar = (props: ActionBarPropsType) => {\n  const {\n    title,\n    handleAddButton,\n    buttons = [],\n    dropdownMenuButtonData,\n    isTitleMenu = false,\n    titleMenus = [],\n    reportFilterFields = [],\n    toggleCallback,\n    tabs,\n    activeValue,\n    setActiveValue,\n    isDateFilterEnabled=true,\n    onDateFilterChange,\n    // showCancelButton,\n    filters = {},\n    isDateRange = true,\n    showDateFilter = false,\n    dateFilter = 'TODAY',\n    filterDropDown,\n    handleRowsCollapse,\n    handleRowsExpand,\n    showLevelBtn=false,\n    dataLength=0,\n    filterKeys={},\n  } = props;\n  // const { companies } = useAppSelector((store) => store.reportsTitleBar);\n\n  const dispatch = useAppDispatch();\n  const customStyle =\n  {\n  \n    '&.MuiOutlinedInput-root': {\n      '& fieldset': {\n        border: 'none',\n        borderColor: `#ade7cb`,\n        borderRadius: `25px`\n      },\n      '& .MuiSelect-outlined': {\n        padding: `4.5px 14px !important`\n      },\n      // '&:hover fieldset': {\n      //   border: 'none',\n      // },\n\n      // '&.Mui-focused fieldset': {\n      //   border: 'none',\n      // },\n      display: `flex`,\n      gap: `4px`,\n      width: `220px`,\n      // height: 30px,\n      border: `1px solid #ade7cb`,\n      borderRadius: `50px`,\n      backgroundColor: `#ebf9f2`,\n      color: `#289b64`,\n      alignItems: `center`,\n      cursor: `pointer`,\n      // height: `30px`\n    \n    },\n  }\nconst inputStyle=\n  {\n    border: \"none\",\n    \"&.Mui-focused\": {\n        borderColor: \"transparent\",\n    },\n    \"& .MuiOutlinedInput-input\": {\n        // padding: \"0px\",\n        fontSize: \"14px\",\n        color:'#289b64'\n    },\n    \"& .MuiOutlinedInput-notchedOutline\": {\n        border: \"none\", \n    },\n    '& .MuiSelect-icon': {\n        color: 'green',\n      },\n}\n\n  const defaultSelected=[\n    {\n      value:'company',\n    },\n  ]\n  const [selectedItems, setSelectedItems] = useState<string[]>(defaultSelected);\n    const [level, setLevel] = useState<number>(1)\n\n  // const selectedCompany = useMemo(\n  //   () =>\n  //     companies?.find((company) => filters?.company === company.id)\n  //       ?.company_name || \"\",\n  //   [companies, filters?.company]\n  // );\n  \n\n  // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n  const [actionAnchorEl, setActionAnchorEl] = useState<null | HTMLElement>(\n    null\n  );\n  // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n  const [allFields, setAllFields] = useState<any[]>([]);\n  const [dateRange, setDateRange] = useState<keyof typeof RANGE>();\n  const [open, setOpen] = useState<boolean>(false);\n  const [exportAnchorEl, setExportAnchorEl] = useState<null | HTMLElement>(null);\n  const [customDate, setCustomDate] = useState<Date>(\n    new Date(dayjs(filters?.as_of_date || \"\").format(\"YYYY-MM-DD\"))\n  );\n  const {t}=useTranslation();\n  const [customDateRange, setCustomDateRange] = useState<TDatePickerVal>({\n    startDate: new Date(dayjs(filters?.start_date || \"\").format(\"YYYY-MM-DD\")),\n    endDate: new Date(dayjs(filters?.end_date || \"\").format(\"YYYY-MM-DD\")),\n    key: \"selection\",\n  });\n\n  const anchorRef = useRef<HTMLDivElement | null>(null);\n  const dateSelectRef = useRef<HTMLDivElement>(null);\n  const chipDateSelectRef = useRef<HTMLDivElement>(null);\n\n  const handleCloseDatePopper = () => {\n    anchorRef.current = null;\n    setOpen(false);\n  };\n\n  const handleDateChange = async (range: keyof typeof RANGE) => {\n    setDateRange(range);\n    if (range === \"CUSTOM\") {\n      anchorRef.current = dateSelectRef.current;\n      setOpen(true);\n    } else {\n      const data = await handleCompareDateRange({\n        range: RANGE[range],\n        from: \"\",\n        to: \"\",\n      });\n      onDateFilterChange?.({\n        start_date: data?.from ? data?.from : \"\",\n        end_date: data?.to ? data?.to : \"\",\n      });\n      handleCloseDatePopper();\n    }\n  };\n\n  const handleClose = (event: Event) => {\n    if (\n      anchorRef.current &&\n      anchorRef.current.contains(event.target as HTMLElement)\n    ) {\n      return;\n    }\n\n    handleCloseDatePopper();\n  };\n  const handleSelectChange = (value: any) => {\n    if (selectedItems.some((item) => item.value == value.value)) {\n      setSelectedItems(selectedItems.filter((item) => item?.value != value.value));\n      return;\n    }\n    setSelectedItems([...selectedItems, value]);\n  };\n  // Create filters config from filterDropDown and filterKeys\n  // If reportFilters is needed, it should be provided by the consuming application\n  const filtersConfig = filterDropDown?.map((filter: any) => ({\n    key: filter.value || filter.key,\n    label: filter.name || filter.label || `Search ${filter.value || filter.key}`,\n    placeholder: filter.placeholder || filter.name || filter.label,\n    apiType: filter.apiType || filter.value || filter.key,\n    valueKey: filterKeys?.[filter.value || filter.key] || filter.value || filter.key,\n    customFilter: filter.customFilter || null,\n    multiple: filter.multiple || false,\n  })) || []\n\n  const options = [\n    {\n      label: RANGE.TODAY,\n      callback: () => {\n        handleDateChange(\"TODAY\");\n      },\n    },\n    {\n      label: RANGE.THIS_WEEK,\n      callback: () => {\n        handleDateChange(\"THIS_WEEK\");\n      },\n    },\n    {\n      label: RANGE.THIS_MONTH,\n      callback: () => {\n        handleDateChange(\"THIS_MONTH\");\n      },\n    },\n    {\n      label: RANGE.THIS_QUARTER,\n      callback: () => {\n        handleDateChange(\"THIS_QUARTER\");\n      },\n    },\n    {\n      label: RANGE.THIS_YEAR,\n      callback: () => {\n        handleDateChange(\"THIS_YEAR\");\n      },\n    },\n    {\n      label: RANGE.YESTERDAY,\n      callback: () => {\n        handleDateChange(\"YESTERDAY\");\n      },\n    },\n    {\n      label: RANGE.PREVIOUS_WEEK,\n      callback: () => {\n        handleDateChange(\"PREVIOUS_WEEK\");\n      },\n    },\n    {\n      label: RANGE.PREVIOUS_MONTH,\n      callback: () => {\n        handleDateChange(\"PREVIOUS_MONTH\");\n      },\n    },\n    {\n      label: RANGE.PREVIOUS_QUARTER,\n      callback: () => {\n        handleDateChange(\"PREVIOUS_QUARTER\");\n      },\n    },\n    {\n      label: RANGE.PREVIOUS_YEAR,\n      callback: () => {\n        handleDateChange(\"PREVIOUS_YEAR\");\n      },\n    },\n    {\n      label: RANGE.CUSTOM,\n      callback: () => {\n        handleDateChange(\"CUSTOM\");\n      },\n    },\n  ];\n\n  const isChecked =(value: any) => {\n    return selectedItems.some(item => item?.value == value?.value)\n  }\n  \n  const handleFilterPopperSubmit = () => {\n    const dateRangeFilter = {\n      start_date: dayjs(customDateRange.startDate).format(\"YYYY-MM-DD\"),\n      end_date: dayjs(customDateRange.endDate).format(\"YYYY-MM-DD\"),\n    };\n    const dateFilter = {\n      as_of_date: dayjs(customDate).format(\"YYYY-MM-DD\"),\n    };\n\n    onDateFilterChange?.({\n      ...(isDateRange ? dateRangeFilter : dateFilter),\n    });\n    handleCloseDatePopper();\n  };\n  function showFilter(val) {\n    return selectedItems.some(item => item?.value == val)\n  }\n\n  const getStartAndEndDate = (filters: any) => {\n    const startDate = dayjs(filters?.start_date).isValid() ? dayjs(filters.start_date).toDate() : new Date();\n    const endDate = dayjs(filters?.end_date).isValid() ? dayjs(filters.end_date).toDate() : new Date();\n    return { startDate, endDate };\n};\n\n  useEffect(() => {\n    setCustomDate(\n      new Date(dayjs(filters?.as_of_date || \"\").format(\"YYYY-MM-DD\"))\n    );\n  }, [filters?.as_of_date]);\n\n  useEffect(() => {\n    setCustomDateRange({\n      ...customDateRange,\n      ...getStartAndEndDate(filters)\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [filters?.end_date, filters?.start_date]);\n\n  useEffect(() => {\n    if (open) {\n      if (isDateRange) {\n        setCustomDateRange({\n          ...customDateRange,\n          ...getStartAndEndDate(filters)\n        });\n      } else {\n        setCustomDate(\n          new Date(dayjs(filters?.as_of_date || \"\").format(\"YYYY-MM-DD\"))\n        );\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open, isDateRange]);\n\n  useEffect(() => {\n    dispatch(fetchCompanies());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    setAllFields(generateFields(reportFilterFields));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  useEffect(() => {\n    handleDateChange(dateFilter)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dateFilter]);\n\n  const filterDropDownFunc = () => {\n    return (\n      <Menu\n        anchorEl={actionAnchorEl}\n        open={Boolean(actionAnchorEl)}\n        onClose={handleFilterClose}\n      >\n        {/* <MenuItem className=\"inventoryReportsTitleBar--report-filter\"> */}\n          {/* Add your options here */}\n          {filterDropDown?.map((item) => (\n            <MenuItem onClick={() => handleSelectChange(item)}  key={item} value={item?.value}>\n              <Checkbox checked={isChecked(item)} />\n              <Typography sx={{marginLeft:'10px'}} color='theme.neutral.800' type='s3'>{item?.name}</Typography>\n            </MenuItem>\n          ))}\n        {/* </MenuItem> */}\n      </Menu>\n    );\n  };\n\n  const renderFilter = ({\n    key,\n    label,\n    placeholder,\n    apiType,\n    valueKey,\n    customFilter,\n    multiple = false,\n    options,\n    show=true,\n    showCancelButton=true\n  }: FilterConfig) => {\n    if (!showFilter(key)||!show) return null;\n     \n    return (\n      // <div className=\"search-filter\" key={key}>\n        <SearchableSelect\n          labelId={`${key}-label`}\n          searchPlaceholder={label}\n          value={filters?.[valueKey]}\n          onChange={(e) => onDateFilterChange({ [valueKey]: e.target.value })}\n          showCancelButton={showCancelButton}\n          apiType={apiType}\n          options={options}\n          multiple={multiple}\n          placeholder={placeholder}\n          customeFilter={customFilter}\n          // CustomDropDownIcon={FilterAltIcon}\n          customStyle={customStyle}\n          inputStyle={inputStyle}\n        />\n      // </div>\n    );\n  };\n  const FilterContainer = () => (\n    <>\n      {filtersConfig.map(renderFilter)}\n    </>\n  );\n  const handleFilterClose = () => {\n    setActionAnchorEl(null);\n  };\n\n  const ExportContainer = React.memo(()=>{\n    const handleClose = () => setExportAnchorEl(null);\n    return(\n      <Menu\n      open={Boolean(exportAnchorEl)}\n      anchorEl={exportAnchorEl}\n      onClose={handleClose}\n      anchorOrigin={{\n        vertical: \"bottom\",\n        horizontal: \"right\",\n      }}\n      transformOrigin={{\n        vertical: \"top\",\n        horizontal: \"right\",\n      }}\n    >\n      {dropdownMenuButtonData?.options?.map((option, index) => (\n        <MenuItem\n          key={index}\n          onClick={() => {\n            option.callback();\n            setExportAnchorEl(null);\n          }}  \n        >\n         <Typography type=\"s4\" weight=\"medium\" color={'inherit'}> {option.label}</Typography>\n        </MenuItem>\n      ))}\n    </Menu>\n    )\n  })\n\n  return (\n    <div>\n      <div className=\"reportsTitleBar\">\n        <div className=\"reportsTitleBar--LeftContent\">\n          {isTitleMenu ? (\n            <div style={{ zIndex: 999 }}>\n              <TitleDropdownButton\n                onClick={handleAddButton}\n                options={titleMenus}\n                isMenuThirdItemDisabled={true}\n              >\n                {title}\n              </TitleDropdownButton>\n            </div>\n          ) : (\n            <Typography type=\"h3\" weight=\"medium\" color=\"theme.secondary.1000\">\n              {title}\n            </Typography>\n          )}\n        </div>\n       \n        <ReportButtons\n          zIndex={999}\n          className=\"reportsTitleBar--RightContent\"\n          buttons={buttons}\n        />\n      </div>\n      {tabs?.length ? (\n        <div>\n          <TabBar\n            tabs={tabs || []}\n            activeValue={activeValue}\n            setActiveValue={setActiveValue}\n            isTabViewOnly={true}\n          />\n        </div>\n      ) : null}\n      <Box sx={{ display: \"flex\", justifyContent: \"space-between\", my: 2.5, mx: 1 }}>\n        <div className=\"reportsTitleBar--FilterWrapper\">\n        {FilterContainer()}\n          { (filters?.end_date && showDateFilter) && (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"reportsTitleBar--FilterWrapper--Chip\"\n                ref={chipDateSelectRef}\n                onClick={() => {\n                  if (!open) {\n                    anchorRef.current = chipDateSelectRef.current;\n                    setOpen(true);\n                  } else {\n                    handleCloseDatePopper();\n                  }\n                }}\n              >\n                <div\n                  className=\"reportsTitleBar--FilterWrapper--Chip--Text\"\n                  title={`${dayjs(filters?.start_date).format(\"DD/MM/YYYY\")} - ${dayjs(filters?.end_date).format(\"DD/MM/YYYY\")}`}\n                >\n                  <Typography type=\"s4\" weight=\"medium\">\n                    {t(\"common.dateRange\")}:\n                  </Typography>\n                  <Typography\n                    className=\"reportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                    type=\"s4\"\n                  >\n                    {dayjs(filters?.start_date).format(\"DD/MM/YYYY\")} -{\" \"}\n                    {dayjs(filters?.end_date).format(\"DD/MM/YYYY\")}\n                  </Typography>\n                </div>\n                <KeyboardArrowDownIcon />\n              </div>\n            </div>\n          )}\n          {(customDateRange?.startDate && customDateRange?.endDate && isDateFilterEnabled  && !['TODAY','YESTERDAY'].includes(dateRange)) && (\n            \n          <>\n           {customDateRange?.startDate && (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"reportsTitleBar--FilterWrapper--Chip\"\n                style={{padding:' 5px 12px'}}\n                ref={chipDateSelectRef}\n               \n              >\n                <div\n                  className=\"reportsTitleBar--FilterWrapper--Chip--Text\"\n                  title={`${dayjs(customDateRange?.startDate).format(\"DD/MM/YYYY\")}`}\n                >\n                  <Typography type=\"s4\" weight=\"medium\">\n                    {t(\"common.startDate\")}:\n                  </Typography>\n                  <Typography\n                    className=\"reportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                    type=\"s4\"\n                  >\n                    {dayjs(customDateRange?.startDate).format(\"DD/MM/YYYY\")}\n                  </Typography>\n                </div>\n                {/* <KeyboardArrowDownIcon /> */}\n              </div>\n            </div>\n          )}\n           {customDateRange?.endDate && (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"reportsTitleBar--FilterWrapper--Chip\"\n                ref={chipDateSelectRef}\n                style={{padding:' 5px 12px'}}\n              >\n                <div\n                  className=\"reportsTitleBar--FilterWrapper--Chip--Text\"\n                  title={`${dayjs(customDateRange?.startDate).format(\"DD/MM/YYYY\")}`}\n                >\n                  <Typography type=\"s4\" weight=\"medium\">\n                    {t(\"common.endDate\")}:\n                  </Typography>\n                  <Typography\n                    className=\"reportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                    type=\"s4\"\n                  >\n                    {dayjs(customDateRange?.endDate).format(\"DD/MM/YYYY\")}\n                  </Typography>\n                </div>\n                {/* <KeyboardArrowDownIcon /> */}\n              </div>\n            </div>\n          )}\n          </>\n          )}\n          {filters?.as_of_date && (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"reportsTitleBar--FilterWrapper--Chip\"\n                ref={chipDateSelectRef}\n                onClick={() => {\n                  if (!open) {\n                    anchorRef.current = chipDateSelectRef.current;\n                    setOpen(true);\n                  } else {\n                    handleCloseDatePopper();\n                  }\n                }}\n              >\n                <div\n                  className=\"reportsTitleBar--FilterWrapper--Chip--Text\"\n                  title={`${dayjs(filters?.as_of_date).format(\"DD/MM/YYYY\")}`}\n                >\n                  <Typography type=\"s4\" weight=\"medium\">\n                    {t(\"common.date\")}:\n                  </Typography>\n                  <Typography\n                    className=\"reportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                    type=\"s4\"\n                  >\n                    {dayjs(filters?.as_of_date).format(\"DD/MM/YYYY\")}\n                  </Typography>\n                </div>\n                <KeyboardArrowDownIcon />\n              </div>\n            </div>\n          )}\n          {/* {((filters?.company && selectedCompany) ||\n            (filters?.start_date && filters?.end_date) ||\n            filters?.as_of_date) &&\n          reportFilterFields?.length\n            ? \"|\"\n            : \"\"} */}\n        </div>\n        <div className=\"report-display\">\n        {dropdownMenuButtonData?.options?.length>0 && \n          <Box>   \n           <Button\n            sx={({ palette }) => ({\n              border: \"1px solid\",\n              borderColor: 'grey.200',\n              borderRadius: \"50px\",\n              color: `${palette.grey[800]} !important`,\n              '&:hover': {\n                bgcolor: `${palette.grey[200]} !important`,\n              }\n            })}\n            variant=\"text\"\n            startIcon={<ExportIcon fontSize=\"small\"/>}\n            onClick={(event) => setExportAnchorEl (event.currentTarget)}\n          >\n            {t(\"common.export\")}\n          </Button>\n          {exportAnchorEl && (\n         <ExportContainer />\n          ) }\n          </Box>\n          }\n       \n          {filterDropDown?.length && \n          <>\n            <Box>   \n            <Button\n              sx={({ palette }) => ({\n                border: \"1px solid\",\n                borderColor: 'grey.200',\n                borderRadius: \"50px\",\n                color: `${palette.grey[800]} !important`,\n                '&:hover': {\n                  bgcolor: `${palette.grey[200]} !important`,\n                }\n              })}\n              variant=\"text\"\n              startIcon={<FilterIcon fontSize=\"small\"/>}\n              onClick={(event) => setActionAnchorEl(event.currentTarget)}\n            >\n              {t(\"common.filter\")}\n            </Button>\n            </Box>\n            {showLevelBtn && <Divider flexItem orientation=\"vertical\" sx= {{ height: '50%', alignSelf: 'auto'}} />}\n          </>\n          }\n        \n              {filterDropDownFunc()}\n              {showLevelBtn && (\n                    <>\n                      <Box className=\"reportsTitleBar--FilterAction--lvWrapper\" >\n                       <Typography type=\"s3\" weight=\"medium\" color='grey.800'> Level {level} of {dataLength}</Typography>\n                       <ButtonGroup variant=\"outlined\" disableElevation sx={({ palette }) => ({ \n                         '& .MuiButton-root' :{\n                           borderColor: `${palette.grey[200]} !important`,\n                           '&:hover': {\n                            bgcolor: `${palette.grey[200]} !important`,\n                          }\n                          },\n                          '& .MuiButtonGroup-firstButton' : {\n                            borderTopLeftRadius: 20,\n                            borderBottomLeftRadius: 20\n                          },\n                          '& .MuiButtonGroup-lastButton' : {\n                            borderTopRightRadius: 20,\n                            borderBottomRightRadius: 20\n                          }\n                      })}>\n                        <MuiButton onClick={() => {\n                            setLevel(level == dataLength ? level : level + 1)\n                            handleRowsCollapse?.(level)\n                          }}>\n                            <img src={images.common.expand} />\n                        </MuiButton>\n                        <MuiButton onClick={() => {\n                            setLevel(level != 1 ? level - 1 : 1)\n                            handleRowsExpand?.(level)\n                          }}>\n                            <img src={images.common.collapse} />\n                        </MuiButton>\n                       </ButtonGroup>\n                      </Box>\n                      {isDateFilterEnabled && <Divider flexItem orientation=\"vertical\" sx= {{ height: '50%', alignSelf: 'auto'}} />}\n                    </>\n                  )}\n          {isDateFilterEnabled && (\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n            <Typography type=\"s3\" weight=\"medium\" color='grey.800'>As of: </Typography>\n              <ReportButtons\n                zIndex={997}\n                className=\"reportsTitleBar--RightContent\"\n                dropdownMenuButtonData={{\n                  icon: <CalendarIcon fontSize=\"small\"/>,\n                  children: (\n                    <>\n                      {RANGE[dateRange]}\n                      <KeyboardArrowDownIcon />\n                    </>\n                  ),\n                  options: options,\n                }}\n                toggleCallback={toggleCallback}\n              />\n              <div ref={dateSelectRef}></div>\n            </Box>\n          )}\n        </div>\n      </Box>\n      {/* <Filter\n        open={openFilterPopup}\n        onClose={() => setOpenFilterPopup(false)}\n        fields={allFields}\n        onSelectedFilter={(filterName: string) => console.log(filterName)}\n        // getFilterStatesOnApply={() => {}}\n        applyFilter={(val: any) => console.log('val', val)}\n      /> */}\n      <Popper\n        sx={{\n          zIndex: 9999,\n        }}\n        open={open}\n        anchorEl={anchorRef.current}\n        role={undefined}\n        transition\n        disablePortal\n      >\n        {({ TransitionProps, placement }) => (\n          <Grow\n            {...TransitionProps}\n            style={{\n              margin: \"0 20px 0 20px\",\n              transformOrigin:\n                placement === \"bottom\" ? \"center top\" : \"center bottom\",\n            }}\n          >\n            <Paper>\n              <ClickAwayListener onClickAway={handleClose}>\n                <Box\n                  sx={{\n                    display: \"flex\",\n                    flexDirection: \"column\",\n                    alignItems: \"flex-end\",\n                  }}\n                >\n                  <div>\n                    {isDateRange ? (\n                      <DateRange\n                        editableDateInputs={true}\n                        onChange={(item) => setCustomDateRange(item.selection)}\n                        moveRangeOnFirstSelection={false}\n                        ranges={[customDateRange]}\n                        locale={enUS}\n                      />\n                    ) : (\n                      <Calendar\n                        onChange={(item) => setCustomDate(item)}\n                        date={customDate}\n                        locale={enUS}\n                      />\n                    )}\n                  </div>\n                  <Box sx={{ padding: \"0 12px 12px 0\" }}>\n                    <Button\n                      variant=\"contained\"\n                      sx={{ width: \"fit-content\" }}\n                      onClick={handleFilterPopperSubmit}\n                    >\n                        {t(\"common.apply\")}\n                    </Button>\n                  </Box>\n                </Box>\n              </ClickAwayListener>\n            </Paper>\n          </Grow>\n        )}\n      </Popper>\n    </div>\n  );\n};\n\nexport default ReportsTitleBar;\n"],"names":["dateFilter","filters","options","React","handleClose","_a","KeyboardArrowDownIcon","ExportIcon","FilterIcon","MuiButton","CalendarIcon","Calendar"],"mappings":"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"}

package/dist/components/reports-title-bar/reports-title-bar/index.js

@@ -1,39 +1,39 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=,/* empty css                         */l=;/* empty css                                 */;/* empty css                               */var r=,/* empty css                                                       */a=require("react"),i=require("@mui/icons-material/KeyboardArrowDown"),n=,/* empty css                           */o=,/* empty css                                      */s=,/* empty css                     */d=require("@mui/material"),u=,/* empty css                     */c=,/* empty css                               */p=require("react-date-range"),x=require("dayjs"),h=,/* empty css                          */m=,/* empty css                            */f=,/* empty css                             */v=,/* empty css                             */g=require("react-i18next"),j=require("date-fns/locale"),y=,/* empty css                        */b=,/* empty css                          */Y=;/* empty css                        */function D(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var T=/* @__PURE__ */D(a),M=/* @__PURE__ */D(i),R=/* @__PURE__ */D(x);exports.default=i=>{var x;const{title:D,handleAddButton:E,buttons:C=[],dropdownMenuButtonData:_,isTitleMenu:S=!1,titleMenus:B=[],reportFilterFields:k=[],toggleCallback:w,tabs:A,activeValue:N,setActiveValue:I,isDateFilterEnabled:F=!0,onDateFilterChange:O,filters:q={},isDateRange:V=!0,showDateFilter:W=!1,dateFilter:G="TODAY",filterDropDown:U,handleRowsCollapse:P,handleRowsExpand:$,showLevelBtn:H=!1,dataLength:z=0,filterKeys:K={}}=i,L=h.useAppDispatch(),Q={"&.MuiOutlinedInput-root":{"& fieldset":{border:"none",borderColor:"#ade7cb",borderRadius:"25px"},"& .MuiSelect-outlined":{padding:"4.5px 14px !important"},display:"flex",gap:"4px",width:"220px",border:"1px solid #ade7cb",borderRadius:"50px",backgroundColor:"#ebf9f2",color:"#289b64",alignItems:"center",cursor:"pointer"}},J={border:"none","&.Mui-focused":{borderColor:"transparent"},"& .MuiOutlinedInput-input":{fontSize:"14px",color:"#289b64"},"& .MuiOutlinedInput-notchedOutline":{border:"none"},"& .MuiSelect-icon":{color:"green"}},[X,Z]=a.useState([{value:"company"}]),[ee,te]=a.useState(1),[le,re]=a.useState(null),[ae,ie]=a.useState([]),[ne,oe]=a.useState(),[se,de]=a.useState(!1),[ue,ce]=a.useState(null),[pe,xe]=a.useState(new Date(R.default((null==q?void 0:q.as_of_date)||"").format("YYYY-MM-DD"))),{t:he}=g.useTranslation(),[me,fe]=a.useState({startDate:new Date(R.default((null==q?void 0:q.start_date)||"").format("YYYY-MM-DD")),endDate:new Date(R.default((null==q?void 0:q.end_date)||"").format("YYYY-MM-DD")),key:"selection"}),ve=a.useRef(null),ge=a.useRef(null),je=a.useRef(null),ye=()=>{ve.current=null,de(!1)},be=async e=>{if(oe(e),"CUSTOM"===e)ve.current=ge.current,de(!0);else{const t=await c.handleCompareDateRange({range:c.RANGE[e],from:"",to:""});null==O||O({start_date:(null==t?void 0:t.from)?null==t?void 0:t.from:"",end_date:(null==t?void 0:t.to)?null==t?void 0:t.to:""}),ye()}},Ye=e=>{ve.current&&ve.current.contains(e.target)||ye()},De=(null==U?void 0:U.map(e=>({key:e.value||e.key,label:e.name||e.label||`Search ${e.value||e.key}`,placeholder:e.placeholder||e.name||e.label,apiType:e.apiType||e.value||e.key,valueKey:(null==K?void 0:K[e.value||e.key])||e.value||e.key,customFilter:e.customFilter||null,multiple:e.multiple||!1})))||[],Te=[{label:c.RANGE.TODAY,callback:()=>{be("TODAY")}},{label:c.RANGE.THIS_WEEK,callback:()=>{be("THIS_WEEK")}},{label:c.RANGE.THIS_MONTH,callback:()=>{be("THIS_MONTH")}},{label:c.RANGE.THIS_QUARTER,callback:()=>{be("THIS_QUARTER")}},{label:c.RANGE.THIS_YEAR,callback:()=>{be("THIS_YEAR")}},{label:c.RANGE.YESTERDAY,callback:()=>{be("YESTERDAY")}},{label:c.RANGE.PREVIOUS_WEEK,callback:()=>{be("PREVIOUS_WEEK")}},{label:c.RANGE.PREVIOUS_MONTH,callback:()=>{be("PREVIOUS_MONTH")}},{label:c.RANGE.PREVIOUS_QUARTER,callback:()=>{be("PREVIOUS_QUARTER")}},{label:c.RANGE.PREVIOUS_YEAR,callback:()=>{be("PREVIOUS_YEAR")}},{label:c.RANGE.CUSTOM,callback:()=>{be("CUSTOM")}}],Me=()=>{const e={start_date:R.default(me.startDate).format("YYYY-MM-DD"),end_date:R.default(me.endDate).format("YYYY-MM-DD")},t={as_of_date:R.default(pe).format("YYYY-MM-DD")};null==O||O({...V?e:t}),ye()},Re=e=>({startDate:R.default(null==e?void 0:e.start_date).isValid()?R.default(e.start_date).toDate():/* @__PURE__ */new Date,endDate:R.default(null==e?void 0:e.end_date).isValid()?R.default(e.end_date).toDate():/* @__PURE__ */new Date});a.useEffect(()=>{xe(new Date(R.default((null==q?void 0:q.as_of_date)||"").format("YYYY-MM-DD")))},[null==q?void 0:q.as_of_date]),a.useEffect(()=>{fe({...me,...Re(q)})},[null==q?void 0:q.end_date,null==q?void 0:q.start_date]),a.useEffect(()=>{se&&(V?fe({...me,...Re(q)}):xe(new Date(R.default((null==q?void 0:q.as_of_date)||"").format("YYYY-MM-DD"))))},[se,V]),a.useEffect(()=>{L(m.fetchCompanies())},[]),a.useEffect(()=>{ie(n.generateFields(k))},[]),a.useEffect(()=>{be(G)},[G]);const Ee=T.default.memo(()=>{var t;/* @__PURE__ */
-return e.jsx(d.Menu,{open:Boolean(ue),anchorEl:ue,onClose:()=>ce(null),anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:null==(t=null==_?void 0:_.options)?void 0:t.map((t,r)=>/* @__PURE__ */e.jsx(d.MenuItem,{onClick:()=>{t.callback(),ce(null)},children:/* @__PURE__ */e.jsxs(l.Typography,{type:"s4",weight:"medium",color:"inherit",children:[" ",t.label]})},r))})});/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=,/* empty css                         */l=;/* empty css                                 */;/* empty css                               */var a=,/* empty css                                                       */r=require("react"),i=,/* empty css                                                                 */n=,/* empty css                           */o=,/* empty css                                      */s=,/* empty css                     */d=,/* empty css                     */u=,/* empty css                               */c=require("react-date-range"),p=require("dayjs"),x=,/* empty css                          */m=,/* empty css                            */h=,/* empty css                             */f=,/* empty css                             */v=require("react-i18next"),j=require("date-fns/locale"),g=,/* empty css                                                   */y=,/* empty css                                                           */b=,/* empty css                                                 */Y=,/* empty css                        */D=,/* empty css                                                         */T=,/* empty css                                                                 */M=,/* empty css                                                       */_=,/* empty css                          */R=,/* empty css                                                       */E=,/* empty css                                                   */C=,/* empty css                                                     */S=,/* empty css                                                                             */k=;/* empty css                        */function w(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var A=/* @__PURE__ */w(r),B=/* @__PURE__ */w(p);exports.default=p=>{var w;const{title:N,handleAddButton:I,buttons:q=[],dropdownMenuButtonData:F,isTitleMenu:O=!1,titleMenus:G=[],reportFilterFields:V=[],toggleCallback:W,tabs:U,activeValue:P,setActiveValue:$,isDateFilterEnabled:H=!0,onDateFilterChange:z,filters:L={},isDateRange:K=!0,showDateFilter:Q=!1,dateFilter:J="TODAY",filterDropDown:X,handleRowsCollapse:Z,handleRowsExpand:ee,showLevelBtn:te=!1,dataLength:le=0,filterKeys:ae={}}=p,re=x.useAppDispatch(),ie={"&.MuiOutlinedInput-root":{"& fieldset":{border:"none",borderColor:"#ade7cb",borderRadius:"25px"},"& .MuiSelect-outlined":{padding:"4.5px 14px !important"},display:"flex",gap:"4px",width:"220px",border:"1px solid #ade7cb",borderRadius:"50px",backgroundColor:"#ebf9f2",color:"#289b64",alignItems:"center",cursor:"pointer"}},ne={border:"none","&.Mui-focused":{borderColor:"transparent"},"& .MuiOutlinedInput-input":{fontSize:"14px",color:"#289b64"},"& .MuiOutlinedInput-notchedOutline":{border:"none"},"& .MuiSelect-icon":{color:"green"}},[oe,se]=r.useState([{value:"company"}]),[de,ue]=r.useState(1),[ce,pe]=r.useState(null),[xe,me]=r.useState([]),[he,fe]=r.useState(),[ve,je]=r.useState(!1),[ge,ye]=r.useState(null),[be,Ye]=r.useState(new Date(B.default((null==L?void 0:L.as_of_date)||"").format("YYYY-MM-DD"))),{t:De}=v.useTranslation(),[Te,Me]=r.useState({startDate:new Date(B.default((null==L?void 0:L.start_date)||"").format("YYYY-MM-DD")),endDate:new Date(B.default((null==L?void 0:L.end_date)||"").format("YYYY-MM-DD")),key:"selection"}),_e=r.useRef(null),Re=r.useRef(null),Ee=r.useRef(null),Ce=()=>{_e.current=null,je(!1)},Se=async e=>{if(fe(e),"CUSTOM"===e)_e.current=Re.current,je(!0);else{const t=await u.handleCompareDateRange({range:u.RANGE[e],from:"",to:""});null==z||z({start_date:(null==t?void 0:t.from)?null==t?void 0:t.from:"",end_date:(null==t?void 0:t.to)?null==t?void 0:t.to:""}),Ce()}},ke=e=>{_e.current&&_e.current.contains(e.target)||Ce()},we=(null==X?void 0:X.map(e=>({key:e.value||e.key,label:e.name||e.label||`Search ${e.value||e.key}`,placeholder:e.placeholder||e.name||e.label,apiType:e.apiType||e.value||e.key,valueKey:(null==ae?void 0:ae[e.value||e.key])||e.value||e.key,customFilter:e.customFilter||null,multiple:e.multiple||!1})))||[],Ae=[{label:u.RANGE.TODAY,callback:()=>{Se("TODAY")}},{label:u.RANGE.THIS_WEEK,callback:()=>{Se("THIS_WEEK")}},{label:u.RANGE.THIS_MONTH,callback:()=>{Se("THIS_MONTH")}},{label:u.RANGE.THIS_QUARTER,callback:()=>{Se("THIS_QUARTER")}},{label:u.RANGE.THIS_YEAR,callback:()=>{Se("THIS_YEAR")}},{label:u.RANGE.YESTERDAY,callback:()=>{Se("YESTERDAY")}},{label:u.RANGE.PREVIOUS_WEEK,callback:()=>{Se("PREVIOUS_WEEK")}},{label:u.RANGE.PREVIOUS_MONTH,callback:()=>{Se("PREVIOUS_MONTH")}},{label:u.RANGE.PREVIOUS_QUARTER,callback:()=>{Se("PREVIOUS_QUARTER")}},{label:u.RANGE.PREVIOUS_YEAR,callback:()=>{Se("PREVIOUS_YEAR")}},{label:u.RANGE.CUSTOM,callback:()=>{Se("CUSTOM")}}],Be=()=>{const e={start_date:B.default(Te.startDate).format("YYYY-MM-DD"),end_date:B.default(Te.endDate).format("YYYY-MM-DD")},t={as_of_date:B.default(be).format("YYYY-MM-DD")};null==z||z({...K?e:t}),Ce()},Ne=e=>({startDate:B.default(null==e?void 0:e.start_date).isValid()?B.default(e.start_date).toDate():/* @__PURE__ */new Date,endDate:B.default(null==e?void 0:e.end_date).isValid()?B.default(e.end_date).toDate():/* @__PURE__ */new Date});r.useEffect(()=>{Ye(new Date(B.default((null==L?void 0:L.as_of_date)||"").format("YYYY-MM-DD")))},[null==L?void 0:L.as_of_date]),r.useEffect(()=>{Me({...Te,...Ne(L)})},[null==L?void 0:L.end_date,null==L?void 0:L.start_date]),r.useEffect(()=>{ve&&(K?Me({...Te,...Ne(L)}):Ye(new Date(B.default((null==L?void 0:L.as_of_date)||"").format("YYYY-MM-DD"))))},[ve,K]),r.useEffect(()=>{re(m.fetchCompanies())},[]),r.useEffect(()=>{me(n.generateFields(V))},[]),r.useEffect(()=>{Se(J)},[J]);const Ie=A.default.memo(()=>{var t;/* @__PURE__ */
+return e.jsx(g.default,{open:Boolean(ge),anchorEl:ge,onClose:()=>ye(null),anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:null==(t=null==F?void 0:F.options)?void 0:t.map((t,a)=>/* @__PURE__ */e.jsx(y.default,{onClick:()=>{t.callback(),ye(null)},children:/* @__PURE__ */e.jsxs(l.Typography,{type:"s4",weight:"medium",color:"inherit",children:[" ",t.label]})},a))})});/* @__PURE__ */
 return e.jsxs("div",{children:[
 /* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar",children:[
-/* @__PURE__ */e.jsx("div",{className:"reportsTitleBar--LeftContent",children:S?/* @__PURE__ */e.jsx("div",{style:{zIndex:999},children:/* @__PURE__ */e.jsx(r.default,{onClick:E,options:B,isMenuThirdItemDisabled:!0,children:D})}):/* @__PURE__ */e.jsx(l.Typography,{type:"h3",weight:"medium",color:"theme.secondary.1000",children:D})}),
-/* @__PURE__ */e.jsx(o.default,{zIndex:999,className:"reportsTitleBar--RightContent",buttons:C})]}),(null==A?void 0:A.length)?/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(s.default,{tabs:A||[],activeValue:N,setActiveValue:I,isTabViewOnly:!0})}):null,
-/* @__PURE__ */e.jsxs(d.Box,{sx:{display:"flex",justifyContent:"space-between",my:2.5,mx:1},children:[
-/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper",children:[/* @__PURE__ */e.jsx(e.Fragment,{children:De.map(({key:t,label:l,placeholder:r,apiType:a,valueKey:i,customFilter:n,multiple:o=!1,options:s,show:d=!0,showCancelButton:u=!0})=>{return c=t,X.some(e=>(null==e?void 0:e.value)==c)&&d?
-/* @__PURE__ */e.jsx(f.default,{labelId:`${t}-label`,searchPlaceholder:l,value:null==q?void 0:q[i],onChange:e=>O({[i]:e.target.value}),showCancelButton:u,apiType:a,options:s,multiple:o,placeholder:r,customeFilter:n,customStyle:Q,inputStyle:J}):null;var c})}),(null==q?void 0:q.end_date)&&W&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper--Chip",ref:je,onClick:()=>{se?ye():(ve.current=je.current,de(!0))},children:[
-/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper--Chip--Text",title:`${R.default(null==q?void 0:q.start_date).format("DD/MM/YYYY")} - ${R.default(null==q?void 0:q.end_date).format("DD/MM/YYYY")}`,children:[
-/* @__PURE__ */e.jsxs(l.Typography,{type:"s4",weight:"medium",children:[he("common.dateRange"),":"]}),
-/* @__PURE__ */e.jsxs(l.Typography,{className:"reportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:[R.default(null==q?void 0:q.start_date).format("DD/MM/YYYY")," -"," ",R.default(null==q?void 0:q.end_date).format("DD/MM/YYYY")]})]}),
-/* @__PURE__ */e.jsx(M.default,{})]})}),(null==me?void 0:me.startDate)&&(null==me?void 0:me.endDate)&&F&&!["TODAY","YESTERDAY"].includes(ne)&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[(null==me?void 0:me.startDate)&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsx("div",{className:"reportsTitleBar--FilterWrapper--Chip",style:{padding:" 5px 12px"},ref:je,children:/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper--Chip--Text",title:`${R.default(null==me?void 0:me.startDate).format("DD/MM/YYYY")}`,children:[
-/* @__PURE__ */e.jsxs(l.Typography,{type:"s4",weight:"medium",children:[he("common.startDate"),":"]}),
-/* @__PURE__ */e.jsx(l.Typography,{className:"reportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:R.default(null==me?void 0:me.startDate).format("DD/MM/YYYY")})]})})}),(null==me?void 0:me.endDate)&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsx("div",{className:"reportsTitleBar--FilterWrapper--Chip",ref:je,style:{padding:" 5px 12px"},children:/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper--Chip--Text",title:`${R.default(null==me?void 0:me.startDate).format("DD/MM/YYYY")}`,children:[
-/* @__PURE__ */e.jsxs(l.Typography,{type:"s4",weight:"medium",children:[he("common.endDate"),":"]}),
-/* @__PURE__ */e.jsx(l.Typography,{className:"reportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:R.default(null==me?void 0:me.endDate).format("DD/MM/YYYY")})]})})})]}),(null==q?void 0:q.as_of_date)&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper--Chip",ref:je,onClick:()=>{se?ye():(ve.current=je.current,de(!0))},children:[
-/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper--Chip--Text",title:`${R.default(null==q?void 0:q.as_of_date).format("DD/MM/YYYY")}`,children:[
-/* @__PURE__ */e.jsxs(l.Typography,{type:"s4",weight:"medium",children:[he("common.date"),":"]}),
-/* @__PURE__ */e.jsx(l.Typography,{className:"reportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:R.default(null==q?void 0:q.as_of_date).format("DD/MM/YYYY")})]}),
-/* @__PURE__ */e.jsx(M.default,{})]})})]}),
-/* @__PURE__ */e.jsxs("div",{className:"report-display",children:[(null==(x=null==_?void 0:_.options)?void 0:x.length)>0&&/* @__PURE__ */e.jsxs(d.Box,{children:[
-/* @__PURE__ */e.jsx(t.default,{sx:({palette:e})=>({border:"1px solid",borderColor:"grey.200",borderRadius:"50px",color:`${e.grey[800]} !important`,"&:hover":{bgcolor:`${e.grey[200]} !important`}}),variant:"text",startIcon:/* @__PURE__ */e.jsx(Y.Export,{fontSize:"small"}),onClick:e=>ce(e.currentTarget),children:he("common.export")}),ue&&/* @__PURE__ */e.jsx(Ee,{})]}),(null==U?void 0:U.length)&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(d.Box,{children:/* @__PURE__ */e.jsx(t.default,{sx:({palette:e})=>({border:"1px solid",borderColor:"grey.200",borderRadius:"50px",color:`${e.grey[800]} !important`,"&:hover":{bgcolor:`${e.grey[200]} !important`}}),variant:"text",startIcon:/* @__PURE__ */e.jsx(y.Filter,{fontSize:"small"}),onClick:e=>re(e.currentTarget),children:he("common.filter")})}),H&&/* @__PURE__ */e.jsx(d.Divider,{flexItem:!0,orientation:"vertical",sx:{height:"50%",alignSelf:"auto"}})]}),/* @__PURE__ */e.jsx(d.Menu,{anchorEl:le,open:Boolean(le),onClose:()=>{re(null)},children:null==U?void 0:U.map(t=>{/* @__PURE__ */return e.jsxs(d.MenuItem,{onClick:()=>{return e=t,void(X.some(t=>t.value==e.value)?Z(X.filter(t=>(null==t?void 0:t.value)!=e.value)):Z([...X,e]));var e},value:null==t?void 0:t.value,children:[
-/* @__PURE__ */e.jsx(v.default,{checked:(r=t,X.some(e=>(null==e?void 0:e.value)==(null==r?void 0:r.value)))}),
-/* @__PURE__ */e.jsx(l.Typography,{sx:{marginLeft:"10px"},color:"theme.neutral.800",type:"s3",children:null==t?void 0:t.name})]},t);var r})}),H&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsxs(d.Box,{className:"reportsTitleBar--FilterAction--lvWrapper",children:[
-/* @__PURE__ */e.jsxs(l.Typography,{type:"s3",weight:"medium",color:"grey.800",children:[" Level ",ee," of ",z]}),
-/* @__PURE__ */e.jsxs(d.ButtonGroup,{variant:"outlined",disableElevation:!0,sx:({palette:e})=>({"& .MuiButton-root":{borderColor:`${e.grey[200]} !important`,"&:hover":{bgcolor:`${e.grey[200]} !important`}},"& .MuiButtonGroup-firstButton":{borderTopLeftRadius:20,borderBottomLeftRadius:20},"& .MuiButtonGroup-lastButton":{borderTopRightRadius:20,borderBottomRightRadius:20}}),children:[
-/* @__PURE__ */e.jsx(d.Button,{onClick:()=>{te(ee==z?ee:ee+1),null==P||P(ee)},children:/* @__PURE__ */e.jsx("img",{src:u.images.common.expand})}),
-/* @__PURE__ */e.jsx(d.Button,{onClick:()=>{te(1!=ee?ee-1:1),null==$||$(ee)},children:/* @__PURE__ */e.jsx("img",{src:u.images.common.collapse})})]})]}),F&&/* @__PURE__ */e.jsx(d.Divider,{flexItem:!0,orientation:"vertical",sx:{height:"50%",alignSelf:"auto"}})]}),F&&/* @__PURE__ */e.jsxs(d.Box,{sx:{display:"flex",alignItems:"center",gap:.5},children:[
+/* @__PURE__ */e.jsx("div",{className:"reportsTitleBar--LeftContent",children:O?/* @__PURE__ */e.jsx("div",{style:{zIndex:999},children:/* @__PURE__ */e.jsx(a.default,{onClick:I,options:G,isMenuThirdItemDisabled:!0,children:N})}):/* @__PURE__ */e.jsx(l.Typography,{type:"h3",weight:"medium",color:"theme.secondary.1000",children:N})}),
+/* @__PURE__ */e.jsx(o.default,{zIndex:999,className:"reportsTitleBar--RightContent",buttons:q})]}),(null==U?void 0:U.length)?/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(s.default,{tabs:U||[],activeValue:P,setActiveValue:$,isTabViewOnly:!0})}):null,
+/* @__PURE__ */e.jsxs(b.default,{sx:{display:"flex",justifyContent:"space-between",my:2.5,mx:1},children:[
+/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper",children:[/* @__PURE__ */e.jsx(e.Fragment,{children:we.map(({key:t,label:l,placeholder:a,apiType:r,valueKey:i,customFilter:n,multiple:o=!1,options:s,show:d=!0,showCancelButton:u=!0})=>{return c=t,oe.some(e=>(null==e?void 0:e.value)==c)&&d?
+/* @__PURE__ */e.jsx(h.default,{labelId:`${t}-label`,searchPlaceholder:l,value:null==L?void 0:L[i],onChange:e=>z({[i]:e.target.value}),showCancelButton:u,apiType:r,options:s,multiple:o,placeholder:a,customeFilter:n,customStyle:ie,inputStyle:ne}):null;var c})}),(null==L?void 0:L.end_date)&&Q&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper--Chip",ref:Ee,onClick:()=>{ve?Ce():(_e.current=Ee.current,je(!0))},children:[
+/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper--Chip--Text",title:`${B.default(null==L?void 0:L.start_date).format("DD/MM/YYYY")} - ${B.default(null==L?void 0:L.end_date).format("DD/MM/YYYY")}`,children:[
+/* @__PURE__ */e.jsxs(l.Typography,{type:"s4",weight:"medium",children:[De("common.dateRange"),":"]}),
+/* @__PURE__ */e.jsxs(l.Typography,{className:"reportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:[B.default(null==L?void 0:L.start_date).format("DD/MM/YYYY")," -"," ",B.default(null==L?void 0:L.end_date).format("DD/MM/YYYY")]})]}),
+/* @__PURE__ */e.jsx(i.default,{})]})}),(null==Te?void 0:Te.startDate)&&(null==Te?void 0:Te.endDate)&&H&&!["TODAY","YESTERDAY"].includes(he)&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[(null==Te?void 0:Te.startDate)&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsx("div",{className:"reportsTitleBar--FilterWrapper--Chip",style:{padding:" 5px 12px"},ref:Ee,children:/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper--Chip--Text",title:`${B.default(null==Te?void 0:Te.startDate).format("DD/MM/YYYY")}`,children:[
+/* @__PURE__ */e.jsxs(l.Typography,{type:"s4",weight:"medium",children:[De("common.startDate"),":"]}),
+/* @__PURE__ */e.jsx(l.Typography,{className:"reportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:B.default(null==Te?void 0:Te.startDate).format("DD/MM/YYYY")})]})})}),(null==Te?void 0:Te.endDate)&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsx("div",{className:"reportsTitleBar--FilterWrapper--Chip",ref:Ee,style:{padding:" 5px 12px"},children:/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper--Chip--Text",title:`${B.default(null==Te?void 0:Te.startDate).format("DD/MM/YYYY")}`,children:[
+/* @__PURE__ */e.jsxs(l.Typography,{type:"s4",weight:"medium",children:[De("common.endDate"),":"]}),
+/* @__PURE__ */e.jsx(l.Typography,{className:"reportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:B.default(null==Te?void 0:Te.endDate).format("DD/MM/YYYY")})]})})})]}),(null==L?void 0:L.as_of_date)&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper--Chip",ref:Ee,onClick:()=>{ve?Ce():(_e.current=Ee.current,je(!0))},children:[
+/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper--Chip--Text",title:`${B.default(null==L?void 0:L.as_of_date).format("DD/MM/YYYY")}`,children:[
+/* @__PURE__ */e.jsxs(l.Typography,{type:"s4",weight:"medium",children:[De("common.date"),":"]}),
+/* @__PURE__ */e.jsx(l.Typography,{className:"reportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:B.default(null==L?void 0:L.as_of_date).format("DD/MM/YYYY")})]}),
+/* @__PURE__ */e.jsx(i.default,{})]})})]}),
+/* @__PURE__ */e.jsxs("div",{className:"report-display",children:[(null==(w=null==F?void 0:F.options)?void 0:w.length)>0&&/* @__PURE__ */e.jsxs(b.default,{children:[
+/* @__PURE__ */e.jsx(t.default,{sx:({palette:e})=>({border:"1px solid",borderColor:"grey.200",borderRadius:"50px",color:`${e.grey[800]} !important`,"&:hover":{bgcolor:`${e.grey[200]} !important`}}),variant:"text",startIcon:/* @__PURE__ */e.jsx(k.Export,{fontSize:"small"}),onClick:e=>ye(e.currentTarget),children:De("common.export")}),ge&&/* @__PURE__ */e.jsx(Ie,{})]}),(null==X?void 0:X.length)&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(b.default,{children:/* @__PURE__ */e.jsx(t.default,{sx:({palette:e})=>({border:"1px solid",borderColor:"grey.200",borderRadius:"50px",color:`${e.grey[800]} !important`,"&:hover":{bgcolor:`${e.grey[200]} !important`}}),variant:"text",startIcon:/* @__PURE__ */e.jsx(Y.Filter,{fontSize:"small"}),onClick:e=>pe(e.currentTarget),children:De("common.filter")})}),te&&/* @__PURE__ */e.jsx(D.default,{flexItem:!0,orientation:"vertical",sx:{height:"50%",alignSelf:"auto"}})]}),/* @__PURE__ */e.jsx(g.default,{anchorEl:ce,open:Boolean(ce),onClose:()=>{pe(null)},children:null==X?void 0:X.map(t=>{/* @__PURE__ */return e.jsxs(y.default,{onClick:()=>{return e=t,void(oe.some(t=>t.value==e.value)?se(oe.filter(t=>(null==t?void 0:t.value)!=e.value)):se([...oe,e]));var e},value:null==t?void 0:t.value,children:[
+/* @__PURE__ */e.jsx(f.default,{checked:(a=t,oe.some(e=>(null==e?void 0:e.value)==(null==a?void 0:a.value)))}),
+/* @__PURE__ */e.jsx(l.Typography,{sx:{marginLeft:"10px"},color:"theme.neutral.800",type:"s3",children:null==t?void 0:t.name})]},t);var a})}),te&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsxs(b.default,{className:"reportsTitleBar--FilterAction--lvWrapper",children:[
+/* @__PURE__ */e.jsxs(l.Typography,{type:"s3",weight:"medium",color:"grey.800",children:[" Level ",de," of ",le]}),
+/* @__PURE__ */e.jsxs(T.default,{variant:"outlined",disableElevation:!0,sx:({palette:e})=>({"& .MuiButton-root":{borderColor:`${e.grey[200]} !important`,"&:hover":{bgcolor:`${e.grey[200]} !important`}},"& .MuiButtonGroup-firstButton":{borderTopLeftRadius:20,borderBottomLeftRadius:20},"& .MuiButtonGroup-lastButton":{borderTopRightRadius:20,borderBottomRightRadius:20}}),children:[
+/* @__PURE__ */e.jsx(M.default,{onClick:()=>{ue(de==le?de:de+1),null==Z||Z(de)},children:/* @__PURE__ */e.jsx("img",{src:d.images.common.expand})}),
+/* @__PURE__ */e.jsx(M.default,{onClick:()=>{ue(1!=de?de-1:1),null==ee||ee(de)},children:/* @__PURE__ */e.jsx("img",{src:d.images.common.collapse})})]})]}),H&&/* @__PURE__ */e.jsx(D.default,{flexItem:!0,orientation:"vertical",sx:{height:"50%",alignSelf:"auto"}})]}),H&&/* @__PURE__ */e.jsxs(b.default,{sx:{display:"flex",alignItems:"center",gap:.5},children:[
 /* @__PURE__ */e.jsx(l.Typography,{type:"s3",weight:"medium",color:"grey.800",children:"As of: "}),
-/* @__PURE__ */e.jsx(o.default,{zIndex:997,className:"reportsTitleBar--RightContent",dropdownMenuButtonData:{icon:/* @__PURE__ */e.jsx(b.Calendar,{fontSize:"small"}),children:/* @__PURE__ */e.jsxs(e.Fragment,{children:[c.RANGE[ne],
-/* @__PURE__ */e.jsx(M.default,{})]}),options:Te},toggleCallback:w}),
-/* @__PURE__ */e.jsx("div",{ref:ge})]})]})]}),
-/* @__PURE__ */e.jsx(d.Popper,{sx:{zIndex:9999},open:se,anchorEl:ve.current,role:void 0,transition:!0,disablePortal:!0,children:({TransitionProps:l,placement:r})=>/* @__PURE__ */e.jsx(d.Grow,{...l,style:{margin:"0 20px 0 20px",transformOrigin:"bottom"===r?"center top":"center bottom"},children:/* @__PURE__ */e.jsx(d.Paper,{children:/* @__PURE__ */e.jsx(d.ClickAwayListener,{onClickAway:Ye,children:/* @__PURE__ */e.jsxs(d.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"flex-end"},children:[
-/* @__PURE__ */e.jsx("div",{children:V?/* @__PURE__ */e.jsx(p.DateRange,{editableDateInputs:!0,onChange:e=>fe(e.selection),moveRangeOnFirstSelection:!1,ranges:[me],locale:j.enUS}):/* @__PURE__ */e.jsx(p.Calendar,{onChange:e=>xe(e),date:pe,locale:j.enUS})}),
-/* @__PURE__ */e.jsx(d.Box,{sx:{padding:"0 12px 12px 0"},children:/* @__PURE__ */e.jsx(t.default,{variant:"contained",sx:{width:"fit-content"},onClick:Me,children:he("common.apply")})})]})})})})})]})};
+/* @__PURE__ */e.jsx(o.default,{zIndex:997,className:"reportsTitleBar--RightContent",dropdownMenuButtonData:{icon:/* @__PURE__ */e.jsx(_.Calendar,{fontSize:"small"}),children:/* @__PURE__ */e.jsxs(e.Fragment,{children:[u.RANGE[he],
+/* @__PURE__ */e.jsx(i.default,{})]}),options:Ae},toggleCallback:W}),
+/* @__PURE__ */e.jsx("div",{ref:Re})]})]})]}),
+/* @__PURE__ */e.jsx(R.default,{sx:{zIndex:9999},open:ve,anchorEl:_e.current,role:void 0,transition:!0,disablePortal:!0,children:({TransitionProps:l,placement:a})=>/* @__PURE__ */e.jsx(E.default,{...l,style:{margin:"0 20px 0 20px",transformOrigin:"bottom"===a?"center top":"center bottom"},children:/* @__PURE__ */e.jsx(C.default,{children:/* @__PURE__ */e.jsx(S.ClickAwayListener,{onClickAway:ke,children:/* @__PURE__ */e.jsxs(b.default,{sx:{display:"flex",flexDirection:"column",alignItems:"flex-end"},children:[
+/* @__PURE__ */e.jsx("div",{children:K?/* @__PURE__ */e.jsx(c.DateRange,{editableDateInputs:!0,onChange:e=>Me(e.selection),moveRangeOnFirstSelection:!1,ranges:[Te],locale:j.enUS}):/* @__PURE__ */e.jsx(c.Calendar,{onChange:e=>Ye(e),date:be,locale:j.enUS})}),
+/* @__PURE__ */e.jsx(b.default,{sx:{padding:"0 12px 12px 0"},children:/* @__PURE__ */e.jsx(t.default,{variant:"contained",sx:{width:"fit-content"},onClick:Be,children:De("common.apply")})})]})})})})})]})};
 //# sourceMappingURL=index.js.map