npm - @erpsquad/common - Versions diffs - 1.8.40 → 1.8.41 - Mend

@erpsquad/common 1.8.40 → 1.8.41

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 (4412) hide show

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 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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"}

package/dist/components/reset-password-modal/reset-password-modal/index.esm.js CHANGED Viewed

@@ -5,12 +5,12 @@ import { useForm } from "react-hook-form";
 import { yupResolver as o } from "../../../node_modules/@hookform/resolvers/yup/dist/yup/index.esm.js";
 import * as Yup from "yup";
 import { useAuth } from "../../../hooks/useAuth/index.esm.js";
-import { styled } from "@mui/system";
-import Box from "@mui/material/Box";
 import { Typography } from "../../typography/typography/index.esm.js";
 import DynamicInput from "../../form-control/form-builder/form-builder-element/text/index.esm.js";
 import Button from "../../button/button/index.esm.js";
 import Toast from "../../toast/toast/index.esm.js";
+import styled from "../../../node_modules/@mui/system/esm/styled/index.esm.js";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import { Eye } from "../../icons/eye/index.esm.js";
 import { EyeOff } from "../../icons/eye-off/index.esm.js";
 const validationSchema = Yup.object({

package/dist/components/reset-password-modal/reset-password-modal/index.js CHANGED Viewed

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../modal/modal/index.js"),s=require("react-hook-form"),o=require("../../../node_modules/@hookform/resolvers/yup/dist/yup/index.js"),a=require("yup"),n=require("../../../hooks/useAuth/index.js"),l=require("@mui/system"),i=require("@mui/material/Box"),d=require("../../typography/typography/index.js"),u=require("../../form-control/form-builder/form-builder-element/text/index.js"),c=require("../../button/button/index.js"),m=require("../../toast/toast/index.js"),f=require("../../icons/eye/index.js"),p=require("../../icons/eye-off/index.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function j(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,r}var x=/* @__PURE__ */j(a),y=/* @__PURE__ */h(i);const g=x.object({login:x.object({current_password:x.string().required("Please enter current password"),password:x.string().required("Please enter password").min(8,"Password must be at least 8 characters").matches(/[A-Z]/,"Password must contain at least one uppercase letter").matches(/[!@#$%^&*(),.?":{}|<>]/,"Password must contain at least one special character"),confirm_password:x.string().required("Please enter confirm password").oneOf([x.ref("password")],"Passwords must match")})});exports.default=({showModal:a,setShowModal:i})=>{const{changeUserPassword:h}=n.useAuth(),[j,x]=r.useState(null),{control:w,handleSubmit:b}=s.useForm({resolver:o.yupResolver(g),mode:"all"}),[C,q]=r.useState(!1),[P,S]=r.useState(!1),[v,E]=r.useState(!1),O=l.styled(y.default)(()=>({display:"flex",flexDirection:"column"}));/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("../../modal/modal/index.js"),o=require("react-hook-form"),t=require("../../../node_modules/@hookform/resolvers/yup/dist/yup/index.js"),a=require("yup"),n=require("../../../hooks/useAuth/index.js"),l=require("../../typography/typography/index.js"),i=require("../../form-control/form-builder/form-builder-element/text/index.js"),d=require("../../button/button/index.js"),u=require("../../toast/toast/index.js"),c=require("../../../node_modules/@mui/system/esm/styled/index.js"),m=require("../../../node_modules/@mui/material/Box/Box/index.js"),f=require("../../icons/eye/index.js"),p=require("../../icons/eye-off/index.js");function h(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(s){if("default"!==s){var o=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(r,s,o.get?o:{enumerable:!0,get:function(){return e[s]}})}}),r.default=e,r}var x=/* @__PURE__ */h(a);const j=x.object({login:x.object({current_password:x.string().required("Please enter current password"),password:x.string().required("Please enter password").min(8,"Password must be at least 8 characters").matches(/[A-Z]/,"Password must contain at least one uppercase letter").matches(/[!@#$%^&*(),.?":{}|<>]/,"Password must contain at least one special character"),confirm_password:x.string().required("Please enter confirm password").oneOf([x.ref("password")],"Passwords must match")})});exports.default=({showModal:a,setShowModal:h})=>{const{changeUserPassword:x}=n.useAuth(),[y,g]=r.useState(null),{control:w,handleSubmit:b}=o.useForm({resolver:t.yupResolver(j),mode:"all"}),[C,q]=r.useState(!1),[P,S]=r.useState(!1),[v,E]=r.useState(!1),O=c.default(m.default)(()=>({display:"flex",flexDirection:"column"}));/* @__PURE__ */
 return e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(t.default,{open:a,onClose:()=>i(!1),children:/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx("form",{onSubmit:b(async e=>(await h(e.login,(e,r)=>{r?(x({message:e,type:"normal"}),i(!1)):x({message:e,type:"alert"})}),e)),children:/* @__PURE__ */e.jsxs(O,{gap:4,className:"popup-change-pass",children:[
+/* @__PURE__ */e.jsx(s.default,{open:a,onClose:()=>h(!1),children:/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx("form",{onSubmit:b(async e=>(await x(e.login,(e,r)=>{r?(g({message:e,type:"normal"}),h(!1)):g({message:e,type:"alert"})}),e)),children:/* @__PURE__ */e.jsxs(O,{gap:4,className:"popup-change-pass",children:[
 /* @__PURE__ */e.jsxs(O,{gap:2,children:[
-/* @__PURE__ */e.jsxs(y.default,{children:[
-/* @__PURE__ */e.jsx(d.Typography,{align:"center",type:"h1",weight:"medium",color:"theme.secondary.1000",children:"Change Password"}),
-/* @__PURE__ */e.jsx(d.Typography,{align:"center",type:"h5",weight:"normal",color:"theme.secondary81000",children:"Enter Details below"})]}),
+/* @__PURE__ */e.jsxs(m.default,{children:[
+/* @__PURE__ */e.jsx(l.Typography,{align:"center",type:"h1",weight:"medium",color:"theme.secondary.1000",children:"Change Password"}),
+/* @__PURE__ */e.jsx(l.Typography,{align:"center",type:"h5",weight:"normal",color:"theme.secondary81000",children:"Enter Details below"})]}),
 /* @__PURE__ */e.jsxs(O,{gap:2,children:[
-/* @__PURE__ */e.jsx(y.default,{children:/* @__PURE__ */e.jsx(u.default,{formControl:w,label:"Current Password",name:"current_password",type:P?"text":"password",placeholder:"Enter Current Password",fieldArrayName:"login",endIcon:/* @__PURE__ */e.jsx(e.Fragment,{children:P?/* @__PURE__ */e.jsx(f.Eye,{fontSize:"small",htmlColor:"#292D32"}):/* @__PURE__ */e.jsx(p.EyeOff,{fontSize:"small",htmlColor:"#292D32"})}),onIconClick:()=>S(!P)})}),
-/* @__PURE__ */e.jsx(y.default,{children:/* @__PURE__ */e.jsx(u.default,{formControl:w,label:"Password",name:"password",type:C?"text":"password",placeholder:"Enter Password",fieldArrayName:"login",endIcon:/* @__PURE__ */e.jsx(e.Fragment,{children:C?/* @__PURE__ */e.jsx(f.Eye,{fontSize:"small",htmlColor:"#292D32"}):/* @__PURE__ */e.jsx(p.EyeOff,{fontSize:"small",htmlColor:"#292D32"})}),onIconClick:()=>q(!C)})}),
-/* @__PURE__ */e.jsx(y.default,{children:/* @__PURE__ */e.jsx(u.default,{formControl:w,label:"Confirm Password",name:"confirm_password",type:v?"text":"password",fieldArrayName:"login",endIcon:/* @__PURE__ */e.jsx(e.Fragment,{children:v?/* @__PURE__ */e.jsx(f.Eye,{fontSize:"small",htmlColor:"#292D32"}):/* @__PURE__ */e.jsx(p.EyeOff,{fontSize:"small",htmlColor:"#292D32"})}),onIconClick:()=>E(!v),placeholder:"Enter confirm password"})})]})]}),
-/* @__PURE__ */e.jsx(O,{gap:2,children:/* @__PURE__ */e.jsx(c.default,{type:"submit",size:"large",variant:"contained",children:"Change Password"})})]})})})}),
-/* @__PURE__ */e.jsx(m.default,{open:Boolean(j),message:null==j?void 0:j.message,type:null==j?void 0:j.type,handleClose:()=>x(null),anchorOrigin:{horizontal:"right",vertical:"bottom"},autoHideDuration:3e3})]})};
+/* @__PURE__ */e.jsx(m.default,{children:/* @__PURE__ */e.jsx(i.default,{formControl:w,label:"Current Password",name:"current_password",type:P?"text":"password",placeholder:"Enter Current Password",fieldArrayName:"login",endIcon:/* @__PURE__ */e.jsx(e.Fragment,{children:P?/* @__PURE__ */e.jsx(f.Eye,{fontSize:"small",htmlColor:"#292D32"}):/* @__PURE__ */e.jsx(p.EyeOff,{fontSize:"small",htmlColor:"#292D32"})}),onIconClick:()=>S(!P)})}),
+/* @__PURE__ */e.jsx(m.default,{children:/* @__PURE__ */e.jsx(i.default,{formControl:w,label:"Password",name:"password",type:C?"text":"password",placeholder:"Enter Password",fieldArrayName:"login",endIcon:/* @__PURE__ */e.jsx(e.Fragment,{children:C?/* @__PURE__ */e.jsx(f.Eye,{fontSize:"small",htmlColor:"#292D32"}):/* @__PURE__ */e.jsx(p.EyeOff,{fontSize:"small",htmlColor:"#292D32"})}),onIconClick:()=>q(!C)})}),
+/* @__PURE__ */e.jsx(m.default,{children:/* @__PURE__ */e.jsx(i.default,{formControl:w,label:"Confirm Password",name:"confirm_password",type:v?"text":"password",fieldArrayName:"login",endIcon:/* @__PURE__ */e.jsx(e.Fragment,{children:v?/* @__PURE__ */e.jsx(f.Eye,{fontSize:"small",htmlColor:"#292D32"}):/* @__PURE__ */e.jsx(p.EyeOff,{fontSize:"small",htmlColor:"#292D32"})}),onIconClick:()=>E(!v),placeholder:"Enter confirm password"})})]})]}),
+/* @__PURE__ */e.jsx(O,{gap:2,children:/* @__PURE__ */e.jsx(d.default,{type:"submit",size:"large",variant:"contained",children:"Change Password"})})]})})})}),
+/* @__PURE__ */e.jsx(u.default,{open:Boolean(y),message:null==y?void 0:y.message,type:null==y?void 0:y.type,handleClose:()=>g(null),anchorOrigin:{horizontal:"right",vertical:"bottom"},autoHideDuration:3e3})]})};
 //# sourceMappingURL=index.js.map

package/dist/components/reset-password-modal/reset-password-modal/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/reset-password-modal/reset-password-modal.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport Modal from \"../modal/modal\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport { LoginFormValues } from \"../../contexts/AuthContext\";\r\nimport { yupResolver } from \"@hookform/resolvers/yup\";\r\nimport * as Yup from \"yup\";\r\nimport { useAuth } from \"../../hooks/useAuth\";\r\nimport { styled } from \"@mui/system\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Typography from \"../typography/typography\";\r\nimport DynamicInput from \"../form-control/form-builder/form-builder-element/text\";\r\nimport { Eye, EyeOff } from \"../icons\";\r\nimport Button from \"../button/button\";\r\nimport Toast from \"../toast/toast\";\r\n\r\n\r\nconst validationSchema = Yup.object({\r\n login: Yup.object({\r\n current_password: Yup.string().required(\"Please enter current password\"),\r\n password: Yup.string()\r\n .required(\"Please enter password\")\r\n .min(8, \"Password must be at least 8 characters\")\r\n .matches(/[A-Z]/, \"Password must contain at least one uppercase letter\")\r\n .matches(/[!@#$%^&*(),.?\":{}\|<>]/, \"Password must contain at least one special character\"),\r\n confirm_password: Yup.string().required(\"Please enter confirm password\").oneOf([Yup.ref('password')], \"Passwords must match\"),\r\n }),\r\n});\r\n\r\n\r\n\r\nconst ResetPasswordModal = ({showModal, setShowModal}) => {\r\n const { changeUserPassword } = useAuth();\r\n\r\n // const [showModal, setShowModal] = useState(false);\r\n const [toast, setToast] = useState<IToast \| null>(null);\r\n\r\n interface FormValeus {\r\n login: LoginFormValues;\r\n }\r\n\r\n const { control, handleSubmit } = useForm<FormValeus>({\r\n resolver: yupResolver(validationSchema),\r\n mode: \"all\",\r\n });\r\n\r\n const onSubmit = async (values: FormValeus) => {\r\n await changeUserPassword(values.login, (message, type) => {\r\n if (type) {\r\n setToast({ message: message, type: \"normal\" });\r\n setShowModal(false);\r\n } else {\r\n setToast({ message: message, type: \"alert\" });\r\n }\r\n // make logout\r\n });\r\n return values; \r\n };\r\n\r\n const [showPassword, setShowPassword] = useState<boolean>(false);\r\n const handleShowPassword = () => setShowPassword(!showPassword);\r\n\r\n const [showCurrentPassword, setShowCurrentPassword] = useState<boolean>(false);\r\n const handleShowCurrentPassword = () => setShowCurrentPassword(!showCurrentPassword);\r\n\r\n const [showConfirmPassword, setShowConfirmPassword] = useState<boolean>(false);\r\n const handleShowConfirmPassword = () => setShowConfirmPassword(!showConfirmPassword);\r\n\r\n const FlexBox = styled(Box)(() => ({\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n }));\r\n\r\n return (\r\n <>\r\n <Modal \r\n open={showModal}\r\n onClose={() => setShowModal(false)} \r\n children={\r\n <>\r\n <form onSubmit={handleSubmit(onSubmit)}>\r\n <FlexBox gap={4} className=\"popup-change-pass\">\r\n <FlexBox gap={2}>\r\n <Box>\r\n <Typography\r\n align=\"center\"\r\n type=\"h1\"\r\n weight=\"medium\"\r\n color=\"theme.secondary.1000\"\r\n >\r\n Change Password\r\n </Typography>\r\n <Typography\r\n align=\"center\"\r\n type=\"h5\"\r\n weight=\"normal\"\r\n color=\"theme.secondary81000\"\r\n >\r\n Enter Details below\r\n </Typography>\r\n </Box>\r\n <FlexBox gap={2}>\r\n <Box>\r\n <DynamicInput\r\n formControl={control}\r\n label=\"Current Password\"\r\n name=\"current_password\"\r\n type={showCurrentPassword ? \"text\" : \"password\"}\r\n placeholder=\"Enter Current Password\"\r\n fieldArrayName=\"login\"\r\n endIcon={\r\n <>\r\n {showCurrentPassword ? (\r\n <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n ) : (\r\n <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n )}\r\n </>\r\n }\r\n onIconClick={handleShowCurrentPassword}\r\n />\r\n </Box>\r\n <Box>\r\n <DynamicInput\r\n formControl={control}\r\n label=\"Password\"\r\n name=\"password\"\r\n type={showPassword ? \"text\" : \"password\"}\r\n placeholder=\"Enter Password\"\r\n fieldArrayName=\"login\"\r\n endIcon={\r\n <>\r\n {showPassword ? (\r\n <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n ) : (\r\n <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n )}\r\n </>\r\n }\r\n onIconClick={handleShowPassword}\r\n />\r\n </Box>\r\n <Box>\r\n <DynamicInput\r\n formControl={control}\r\n label=\"Confirm Password\"\r\n name=\"confirm_password\"\r\n type={showConfirmPassword ? \"text\" : \"password\"}\r\n fieldArrayName=\"login\"\r\n endIcon={\r\n <>\r\n {showConfirmPassword ? (\r\n <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n ) : (\r\n <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n )}\r\n </>\r\n }\r\n onIconClick={handleShowConfirmPassword} \r\n placeholder=\"Enter confirm password\"\r\n />\r\n </Box>\r\n </FlexBox>\r\n </FlexBox>\r\n <FlexBox gap={2}>\r\n <Button type=\"submit\" size=\"large\" variant=\"contained\">\r\n Change Password\r\n </Button>\r\n </FlexBox>\r\n </FlexBox>\r\n </form> \r\n </>\r\n }\r\n />\r\n <Toast\r\n open={Boolean(toast)}\r\n message={toast?.message}\r\n type={toast?.type}\r\n handleClose={() => setToast(null)}\r\n anchorOrigin={{ horizontal: \"right\", vertical: \"bottom\" }}\r\n autoHideDuration={3000}\r\n />\r\n </>\r\n );\r\n}\r\n\r\nexport default ResetPasswordModal;"],"names":["validationSchema","Yup","object","login","current_password","string","required","password","min","matches","confirm_password","oneOf","ref","showModal","setShowModal","changeUserPassword","useAuth","toast","setToast","useState","control","handleSubmit","useForm","resolver","yupResolver","mode","showPassword","setShowPassword","showCurrentPassword","setShowCurrentPassword","showConfirmPassword","setShowConfirmPassword","FlexBox","styled","Box","display","flexDirection","jsxs","Fragment","children","jsx","Modal","open","onClose","onSubmit","async","values","message","type","gap","className","Typography","align","weight","color","DynamicInput","formControl","label","name","placeholder","fieldArrayName","endIcon","Eye","fontSize","htmlColor","EyeOff","onIconClick","Button","size","variant","Toast","Boolean","handleClose","anchorOrigin","horizontal","vertical","autoHideDuration"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/reset-password-modal/reset-password-modal.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport Modal from \"../modal/modal\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport { LoginFormValues } from \"../../contexts/AuthContext\";\r\nimport { yupResolver } from \"@hookform/resolvers/yup\";\r\nimport * as Yup from \"yup\";\r\nimport { useAuth } from \"../../hooks/useAuth\";\r\nimport { styled } from \"@mui/system\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Typography from \"../typography/typography\";\r\nimport DynamicInput from \"../form-control/form-builder/form-builder-element/text\";\r\nimport { Eye, EyeOff } from \"../icons\";\r\nimport Button from \"../button/button\";\r\nimport Toast from \"../toast/toast\";\r\n\r\n\r\nconst validationSchema = Yup.object({\r\n login: Yup.object({\r\n current_password: Yup.string().required(\"Please enter current password\"),\r\n password: Yup.string()\r\n .required(\"Please enter password\")\r\n .min(8, \"Password must be at least 8 characters\")\r\n .matches(/[A-Z]/, \"Password must contain at least one uppercase letter\")\r\n .matches(/[!@#$%^&*(),.?\":{}\|<>]/, \"Password must contain at least one special character\"),\r\n confirm_password: Yup.string().required(\"Please enter confirm password\").oneOf([Yup.ref('password')], \"Passwords must match\"),\r\n }),\r\n});\r\n\r\n\r\n\r\nconst ResetPasswordModal = ({showModal, setShowModal}) => {\r\n const { changeUserPassword } = useAuth();\r\n\r\n // const [showModal, setShowModal] = useState(false);\r\n const [toast, setToast] = useState<IToast \| null>(null);\r\n\r\n interface FormValeus {\r\n login: LoginFormValues;\r\n }\r\n\r\n const { control, handleSubmit } = useForm<FormValeus>({\r\n resolver: yupResolver(validationSchema),\r\n mode: \"all\",\r\n });\r\n\r\n const onSubmit = async (values: FormValeus) => {\r\n await changeUserPassword(values.login, (message, type) => {\r\n if (type) {\r\n setToast({ message: message, type: \"normal\" });\r\n setShowModal(false);\r\n } else {\r\n setToast({ message: message, type: \"alert\" });\r\n }\r\n // make logout\r\n });\r\n return values; \r\n };\r\n\r\n const [showPassword, setShowPassword] = useState<boolean>(false);\r\n const handleShowPassword = () => setShowPassword(!showPassword);\r\n\r\n const [showCurrentPassword, setShowCurrentPassword] = useState<boolean>(false);\r\n const handleShowCurrentPassword = () => setShowCurrentPassword(!showCurrentPassword);\r\n\r\n const [showConfirmPassword, setShowConfirmPassword] = useState<boolean>(false);\r\n const handleShowConfirmPassword = () => setShowConfirmPassword(!showConfirmPassword);\r\n\r\n const FlexBox = styled(Box)(() => ({\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n }));\r\n\r\n return (\r\n <>\r\n <Modal \r\n open={showModal}\r\n onClose={() => setShowModal(false)} \r\n children={\r\n <>\r\n <form onSubmit={handleSubmit(onSubmit)}>\r\n <FlexBox gap={4} className=\"popup-change-pass\">\r\n <FlexBox gap={2}>\r\n <Box>\r\n <Typography\r\n align=\"center\"\r\n type=\"h1\"\r\n weight=\"medium\"\r\n color=\"theme.secondary.1000\"\r\n >\r\n Change Password\r\n </Typography>\r\n <Typography\r\n align=\"center\"\r\n type=\"h5\"\r\n weight=\"normal\"\r\n color=\"theme.secondary81000\"\r\n >\r\n Enter Details below\r\n </Typography>\r\n </Box>\r\n <FlexBox gap={2}>\r\n <Box>\r\n <DynamicInput\r\n formControl={control}\r\n label=\"Current Password\"\r\n name=\"current_password\"\r\n type={showCurrentPassword ? \"text\" : \"password\"}\r\n placeholder=\"Enter Current Password\"\r\n fieldArrayName=\"login\"\r\n endIcon={\r\n <>\r\n {showCurrentPassword ? (\r\n <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n ) : (\r\n <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n )}\r\n </>\r\n }\r\n onIconClick={handleShowCurrentPassword}\r\n />\r\n </Box>\r\n <Box>\r\n <DynamicInput\r\n formControl={control}\r\n label=\"Password\"\r\n name=\"password\"\r\n type={showPassword ? \"text\" : \"password\"}\r\n placeholder=\"Enter Password\"\r\n fieldArrayName=\"login\"\r\n endIcon={\r\n <>\r\n {showPassword ? (\r\n <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n ) : (\r\n <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n )}\r\n </>\r\n }\r\n onIconClick={handleShowPassword}\r\n />\r\n </Box>\r\n <Box>\r\n <DynamicInput\r\n formControl={control}\r\n label=\"Confirm Password\"\r\n name=\"confirm_password\"\r\n type={showConfirmPassword ? \"text\" : \"password\"}\r\n fieldArrayName=\"login\"\r\n endIcon={\r\n <>\r\n {showConfirmPassword ? (\r\n <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n ) : (\r\n <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n )}\r\n </>\r\n }\r\n onIconClick={handleShowConfirmPassword} \r\n placeholder=\"Enter confirm password\"\r\n />\r\n </Box>\r\n </FlexBox>\r\n </FlexBox>\r\n <FlexBox gap={2}>\r\n <Button type=\"submit\" size=\"large\" variant=\"contained\">\r\n Change Password\r\n </Button>\r\n </FlexBox>\r\n </FlexBox>\r\n </form> \r\n </>\r\n }\r\n />\r\n <Toast\r\n open={Boolean(toast)}\r\n message={toast?.message}\r\n type={toast?.type}\r\n handleClose={() => setToast(null)}\r\n anchorOrigin={{ horizontal: \"right\", vertical: \"bottom\" }}\r\n autoHideDuration={3000}\r\n />\r\n </>\r\n );\r\n}\r\n\r\nexport default ResetPasswordModal;"],"names":["validationSchema","Yup","object","login","current_password","string","required","password","min","matches","confirm_password","oneOf","ref","showModal","setShowModal","changeUserPassword","useAuth","toast","setToast","useState","control","handleSubmit","useForm","resolver","yupResolver","mode","showPassword","setShowPassword","showCurrentPassword","setShowCurrentPassword","showConfirmPassword","setShowConfirmPassword","FlexBox","styled","Box","display","flexDirection","jsxs","Fragment","children","jsx","Modal","open","onClose","onSubmit","async","values","message","type","gap","className","Typography","align","weight","color","DynamicInput","formControl","label","name","placeholder","fieldArrayName","endIcon","Eye","fontSize","htmlColor","EyeOff","onIconClick","Button","size","variant","Toast","Boolean","handleClose","anchorOrigin","horizontal","vertical","autoHideDuration"],"mappings":"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"}

package/dist/components/rfq-response/item-response-details/index.esm.js CHANGED Viewed

@@ -1,6 +1,4 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Close } from "@mui/icons-material";
-import { DialogTitle, IconButton, Grid, Box } from "@mui/material";
 import MaterialTable from "../../material-table/material-table/index.esm.js";
 import Modal from "../../modal/modal/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
@@ -11,6 +9,11 @@ import ModalLoader from "../../loaders/modal-loader/index.esm.js";
 import { responseItemDetailsColumns } from "../../../utils/constant/index.esm.js";
 import { fetchRentalResponseItems, fetchRfqItemsByIdForResponse, getErrorMessage } from "../../../utils/common/index.esm.js";
 import { transformTableColumns } from "../../../utils/common-utility/index.esm.js";
+import DialogTitle from "../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.esm.js";
+import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import Close from "../../../node_modules/@mui/icons-material/esm/Close/index.esm.js";
+import Grid from "../../../node_modules/@mui/material/Grid/Grid/index.esm.js";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
 function ItemResponseDetails(props) {
   var _a;
   const { isOpen, onClose, data, isRental = false } = props;

package/dist/components/rfq-response/item-response-details/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/rfq-response/item-response-details.tsx"],"sourcesContent":["import { Close } from \"@mui/icons-material\";\nimport { Box, DialogTitle, Grid, IconButton } from \"@mui/material\";\nimport MaterialTable from \"../material-table/material-table\";\nimport Modal from \"../modal/modal\";\nimport Typography from \"../typography/typography\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { enqueueSnackbar } from \"notistack\";\nimport ModalLoader from \"../loaders/modal-loader\";\nimport {responseItemDetailsColumns} from '../../utils/constant'\nimport { fetchRentalResponseItems, fetchRfqItemsByIdForResponse, getErrorMessage } from \"../../utils/common\";\nimport { transformTableColumns } from \"../../utils/common-utility\";\nexport default function ItemResponseDetails(props:any){\n const {isOpen, onClose,data,isRental=false} = props\n const [responseItems, setResponseItems] = useState<any[]>([])\n const [isLoading, setIsLoading] = useState<boolean>(false)\n const {t} = useTranslation()\n\n const getResponseItems=useCallback(async()=>{\n if(!isOpen) return\n try {\n setIsLoading(true)\n const filters=`(rfq_line_item_id.in=${[data?.id]})`\n const rfqResponseItems =isRental?await fetchRentalResponseItems(filters): await fetchRfqItemsByIdForResponse(filters)\n setResponseItems(rfqResponseItems)\n } catch (error) {\n const errorMsg=getErrorMessage(error?.message)\n enqueueSnackbar(errorMsg,{variant:'error'})\n }finally{\n setTimeout(()=>setIsLoading(false),300)\n }\n },[isOpen,data?.id,isRental])\n useEffect(()=>{\n getResponseItems()\n },[getResponseItems])\n return(\n <Modal open={isOpen}\n onClose={onClose}\n maxWidth='md'\n fullWidth\n >\n {isLoading&&<ModalLoader />}\n <DialogTitle className='itemEntryModal--DialogTitle'>\n <Typography type='s3' color='inherit' weight='medium'>\n Response Details\n </Typography>\n <IconButton onClick={onClose}>\n <Close fontSize='small' />\n </IconButton>\n </DialogTitle>\n <Grid container>\n <Grid item xs={4}>\n <Box sx={{ display: 'flex',padding:2, flexDirection: 'column' }}>\n <Typography type='s5' weight=\"medium\" color='theme.secondary.800'>Item</Typography>\n <Typography type='s3' weight=\"medium\" color='theme.neutral.1000'>{data?.item_data?.name}</Typography>\n </Box>\n </Grid>\n </Grid>\n \n <Grid container p={2} spacing={3}>\n <Grid item xs={12}>\n <Box sx={{ paddingTop: '1.2rem' }}>\n <MaterialTable\n rows={responseItems \|\| []}\n columns={transformTableColumns({\n columns: responseItemDetailsColumns,\n currencySymbol: undefined,\n translationFn: t,\n customizeValue: (row, columnAccessorKey, value) => {\n switch (columnAccessorKey) {\n case 'item_data.vendor_info.vendor_name':\n return value\|\|row?.original?.item_data?.name\n }\n }\n \n \n })}\n paginationModel={{ pageNo: 1, limit: 10 }}\n totalPages={20}\n enableColumnDragging={true}\n isResetRow={false}\n enableEditing={false}\n columnOrder={['mrt-row-select']}\n enableRowSelection={false}\n disabledDefaultActionColumnIcon\n enableBottomToolbar={false}\n />\n </Box>\n </Grid>\n </Grid>\n \n </Modal>\n )\n}"],"names":["_a"],"mappings":"~~;;;;;;;;;;;;;~~AAYA,SAAwB,oBAAoB,OAAU;;AAClD,QAAM,EAAC,QAAQ,SAAQ,MAAK,WAAS,UAAS;AAC9C,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAgB,CAAA,CAAE;AAC5D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAkB,KAAK;AACzD,QAAM,EAAC,EAAA,IAAK,eAAA;AAEZ,QAAM,mBAAiB,YAAY,YAAS;AACxC,QAAG,CAAC,OAAQ;AAChB,QAAI;AACA,mBAAa,IAAI;AACjB,YAAM,UAAQ,wBAAwB,CAAC,6BAAM,EAAE,CAAC;AACjD,YAAM,mBAAkB,WAAS,MAAM,yBAAyB,OAAO,IAAG,MAAM,6BAA6B,OAAO;AACpH,uBAAiB,gBAAgB;AAAA,IACpC,SAAS,OAAO;AACZ,YAAM,WAAS,gBAAgB,+BAAO,OAAO;AAC7C,sBAAgB,UAAS,EAAC,SAAQ,QAAA,CAAQ;AAAA,IAC9C,UAAA;AACI,iBAAW,MAAI,aAAa,KAAK,GAAE,GAAG;AAAA,IAC1C;AAAA,EACA,GAAE,CAAC,QAAO,6BAAM,IAAG,QAAQ,CAAC;AAC5B,YAAU,MAAI;AACV,qBAAA;AAAA,EACJ,GAAE,CAAC,gBAAgB,CAAC;AACpB,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MAAM,MAAM;AAAA,MACZ;AAAA,MACA,UAAS;AAAA,MACT,WAAS;AAAA,MAEL,UAAA;AAAA,QAAA,iCAAY,aAAA,EAAY;AAAA,QAC1B,qBAAC,aAAA,EAAY,WAAU,+BACP,UAAA;AAAA,UAAA,oBAAC,cAAW,MAAK,MAAK,OAAM,WAAU,QAAO,UAAS,UAAA,mBAAA,CAEtD;AAAA,UACA,oBAAC,cAAW,SAAS,SACjB,8BAAC,OAAA,EAAM,UAAS,SAAQ,EAAA,CAC5B;AAAA,QAAA,GACJ;AAAA,QACC,oBAAC,QAAK,WAAS,MACA,8BAAC,MAAA,EAAK,MAAI,MAAC,IAAI,GACP,+BAAC,KAAA,EAAI,IAAI,EAAE,SAAS,QAAO,SAAQ,GAAG,eAAe,YACjD,UAAA;AAAA,UAAA,oBAAC,cAAW,MAAK,MAAK,QAAO,UAAS,OAAM,uBAAsB,UAAA,OAAA,CAAI;AAAA,UACtE,oBAAC,YAAA,EAAW,MAAK,MAAK,QAAO,UAAS,OAAM,sBAAsB,WAAA,kCAAM,cAAN,mBAAiB,KAAA,CAAK;AAAA,QAAA,EAAA,CAC5F,GACR,GACJ;AAAA,QAEA,oBAAC,QAAK,WAAS,MAAC,GAAG,GAAG,SAAS,GAC3B,UAAA,oBAAC,MAAA,EAAK,MAAI,MAAC,IAAI,IACX,UAAA,oBAAC,KAAA,EAAI,IAAI,EAAE,YAAY,YACnB,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAM,iBAAiB,CAAA;AAAA,YACvB,SAAS,sBAAsB;AAAA,cACzB,SAAS;AAAA,cACV,gBAAgB;AAAA,cAChB,eAAe;AAAA,cACf,gBAAgB,CAAC,KAAK,mBAAmB,UAAU;;AAC/C,wBAAQ,mBAAA;AAAA,kBACJ,KAAK;AACD,2BAAO,WAAO,MAAAA,MAAA,2BAAK,aAAL,gBAAAA,IAAe,cAAf,mBAA0B;AAAA,gBAAA;AAAA,cAEpD;AAAA,YAAA,CAGJ;AAAA,YACD,iBAAiB,EAAE,QAAQ,GAAG,OAAO,GAAA;AAAA,YACrC,YAAY;AAAA,YACZ,sBAAsB;AAAA,YACtB,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,aAAa,CAAC,gBAAgB;AAAA,YAC9B,oBAAoB;AAAA,YACpB,iCAA+B;AAAA,YAC/B,qBAAqB;AAAA,UAAA;AAAA,QAAA,EACzB,CACJ,GACJ,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAInC;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/rfq-response/item-response-details.tsx"],"sourcesContent":["import { Close } from \"@mui/icons-material\";\nimport { Box, DialogTitle, Grid, IconButton } from \"@mui/material\";\nimport MaterialTable from \"../material-table/material-table\";\nimport Modal from \"../modal/modal\";\nimport Typography from \"../typography/typography\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { enqueueSnackbar } from \"notistack\";\nimport ModalLoader from \"../loaders/modal-loader\";\nimport {responseItemDetailsColumns} from '../../utils/constant'\nimport { fetchRentalResponseItems, fetchRfqItemsByIdForResponse, getErrorMessage } from \"../../utils/common\";\nimport { transformTableColumns } from \"../../utils/common-utility\";\nexport default function ItemResponseDetails(props:any){\n const {isOpen, onClose,data,isRental=false} = props\n const [responseItems, setResponseItems] = useState<any[]>([])\n const [isLoading, setIsLoading] = useState<boolean>(false)\n const {t} = useTranslation()\n\n const getResponseItems=useCallback(async()=>{\n if(!isOpen) return\n try {\n setIsLoading(true)\n const filters=`(rfq_line_item_id.in=${[data?.id]})`\n const rfqResponseItems =isRental?await fetchRentalResponseItems(filters): await fetchRfqItemsByIdForResponse(filters)\n setResponseItems(rfqResponseItems)\n } catch (error) {\n const errorMsg=getErrorMessage(error?.message)\n enqueueSnackbar(errorMsg,{variant:'error'})\n }finally{\n setTimeout(()=>setIsLoading(false),300)\n }\n },[isOpen,data?.id,isRental])\n useEffect(()=>{\n getResponseItems()\n },[getResponseItems])\n return(\n <Modal open={isOpen}\n onClose={onClose}\n maxWidth='md'\n fullWidth\n >\n {isLoading&&<ModalLoader />}\n <DialogTitle className='itemEntryModal--DialogTitle'>\n <Typography type='s3' color='inherit' weight='medium'>\n Response Details\n </Typography>\n <IconButton onClick={onClose}>\n <Close fontSize='small' />\n </IconButton>\n </DialogTitle>\n <Grid container>\n <Grid item xs={4}>\n <Box sx={{ display: 'flex',padding:2, flexDirection: 'column' }}>\n <Typography type='s5' weight=\"medium\" color='theme.secondary.800'>Item</Typography>\n <Typography type='s3' weight=\"medium\" color='theme.neutral.1000'>{data?.item_data?.name}</Typography>\n </Box>\n </Grid>\n </Grid>\n \n <Grid container p={2} spacing={3}>\n <Grid item xs={12}>\n <Box sx={{ paddingTop: '1.2rem' }}>\n <MaterialTable\n rows={responseItems \|\| []}\n columns={transformTableColumns({\n columns: responseItemDetailsColumns,\n currencySymbol: undefined,\n translationFn: t,\n customizeValue: (row, columnAccessorKey, value) => {\n switch (columnAccessorKey) {\n case 'item_data.vendor_info.vendor_name':\n return value\|\|row?.original?.item_data?.name\n }\n }\n \n \n })}\n paginationModel={{ pageNo: 1, limit: 10 }}\n totalPages={20}\n enableColumnDragging={true}\n isResetRow={false}\n enableEditing={false}\n columnOrder={['mrt-row-select']}\n enableRowSelection={false}\n disabledDefaultActionColumnIcon\n enableBottomToolbar={false}\n />\n </Box>\n </Grid>\n </Grid>\n \n </Modal>\n )\n}"],"names":["_a"],"mappings":"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"}

package/dist/components/rfq-response/item-response-details/index.js CHANGED Viewed

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("@mui/icons-material"),t=require("@mui/material"),n=require("../../material-table/material-table/index.js"),r=require("../../modal/modal/index.js"),l=require("../../typography/typography/index.js"),o=require("react"),a=require("react-i18next"),s=require("../../../node_modules/notistack/notistack.esm/index.js"),d=require("../../loaders/modal-loader/index.js"),u=require("../../../utils/constant/index.js"),m=require("../../../utils/common/index.js"),c=require("../../../utils/common-utility/index.js");exports.default=function(x){var p;const{isOpen:h,onClose:j,data:g,isRental:y=!1}=x,[f,q]=o.useState([]),[v,b]=o.useState(!1),{t:_}=a.useTranslation(),T=o.useCallback(async()=>{if(h)try{b(!0);const e=`(rfq_line_item_id.in=${[null==g?void 0:g.id]})`,i=y?await m.fetchRentalResponseItems(e):await m.fetchRfqItemsByIdForResponse(e);q(i)}catch(e){const i=m.getErrorMessage(null==e?void 0:e.message);s.enqueueSnackbar(i,{variant:"error"})}finally{setTimeout(()=>b(!1),300)}},[h,null==g?void 0:g.id,y]);return o.useEffect(()=>{T()},[T]),/* @__PURE__ */e.jsxs(r.default,{open:h,onClose:j,maxWidth:"md",fullWidth:!0,children:[v&&/* @__PURE__ */e.jsx(d.default,{}),
-/* @__PURE__ */e.jsxs(t.DialogTitle,{className:"itemEntryModal--DialogTitle",children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../material-table/material-table/index.js"),t=require("../../modal/modal/index.js"),l=require("../../typography/typography/index.js"),n=require("react"),a=require("react-i18next"),o=require("../../../node_modules/notistack/notistack.esm/index.js"),r=require("../../loaders/modal-loader/index.js"),s=require("../../../utils/constant/index.js"),d=require("../../../utils/common/index.js"),u=require("../../../utils/common-utility/index.js"),m=require("../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.js"),c=require("../../../node_modules/@mui/material/IconButton/IconButton/index.js"),x=require("../../../node_modules/@mui/icons-material/esm/Close/index.js"),f=require("../../../node_modules/@mui/material/Grid/Grid/index.js"),j=require("../../../node_modules/@mui/material/Box/Box/index.js");exports.default=function(p){var h;const{isOpen:g,onClose:y,data:q,isRental:v=!1}=p,[_,b]=n.useState([]),[T,w]=n.useState(!1),{t:C}=a.useTranslation(),R=n.useCallback(async()=>{if(g)try{w(!0);const e=`(rfq_line_item_id.in=${[null==q?void 0:q.id]})`,i=v?await d.fetchRentalResponseItems(e):await d.fetchRfqItemsByIdForResponse(e);b(i)}catch(e){const i=d.getErrorMessage(null==e?void 0:e.message);o.enqueueSnackbar(i,{variant:"error"})}finally{setTimeout(()=>w(!1),300)}},[g,null==q?void 0:q.id,v]);return n.useEffect(()=>{R()},[R]),/* @__PURE__ */e.jsxs(t.default,{open:g,onClose:y,maxWidth:"md",fullWidth:!0,children:[T&&/* @__PURE__ */e.jsx(r.default,{}),
+/* @__PURE__ */e.jsxs(m.default,{className:"itemEntryModal--DialogTitle",children:[
 /* @__PURE__ */e.jsx(l.Typography,{type:"s3",color:"inherit",weight:"medium",children:"Response Details"}),
-/* @__PURE__ */e.jsx(t.IconButton,{onClick:j,children:/* @__PURE__ */e.jsx(i.Close,{fontSize:"small"})})]}),
-/* @__PURE__ */e.jsx(t.Grid,{container:!0,children:/* @__PURE__ */e.jsx(t.Grid,{item:!0,xs:4,children:/* @__PURE__ */e.jsxs(t.Box,{sx:{display:"flex",padding:2,flexDirection:"column"},children:[
+/* @__PURE__ */e.jsx(c.default,{onClick:y,children:/* @__PURE__ */e.jsx(x.default,{fontSize:"small"})})]}),
+/* @__PURE__ */e.jsx(f.default,{container:!0,children:/* @__PURE__ */e.jsx(f.default,{item:!0,xs:4,children:/* @__PURE__ */e.jsxs(j.default,{sx:{display:"flex",padding:2,flexDirection:"column"},children:[
 /* @__PURE__ */e.jsx(l.Typography,{type:"s5",weight:"medium",color:"theme.secondary.800",children:"Item"}),
-/* @__PURE__ */e.jsx(l.Typography,{type:"s3",weight:"medium",color:"theme.neutral.1000",children:null==(p=null==g?void 0:g.item_data)?void 0:p.name})]})})}),
-/* @__PURE__ */e.jsx(t.Grid,{container:!0,p:2,spacing:3,children:/* @__PURE__ */e.jsx(t.Grid,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(t.Box,{sx:{paddingTop:"1.2rem"},children:/* @__PURE__ */e.jsx(n.default,{rows:f||[],columns:c.transformTableColumns({columns:u.responseItemDetailsColumns,currencySymbol:void 0,translationFn:_,customizeValue:(e,i,t)=>{var n,r;if("item_data.vendor_info.vendor_name"===i)return t||(null==(r=null==(n=null==e?void 0:e.original)?void 0:n.item_data)?void 0:r.name)}}),paginationModel:{pageNo:1,limit:10},totalPages:20,enableColumnDragging:!0,isResetRow:!1,enableEditing:!1,columnOrder:["mrt-row-select"],enableRowSelection:!1,disabledDefaultActionColumnIcon:!0,enableBottomToolbar:!1})})})})]})};
+/* @__PURE__ */e.jsx(l.Typography,{type:"s3",weight:"medium",color:"theme.neutral.1000",children:null==(h=null==q?void 0:q.item_data)?void 0:h.name})]})})}),
+/* @__PURE__ */e.jsx(f.default,{container:!0,p:2,spacing:3,children:/* @__PURE__ */e.jsx(f.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(j.default,{sx:{paddingTop:"1.2rem"},children:/* @__PURE__ */e.jsx(i.default,{rows:_||[],columns:u.transformTableColumns({columns:s.responseItemDetailsColumns,currencySymbol:void 0,translationFn:C,customizeValue:(e,i,t)=>{var l,n;if("item_data.vendor_info.vendor_name"===i)return t||(null==(n=null==(l=null==e?void 0:e.original)?void 0:l.item_data)?void 0:n.name)}}),paginationModel:{pageNo:1,limit:10},totalPages:20,enableColumnDragging:!0,isResetRow:!1,enableEditing:!1,columnOrder:["mrt-row-select"],enableRowSelection:!1,disabledDefaultActionColumnIcon:!0,enableBottomToolbar:!1})})})})]})};
 //# sourceMappingURL=index.js.map

package/dist/components/rfq-response/item-response-details/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/rfq-response/item-response-details.tsx"],"sourcesContent":["import { Close } from \"@mui/icons-material\";\nimport { Box, DialogTitle, Grid, IconButton } from \"@mui/material\";\nimport MaterialTable from \"../material-table/material-table\";\nimport Modal from \"../modal/modal\";\nimport Typography from \"../typography/typography\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { enqueueSnackbar } from \"notistack\";\nimport ModalLoader from \"../loaders/modal-loader\";\nimport {responseItemDetailsColumns} from '../../utils/constant'\nimport { fetchRentalResponseItems, fetchRfqItemsByIdForResponse, getErrorMessage } from \"../../utils/common\";\nimport { transformTableColumns } from \"../../utils/common-utility\";\nexport default function ItemResponseDetails(props:any){\n const {isOpen, onClose,data,isRental=false} = props\n const [responseItems, setResponseItems] = useState<any[]>([])\n const [isLoading, setIsLoading] = useState<boolean>(false)\n const {t} = useTranslation()\n\n const getResponseItems=useCallback(async()=>{\n if(!isOpen) return\n try {\n setIsLoading(true)\n const filters=`(rfq_line_item_id.in=${[data?.id]})`\n const rfqResponseItems =isRental?await fetchRentalResponseItems(filters): await fetchRfqItemsByIdForResponse(filters)\n setResponseItems(rfqResponseItems)\n } catch (error) {\n const errorMsg=getErrorMessage(error?.message)\n enqueueSnackbar(errorMsg,{variant:'error'})\n }finally{\n setTimeout(()=>setIsLoading(false),300)\n }\n },[isOpen,data?.id,isRental])\n useEffect(()=>{\n getResponseItems()\n },[getResponseItems])\n return(\n <Modal open={isOpen}\n onClose={onClose}\n maxWidth='md'\n fullWidth\n >\n {isLoading&&<ModalLoader />}\n <DialogTitle className='itemEntryModal--DialogTitle'>\n <Typography type='s3' color='inherit' weight='medium'>\n Response Details\n </Typography>\n <IconButton onClick={onClose}>\n <Close fontSize='small' />\n </IconButton>\n </DialogTitle>\n <Grid container>\n <Grid item xs={4}>\n <Box sx={{ display: 'flex',padding:2, flexDirection: 'column' }}>\n <Typography type='s5' weight=\"medium\" color='theme.secondary.800'>Item</Typography>\n <Typography type='s3' weight=\"medium\" color='theme.neutral.1000'>{data?.item_data?.name}</Typography>\n </Box>\n </Grid>\n </Grid>\n \n <Grid container p={2} spacing={3}>\n <Grid item xs={12}>\n <Box sx={{ paddingTop: '1.2rem' }}>\n <MaterialTable\n rows={responseItems \|\| []}\n columns={transformTableColumns({\n columns: responseItemDetailsColumns,\n currencySymbol: undefined,\n translationFn: t,\n customizeValue: (row, columnAccessorKey, value) => {\n switch (columnAccessorKey) {\n case 'item_data.vendor_info.vendor_name':\n return value\|\|row?.original?.item_data?.name\n }\n }\n \n \n })}\n paginationModel={{ pageNo: 1, limit: 10 }}\n totalPages={20}\n enableColumnDragging={true}\n isResetRow={false}\n enableEditing={false}\n columnOrder={['mrt-row-select']}\n enableRowSelection={false}\n disabledDefaultActionColumnIcon\n enableBottomToolbar={false}\n />\n </Box>\n </Grid>\n </Grid>\n \n </Modal>\n )\n}"],"names":["props","isOpen","onClose","data","isRental","responseItems","setResponseItems","useState","isLoading","setIsLoading","t","useTranslation","getResponseItems","useCallback","async","filters","id","rfqResponseItems","fetchRentalResponseItems","fetchRfqItemsByIdForResponse","error","errorMsg","getErrorMessage","message","enqueueSnackbar","variant","setTimeout","useEffect","jsxs","Modal","open","maxWidth","fullWidth","children","ModalLoader","DialogTitle","className","jsx","Typography","type","color","weight","IconButton","onClick","Close","fontSize","Grid","container","item","xs","Box","sx","display","padding","flexDirection","_a","item_data","name","p","spacing","paddingTop","MaterialTable","rows","columns","transformTableColumns","responseItemDetailsColumns","currencySymbol","translationFn","customizeValue","row","columnAccessorKey","value","_b","original","paginationModel","pageNo","limit","totalPages","enableColumnDragging","isResetRow","enableEditing","columnOrder","enableRowSelection","disabledDefaultActionColumnIcon","enableBottomToolbar"],"mappings":"~~wnBAYA~~,SAA4CA,SACxC,MAAMC,OAACA,EAAAC,QAAQA,EAAAC,KAAQA,EAAAC,SAAKA,GAAS,GAASJ,GACvCK,EAAeC,GAAoBC,EAAAA,SAAgB,KACnDC,EAAWC,GAAgBF,EAAAA,UAAkB,IAC9CG,EAACA,GAAKC,mBAENC,EAAiBC,EAAAA,YAAYC,UAC/B,GAAIb,EACR,IACIQ,GAAa,GACb,MAAMM,EAAQ,wBAAwB,CAAC,MAAAZ,OAAA,EAAAA,EAAMa,OACxCC,EAAkBb,QAAec,EAAAA,yBAAyBH,SAAgBI,EAAAA,6BAA6BJ,GAC7GT,EAAiBW,EACpB,OAASG,GACL,MAAMC,EAASC,EAAAA,gBAAgB,MAAAF,OAAA,EAAAA,EAAOG,SACtCC,EAAAA,gBAAgBH,EAAS,CAACI,QAAQ,SACtC,CAAA,QACIC,WAAW,IAAIjB,GAAa,GAAO,IACvC,GACE,CAACR,EAAO,MAAAE,OAAA,EAAAA,EAAMa,GAAGZ,IAInB,OAHAuB,EAAAA,UAAU,KACNf,KACF,CAACA,mBAECgB,EAAAA,KAACC,EAAAA,QAAA,CAAMC,KAAM7B,EACZC,UACA6B,SAAS,KACTC,WAAS,EAELC,SAAA,CAAAzB,wBAAY0B,EAAAA,QAAA;iBACdN,KAACO,EAAAA,~~YAAA~~,CAAYC,UAAU,8BACPH,SAAA;eAAAI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,MAAM,UAAUC,OAAO,SAASR,SAAA;iBAGtDI,IAACK,EAAAA,~~YAAWC~~,QAASzC,EACjB+B,8BAACW,~~QAAA~~,CAAMC,SAAS;eAGvBR,EAAAA,IAACS,EAAAA,~~MAAKC~~,WAAS,EACAd,8BAACa,EAAAA,~~KAAA~~,CAAKE,MAAI,EAACC,GAAI,EACPhB,+BAACiB,EAAAA,~~IAAA~~,CAAIC,GAAI,CAAEC,QAAS,OAAOC,QAAQ,EAAGC,cAAe,UACjDrB,SAAA;eAAAI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKE,OAAO,SAASD,MAAM,sBAAsBP,SAAA;iBAClEI,IAACC,EAAAA,WAAA,CAAWC,KAAK,KAAKE,OAAO,SAASD,MAAM,qBAAsBP,SAAA,OAAAsB,EAAA,MAAApD,OAAA,EAAAA,EAAMqD,gBAAN,EAAAD,EAAiBE;eAKnGpB,EAAAA,IAACS,EAAAA,~~MAAKC~~,WAAS,EAACW,EAAG,EAAGC,QAAS,EAC3B1B,wBAAAI,EAAAA,IAACS,EAAAA,~~KAAA~~,CAAKE,MAAI,EAACC,GAAI,GACXhB,0BAAAI,IAACa,EAAAA,~~IAAA~~,CAAIC,GAAI,CAAES,WAAY,UACnB3B,wBAAAI,EAAAA,IAACwB,EAAAA,QAAA,CACGC,KAAMzD,GAAiB,GACvB0D,QAASC,EAAAA,sBAAsB,CACzBD,QAASE,EAAAA,2BACVC,oBAAgB,EAChBC,cAAezD,EACf0D,eAAgB,CAACC,EAAKC,EAAmBC,aACrC,GACS,sCADDD,EAEA,OAAOC,IAAO,OAAAC,EAAA,OAAAjB,EAAA,MAAAc,OAAA,EAAAA,EAAKI,eAAL,EAAAlB,EAAeC,gBAAf,EAAAgB,EAA0Bf,SAMzDiB,gBAAiB,CAAEC,OAAQ,EAAGC,MAAO,IACrCC,WAAY,GACZC,sBAAsB,EACtBC,YAAY,EACZC,eAAe,EACfC,YAAa,CAAC,kBACdC,oBAAoB,EACpBC,iCAA+B,EAC/BC,qBAAqB,YAQxE"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/rfq-response/item-response-details.tsx"],"sourcesContent":["import { Close } from \"@mui/icons-material\";\nimport { Box, DialogTitle, Grid, IconButton } from \"@mui/material\";\nimport MaterialTable from \"../material-table/material-table\";\nimport Modal from \"../modal/modal\";\nimport Typography from \"../typography/typography\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { enqueueSnackbar } from \"notistack\";\nimport ModalLoader from \"../loaders/modal-loader\";\nimport {responseItemDetailsColumns} from '../../utils/constant'\nimport { fetchRentalResponseItems, fetchRfqItemsByIdForResponse, getErrorMessage } from \"../../utils/common\";\nimport { transformTableColumns } from \"../../utils/common-utility\";\nexport default function ItemResponseDetails(props:any){\n const {isOpen, onClose,data,isRental=false} = props\n const [responseItems, setResponseItems] = useState<any[]>([])\n const [isLoading, setIsLoading] = useState<boolean>(false)\n const {t} = useTranslation()\n\n const getResponseItems=useCallback(async()=>{\n if(!isOpen) return\n try {\n setIsLoading(true)\n const filters=`(rfq_line_item_id.in=${[data?.id]})`\n const rfqResponseItems =isRental?await fetchRentalResponseItems(filters): await fetchRfqItemsByIdForResponse(filters)\n setResponseItems(rfqResponseItems)\n } catch (error) {\n const errorMsg=getErrorMessage(error?.message)\n enqueueSnackbar(errorMsg,{variant:'error'})\n }finally{\n setTimeout(()=>setIsLoading(false),300)\n }\n },[isOpen,data?.id,isRental])\n useEffect(()=>{\n getResponseItems()\n },[getResponseItems])\n return(\n <Modal open={isOpen}\n onClose={onClose}\n maxWidth='md'\n fullWidth\n >\n {isLoading&&<ModalLoader />}\n <DialogTitle className='itemEntryModal--DialogTitle'>\n <Typography type='s3' color='inherit' weight='medium'>\n Response Details\n </Typography>\n <IconButton onClick={onClose}>\n <Close fontSize='small' />\n </IconButton>\n </DialogTitle>\n <Grid container>\n <Grid item xs={4}>\n <Box sx={{ display: 'flex',padding:2, flexDirection: 'column' }}>\n <Typography type='s5' weight=\"medium\" color='theme.secondary.800'>Item</Typography>\n <Typography type='s3' weight=\"medium\" color='theme.neutral.1000'>{data?.item_data?.name}</Typography>\n </Box>\n </Grid>\n </Grid>\n \n <Grid container p={2} spacing={3}>\n <Grid item xs={12}>\n <Box sx={{ paddingTop: '1.2rem' }}>\n <MaterialTable\n rows={responseItems \|\| []}\n columns={transformTableColumns({\n columns: responseItemDetailsColumns,\n currencySymbol: undefined,\n translationFn: t,\n customizeValue: (row, columnAccessorKey, value) => {\n switch (columnAccessorKey) {\n case 'item_data.vendor_info.vendor_name':\n return value\|\|row?.original?.item_data?.name\n }\n }\n \n \n })}\n paginationModel={{ pageNo: 1, limit: 10 }}\n totalPages={20}\n enableColumnDragging={true}\n isResetRow={false}\n enableEditing={false}\n columnOrder={['mrt-row-select']}\n enableRowSelection={false}\n disabledDefaultActionColumnIcon\n enableBottomToolbar={false}\n />\n </Box>\n </Grid>\n </Grid>\n \n </Modal>\n )\n}"],"names":["props","isOpen","onClose","data","isRental","responseItems","setResponseItems","useState","isLoading","setIsLoading","t","useTranslation","getResponseItems","useCallback","async","filters","id","rfqResponseItems","fetchRentalResponseItems","fetchRfqItemsByIdForResponse","error","errorMsg","getErrorMessage","message","enqueueSnackbar","variant","setTimeout","useEffect","jsxs","Modal","open","maxWidth","fullWidth","children","ModalLoader","DialogTitle","className","jsx","Typography","type","color","weight","IconButton","onClick","Close","fontSize","Grid","container","item","xs","Box","sx","display","padding","flexDirection","_a","item_data","name","p","spacing","paddingTop","MaterialTable","rows","columns","transformTableColumns","responseItemDetailsColumns","currencySymbol","translationFn","customizeValue","row","columnAccessorKey","value","_b","original","paginationModel","pageNo","limit","totalPages","enableColumnDragging","isResetRow","enableEditing","columnOrder","enableRowSelection","disabledDefaultActionColumnIcon","enableBottomToolbar"],"mappings":"86BAYA,SAA4CA,SACxC,MAAMC,OAACA,EAAAC,QAAQA,EAAAC,KAAQA,EAAAC,SAAKA,GAAS,GAASJ,GACvCK,EAAeC,GAAoBC,EAAAA,SAAgB,KACnDC,EAAWC,GAAgBF,EAAAA,UAAkB,IAC9CG,EAACA,GAAKC,mBAENC,EAAiBC,EAAAA,YAAYC,UAC/B,GAAIb,EACR,IACIQ,GAAa,GACb,MAAMM,EAAQ,wBAAwB,CAAC,MAAAZ,OAAA,EAAAA,EAAMa,OACxCC,EAAkBb,QAAec,EAAAA,yBAAyBH,SAAgBI,EAAAA,6BAA6BJ,GAC7GT,EAAiBW,EACpB,OAASG,GACL,MAAMC,EAASC,EAAAA,gBAAgB,MAAAF,OAAA,EAAAA,EAAOG,SACtCC,EAAAA,gBAAgBH,EAAS,CAACI,QAAQ,SACtC,CAAA,QACIC,WAAW,IAAIjB,GAAa,GAAO,IACvC,GACE,CAACR,EAAO,MAAAE,OAAA,EAAAA,EAAMa,GAAGZ,IAInB,OAHAuB,EAAAA,UAAU,KACNf,KACF,CAACA,mBAECgB,EAAAA,KAACC,EAAAA,QAAA,CAAMC,KAAM7B,EACZC,UACA6B,SAAS,KACTC,WAAS,EAELC,SAAA,CAAAzB,wBAAY0B,EAAAA,QAAA;iBACdN,KAACO,EAAAA,QAAA,CAAYC,UAAU,8BACPH,SAAA;eAAAI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,MAAM,UAAUC,OAAO,SAASR,SAAA;iBAGtDI,IAACK,EAAAA,SAAWC,QAASzC,EACjB+B,8BAACW,UAAA,CAAMC,SAAS;eAGvBR,EAAAA,IAACS,EAAAA,SAAKC,WAAS,EACAd,8BAACa,EAAAA,QAAA,CAAKE,MAAI,EAACC,GAAI,EACPhB,+BAACiB,EAAAA,QAAA,CAAIC,GAAI,CAAEC,QAAS,OAAOC,QAAQ,EAAGC,cAAe,UACjDrB,SAAA;eAAAI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKE,OAAO,SAASD,MAAM,sBAAsBP,SAAA;iBAClEI,IAACC,EAAAA,WAAA,CAAWC,KAAK,KAAKE,OAAO,SAASD,MAAM,qBAAsBP,SAAA,OAAAsB,EAAA,MAAApD,OAAA,EAAAA,EAAMqD,gBAAN,EAAAD,EAAiBE;eAKnGpB,EAAAA,IAACS,EAAAA,SAAKC,WAAS,EAACW,EAAG,EAAGC,QAAS,EAC3B1B,wBAAAI,EAAAA,IAACS,EAAAA,QAAA,CAAKE,MAAI,EAACC,GAAI,GACXhB,0BAAAI,IAACa,EAAAA,QAAA,CAAIC,GAAI,CAAES,WAAY,UACnB3B,wBAAAI,EAAAA,IAACwB,EAAAA,QAAA,CACGC,KAAMzD,GAAiB,GACvB0D,QAASC,EAAAA,sBAAsB,CACzBD,QAASE,EAAAA,2BACVC,oBAAgB,EAChBC,cAAezD,EACf0D,eAAgB,CAACC,EAAKC,EAAmBC,aACrC,GACS,sCADDD,EAEA,OAAOC,IAAO,OAAAC,EAAA,OAAAjB,EAAA,MAAAc,OAAA,EAAAA,EAAKI,eAAL,EAAAlB,EAAeC,gBAAf,EAAAgB,EAA0Bf,SAMzDiB,gBAAiB,CAAEC,OAAQ,EAAGC,MAAO,IACrCC,WAAY,GACZC,sBAAsB,EACtBC,YAAY,EACZC,eAAe,EACfC,YAAa,CAAC,kBACdC,oBAAoB,EACpBC,iCAA+B,EAC/BC,qBAAqB,YAQxE"}

package/dist/components/save-filter-modal/save-filter-modal/index.esm.js CHANGED Viewed

@@ -1,12 +1,16 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { DialogTitle, Box, IconButton, DialogContent, DialogActions } from "@mui/material";
-import CloseIcon from "@mui/icons-material/Close";
+import default_1 from "../../../node_modules/@mui/icons-material/Close/index.esm.js";
 import { useState, useEffect } from "react";
 import Modal from "../../modal/modal/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
 import TextField from "../../text-field/text-field/index.esm.js";
 import Button from "../../button/button/index.esm.js";
+import DialogTitle from "../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.esm.js";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import { FolderSave } from "../../icons/folder-save/index.esm.js";
+import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import DialogContent from "../../../node_modules/@mui/material/DialogContent/DialogContent/index.esm.js";
+import DialogActions from "../../../node_modules/@mui/material/DialogActions/DialogActions/index.esm.js";
 const SaveFilterModal = ({
   open,
   onClose,
@@ -34,7 +38,7 @@ const SaveFilterModal = ({
         /* @__PURE__ */ jsx(FolderSave, { sx: { fontSize: "1.25rem" } }),
         /* @__PURE__ */ jsx(Typography, { type: "s2", weight: "medium", color: "theme.secondary.1000", children: "Save active filters" })
       ] }),
-      /* @__PURE__ */ jsx(IconButton, { edge: "end", onClick: onClose, size: "small", children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "inherit" }) })
+      /* @__PURE__ */ jsx(IconButton, { edge: "end", onClick: onClose, size: "small", children: /* @__PURE__ */ jsx(default_1, { fontSize: "inherit" }) })
     ] }),
     /* @__PURE__ */ jsx(DialogContent, { dividers: true, children: /* @__PURE__ */ jsx(
       TextField,

package/dist/components/save-filter-modal/save-filter-modal/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/save-filter-modal/save-filter-modal.tsx"],"sourcesContent":["import {\n Box,\n DialogActions,\n DialogContent,\n DialogTitle,\n IconButton,\n} from \"@mui/material\";\nimport Close from \"@mui/icons-material/Close\";\nimport { useEffect, useState } from \"react\";\nimport Modal from \"../modal/modal\";\nimport Typography from \"../typography/typography\";\nimport TextField from \"../text-field/text-field\";\nimport Button from \"../button/button\";\nimport { FolderSave } from \"../icons\";\n\ninterface SaveFilter {\n open: boolean;\n onClose: () => void;\n handleSubmit: (name: string) => void;\n oldName?: string;\n}\n\nconst SaveFilterModal = ({\n open,\n onClose,\n handleSubmit,\n oldName,\n}: SaveFilter) => {\n const [name, setName] = useState<string>(\"\");\n\n useEffect(() => {\n if (oldName !== undefined) {\n setName(oldName);\n }\n }, [oldName]);\n\n const handleSave = async (name: string) => {\n if (name) {\n const saved = await handleSubmit(name);\n\n if(saved) {\n setName(\"\");\n onClose();\n }\n }\n\n };\n\n return (\n <>\n <Modal fullWidth onClose={onClose} open={open}>\n <DialogTitle>\n <Box sx={{ display: 'flex', alignItems: 'center', gap:0.5 }}>\n <FolderSave sx={{ fontSize: '1.25rem'}}/>\n <Typography type=\"s2\" weight=\"medium\" color={\"theme.secondary.1000\"}>\n Save active filters\n </Typography>\n </Box>\n <IconButton edge=\"end\" onClick={onClose} size=\"small\">\n <Close fontSize=\"inherit\" />\n </IconButton>\n </DialogTitle>\n <DialogContent dividers>\n <TextField\n label=\"Name\"\n fullWidth\n placeholder=\"Name Filter\"\n value={name}\n onChange={(e: any) => setName(e.target.value)}\n />\n </DialogContent>\n <DialogActions>\n <Button\n variant=\"outlined\"\n onClick={onClose}\n style={{\n color: \"black\",\n }}\n >\n Cancel\n </Button>\n <Button onClick={() => handleSave(name)}>\n {oldName ? \"Rename\" : \"Save\"}\n </Button>\n </DialogActions>\n </Modal>\n </>\n );\n};\n\nexport default SaveFilterModal;\n"],"names":["name","Close"],"mappings":"~~;;;;;;;;;~~AAsBA,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAkB;AAChB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAiB,EAAE;AAE3C,YAAU,MAAM;AACd,QAAI,YAAY,QAAW;AACzB,cAAQ,OAAO;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,aAAa,OAAOA,UAAiB;AACzC,QAAIA,OAAM;AACR,YAAM,QAAQ,MAAM,aAAaA,KAAI;AAErC,UAAG,OAAO;AACR,gBAAQ,EAAE;AACV,gBAAA;AAAA,MACF;AAAA,IACF;AAAA,EAEF;AAEA,yCAEI,UAAA,qBAAC,OAAA,EAAM,WAAS,MAAC,SAAkB,MACjC,UAAA;AAAA,IAAA,qBAAC,aAAA,EACC,UAAA;AAAA,MAAA,qBAAC,KAAA,EAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAI,IAAA,GACpD,UAAA;AAAA,QAAA,oBAAC,YAAA,EAAW,IAAI,EAAE,UAAU,aAAW;AAAA,QACvC,oBAAC,cAAW,MAAK,MAAK,QAAO,UAAS,OAAO,wBAAwB,UAAA,sBAAA,CAErE;AAAA,MAAA,GACF;AAAA,MACA,oBAAC,YAAA,EAAW,MAAK,OAAM,SAAS,SAAS,MAAK,SAC5C,UAAA,oBAACC,WAAA,EAAM,UAAS,UAAA,CAAU,EAAA,CAC5B;AAAA,IAAA,GACF;AAAA,IACA,oBAAC,eAAA,EAAc,UAAQ,MACrB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,WAAS;AAAA,QACT,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU,CAAC,MAAW,QAAQ,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA,GAEhD;AAAA,yBACC,eAAA,EACC,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS;AAAA,UACT,OAAO;AAAA,YACL,OAAO;AAAA,UAAA;AAAA,UAEV,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGD,oBAAC,UAAO,SAAS,MAAM,WAAW,IAAI,GACnC,UAAA,UAAU,WAAW,OAAA,CACxB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/save-filter-modal/save-filter-modal.tsx"],"sourcesContent":["import {\n Box,\n DialogActions,\n DialogContent,\n DialogTitle,\n IconButton,\n} from \"@mui/material\";\nimport Close from \"@mui/icons-material/Close\";\nimport { useEffect, useState } from \"react\";\nimport Modal from \"../modal/modal\";\nimport Typography from \"../typography/typography\";\nimport TextField from \"../text-field/text-field\";\nimport Button from \"../button/button\";\nimport { FolderSave } from \"../icons\";\n\ninterface SaveFilter {\n open: boolean;\n onClose: () => void;\n handleSubmit: (name: string) => void;\n oldName?: string;\n}\n\nconst SaveFilterModal = ({\n open,\n onClose,\n handleSubmit,\n oldName,\n}: SaveFilter) => {\n const [name, setName] = useState<string>(\"\");\n\n useEffect(() => {\n if (oldName !== undefined) {\n setName(oldName);\n }\n }, [oldName]);\n\n const handleSave = async (name: string) => {\n if (name) {\n const saved = await handleSubmit(name);\n\n if(saved) {\n setName(\"\");\n onClose();\n }\n }\n\n };\n\n return (\n <>\n <Modal fullWidth onClose={onClose} open={open}>\n <DialogTitle>\n <Box sx={{ display: 'flex', alignItems: 'center', gap:0.5 }}>\n <FolderSave sx={{ fontSize: '1.25rem'}}/>\n <Typography type=\"s2\" weight=\"medium\" color={\"theme.secondary.1000\"}>\n Save active filters\n </Typography>\n </Box>\n <IconButton edge=\"end\" onClick={onClose} size=\"small\">\n <Close fontSize=\"inherit\" />\n </IconButton>\n </DialogTitle>\n <DialogContent dividers>\n <TextField\n label=\"Name\"\n fullWidth\n placeholder=\"Name Filter\"\n value={name}\n onChange={(e: any) => setName(e.target.value)}\n />\n </DialogContent>\n <DialogActions>\n <Button\n variant=\"outlined\"\n onClick={onClose}\n style={{\n color: \"black\",\n }}\n >\n Cancel\n </Button>\n <Button onClick={() => handleSave(name)}>\n {oldName ? \"Rename\" : \"Save\"}\n </Button>\n </DialogActions>\n </Modal>\n </>\n );\n};\n\nexport default SaveFilterModal;\n"],"names":["name","Close"],"mappings":";;;;;;;;;;;;;AAsBA,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAkB;AAChB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAiB,EAAE;AAE3C,YAAU,MAAM;AACd,QAAI,YAAY,QAAW;AACzB,cAAQ,OAAO;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,aAAa,OAAOA,UAAiB;AACzC,QAAIA,OAAM;AACR,YAAM,QAAQ,MAAM,aAAaA,KAAI;AAErC,UAAG,OAAO;AACR,gBAAQ,EAAE;AACV,gBAAA;AAAA,MACF;AAAA,IACF;AAAA,EAEF;AAEA,yCAEI,UAAA,qBAAC,OAAA,EAAM,WAAS,MAAC,SAAkB,MACjC,UAAA;AAAA,IAAA,qBAAC,aAAA,EACC,UAAA;AAAA,MAAA,qBAAC,KAAA,EAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAI,IAAA,GACpD,UAAA;AAAA,QAAA,oBAAC,YAAA,EAAW,IAAI,EAAE,UAAU,aAAW;AAAA,QACvC,oBAAC,cAAW,MAAK,MAAK,QAAO,UAAS,OAAO,wBAAwB,UAAA,sBAAA,CAErE;AAAA,MAAA,GACF;AAAA,MACA,oBAAC,YAAA,EAAW,MAAK,OAAM,SAAS,SAAS,MAAK,SAC5C,UAAA,oBAACC,WAAA,EAAM,UAAS,UAAA,CAAU,EAAA,CAC5B;AAAA,IAAA,GACF;AAAA,IACA,oBAAC,eAAA,EAAc,UAAQ,MACrB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,WAAS;AAAA,QACT,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU,CAAC,MAAW,QAAQ,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA,GAEhD;AAAA,yBACC,eAAA,EACC,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS;AAAA,UACT,OAAO;AAAA,YACL,OAAO;AAAA,UAAA;AAAA,UAEV,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGD,oBAAC,UAAO,SAAS,MAAM,WAAW,IAAI,GACnC,UAAA,UAAU,WAAW,OAAA,CACxB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/save-filter-modal/save-filter-modal/index.js CHANGED Viewed

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("@mui/material"),t=require("@mui/icons-material/Close"),l=require("react"),r=require("../../modal/modal/index.js"),a=require("../../typography/typography/index.js"),n=require("../../text-field/text-field/index.js"),s=require("../../button/button/index.js"),o=require("../../icons/folder-save/index.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=/* @__PURE__ */d(t);exports.default=({open:t,onClose:d,handleSubmit:c,oldName:x})=>{const[f,h]=l.useState("");return l.useEffect(()=>{void 0!==x&&h(x)},[x]),/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs(r.default,{fullWidth:!0,onClose:d,open:t,children:[
-/* @__PURE__ */e.jsxs(i.DialogTitle,{children:[
-/* @__PURE__ */e.jsxs(i.Box,{sx:{display:"flex",alignItems:"center",gap:.5},children:[
-/* @__PURE__ */e.jsx(o.FolderSave,{sx:{fontSize:"1.25rem"}}),
-/* @__PURE__ */e.jsx(a.Typography,{type:"s2",weight:"medium",color:"theme.secondary.1000",children:"Save active filters"})]}),
-/* @__PURE__ */e.jsx(i.IconButton,{edge:"end",onClick:d,size:"small",children:/* @__PURE__ */e.jsx(u.default,{fontSize:"inherit"})})]}),
-/* @__PURE__ */e.jsx(i.DialogContent,{dividers:!0,children:/* @__PURE__ */e.jsx(n.default,{label:"Name",fullWidth:!0,placeholder:"Name Filter",value:f,onChange:e=>h(e.target.value)})}),
-/* @__PURE__ */e.jsxs(i.DialogActions,{children:[
-/* @__PURE__ */e.jsx(s.default,{variant:"outlined",onClick:d,style:{color:"black"},children:"Cancel"}),
-/* @__PURE__ */e.jsx(s.default,{onClick:()=>(async e=>{e&&await c(e)&&(h(""),d())})(f),children:x?"Rename":"Save"})]})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../../node_modules/@mui/icons-material/Close/index.js"),l=require("react"),t=require("../../modal/modal/index.js"),r=require("../../typography/typography/index.js"),a=require("../../text-field/text-field/index.js"),n=require("../../button/button/index.js"),d=require("../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.js"),o=require("../../../node_modules/@mui/material/Box/Box/index.js"),s=require("../../icons/folder-save/index.js"),u=require("../../../node_modules/@mui/material/IconButton/IconButton/index.js"),c=require("../../../node_modules/@mui/material/DialogContent/DialogContent/index.js"),x=require("../../../node_modules/@mui/material/DialogActions/DialogActions/index.js");exports.default=({open:m,onClose:j,handleSubmit:f,oldName:h})=>{const[g,p]=l.useState("");return l.useEffect(()=>{void 0!==h&&p(h)},[h]),/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs(t.default,{fullWidth:!0,onClose:j,open:m,children:[
+/* @__PURE__ */e.jsxs(d.default,{children:[
+/* @__PURE__ */e.jsxs(o.default,{sx:{display:"flex",alignItems:"center",gap:.5},children:[
+/* @__PURE__ */e.jsx(s.FolderSave,{sx:{fontSize:"1.25rem"}}),
+/* @__PURE__ */e.jsx(r.Typography,{type:"s2",weight:"medium",color:"theme.secondary.1000",children:"Save active filters"})]}),
+/* @__PURE__ */e.jsx(u.default,{edge:"end",onClick:j,size:"small",children:/* @__PURE__ */e.jsx(i.default,{fontSize:"inherit"})})]}),
+/* @__PURE__ */e.jsx(c.default,{dividers:!0,children:/* @__PURE__ */e.jsx(a.default,{label:"Name",fullWidth:!0,placeholder:"Name Filter",value:g,onChange:e=>p(e.target.value)})}),
+/* @__PURE__ */e.jsxs(x.default,{children:[
+/* @__PURE__ */e.jsx(n.default,{variant:"outlined",onClick:j,style:{color:"black"},children:"Cancel"}),
+/* @__PURE__ */e.jsx(n.default,{onClick:()=>(async e=>{e&&await f(e)&&(p(""),j())})(g),children:h?"Rename":"Save"})]})]})})};
 //# sourceMappingURL=index.js.map