@erpsquad/common 1.8.40 → 1.8.42

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/inventory-reports-title-bar/component/reportFilter.tsx"],"sourcesContent":["import { Box, Dialog, DialogActions, DialogContent, DialogTitle, IconButton } from '@mui/material'\nimport Typography from '../../typography/typography'\nimport { Close } from '@mui/icons-material'\nimport Button from '../../button/button'\nimport { useMemo, useRef, useState } from 'react';\nimport dayjs from \"dayjs\";\nimport KeyboardArrowDownIcon from \"@mui/icons-material/KeyboardArrowDown\";\nimport ReportButtons from '../report-buttons/report-buttons';\nimport { useAppSelector } from '../../../redux/hooks';\nimport './reportFilter.scss'\nexport default function ReportFilter({ openFilter, closeReportFilter, filters, showAssembluItemsFilter, toggleCallback, onDateFilterChange, showBomFilter }) {\n    //Ref\n    const chipDateSelectRef = useRef<HTMLDivElement>(null);\n    const anchorRef = useRef<HTMLDivElement | null>(null);\n    //Local State\n    const [open, setOpen] = useState<boolean>(false);\n\n    //store\n    const { companies, items, warehouseLocations, assemblyItems, bomData } = useAppSelector(\n        (store) => store.inventoryReportsTitleBar\n    );\n\n    //Function\n    const handleCloseDatePopper = () => {\n        anchorRef.current = null;\n        setOpen(false);\n    };\n\n    //use Memo\n\n    const selectedCompany = useMemo(\n        () =>\n            companies?.find((company) => filters?.company === company.id)\n                ?.company_name || \"Select company\",\n        [companies, filters?.company]\n    );\n\n    const companyOptions = useMemo(\n        () =>\n            companies?.map((company) => ({\n                label: company?.company_name || \"\",\n                callback: () => onDateFilterChange?.({ company: company?.id }),\n            })) || [],\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [companies]\n    );\n    const selectedItem = useMemo(\n        () =>\n            items?.find((item) => filters?.item_id === item.id)?.name ||\n            \"Select item\",\n        [items, filters?.item_id]\n    );\n    const selectedAssemblyItems = useMemo(() => assemblyItems?.find((item) => filters?.assembly_item_id === item.id)?.name ||\n        \"Select Assembly Item\",\n        [assemblyItems, filters?.assembly_item_id])\n\n    const assemblyItemOptions = useMemo(\n        () =>\n            assemblyItems?.map((ai) => ({\n                label: ai?.name || \"\",\n                callback: () =>\n                    onDateFilterChange?.({ assembly_item_id: ai?.id }),\n            })) || [],\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [assemblyItems]\n    );\n    const selectedWarehouseLocation = useMemo(\n        () =>\n            warehouseLocations?.find(\n                (warehouseLocation) => filters?.warehouse_id === warehouseLocation.id\n            )?.name || \"Select warehouse\",\n        [warehouseLocations, filters?.warehouse_id]\n    );\n    const warehouseLocationOptions = useMemo(\n        () =>\n            warehouseLocations?.map((warehouseLocation) => ({\n                label: warehouseLocation?.name || \"\",\n                callback: () =>\n                    onDateFilterChange?.({ warehouse_id: warehouseLocation?.id }),\n            })) || [],\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [warehouseLocations]\n    );\n    const selectedBom = useMemo(\n        () =>\n            bomData?.find((item) => filters?.bom_id === item.id)?.name ||\n            \"Select BoM\",\n        [bomData, filters?.bom_id]\n    );\n    const bomOptions = useMemo(() => bomData?.map((bom: any) => ({\n        label: bom?.name || \"\",\n        callback: () =>\n            onDateFilterChange?.({ bom_id: bom?.id }),\n    })) || [],\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [bomData])\n\n    const itemOptions = useMemo(\n        () =>\n            items?.map((item) => ({\n                label: item?.name || \"\",\n                callback: () => onDateFilterChange?.({ item_id: item?.id }),\n            })) || [],\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [items]\n    );\n    return (\n        <>\n            <Dialog\n                open={openFilter}\n                onClose={closeReportFilter}\n                aria-labelledby=\"alert-dialog-title\"\n                fullWidth={true}\n                maxWidth=\"lg\"\n                aria-describedby=\"alert-dialog-description\"\n                PaperProps={{\n                    sx: { width: '80vw', height: '250px', whiteSpace: 'nowrap', overflowY: 'hidden' } // Custom width and height with nowrap\n                }}\n            >\n                <DialogTitle id=\"responsive-dialog-title\" style={{ borderBottom: \"1px solid #D3D3D4\", padding: 0, paddingTop: '5pxs' }}>\n                    <Box\n                        sx={{\n                            display: 'flex',\n                            justifyContent: 'space-between',\n                            height: '40px',\n                            padding: '0px',\n                            alignItems: 'center'\n                        }}\n                    >\n                        <Typography type=\"s3\" weight='medium' sx={{ fontWeight: 500, marginLeft: 2, color: '#000000' }}>\n                            Filter\n                        </Typography>\n                        <Box sx={{ display: 'flex', alignItems: 'center' }}>\n\n                            <IconButton onClick={closeReportFilter}>\n                                <Close fontSize='small' />\n                            </IconButton>\n                        </Box>\n                    </Box>\n                </DialogTitle>\n                <DialogContent>\n                    <Box p={2}>\n                        <div className=\"inventoryReportsTitleBar--FilterWrapper\">\n\n                            {filters?.start_date && filters?.end_date && (\n                                <div style={{ display: \"flex\", gap: \"8px\" }}>\n                                    <div\n                                        className=\"inventoryReportsTitleBar--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=\"inventoryReportsTitleBar--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                                                Date Range:\n                                            </Typography>\n                                            <Typography\n                                                className=\"inventoryReportsTitleBar--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                            {filters?.as_of_date && (\n                                <div style={{ display: \"flex\", gap: \"8px\" }}>\n                                    <div\n                                        className=\"inventoryReportsTitleBar--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=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n                                            title={`${dayjs(filters?.as_of_date).format(\"DD/MM/YYYY\")}`}\n                                        >\n                                            <Typography type=\"s4\" weight=\"medium\">\n                                                Date:\n                                            </Typography>\n                                            <Typography\n                                                className=\"inventoryReportsTitleBar--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                            <div style={{ display: \"flex\", gap: \"8px\" }}>\n                                <ReportButtons\n                                    zIndex={998}\n                                    className=\"inventoryReportsTitleBar--RightContent\"\n                                    dropdownMenuButtonData={{\n                                        sx: {\n                                            padding: \"0\",\n                                        },\n                                        children: (\n                                            <>\n                                                <div className=\"inventoryReportsTitleBar--FilterWrapper--Chip\">\n                                                    <div\n                                                        className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n                                                        title={`${selectedCompany}`}\n                                                    >\n                                                        <Typography type=\"s4\" weight=\"medium\">\n                                                            Company:\n                                                        </Typography>\n                                                        <Typography\n                                                            className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                                                            type=\"s4\"\n                                                        >\n                                                            {selectedCompany}\n                                                        </Typography>\n                                                    </div>\n                                                    <KeyboardArrowDownIcon />\n                                                </div>\n                                            </>\n                                        ),\n                                        options: companyOptions,\n                                    }}\n                                    toggleCallback={toggleCallback}\n                                />\n                            </div>\n                            {\n                                showAssembluItemsFilter && <div style={{ display: \"flex\", gap: \"8px\" }}>\n                                    <ReportButtons\n                                        zIndex={998}\n                                        className=\"inventoryReportsTitleBar--RightContent\"\n                                        dropdownMenuButtonData={{\n                                            sx: {\n                                                padding: \"0\",\n                                            },\n                                            children: (\n                                                <>\n                                                    <div className=\"inventoryReportsTitleBar--FilterWrapper--Chip\">\n                                                        <div\n                                                            className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n                                                            title={`${selectedAssemblyItems}`}\n                                                        >\n                                                            <Typography type=\"s4\" weight=\"medium\">\n                                                                Assembly Items\n                                                            </Typography>\n                                                            <Typography\n                                                                className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                                                                type=\"s4\"\n                                                            >\n                                                                {selectedAssemblyItems}\n                                                            </Typography>\n                                                        </div>\n                                                        <KeyboardArrowDownIcon />\n                                                    </div>\n                                                </>\n                                            ),\n                                            options: assemblyItemOptions,\n                                        }}\n                                        toggleCallback={toggleCallback}\n                                    />\n                                </div>\n                            }\n\n                            <div style={{ display: \"flex\", gap: \"8px\" }}>\n                                <ReportButtons\n                                    zIndex={998}\n                                    className=\"inventoryReportsTitleBar--RightContent\"\n                                    dropdownMenuButtonData={{\n                                        sx: {\n                                            padding: \"0\",\n                                        },\n                                        children: (\n                                            <>\n                                                <div className=\"inventoryReportsTitleBar--FilterWrapper--Chip\">\n                                                    <div\n                                                        className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n                                                        title={`${selectedWarehouseLocation}`}\n                                                    >\n                                                        <Typography type=\"s4\" weight=\"medium\">\n                                                            Location:\n                                                        </Typography>\n                                                        <Typography\n                                                            className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                                                            type=\"s4\"\n                                                        >\n                                                            {selectedWarehouseLocation}\n                                                        </Typography>\n                                                    </div>\n                                                    <KeyboardArrowDownIcon />\n                                                </div>\n                                            </>\n                                        ),\n                                        options: warehouseLocationOptions,\n                                    }}\n                                    toggleCallback={toggleCallback}\n                                />\n                            </div>\n                            <div style={{ display: \"flex\", gap: \"8px\" }}>\n                                <ReportButtons\n                                    zIndex={998}\n                                    className=\"inventoryReportsTitleBar--RightContent\"\n                                    dropdownMenuButtonData={{\n                                        sx: {\n                                            padding: \"0\",\n                                        },\n                                        children: (\n                                            <>\n                                                <div className=\"inventoryReportsTitleBar--FilterWrapper--Chip\">\n                                                    <div\n                                                        className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n                                                        title={`${selectedItem}`}\n                                                    >\n                                                        <Typography type=\"s4\" weight=\"medium\">\n                                                            Item:\n                                                        </Typography>\n                                                        <Typography\n                                                            className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                                                            type=\"s4\"\n                                                        >\n                                                            {selectedItem}\n                                                        </Typography>\n                                                    </div>\n                                                    <KeyboardArrowDownIcon />\n                                                </div>\n                                            </>\n                                        ),\n                                        options: itemOptions,\n                                    }}\n                                    toggleCallback={toggleCallback}\n                                />\n                            </div>\n                            {showBomFilter && <div style={{ display: \"flex\", gap: \"8px\" }}>\n                                <ReportButtons\n                                    zIndex={998}\n                                    className=\"inventoryReportsTitleBar--RightContent\"\n                                    dropdownMenuButtonData={{\n                                        sx: {\n                                            padding: \"0\",\n                                        },\n                                        children: (\n                                            <>\n                                                <div className=\"inventoryReportsTitleBar--FilterWrapper--Chip\">\n                                                    <div\n                                                        className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n                                                        title={`${selectedBom}`}\n                                                    >\n                                                        <Typography type=\"s4\" weight=\"medium\">\n                                                            BoM:\n                                                        </Typography>\n                                                        <Typography\n                                                            className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                                                            type=\"s4\"\n                                                        >\n                                                            {selectedBom}\n                                                        </Typography>\n                                                    </div>\n                                                    <KeyboardArrowDownIcon />\n                                                </div>\n                                            </>\n                                        ),\n                                        options: bomOptions,\n                                    }}\n                                    toggleCallback={toggleCallback}\n                                />\n                            </div>}\n\n                        </div>\n                    </Box>\n\n                </DialogContent>\n                <DialogActions sx={{ backgroundColor: '#F5F6F5' }}>\n                    <Button style={{ backgroundColor: '#ffff', color: '#292D32' }} onClick={closeReportFilter} variant='contained' >\n                        Close\n                    </Button>\n                    <Button variant='contained' >\n                        Save\n                    </Button>\n                </DialogActions>\n            </Dialog>\n        </>\n    )\n}"],"names":["KeyboardArrowDownIcon"],"mappings":"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"}

package/dist/components/inventory-reports-title-bar/component/reportFilter/index.js

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=,/* empty css                                    */i=,/* empty css                            */t=require("react"),r=require("dayjs"),a=,/* empty css                                                                    */n=,/* empty css                                         */s=;/* empty css                             */;/* empty css                          */var o=,/* empty css                                                          */d=,/* empty css                                                                    */p=,/* empty css                                                    */u=,/* empty css                                                                  */c=,/* empty css                                                            */m=,/* empty css                                                                        */x=;/* empty css                                                                        */function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=/* @__PURE__ */h(r);exports.default=function({openFilter:r,closeReportFilter:h,filters:v,showAssembluItemsFilter:g,toggleCallback:j,onDateFilterChange:f,showBomFilter:T}){const C=t.useRef(null),b=t.useRef(null),[B,_]=t.useState(!1),{companies:F,items:R,warehouseLocations:D,assemblyItems:M,bomData:w}=s.useAppSelector(e=>e.inventoryReportsTitleBar),N=()=>{b.current=null,_(!1)},W=t.useMemo(()=>{var e;return(null==(e=null==F?void 0:F.find(e=>(null==v?void 0:v.company)===e.id))?void 0:e.company_name)||"Select company"},[F,null==v?void 0:v.company]),Y=t.useMemo(()=>(null==F?void 0:F.map(e=>({label:(null==e?void 0:e.company_name)||"",callback:()=>null==f?void 0:f({company:null==e?void 0:e.id})})))||[],[F]),k=t.useMemo(()=>{var e;return(null==(e=null==R?void 0:R.find(e=>(null==v?void 0:v.item_id)===e.id))?void 0:e.name)||"Select item"},[R,null==v?void 0:v.item_id]),q=t.useMemo(()=>{var e;return(null==(e=null==M?void 0:M.find(e=>(null==v?void 0:v.assembly_item_id)===e.id))?void 0:e.name)||"Select Assembly Item"},[M,null==v?void 0:v.assembly_item_id]),I=t.useMemo(()=>(null==M?void 0:M.map(e=>({label:(null==e?void 0:e.name)||"",callback:()=>null==f?void 0:f({assembly_item_id:null==e?void 0:e.id})})))||[],[M]),S=t.useMemo(()=>{var e;return(null==(e=null==D?void 0:D.find(e=>(null==v?void 0:v.warehouse_id)===e.id))?void 0:e.name)||"Select warehouse"},[D,null==v?void 0:v.warehouse_id]),$=t.useMemo(()=>(null==D?void 0:D.map(e=>({label:(null==e?void 0:e.name)||"",callback:()=>null==f?void 0:f({warehouse_id:null==e?void 0:e.id})})))||[],[D]),A=t.useMemo(()=>{var e;return(null==(e=null==w?void 0:w.find(e=>(null==v?void 0:v.bom_id)===e.id))?void 0:e.name)||"Select BoM"},[w,null==v?void 0:v.bom_id]),V=t.useMemo(()=>(null==w?void 0:w.map(e=>({label:(null==e?void 0:e.name)||"",callback:()=>null==f?void 0:f({bom_id:null==e?void 0:e.id})})))||[],[w]),z=t.useMemo(()=>(null==R?void 0:R.map(e=>({label:(null==e?void 0:e.name)||"",callback:()=>null==f?void 0:f({item_id:null==e?void 0:e.id})})))||[],[R]);/* @__PURE__ */
+return e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs(o.default,{open:r,onClose:h,"aria-labelledby":"alert-dialog-title",fullWidth:!0,maxWidth:"lg","aria-describedby":"alert-dialog-description",PaperProps:{sx:{width:"80vw",height:"250px",whiteSpace:"nowrap",overflowY:"hidden"}},children:[
+/* @__PURE__ */e.jsx(d.default,{id:"responsive-dialog-title",style:{borderBottom:"1px solid #D3D3D4",padding:0,paddingTop:"5pxs"},children:/* @__PURE__ */e.jsxs(p.default,{sx:{display:"flex",justifyContent:"space-between",height:"40px",padding:"0px",alignItems:"center"},children:[
+/* @__PURE__ */e.jsx(l.Typography,{type:"s3",weight:"medium",sx:{fontWeight:500,marginLeft:2,color:"#000000"},children:"Filter"}),
+/* @__PURE__ */e.jsx(p.default,{sx:{display:"flex",alignItems:"center"},children:/* @__PURE__ */e.jsx(u.default,{onClick:h,children:/* @__PURE__ */e.jsx(c.default,{fontSize:"small"})})})]})}),
+/* @__PURE__ */e.jsx(m.default,{children:/* @__PURE__ */e.jsx(p.default,{p:2,children:/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper",children:[(null==v?void 0:v.start_date)&&(null==v?void 0:v.end_date)&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip",ref:C,onClick:()=>{B?N():(b.current=C.current,_(!0))},children:[
+/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text",title:`${y.default(null==v?void 0:v.start_date).format("DD/MM/YYYY")} - ${y.default(null==v?void 0:v.end_date).format("DD/MM/YYYY")}`,children:[
+/* @__PURE__ */e.jsx(l.Typography,{type:"s4",weight:"medium",children:"Date Range:"}),
+/* @__PURE__ */e.jsxs(l.Typography,{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:[y.default(null==v?void 0:v.start_date).format("DD/MM/YYYY")," -"," ",y.default(null==v?void 0:v.end_date).format("DD/MM/YYYY")]})]}),
+/* @__PURE__ */e.jsx(a.default,{})]})}),(null==v?void 0:v.as_of_date)&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip",ref:C,onClick:()=>{B?N():(b.current=C.current,_(!0))},children:[
+/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text",title:`${y.default(null==v?void 0:v.as_of_date).format("DD/MM/YYYY")}`,children:[
+/* @__PURE__ */e.jsx(l.Typography,{type:"s4",weight:"medium",children:"Date:"}),
+/* @__PURE__ */e.jsx(l.Typography,{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:y.default(null==v?void 0:v.as_of_date).format("DD/MM/YYYY")})]}),
+/* @__PURE__ */e.jsx(a.default,{})]})}),
+/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsx(n.default,{zIndex:998,className:"inventoryReportsTitleBar--RightContent",dropdownMenuButtonData:{sx:{padding:"0"},children:/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip",children:[
+/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text",title:`${W}`,children:[
+/* @__PURE__ */e.jsx(l.Typography,{type:"s4",weight:"medium",children:"Company:"}),
+/* @__PURE__ */e.jsx(l.Typography,{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:W})]}),
+/* @__PURE__ */e.jsx(a.default,{})]})}),options:Y},toggleCallback:j})}),g&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsx(n.default,{zIndex:998,className:"inventoryReportsTitleBar--RightContent",dropdownMenuButtonData:{sx:{padding:"0"},children:/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip",children:[
+/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text",title:`${q}`,children:[
+/* @__PURE__ */e.jsx(l.Typography,{type:"s4",weight:"medium",children:"Assembly Items"}),
+/* @__PURE__ */e.jsx(l.Typography,{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:q})]}),
+/* @__PURE__ */e.jsx(a.default,{})]})}),options:I},toggleCallback:j})}),
+/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsx(n.default,{zIndex:998,className:"inventoryReportsTitleBar--RightContent",dropdownMenuButtonData:{sx:{padding:"0"},children:/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip",children:[
+/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text",title:`${S}`,children:[
+/* @__PURE__ */e.jsx(l.Typography,{type:"s4",weight:"medium",children:"Location:"}),
+/* @__PURE__ */e.jsx(l.Typography,{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:S})]}),
+/* @__PURE__ */e.jsx(a.default,{})]})}),options:$},toggleCallback:j})}),
+/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsx(n.default,{zIndex:998,className:"inventoryReportsTitleBar--RightContent",dropdownMenuButtonData:{sx:{padding:"0"},children:/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip",children:[
+/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text",title:`${k}`,children:[
+/* @__PURE__ */e.jsx(l.Typography,{type:"s4",weight:"medium",children:"Item:"}),
+/* @__PURE__ */e.jsx(l.Typography,{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:k})]}),
+/* @__PURE__ */e.jsx(a.default,{})]})}),options:z},toggleCallback:j})}),T&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsx(n.default,{zIndex:998,className:"inventoryReportsTitleBar--RightContent",dropdownMenuButtonData:{sx:{padding:"0"},children:/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip",children:[
+/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text",title:`${A}`,children:[
+/* @__PURE__ */e.jsx(l.Typography,{type:"s4",weight:"medium",children:"BoM:"}),
+/* @__PURE__ */e.jsx(l.Typography,{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:A})]}),
+/* @__PURE__ */e.jsx(a.default,{})]})}),options:V},toggleCallback:j})})]})})}),
+/* @__PURE__ */e.jsxs(x.default,{sx:{backgroundColor:"#F5F6F5"},children:[
+/* @__PURE__ */e.jsx(i.default,{style:{backgroundColor:"#ffff",color:"#292D32"},onClick:h,variant:"contained",children:"Close"}),
+/* @__PURE__ */e.jsx(i.default,{variant:"contained",children:"Save"})]})]})})};
+//# sourceMappingURL=index.js.map

package/dist/components/inventory-reports-title-bar/component/reportFilter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/inventory-reports-title-bar/component/reportFilter.tsx"],"sourcesContent":["import { Box, Dialog, DialogActions, DialogContent, DialogTitle, IconButton } from '@mui/material'\nimport Typography from '../../typography/typography'\nimport { Close } from '@mui/icons-material'\nimport Button from '../../button/button'\nimport { useMemo, useRef, useState } from 'react';\nimport dayjs from \"dayjs\";\nimport KeyboardArrowDownIcon from \"@mui/icons-material/KeyboardArrowDown\";\nimport ReportButtons from '../report-buttons/report-buttons';\nimport { useAppSelector } from '../../../redux/hooks';\nimport './reportFilter.scss'\nexport default function ReportFilter({ openFilter, closeReportFilter, filters, showAssembluItemsFilter, toggleCallback, onDateFilterChange, showBomFilter }) {\n    //Ref\n    const chipDateSelectRef = useRef<HTMLDivElement>(null);\n    const anchorRef = useRef<HTMLDivElement | null>(null);\n    //Local State\n    const [open, setOpen] = useState<boolean>(false);\n\n    //store\n    const { companies, items, warehouseLocations, assemblyItems, bomData } = useAppSelector(\n        (store) => store.inventoryReportsTitleBar\n    );\n\n    //Function\n    const handleCloseDatePopper = () => {\n        anchorRef.current = null;\n        setOpen(false);\n    };\n\n    //use Memo\n\n    const selectedCompany = useMemo(\n        () =>\n            companies?.find((company) => filters?.company === company.id)\n                ?.company_name || \"Select company\",\n        [companies, filters?.company]\n    );\n\n    const companyOptions = useMemo(\n        () =>\n            companies?.map((company) => ({\n                label: company?.company_name || \"\",\n                callback: () => onDateFilterChange?.({ company: company?.id }),\n            })) || [],\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [companies]\n    );\n    const selectedItem = useMemo(\n        () =>\n            items?.find((item) => filters?.item_id === item.id)?.name ||\n            \"Select item\",\n        [items, filters?.item_id]\n    );\n    const selectedAssemblyItems = useMemo(() => assemblyItems?.find((item) => filters?.assembly_item_id === item.id)?.name ||\n        \"Select Assembly Item\",\n        [assemblyItems, filters?.assembly_item_id])\n\n    const assemblyItemOptions = useMemo(\n        () =>\n            assemblyItems?.map((ai) => ({\n                label: ai?.name || \"\",\n                callback: () =>\n                    onDateFilterChange?.({ assembly_item_id: ai?.id }),\n            })) || [],\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [assemblyItems]\n    );\n    const selectedWarehouseLocation = useMemo(\n        () =>\n            warehouseLocations?.find(\n                (warehouseLocation) => filters?.warehouse_id === warehouseLocation.id\n            )?.name || \"Select warehouse\",\n        [warehouseLocations, filters?.warehouse_id]\n    );\n    const warehouseLocationOptions = useMemo(\n        () =>\n            warehouseLocations?.map((warehouseLocation) => ({\n                label: warehouseLocation?.name || \"\",\n                callback: () =>\n                    onDateFilterChange?.({ warehouse_id: warehouseLocation?.id }),\n            })) || [],\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [warehouseLocations]\n    );\n    const selectedBom = useMemo(\n        () =>\n            bomData?.find((item) => filters?.bom_id === item.id)?.name ||\n            \"Select BoM\",\n        [bomData, filters?.bom_id]\n    );\n    const bomOptions = useMemo(() => bomData?.map((bom: any) => ({\n        label: bom?.name || \"\",\n        callback: () =>\n            onDateFilterChange?.({ bom_id: bom?.id }),\n    })) || [],\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [bomData])\n\n    const itemOptions = useMemo(\n        () =>\n            items?.map((item) => ({\n                label: item?.name || \"\",\n                callback: () => onDateFilterChange?.({ item_id: item?.id }),\n            })) || [],\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [items]\n    );\n    return (\n        <>\n            <Dialog\n                open={openFilter}\n                onClose={closeReportFilter}\n                aria-labelledby=\"alert-dialog-title\"\n                fullWidth={true}\n                maxWidth=\"lg\"\n                aria-describedby=\"alert-dialog-description\"\n                PaperProps={{\n                    sx: { width: '80vw', height: '250px', whiteSpace: 'nowrap', overflowY: 'hidden' } // Custom width and height with nowrap\n                }}\n            >\n                <DialogTitle id=\"responsive-dialog-title\" style={{ borderBottom: \"1px solid #D3D3D4\", padding: 0, paddingTop: '5pxs' }}>\n                    <Box\n                        sx={{\n                            display: 'flex',\n                            justifyContent: 'space-between',\n                            height: '40px',\n                            padding: '0px',\n                            alignItems: 'center'\n                        }}\n                    >\n                        <Typography type=\"s3\" weight='medium' sx={{ fontWeight: 500, marginLeft: 2, color: '#000000' }}>\n                            Filter\n                        </Typography>\n                        <Box sx={{ display: 'flex', alignItems: 'center' }}>\n\n                            <IconButton onClick={closeReportFilter}>\n                                <Close fontSize='small' />\n                            </IconButton>\n                        </Box>\n                    </Box>\n                </DialogTitle>\n                <DialogContent>\n                    <Box p={2}>\n                        <div className=\"inventoryReportsTitleBar--FilterWrapper\">\n\n                            {filters?.start_date && filters?.end_date && (\n                                <div style={{ display: \"flex\", gap: \"8px\" }}>\n                                    <div\n                                        className=\"inventoryReportsTitleBar--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=\"inventoryReportsTitleBar--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                                                Date Range:\n                                            </Typography>\n                                            <Typography\n                                                className=\"inventoryReportsTitleBar--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                            {filters?.as_of_date && (\n                                <div style={{ display: \"flex\", gap: \"8px\" }}>\n                                    <div\n                                        className=\"inventoryReportsTitleBar--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=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n                                            title={`${dayjs(filters?.as_of_date).format(\"DD/MM/YYYY\")}`}\n                                        >\n                                            <Typography type=\"s4\" weight=\"medium\">\n                                                Date:\n                                            </Typography>\n                                            <Typography\n                                                className=\"inventoryReportsTitleBar--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                            <div style={{ display: \"flex\", gap: \"8px\" }}>\n                                <ReportButtons\n                                    zIndex={998}\n                                    className=\"inventoryReportsTitleBar--RightContent\"\n                                    dropdownMenuButtonData={{\n                                        sx: {\n                                            padding: \"0\",\n                                        },\n                                        children: (\n                                            <>\n                                                <div className=\"inventoryReportsTitleBar--FilterWrapper--Chip\">\n                                                    <div\n                                                        className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n                                                        title={`${selectedCompany}`}\n                                                    >\n                                                        <Typography type=\"s4\" weight=\"medium\">\n                                                            Company:\n                                                        </Typography>\n                                                        <Typography\n                                                            className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                                                            type=\"s4\"\n                                                        >\n                                                            {selectedCompany}\n                                                        </Typography>\n                                                    </div>\n                                                    <KeyboardArrowDownIcon />\n                                                </div>\n                                            </>\n                                        ),\n                                        options: companyOptions,\n                                    }}\n                                    toggleCallback={toggleCallback}\n                                />\n                            </div>\n                            {\n                                showAssembluItemsFilter && <div style={{ display: \"flex\", gap: \"8px\" }}>\n                                    <ReportButtons\n                                        zIndex={998}\n                                        className=\"inventoryReportsTitleBar--RightContent\"\n                                        dropdownMenuButtonData={{\n                                            sx: {\n                                                padding: \"0\",\n                                            },\n                                            children: (\n                                                <>\n                                                    <div className=\"inventoryReportsTitleBar--FilterWrapper--Chip\">\n                                                        <div\n                                                            className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n                                                            title={`${selectedAssemblyItems}`}\n                                                        >\n                                                            <Typography type=\"s4\" weight=\"medium\">\n                                                                Assembly Items\n                                                            </Typography>\n                                                            <Typography\n                                                                className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                                                                type=\"s4\"\n                                                            >\n                                                                {selectedAssemblyItems}\n                                                            </Typography>\n                                                        </div>\n                                                        <KeyboardArrowDownIcon />\n                                                    </div>\n                                                </>\n                                            ),\n                                            options: assemblyItemOptions,\n                                        }}\n                                        toggleCallback={toggleCallback}\n                                    />\n                                </div>\n                            }\n\n                            <div style={{ display: \"flex\", gap: \"8px\" }}>\n                                <ReportButtons\n                                    zIndex={998}\n                                    className=\"inventoryReportsTitleBar--RightContent\"\n                                    dropdownMenuButtonData={{\n                                        sx: {\n                                            padding: \"0\",\n                                        },\n                                        children: (\n                                            <>\n                                                <div className=\"inventoryReportsTitleBar--FilterWrapper--Chip\">\n                                                    <div\n                                                        className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n                                                        title={`${selectedWarehouseLocation}`}\n                                                    >\n                                                        <Typography type=\"s4\" weight=\"medium\">\n                                                            Location:\n                                                        </Typography>\n                                                        <Typography\n                                                            className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                                                            type=\"s4\"\n                                                        >\n                                                            {selectedWarehouseLocation}\n                                                        </Typography>\n                                                    </div>\n                                                    <KeyboardArrowDownIcon />\n                                                </div>\n                                            </>\n                                        ),\n                                        options: warehouseLocationOptions,\n                                    }}\n                                    toggleCallback={toggleCallback}\n                                />\n                            </div>\n                            <div style={{ display: \"flex\", gap: \"8px\" }}>\n                                <ReportButtons\n                                    zIndex={998}\n                                    className=\"inventoryReportsTitleBar--RightContent\"\n                                    dropdownMenuButtonData={{\n                                        sx: {\n                                            padding: \"0\",\n                                        },\n                                        children: (\n                                            <>\n                                                <div className=\"inventoryReportsTitleBar--FilterWrapper--Chip\">\n                                                    <div\n                                                        className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n                                                        title={`${selectedItem}`}\n                                                    >\n                                                        <Typography type=\"s4\" weight=\"medium\">\n                                                            Item:\n                                                        </Typography>\n                                                        <Typography\n                                                            className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                                                            type=\"s4\"\n                                                        >\n                                                            {selectedItem}\n                                                        </Typography>\n                                                    </div>\n                                                    <KeyboardArrowDownIcon />\n                                                </div>\n                                            </>\n                                        ),\n                                        options: itemOptions,\n                                    }}\n                                    toggleCallback={toggleCallback}\n                                />\n                            </div>\n                            {showBomFilter && <div style={{ display: \"flex\", gap: \"8px\" }}>\n                                <ReportButtons\n                                    zIndex={998}\n                                    className=\"inventoryReportsTitleBar--RightContent\"\n                                    dropdownMenuButtonData={{\n                                        sx: {\n                                            padding: \"0\",\n                                        },\n                                        children: (\n                                            <>\n                                                <div className=\"inventoryReportsTitleBar--FilterWrapper--Chip\">\n                                                    <div\n                                                        className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n                                                        title={`${selectedBom}`}\n                                                    >\n                                                        <Typography type=\"s4\" weight=\"medium\">\n                                                            BoM:\n                                                        </Typography>\n                                                        <Typography\n                                                            className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                                                            type=\"s4\"\n                                                        >\n                                                            {selectedBom}\n                                                        </Typography>\n                                                    </div>\n                                                    <KeyboardArrowDownIcon />\n                                                </div>\n                                            </>\n                                        ),\n                                        options: bomOptions,\n                                    }}\n                                    toggleCallback={toggleCallback}\n                                />\n                            </div>}\n\n                        </div>\n                    </Box>\n\n                </DialogContent>\n                <DialogActions sx={{ backgroundColor: '#F5F6F5' }}>\n                    <Button style={{ backgroundColor: '#ffff', color: '#292D32' }} onClick={closeReportFilter} variant='contained' >\n                        Close\n                    </Button>\n                    <Button variant='contained' >\n                        Save\n                    </Button>\n                </DialogActions>\n            </Dialog>\n        </>\n    )\n}"],"names":["openFilter","closeReportFilter","filters","showAssembluItemsFilter","toggleCallback","onDateFilterChange","showBomFilter","chipDateSelectRef","useRef","anchorRef","open","setOpen","useState","companies","items","warehouseLocations","assemblyItems","bomData","useAppSelector","store","inventoryReportsTitleBar","handleCloseDatePopper","current","selectedCompany","useMemo","_a","find","company","id","company_name","companyOptions","map","label","callback","selectedItem","item","item_id","name","selectedAssemblyItems","assembly_item_id","assemblyItemOptions","ai","selectedWarehouseLocation","warehouseLocation","warehouse_id","warehouseLocationOptions","selectedBom","bom_id","bomOptions","bom","itemOptions","Fragment","children","jsxs","Dialog","onClose","fullWidth","maxWidth","PaperProps","sx","width","height","whiteSpace","overflowY","jsx","DialogTitle","style","borderBottom","padding","paddingTop","Box","display","justifyContent","alignItems","Typography","type","weight","fontWeight","marginLeft","color","IconButton","onClick","Close","fontSize","DialogContent","p","className","start_date","end_date","gap","ref","title","dayjs","format","KeyboardArrowDownIcon","as_of_date","ReportButtons","zIndex","dropdownMenuButtonData","options","DialogActions","backgroundColor","Button","variant"],"mappings":"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"}

package/dist/components/inventory-reports-title-bar/inventory-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 { 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 { Box, Divider, ButtonGroup, Button as Button$1, Popper, Grow, Paper, ClickAwayListener, Menu, MenuItem } from "@mui/material";
 import { images } from "../../../images/index.esm.js";
 import { enUS } from "date-fns/locale";
 import { RANGE, handleCompareDateRangeSync } from "../../../utils/date-range/index.esm.js";
@@ -18,7 +17,17 @@ import HeaderCard from "../../header-card/header-card/index.esm.js";
 import viewTypes from "../../../constants/action-bar/index.esm.js";
 import Checkbox from "../../checkbox/checkbox/index.esm.js";
 import SearchableSelect from "../../searchable-select/index.esm.js";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import Divider from "../../../node_modules/@mui/material/Divider/Divider/index.esm.js";
 import { Filter } from "../../icons/filter/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 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 Menu from "../../../node_modules/@mui/material/Menu/Menu/index.esm.js";
+import MenuItem from "../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
 const customStyle = {
   "& .MuiOutlinedInput-root": {
     "& fieldset": {
@@ -504,7 +513,7 @@ const InventoryReportsTitleBar = (props) => {
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx(KeyboardArrowDownIcon, {})
+                  /* @__PURE__ */ jsx(default_1, {})
                 ]
               }
             ) }),
@@ -540,7 +549,7 @@ const InventoryReportsTitleBar = (props) => {
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx(KeyboardArrowDownIcon, {})
+                  /* @__PURE__ */ jsx(default_1, {})
                 ]
               }
             ) }),
@@ -558,7 +567,7 @@ const InventoryReportsTitleBar = (props) => {
                     icon: /* @__PURE__ */ jsx("img", { src: images.sidebar.calendar2 }),
                     children: /* @__PURE__ */ jsxs(Fragment, { children: [
                       RANGE[dateRange],
-                      /* @__PURE__ */ jsx(KeyboardArrowDownIcon, {})
+                      /* @__PURE__ */ jsx(default_1, {})
                     ] }),
                     options
                   },

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/inventory-reports-title-bar/inventory-reports-title-bar.tsx"],"sourcesContent":["import Button from \"../button/button\";\nimport Typography from \"../typography/typography\";\nimport \"./inventory-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, Divider, Grow, Menu, MenuItem, Paper, Popper, Button as MuiButton } from \"@mui/material\";\nimport images from \"../../assets/images\";\nimport { enUS } from 'date-fns/locale'; // Import the desired locale\n// import ReportFilter from './component/reportFilter'\nimport {\n  handleCompareDateRangeSync as 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\";\n// import {  fetchOptions } from \"./redux/actionCreator\";\nimport React from \"react\";\nimport HeaderCard from \"../header-card/header-card\";\nimport viewTypes from \"../../constants/action-bar\";\n// import SearchBar from \"../search-bar/search-bar\";\nimport Checkbox from \"../checkbox/checkbox\";\nimport SearchableSelect from \"../searchable-select\";\nimport { Filter as FilterIcon } from \"../icons\";\n\ninterface IReportFilters {\n  company: number;\n  start_date: string;\n  end_date: string;\n  as_of_date: string;\n  item_id: string | number;\n  warehouse_id: string | number;\n  assembly_item_id: number | string;\n  bom_id: number | 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?: (data: Partial<IReportFilters>) => void;\n  filters?: Partial<IReportFilters>;\n  isDateRange?: boolean;\n  activeView?: string;\n  setActiveView?: (string: string) => void;\n  handleSearch?: (string: string) => void;\n  showLevelBtn?: boolean;\n  handleRowsExpand: () => void;\n  handleRowsCollapse: () => void;\n  customElement?: React.ReactNode;\n  showLeftContent: boolean;\n  showAssembluItemsFilter?: boolean;\n  showBomFilter: boolean;\n  isViewButton?: boolean;\n  handleRedirect?: () => void;\n  buttonText?: string;\n  dataLength: number,\n  filterDropDown: any[],\n  filterKeys?:any\n}\n\ntype TDatePickerVal = {\n  startDate?: Date;\n  endDate?: Date;\n  key?: string;\n};\n\nconst customStyle =\n{\n \n  '& .MuiOutlinedInput-root': {\n    '& fieldset': {\n      border: 'none',\n    },\n    '&:hover fieldset': {\n      border: 'none',\n    },\n\n    '&.Mui-focused fieldset': {\n      border: 'none',\n    },\n   \n  },\n}\nconst InventoryReportsTitleBar = (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,\n    onDateFilterChange,\n    filters = {},\n    isDateRange = true,\n    activeView = \"\",\n    setActiveView,\n    // handleSearch,\n    showLevelBtn = false,\n    handleRowsExpand,\n    handleRowsCollapse,\n    customElement,\n    showLeftContent = true,\n    // showAssembluItemsFilter = false,\n    // showBomFilter = false,\n    isViewButton = false,\n    handleRedirect,\n    buttonText = '',\n    dataLength,\n    filterDropDown = [],\n    filterKeys\n  } = props;\n  const filtersConfig = [\n    {\n      key: 'company',\n      label: 'Search Company',\n      placeholder: 'Company',\n      apiType: 'company',\n      valueKey:filterKeys?.['company']?filterKeys['company']: 'company',\n      customFilter: null,\n    },\n    {\n      key: 'assembly_item',\n      label: 'Search Assembaly Items',\n      placeholder: 'Assembaly Items',\n      apiType: 'assemblyItems',\n      valueKey: filterKeys?.['assembly_item']?filterKeys['assembly_item']: 'assembly_item_id',\n    },\n    {\n      key: 'item',\n      label: 'Search Items',\n      placeholder: 'Items',\n      apiType: 'reportItems',\n      valueKey: filterKeys?.['item']?filterKeys['item']: 'item_id',\n      multiple:true\n    },\n    {\n      key: 'location',\n      label: 'Search Warehouse Location',\n      placeholder: 'Warehouse Location',\n      apiType: 'location',\n      valueKey: filterKeys?.['location']?filterKeys['location']: 'warehouse_id',\n      customFilter: null,\n      multiple: true\n     \n    },\n    {\n      key: 'bom',\n      label: 'Search Bill of Materials',\n      placeholder: 'Filter Bill of Materials',\n      apiType: 'bom',\n      valueKey: filterKeys?.['bom']?filterKeys['bom']: 'bom_id',\n      customFilter: null,\n      multiple: true\n    },\n    {\n      key: 'work_order',\n      label: 'Search Work Order',\n      placeholder: ' Work Order',\n      apiType: 'workOrder',\n      valueKey: filterKeys?.['work_order']?filterKeys['work_order']: 'work_order_id',\n      customFilter: null,\n      multiple: true\n    },\n    {\n      key: 'routing',\n      label: 'Search Routing',\n      placeholder: ' Routing',\n      apiType: 'routing',\n      valueKey: filterKeys?.['routing']?filterKeys['routing']: 'routing_id',\n      customFilter: null,\n      multiple: true\n    },\n    {\n      key: 'operation',\n      label: 'Search Operation',\n      placeholder: ' Operation',\n      apiType: 'operations',\n      valueKey: filterKeys?.['operation']?filterKeys['operation']: 'operation_id',\n      customFilter: null,\n      multiple: true\n    },\n    {\n      key: 'equipment',\n      label: 'Search Equipment',\n      placeholder: ' Equipment',\n      apiType: 'equipment',\n      valueKey: filterKeys?.['equipment']?filterKeys['equipment']: 'equipment_id',\n      customFilter: null,\n      multiple: true\n    },\n    {\n      key: 'work_center',\n      label: 'Search Work Center',\n      placeholder: ' Work Center',\n      apiType: 'workCenter',\n      valueKey: filterKeys?.['work_center']?filterKeys['work_center']: 'work_center_id',\n      customFilter: null,\n      multiple: true\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\n  const renderFilter = ({\n    key,\n    label,\n    placeholder,\n    apiType,\n    valueKey,\n    customFilter,\n    multiple = false\n  }: FilterConfig) => {\n    if (!showFilter(key)) 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          apiType={apiType}\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 dispatch = useAppDispatch();\n\n  const FilterContainer = () => (\n    <>\n      {filtersConfig.map(renderFilter)}\n    </>\n  );\n\n\n\n\n  // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\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>(\"TODAY\");\n  const [open, setOpen] = useState<boolean>(false);\n  const [customDate, setCustomDate] = useState<Date>(\n    new Date(dayjs(filters?.as_of_date || \"\").format(\"YYYY-MM-DD\"))\n  );\n  \n  const defaultSelected=[\n    {\n      value:'date',\n    },\n    {\n      value:'location',\n    },\n    {\n      value:'company',\n    },\n    // {\n    //   value:'item',\n    // }\n  ]\n  const [selectedItems, setSelectedItems] = useState<string[]>(defaultSelected);\n\n  const [level, setLevel] = useState<number>(1)\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  const anchorRef = useRef<HTMLDivElement | null>(null);\n  const [actionAnchorEl, setActionAnchorEl] = useState<null | HTMLElement>(\n    null\n  );\n\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 = (range: keyof typeof RANGE) => {\n    setDateRange(range);\n    if (range === \"CUSTOM\") {\n      anchorRef.current = dateSelectRef.current;\n      setOpen(true);\n    } else {\n      const data = 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\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\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  const handleFilterClose = () => {\n    setActionAnchorEl(null);\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  function showFilter(val) {\n    return selectedItems.some(item => item?.value == val)\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  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      startDate: new Date(\n        dayjs(filters?.start_date || \"\").format(\"YYYY-MM-DD\")\n      ),\n      endDate: new Date(dayjs(filters?.end_date || \"\").format(\"YYYY-MM-DD\")),\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          startDate: new Date(\n            dayjs(filters?.start_date || \"\").format(\"YYYY-MM-DD\")\n          ),\n          endDate: new Date(\n            dayjs(filters?.end_date || \"\").format(\"YYYY-MM-DD\")\n          ),\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(fetchOptions());\n  //   if (showBomFilter) {\n  //     dispatch(fetchBom())\n  //   }\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  }, [reportFilterFields]);\n\n  return (\n    <div>\n      <div className=\"inventoryReportsTitleBar\">\n        {showLeftContent && <div className=\"inventoryReportsTitleBar--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          {[\n            { label: viewTypes.TABLE, position: 1 },\n            { label: viewTypes.CHART, position: 2 },\n          ]\n            .map((ele) => ele)\n            .sort((a, b) => a.position - b.position)\n            .map((item) => (\n              <HeaderCard\n                key={item?.position}\n                title={item?.label}\n                active={activeView}\n                onClick={() => setActiveView?.(item.label)}\n              />\n            ))}\n\n        </div>}\n        {isViewButton &&\n          <div className=\"inventoryReportsTitleBar--ExtraButtonUi\">\n            <Button onClick={handleRedirect} >{buttonText}</Button>\n          </div>\n        }\n        <ReportButtons\n          zIndex={999}\n          className=\"inventoryReportsTitleBar--RightContent\"\n          buttons={buttons}\n          dropdownMenuButtonData={dropdownMenuButtonData}\n          toggleCallback={toggleCallback}\n          variant={\"contained\"}\n          iconPosition=\"end\"\n        />\n        {customElement && <Box >\n          {customElement}\n        </Box>}\n\n      </div>\n      <Divider sx={{ mb: 2, mx: 1, borderColor: 'grey.200' }}/>\n\n      {tabs?.length ? (\n        <div>\n          <TabBar\n            tabs={tabs || []}\n            activeValue={activeValue}\n            setActiveValue={setActiveValue}\n          />\n        </div>\n      ) : null}\n      <Box\n        sx={{\n          display: \"flex\",\n          justifyContent: \"space-between\",\n          gap: 1,\n          flexWrap: 'wrap',\n          mx: 1\n        }}\n      >\n        <div className=\"inventoryReportsTitleBar--FilterWrapper\">\n\n          {showFilter('date') && isDateRange  && (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"inventoryReportsTitleBar--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=\"inventoryReportsTitleBar--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                    Date Range:\n                  </Typography>\n                  <Typography\n                    className=\"inventoryReportsTitleBar--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          {showFilter('date') && filters?.as_of_date && !isDateRange&& (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"inventoryReportsTitleBar--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=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n                  title={`${dayjs(filters?.as_of_date).format(\"DD/MM/YYYY\")}`}\n                >\n                  <Typography type=\"s4\" weight=\"medium\">\n                    Date:\n                  </Typography>\n                  <Typography\n                    className=\"inventoryReportsTitleBar--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           {FilterContainer()}\n        </div>\n\n\n        {isDateFilterEnabled && <div className=\"inventoryReportsTitleBar--FilterAction\">\n          (\n          <>\n            <ReportButtons\n              zIndex={997}\n              className=\"inventoryReportsTitleBar--RightContent\"\n              dropdownMenuButtonData={{\n                icon: <img src={images.sidebar.calendar2} />,\n                children: (\n                  <>\n                    {RANGE[dateRange]}\n                    <KeyboardArrowDownIcon />\n                  </>\n                ),\n                options: options,\n              }}\n              toggleCallback={toggleCallback}\n            />\n            <div ref={dateSelectRef}></div>\n          </>\n          )\n        </div>\n        }\n        <div className=\"inventoryReportsTitleBar--FilterAction\">\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            Filter\n          </Button>\n          {showLevelBtn && <Divider flexItem orientation=\"vertical\" sx= {{ alignSelf: 'auto'}} />}\n          {filterDropDownFunc()}\n          {showLevelBtn && (\n            <>\n              <Box className=\"inventoryReportsTitleBar--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                      <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            </>\n          )}\n          {/* <SearchBar\n            placeholder=\"Search\"\n            handleSearch={(val) => handleSearch?.(val)}\n            sx={{\n              width: \"250px\",\n              background: \"#fff !important\",\n              border: \"1px solid #F3F2F2 !important\",\n            }}\n          /> */}\n        </div>\n      </Box>\n\n      <Divider sx={{ my: 2, mx: 1, borderColor: 'grey.200' }}/>\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                      Apply\n                    </Button>\n                  </Box>\n                </Box>\n              </ClickAwayListener>\n            </Paper>\n          </Grow>\n        )}\n      </Popper>\n\n    </div>\n  );\n};\n\nexport default InventoryReportsTitleBar;\n"],"names":["handleCompareDateRange","FilterIcon","MuiButton"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/inventory-reports-title-bar/inventory-reports-title-bar.tsx"],"sourcesContent":["import Button from \"../button/button\";\nimport Typography from \"../typography/typography\";\nimport \"./inventory-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, Divider, Grow, Menu, MenuItem, Paper, Popper, Button as MuiButton } from \"@mui/material\";\nimport images from \"../../assets/images\";\nimport { enUS } from 'date-fns/locale'; // Import the desired locale\n// import ReportFilter from './component/reportFilter'\nimport {\n  handleCompareDateRangeSync as 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\";\n// import {  fetchOptions } from \"./redux/actionCreator\";\nimport React from \"react\";\nimport HeaderCard from \"../header-card/header-card\";\nimport viewTypes from \"../../constants/action-bar\";\n// import SearchBar from \"../search-bar/search-bar\";\nimport Checkbox from \"../checkbox/checkbox\";\nimport SearchableSelect from \"../searchable-select\";\nimport { Filter as FilterIcon } from \"../icons\";\n\ninterface IReportFilters {\n  company: number;\n  start_date: string;\n  end_date: string;\n  as_of_date: string;\n  item_id: string | number;\n  warehouse_id: string | number;\n  assembly_item_id: number | string;\n  bom_id: number | 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?: (data: Partial<IReportFilters>) => void;\n  filters?: Partial<IReportFilters>;\n  isDateRange?: boolean;\n  activeView?: string;\n  setActiveView?: (string: string) => void;\n  handleSearch?: (string: string) => void;\n  showLevelBtn?: boolean;\n  handleRowsExpand: () => void;\n  handleRowsCollapse: () => void;\n  customElement?: React.ReactNode;\n  showLeftContent: boolean;\n  showAssembluItemsFilter?: boolean;\n  showBomFilter: boolean;\n  isViewButton?: boolean;\n  handleRedirect?: () => void;\n  buttonText?: string;\n  dataLength: number,\n  filterDropDown: any[],\n  filterKeys?:any\n}\n\ntype TDatePickerVal = {\n  startDate?: Date;\n  endDate?: Date;\n  key?: string;\n};\n\nconst customStyle =\n{\n \n  '& .MuiOutlinedInput-root': {\n    '& fieldset': {\n      border: 'none',\n    },\n    '&:hover fieldset': {\n      border: 'none',\n    },\n\n    '&.Mui-focused fieldset': {\n      border: 'none',\n    },\n   \n  },\n}\nconst InventoryReportsTitleBar = (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,\n    onDateFilterChange,\n    filters = {},\n    isDateRange = true,\n    activeView = \"\",\n    setActiveView,\n    // handleSearch,\n    showLevelBtn = false,\n    handleRowsExpand,\n    handleRowsCollapse,\n    customElement,\n    showLeftContent = true,\n    // showAssembluItemsFilter = false,\n    // showBomFilter = false,\n    isViewButton = false,\n    handleRedirect,\n    buttonText = '',\n    dataLength,\n    filterDropDown = [],\n    filterKeys\n  } = props;\n  const filtersConfig = [\n    {\n      key: 'company',\n      label: 'Search Company',\n      placeholder: 'Company',\n      apiType: 'company',\n      valueKey:filterKeys?.['company']?filterKeys['company']: 'company',\n      customFilter: null,\n    },\n    {\n      key: 'assembly_item',\n      label: 'Search Assembaly Items',\n      placeholder: 'Assembaly Items',\n      apiType: 'assemblyItems',\n      valueKey: filterKeys?.['assembly_item']?filterKeys['assembly_item']: 'assembly_item_id',\n    },\n    {\n      key: 'item',\n      label: 'Search Items',\n      placeholder: 'Items',\n      apiType: 'reportItems',\n      valueKey: filterKeys?.['item']?filterKeys['item']: 'item_id',\n      multiple:true\n    },\n    {\n      key: 'location',\n      label: 'Search Warehouse Location',\n      placeholder: 'Warehouse Location',\n      apiType: 'location',\n      valueKey: filterKeys?.['location']?filterKeys['location']: 'warehouse_id',\n      customFilter: null,\n      multiple: true\n     \n    },\n    {\n      key: 'bom',\n      label: 'Search Bill of Materials',\n      placeholder: 'Filter Bill of Materials',\n      apiType: 'bom',\n      valueKey: filterKeys?.['bom']?filterKeys['bom']: 'bom_id',\n      customFilter: null,\n      multiple: true\n    },\n    {\n      key: 'work_order',\n      label: 'Search Work Order',\n      placeholder: ' Work Order',\n      apiType: 'workOrder',\n      valueKey: filterKeys?.['work_order']?filterKeys['work_order']: 'work_order_id',\n      customFilter: null,\n      multiple: true\n    },\n    {\n      key: 'routing',\n      label: 'Search Routing',\n      placeholder: ' Routing',\n      apiType: 'routing',\n      valueKey: filterKeys?.['routing']?filterKeys['routing']: 'routing_id',\n      customFilter: null,\n      multiple: true\n    },\n    {\n      key: 'operation',\n      label: 'Search Operation',\n      placeholder: ' Operation',\n      apiType: 'operations',\n      valueKey: filterKeys?.['operation']?filterKeys['operation']: 'operation_id',\n      customFilter: null,\n      multiple: true\n    },\n    {\n      key: 'equipment',\n      label: 'Search Equipment',\n      placeholder: ' Equipment',\n      apiType: 'equipment',\n      valueKey: filterKeys?.['equipment']?filterKeys['equipment']: 'equipment_id',\n      customFilter: null,\n      multiple: true\n    },\n    {\n      key: 'work_center',\n      label: 'Search Work Center',\n      placeholder: ' Work Center',\n      apiType: 'workCenter',\n      valueKey: filterKeys?.['work_center']?filterKeys['work_center']: 'work_center_id',\n      customFilter: null,\n      multiple: true\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\n  const renderFilter = ({\n    key,\n    label,\n    placeholder,\n    apiType,\n    valueKey,\n    customFilter,\n    multiple = false\n  }: FilterConfig) => {\n    if (!showFilter(key)) 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          apiType={apiType}\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 dispatch = useAppDispatch();\n\n  const FilterContainer = () => (\n    <>\n      {filtersConfig.map(renderFilter)}\n    </>\n  );\n\n\n\n\n  // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\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>(\"TODAY\");\n  const [open, setOpen] = useState<boolean>(false);\n  const [customDate, setCustomDate] = useState<Date>(\n    new Date(dayjs(filters?.as_of_date || \"\").format(\"YYYY-MM-DD\"))\n  );\n  \n  const defaultSelected=[\n    {\n      value:'date',\n    },\n    {\n      value:'location',\n    },\n    {\n      value:'company',\n    },\n    // {\n    //   value:'item',\n    // }\n  ]\n  const [selectedItems, setSelectedItems] = useState<string[]>(defaultSelected);\n\n  const [level, setLevel] = useState<number>(1)\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  const anchorRef = useRef<HTMLDivElement | null>(null);\n  const [actionAnchorEl, setActionAnchorEl] = useState<null | HTMLElement>(\n    null\n  );\n\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 = (range: keyof typeof RANGE) => {\n    setDateRange(range);\n    if (range === \"CUSTOM\") {\n      anchorRef.current = dateSelectRef.current;\n      setOpen(true);\n    } else {\n      const data = 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\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\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  const handleFilterClose = () => {\n    setActionAnchorEl(null);\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  function showFilter(val) {\n    return selectedItems.some(item => item?.value == val)\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  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      startDate: new Date(\n        dayjs(filters?.start_date || \"\").format(\"YYYY-MM-DD\")\n      ),\n      endDate: new Date(dayjs(filters?.end_date || \"\").format(\"YYYY-MM-DD\")),\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          startDate: new Date(\n            dayjs(filters?.start_date || \"\").format(\"YYYY-MM-DD\")\n          ),\n          endDate: new Date(\n            dayjs(filters?.end_date || \"\").format(\"YYYY-MM-DD\")\n          ),\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(fetchOptions());\n  //   if (showBomFilter) {\n  //     dispatch(fetchBom())\n  //   }\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  }, [reportFilterFields]);\n\n  return (\n    <div>\n      <div className=\"inventoryReportsTitleBar\">\n        {showLeftContent && <div className=\"inventoryReportsTitleBar--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          {[\n            { label: viewTypes.TABLE, position: 1 },\n            { label: viewTypes.CHART, position: 2 },\n          ]\n            .map((ele) => ele)\n            .sort((a, b) => a.position - b.position)\n            .map((item) => (\n              <HeaderCard\n                key={item?.position}\n                title={item?.label}\n                active={activeView}\n                onClick={() => setActiveView?.(item.label)}\n              />\n            ))}\n\n        </div>}\n        {isViewButton &&\n          <div className=\"inventoryReportsTitleBar--ExtraButtonUi\">\n            <Button onClick={handleRedirect} >{buttonText}</Button>\n          </div>\n        }\n        <ReportButtons\n          zIndex={999}\n          className=\"inventoryReportsTitleBar--RightContent\"\n          buttons={buttons}\n          dropdownMenuButtonData={dropdownMenuButtonData}\n          toggleCallback={toggleCallback}\n          variant={\"contained\"}\n          iconPosition=\"end\"\n        />\n        {customElement && <Box >\n          {customElement}\n        </Box>}\n\n      </div>\n      <Divider sx={{ mb: 2, mx: 1, borderColor: 'grey.200' }}/>\n\n      {tabs?.length ? (\n        <div>\n          <TabBar\n            tabs={tabs || []}\n            activeValue={activeValue}\n            setActiveValue={setActiveValue}\n          />\n        </div>\n      ) : null}\n      <Box\n        sx={{\n          display: \"flex\",\n          justifyContent: \"space-between\",\n          gap: 1,\n          flexWrap: 'wrap',\n          mx: 1\n        }}\n      >\n        <div className=\"inventoryReportsTitleBar--FilterWrapper\">\n\n          {showFilter('date') && isDateRange  && (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"inventoryReportsTitleBar--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=\"inventoryReportsTitleBar--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                    Date Range:\n                  </Typography>\n                  <Typography\n                    className=\"inventoryReportsTitleBar--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          {showFilter('date') && filters?.as_of_date && !isDateRange&& (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"inventoryReportsTitleBar--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=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n                  title={`${dayjs(filters?.as_of_date).format(\"DD/MM/YYYY\")}`}\n                >\n                  <Typography type=\"s4\" weight=\"medium\">\n                    Date:\n                  </Typography>\n                  <Typography\n                    className=\"inventoryReportsTitleBar--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           {FilterContainer()}\n        </div>\n\n\n        {isDateFilterEnabled && <div className=\"inventoryReportsTitleBar--FilterAction\">\n          (\n          <>\n            <ReportButtons\n              zIndex={997}\n              className=\"inventoryReportsTitleBar--RightContent\"\n              dropdownMenuButtonData={{\n                icon: <img src={images.sidebar.calendar2} />,\n                children: (\n                  <>\n                    {RANGE[dateRange]}\n                    <KeyboardArrowDownIcon />\n                  </>\n                ),\n                options: options,\n              }}\n              toggleCallback={toggleCallback}\n            />\n            <div ref={dateSelectRef}></div>\n          </>\n          )\n        </div>\n        }\n        <div className=\"inventoryReportsTitleBar--FilterAction\">\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            Filter\n          </Button>\n          {showLevelBtn && <Divider flexItem orientation=\"vertical\" sx= {{ alignSelf: 'auto'}} />}\n          {filterDropDownFunc()}\n          {showLevelBtn && (\n            <>\n              <Box className=\"inventoryReportsTitleBar--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                      <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            </>\n          )}\n          {/* <SearchBar\n            placeholder=\"Search\"\n            handleSearch={(val) => handleSearch?.(val)}\n            sx={{\n              width: \"250px\",\n              background: \"#fff !important\",\n              border: \"1px solid #F3F2F2 !important\",\n            }}\n          /> */}\n        </div>\n      </Box>\n\n      <Divider sx={{ my: 2, mx: 1, borderColor: 'grey.200' }}/>\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                      Apply\n                    </Button>\n                  </Box>\n                </Box>\n              </ClickAwayListener>\n            </Paper>\n          </Grow>\n        )}\n      </Popper>\n\n    </div>\n  );\n};\n\nexport default InventoryReportsTitleBar;\n"],"names":["handleCompareDateRange","KeyboardArrowDownIcon","FilterIcon","MuiButton"],"mappings":"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"}