npm - @erpsquad/common - Versions diffs - 1.8.75 → 1.8.77 - Mend

@erpsquad/common 1.8.75 → 1.8.77

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3345) hide show

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

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

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

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

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

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