npm - @erpsquad/common - Versions diffs - 1.8.46 → 1.8.48 - Mend

@erpsquad/common 1.8.46 → 1.8.48

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

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

@@ -0,0 +1 @@

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

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

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

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

@@ -0,0 +1 @@

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

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

@@ -14,7 +14,7 @@ import IconButton from "../../../node_modules/@mui/material/IconButton/IconButto
 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) {
+const ItemResponseDetails = (props) => {
   var _a;
   const { isOpen, onClose, data, isRental = false } = props;
   const [responseItems, setResponseItems] = useState([]);
@@ -37,55 +37,47 @@ function ItemResponseDetails(props) {
   useEffect(() => {
     getResponseItems();
   }, [getResponseItems]);
-  return /* @__PURE__ */ jsxs(
-    Modal,
-    {
-      open: isOpen,
-      onClose,
-      maxWidth: "md",
-      fullWidth: true,
-      children: [
-        isLoading && /* @__PURE__ */ jsx(ModalLoader, {}),
-        /* @__PURE__ */ jsxs(DialogTitle, { className: "itemEntryModal--DialogTitle", children: [
-          /* @__PURE__ */ jsx(Typography, { type: "s3", color: "inherit", weight: "medium", children: "Response Details" }),
-          /* @__PURE__ */ jsx(IconButton, { onClick: onClose, children: /* @__PURE__ */ jsx(Close, { fontSize: "small" }) })
-        ] }),
-        /* @__PURE__ */ jsx(Grid, { container: true, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", padding: 2, flexDirection: "column" }, children: [
-          /* @__PURE__ */ jsx(Typography, { type: "s5", weight: "medium", color: "theme.secondary.800", children: "Item" }),
-          /* @__PURE__ */ jsx(Typography, { type: "s3", weight: "medium", color: "theme.neutral.1000", children: (_a = data == null ? void 0 : data.item_data) == null ? void 0 : _a.name })
-        ] }) }) }),
-        /* @__PURE__ */ jsx(Grid, { container: true, p: 2, spacing: 3, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Box, { sx: { paddingTop: "1.2rem" }, children: /* @__PURE__ */ jsx(
-          MaterialTable,
-          {
-            rows: responseItems || [],
-            columns: transformTableColumns({
-              columns: responseItemDetailsColumns,
-              currencySymbol: void 0,
-              translationFn: t,
-              customizeValue: (row, columnAccessorKey, value) => {
-                var _a2, _b;
-                switch (columnAccessorKey) {
-                  case "item_data.vendor_info.vendor_name":
-                    return value || ((_b = (_a2 = row == null ? void 0 : row.original) == null ? void 0 : _a2.item_data) == null ? void 0 : _b.name);
-                }
-              }
-            }),
-            paginationModel: { pageNo: 1, limit: 10 },
-            totalPages: 20,
-            enableColumnDragging: true,
-            isResetRow: false,
-            enableEditing: false,
-            columnOrder: ["mrt-row-select"],
-            enableRowSelection: false,
-            disabledDefaultActionColumnIcon: true,
-            enableBottomToolbar: false
+  return /* @__PURE__ */ jsxs(Modal, { open: isOpen, onClose, maxWidth: "md", fullWidth: true, children: [
+    isLoading && /* @__PURE__ */ jsx(ModalLoader, {}),
+    /* @__PURE__ */ jsxs(DialogTitle, { className: "itemEntryModal--DialogTitle", children: [
+      /* @__PURE__ */ jsx(Typography, { type: "s3", color: "inherit", weight: "medium", children: "Response Details" }),
+      /* @__PURE__ */ jsx(IconButton, { onClick: onClose, children: /* @__PURE__ */ jsx(Close, { fontSize: "small" }) })
+    ] }),
+    /* @__PURE__ */ jsx(Grid, { container: true, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", padding: 2, flexDirection: "column" }, children: [
+      /* @__PURE__ */ jsx(Typography, { type: "s5", weight: "medium", color: "theme.secondary.800", children: "Item" }),
+      /* @__PURE__ */ jsx(Typography, { type: "s3", weight: "medium", color: "theme.neutral.1000", children: (_a = data == null ? void 0 : data.item_data) == null ? void 0 : _a.name })
+    ] }) }) }),
+    /* @__PURE__ */ jsx(Grid, { container: true, p: 2, spacing: 3, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Box, { sx: { paddingTop: "1.2rem" }, children: /* @__PURE__ */ jsx(
+      MaterialTable,
+      {
+        rows: responseItems || [],
+        columns: transformTableColumns({
+          columns: responseItemDetailsColumns,
+          currencySymbol: void 0,
+          translationFn: t,
+          customizeValue: (row, columnAccessorKey, value) => {
+            var _a2, _b;
+            switch (columnAccessorKey) {
+              case "item_data.vendor_info.vendor_name":
+                return value || ((_b = (_a2 = row == null ? void 0 : row.original) == null ? void 0 : _a2.item_data) == null ? void 0 : _b.name);
+            }
           }
-        ) }) }) })
-      ]
-    }
-  );
-}
+        }),
+        paginationModel: { pageNo: 1, limit: 10 },
+        totalPages: 20,
+        enableColumnDragging: true,
+        isResetRow: false,
+        enableEditing: false,
+        columnOrder: ["mrt-row-select"],
+        enableRowSelection: false,
+        disabledDefaultActionColumnIcon: true,
+        enableBottomToolbar: false
+      }
+    ) }) }) })
+  ] });
+};
 export {
+  ItemResponseDetails,
   ItemResponseDetails as default
 };
 //# sourceMappingURL=index.esm.js.map

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 {\n\tfetchRentalResponseItems,\n\tfetchRfqItemsByIdForResponse,\n\tgetErrorMessage\n} from '../../utils/common';\nimport { transformTableColumns } from '../../utils/common-utility';\nexport const ItemResponseDetails = (props: any) => {\n\tconst { isOpen, onClose, data, isRental = false } = props;\n\tconst [responseItems, setResponseItems] = useState<any[]>([]);\n\tconst [isLoading, setIsLoading] = useState<boolean>(false);\n\tconst { t } = useTranslation();\n\n\tconst getResponseItems = useCallback(async () => {\n\t\tif (!isOpen) return;\n\t\ttry {\n\t\t\tsetIsLoading(true);\n\t\t\tconst filters = `(rfq_line_item_id.in=${[data?.id]})`;\n\t\t\tconst rfqResponseItems = isRental\n\t\t\t\t? await fetchRentalResponseItems(filters)\n\t\t\t\t: await fetchRfqItemsByIdForResponse(filters);\n\t\t\tsetResponseItems(rfqResponseItems);\n\t\t} catch (error) {\n\t\t\tconst errorMsg = getErrorMessage(error?.message);\n\t\t\tenqueueSnackbar(errorMsg, { variant: 'error' });\n\t\t} finally {\n\t\t\tsetTimeout(() => setIsLoading(false), 300);\n\t\t}\n\t}, [isOpen, data?.id, isRental]);\n\tuseEffect(() => {\n\t\tgetResponseItems();\n\t}, [getResponseItems]);\n\treturn (\n\t\t<Modal open={isOpen} onClose={onClose} maxWidth='md' fullWidth>\n\t\t\t{isLoading && <ModalLoader />}\n\t\t\t<DialogTitle className='itemEntryModal--DialogTitle'>\n\t\t\t\t<Typography type='s3' color='inherit' weight='medium'>\n\t\t\t\t\tResponse Details\n\t\t\t\t</Typography>\n\t\t\t\t<IconButton onClick={onClose}>\n\t\t\t\t\t<Close fontSize='small' />\n\t\t\t\t</IconButton>\n\t\t\t</DialogTitle>\n\t\t\t<Grid container>\n\t\t\t\t<Grid item xs={4}>\n\t\t\t\t\t<Box sx={{ display: 'flex', padding: 2, flexDirection: 'column' }}>\n\t\t\t\t\t\t<Typography type='s5' weight='medium' color='theme.secondary.800'>\n\t\t\t\t\t\t\tItem\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t<Typography type='s3' weight='medium' color='theme.neutral.1000'>\n\t\t\t\t\t\t\t{data?.item_data?.name}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t</Box>\n\t\t\t\t</Grid>\n\t\t\t</Grid>\n\n\t\t\t<Grid container p={2} spacing={3}>\n\t\t\t\t<Grid item xs={12}>\n\t\t\t\t\t<Box sx={{ paddingTop: '1.2rem' }}>\n\t\t\t\t\t\t<MaterialTable\n\t\t\t\t\t\t\trows={responseItems \|\| []}\n\t\t\t\t\t\t\tcolumns={transformTableColumns({\n\t\t\t\t\t\t\t\tcolumns: responseItemDetailsColumns,\n\t\t\t\t\t\t\t\tcurrencySymbol: undefined,\n\t\t\t\t\t\t\t\ttranslationFn: t,\n\t\t\t\t\t\t\t\tcustomizeValue: (row, columnAccessorKey, value) => {\n\t\t\t\t\t\t\t\t\tswitch (columnAccessorKey) {\n\t\t\t\t\t\t\t\t\t\tcase 'item_data.vendor_info.vendor_name':\n\t\t\t\t\t\t\t\t\t\t\treturn value \|\| row?.original?.item_data?.name;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tpaginationModel={{ pageNo: 1, limit: 10 }}\n\t\t\t\t\t\t\ttotalPages={20}\n\t\t\t\t\t\t\tenableColumnDragging={true}\n\t\t\t\t\t\t\tisResetRow={false}\n\t\t\t\t\t\t\tenableEditing={false}\n\t\t\t\t\t\t\tcolumnOrder={['mrt-row-select']}\n\t\t\t\t\t\t\tenableRowSelection={false}\n\t\t\t\t\t\t\tdisabledDefaultActionColumnIcon\n\t\t\t\t\t\t\tenableBottomToolbar={false}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Box>\n\t\t\t\t</Grid>\n\t\t\t</Grid>\n\t\t</Modal>\n\t);\n};\n\nexport default ItemResponseDetails;\n"],"names":["_a"],"mappings":";;;;;;;;;;;;;;;;AAgBO,MAAM,sBAAsB,CAAC,UAAe;;AAClD,QAAM,EAAE,QAAQ,SAAS,MAAM,WAAW,UAAU;AACpD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAgB,CAAA,CAAE;AAC5D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAkB,KAAK;AACzD,QAAM,EAAE,EAAA,IAAM,eAAA;AAEd,QAAM,mBAAmB,YAAY,YAAY;AAChD,QAAI,CAAC,OAAQ;AACb,QAAI;AACH,mBAAa,IAAI;AACjB,YAAM,UAAU,wBAAwB,CAAC,6BAAM,EAAE,CAAC;AAClD,YAAM,mBAAmB,WACtB,MAAM,yBAAyB,OAAO,IACtC,MAAM,6BAA6B,OAAO;AAC7C,uBAAiB,gBAAgB;AAAA,IAClC,SAAS,OAAO;AACf,YAAM,WAAW,gBAAgB,+BAAO,OAAO;AAC/C,sBAAgB,UAAU,EAAE,SAAS,QAAA,CAAS;AAAA,IAC/C,UAAA;AACC,iBAAW,MAAM,aAAa,KAAK,GAAG,GAAG;AAAA,IAC1C;AAAA,EACD,GAAG,CAAC,QAAQ,6BAAM,IAAI,QAAQ,CAAC;AAC/B,YAAU,MAAM;AACf,qBAAA;AAAA,EACD,GAAG,CAAC,gBAAgB,CAAC;AACrB,SACC,qBAAC,SAAM,MAAM,QAAQ,SAAkB,UAAS,MAAK,WAAS,MAC5D,UAAA;AAAA,IAAA,iCAAc,aAAA,EAAY;AAAA,IAC3B,qBAAC,aAAA,EAAY,WAAU,+BACtB,UAAA;AAAA,MAAA,oBAAC,cAAW,MAAK,MAAK,OAAM,WAAU,QAAO,UAAS,UAAA,mBAAA,CAEtD;AAAA,MACA,oBAAC,cAAW,SAAS,SACpB,8BAAC,OAAA,EAAM,UAAS,SAAQ,EAAA,CACzB;AAAA,IAAA,GACD;AAAA,IACA,oBAAC,QAAK,WAAS,MACd,8BAAC,MAAA,EAAK,MAAI,MAAC,IAAI,GACd,+BAAC,KAAA,EAAI,IAAI,EAAE,SAAS,QAAQ,SAAS,GAAG,eAAe,YACtD,UAAA;AAAA,MAAA,oBAAC,cAAW,MAAK,MAAK,QAAO,UAAS,OAAM,uBAAsB,UAAA,OAAA,CAElE;AAAA,MACA,oBAAC,YAAA,EAAW,MAAK,MAAK,QAAO,UAAS,OAAM,sBAC1C,WAAA,kCAAM,cAAN,mBAAiB,KAAA,CACnB;AAAA,IAAA,EAAA,CACD,GACD,GACD;AAAA,IAEA,oBAAC,QAAK,WAAS,MAAC,GAAG,GAAG,SAAS,GAC9B,UAAA,oBAAC,MAAA,EAAK,MAAI,MAAC,IAAI,IACd,UAAA,oBAAC,KAAA,EAAI,IAAI,EAAE,YAAY,YACtB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,MAAM,iBAAiB,CAAA;AAAA,QACvB,SAAS,sBAAsB;AAAA,UAC9B,SAAS;AAAA,UACT,gBAAgB;AAAA,UAChB,eAAe;AAAA,UACf,gBAAgB,CAAC,KAAK,mBAAmB,UAAU;;AAClD,oBAAQ,mBAAA;AAAA,cACP,KAAK;AACJ,uBAAO,WAAS,MAAAA,MAAA,2BAAK,aAAL,gBAAAA,IAAe,cAAf,mBAA0B;AAAA,YAAA;AAAA,UAE7C;AAAA,QAAA,CACA;AAAA,QACD,iBAAiB,EAAE,QAAQ,GAAG,OAAO,GAAA;AAAA,QACrC,YAAY;AAAA,QACZ,sBAAsB;AAAA,QACtB,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,aAAa,CAAC,gBAAgB;AAAA,QAC9B,oBAAoB;AAAA,QACpB,iCAA+B;AAAA,QAC/B,qBAAqB;AAAA,MAAA;AAAA,IAAA,EACtB,CACD,GACD,EAAA,CACD;AAAA,EAAA,GACD;AAEF;"}

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("../../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"),j=require("../../../node_modules/@mui/material/Grid/Grid/index.js"),p=require("../../../node_modules/@mui/material/Box/Box/index.js");exports.default=function(f){var h;const{isOpen:g,onClose:y,data:q,isRental:v=!1}=f,[_,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.Modal,{open:g,onClose:y,maxWidth:"md",fullWidth:!0,children:[T&&/* @__PURE__ */e.jsx(r.ModalLoader,{}),
+"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"),p=require("../../../node_modules/@mui/material/Grid/Grid/index.js"),j=require("../../../node_modules/@mui/material/Box/Box/index.js");const h=h=>{var f;const{isOpen:g,onClose:y,data:q,isRental:v=!1}=h,[_,b]=n.useState([]),[T,R]=n.useState(!1),{t:w}=a.useTranslation(),C=n.useCallback(async()=>{if(g)try{R(!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(()=>R(!1),300)}},[g,null==q?void 0:q.id,v]);return n.useEffect(()=>{C()},[C]),/* @__PURE__ */e.jsxs(t.Modal,{open:g,onClose:y,maxWidth:"md",fullWidth:!0,children:[T&&/* @__PURE__ */e.jsx(r.ModalLoader,{}),
 /* @__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(c.default,{onClick:y,children:/* @__PURE__ */e.jsx(x.default,{fontSize:"small"})})]}),
-/* @__PURE__ */e.jsx(j.default,{container:!0,children:/* @__PURE__ */e.jsx(j.default,{item:!0,xs:4,children:/* @__PURE__ */e.jsxs(p.default,{sx:{display:"flex",padding:2,flexDirection:"column"},children:[
+/* @__PURE__ */e.jsx(p.default,{container:!0,children:/* @__PURE__ */e.jsx(p.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==(h=null==q?void 0:q.item_data)?void 0:h.name})]})})}),
-/* @__PURE__ */e.jsx(j.default,{container:!0,p:2,spacing:3,children:/* @__PURE__ */e.jsx(j.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(p.default,{sx:{paddingTop:"1.2rem"},children:/* @__PURE__ */e.jsx(i.MaterialTable,{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})})})})]})};
+/* @__PURE__ */e.jsx(l.Typography,{type:"s3",weight:"medium",color:"theme.neutral.1000",children:null==(f=null==q?void 0:q.item_data)?void 0:f.name})]})})}),
+/* @__PURE__ */e.jsx(p.default,{container:!0,p:2,spacing:3,children:/* @__PURE__ */e.jsx(p.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(j.default,{sx:{paddingTop:"1.2rem"},children:/* @__PURE__ */e.jsx(i.MaterialTable,{rows:_||[],columns:u.transformTableColumns({columns:s.responseItemDetailsColumns,currencySymbol:void 0,translationFn:w,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})})})})]})};exports.ItemResponseDetails=h,exports.default=h;
 //# 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":"~~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,~~MAAA~~,~~CAAMC,~~KAAM7B,~~EACZC~~,~~UACA6B~~,SAAS,~~KACTC~~,WAAS,~~EAELC~~,SAAA,CAAAzB,~~wBAAY0B~~,EAAAA,YAAA;~~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,cAAA,~~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 {\n\tfetchRentalResponseItems,\n\tfetchRfqItemsByIdForResponse,\n\tgetErrorMessage\n} from '../../utils/common';\nimport { transformTableColumns } from '../../utils/common-utility';\nexport const ItemResponseDetails = (props: any) => {\n\tconst { isOpen, onClose, data, isRental = false } = props;\n\tconst [responseItems, setResponseItems] = useState<any[]>([]);\n\tconst [isLoading, setIsLoading] = useState<boolean>(false);\n\tconst { t } = useTranslation();\n\n\tconst getResponseItems = useCallback(async () => {\n\t\tif (!isOpen) return;\n\t\ttry {\n\t\t\tsetIsLoading(true);\n\t\t\tconst filters = `(rfq_line_item_id.in=${[data?.id]})`;\n\t\t\tconst rfqResponseItems = isRental\n\t\t\t\t? await fetchRentalResponseItems(filters)\n\t\t\t\t: await fetchRfqItemsByIdForResponse(filters);\n\t\t\tsetResponseItems(rfqResponseItems);\n\t\t} catch (error) {\n\t\t\tconst errorMsg = getErrorMessage(error?.message);\n\t\t\tenqueueSnackbar(errorMsg, { variant: 'error' });\n\t\t} finally {\n\t\t\tsetTimeout(() => setIsLoading(false), 300);\n\t\t}\n\t}, [isOpen, data?.id, isRental]);\n\tuseEffect(() => {\n\t\tgetResponseItems();\n\t}, [getResponseItems]);\n\treturn (\n\t\t<Modal open={isOpen} onClose={onClose} maxWidth='md' fullWidth>\n\t\t\t{isLoading && <ModalLoader />}\n\t\t\t<DialogTitle className='itemEntryModal--DialogTitle'>\n\t\t\t\t<Typography type='s3' color='inherit' weight='medium'>\n\t\t\t\t\tResponse Details\n\t\t\t\t</Typography>\n\t\t\t\t<IconButton onClick={onClose}>\n\t\t\t\t\t<Close fontSize='small' />\n\t\t\t\t</IconButton>\n\t\t\t</DialogTitle>\n\t\t\t<Grid container>\n\t\t\t\t<Grid item xs={4}>\n\t\t\t\t\t<Box sx={{ display: 'flex', padding: 2, flexDirection: 'column' }}>\n\t\t\t\t\t\t<Typography type='s5' weight='medium' color='theme.secondary.800'>\n\t\t\t\t\t\t\tItem\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t<Typography type='s3' weight='medium' color='theme.neutral.1000'>\n\t\t\t\t\t\t\t{data?.item_data?.name}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t</Box>\n\t\t\t\t</Grid>\n\t\t\t</Grid>\n\n\t\t\t<Grid container p={2} spacing={3}>\n\t\t\t\t<Grid item xs={12}>\n\t\t\t\t\t<Box sx={{ paddingTop: '1.2rem' }}>\n\t\t\t\t\t\t<MaterialTable\n\t\t\t\t\t\t\trows={responseItems \|\| []}\n\t\t\t\t\t\t\tcolumns={transformTableColumns({\n\t\t\t\t\t\t\t\tcolumns: responseItemDetailsColumns,\n\t\t\t\t\t\t\t\tcurrencySymbol: undefined,\n\t\t\t\t\t\t\t\ttranslationFn: t,\n\t\t\t\t\t\t\t\tcustomizeValue: (row, columnAccessorKey, value) => {\n\t\t\t\t\t\t\t\t\tswitch (columnAccessorKey) {\n\t\t\t\t\t\t\t\t\t\tcase 'item_data.vendor_info.vendor_name':\n\t\t\t\t\t\t\t\t\t\t\treturn value \|\| row?.original?.item_data?.name;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tpaginationModel={{ pageNo: 1, limit: 10 }}\n\t\t\t\t\t\t\ttotalPages={20}\n\t\t\t\t\t\t\tenableColumnDragging={true}\n\t\t\t\t\t\t\tisResetRow={false}\n\t\t\t\t\t\t\tenableEditing={false}\n\t\t\t\t\t\t\tcolumnOrder={['mrt-row-select']}\n\t\t\t\t\t\t\tenableRowSelection={false}\n\t\t\t\t\t\t\tdisabledDefaultActionColumnIcon\n\t\t\t\t\t\t\tenableBottomToolbar={false}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Box>\n\t\t\t\t</Grid>\n\t\t\t</Grid>\n\t\t</Modal>\n\t);\n};\n\nexport default ItemResponseDetails;\n"],"names":["ItemResponseDetails","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":"85BAgBO,MAAMA,EAAuBC,UACnC,MAAMC,OAAEA,EAAAC,QAAQA,EAAAC,KAASA,EAAAC,SAAMA,GAAW,GAAUJ,GAC7CK,EAAeC,GAAoBC,EAAAA,SAAgB,KACnDC,EAAWC,GAAgBF,EAAAA,UAAkB,IAC9CG,EAAEA,GAAMC,mBAERC,EAAmBC,EAAAA,YAAYC,UACpC,GAAKb,EACL,IACCQ,GAAa,GACb,MAAMM,EAAU,wBAAwB,CAAC,MAAAZ,OAAA,EAAAA,EAAMa,OACzCC,EAAmBb,QAChBc,EAAAA,yBAAyBH,SACzBI,EAAAA,6BAA6BJ,GACtCT,EAAiBW,EAClB,OAASG,GACR,MAAMC,EAAWC,EAAAA,gBAAgB,MAAAF,OAAA,EAAAA,EAAOG,SACxCC,EAAAA,gBAAgBH,EAAU,CAAEI,QAAS,SACtC,CAAA,QACCC,WAAW,IAAMjB,GAAa,GAAQ,IACvC,GACE,CAACR,EAAQ,MAAAE,OAAA,EAAAA,EAAMa,GAAIZ,IAItB,OAHAuB,EAAAA,UAAU,KACTf,KACE,CAACA,mBAEHgB,OAACC,EAAAA,OAAMC,KAAM7B,EAAQC,UAAkB6B,SAAS,KAAKC,WAAS,EAC5DC,SAAA,CAAAzB,wBAAc0B,EAAAA,YAAA;iBACfN,KAACO,EAAAA,QAAA,CAAYC,UAAU,8BACtBH,SAAA;eAAAI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,MAAM,UAAUC,OAAO,SAASR,SAAA;iBAGtDI,IAACK,EAAAA,SAAWC,QAASzC,EACpB+B,8BAACW,UAAA,CAAMC,SAAS;eAGlBR,EAAAA,IAACS,EAAAA,SAAKC,WAAS,EACdd,8BAACa,EAAAA,QAAA,CAAKE,MAAI,EAACC,GAAI,EACdhB,+BAACiB,EAAAA,QAAA,CAAIC,GAAI,CAAEC,QAAS,OAAQC,QAAS,EAAGC,cAAe,UACtDrB,SAAA;eAAAI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKE,OAAO,SAASD,MAAM,sBAAsBP,SAAA;iBAGlEI,IAACC,EAAAA,WAAA,CAAWC,KAAK,KAAKE,OAAO,SAASD,MAAM,qBAC1CP,SAAA,OAAAsB,EAAA,MAAApD,OAAA,EAAAA,EAAMqD,gBAAN,EAAAD,EAAiBE;eAMtBpB,EAAAA,IAACS,EAAAA,SAAKC,WAAS,EAACW,EAAG,EAAGC,QAAS,EAC9B1B,wBAAAI,EAAAA,IAACS,EAAAA,QAAA,CAAKE,MAAI,EAACC,GAAI,GACdhB,0BAAAI,IAACa,EAAAA,QAAA,CAAIC,GAAI,CAAES,WAAY,UACtB3B,wBAAAI,EAAAA,IAACwB,EAAAA,cAAA,CACAC,KAAMzD,GAAiB,GACvB0D,QAASC,EAAAA,sBAAsB,CAC9BD,QAASE,EAAAA,2BACTC,oBAAgB,EAChBC,cAAezD,EACf0D,eAAgB,CAACC,EAAKC,EAAmBC,aACxC,GACM,sCADED,EAEN,OAAOC,IAAS,OAAAC,EAAA,OAAAjB,EAAA,MAAAc,OAAA,EAAAA,EAAKI,eAAL,EAAAlB,EAAeC,gBAAf,EAAAgB,EAA0Bf,SAI9CiB,gBAAiB,CAAEC,OAAQ,EAAGC,MAAO,IACrCC,WAAY,GACZC,sBAAsB,EACtBC,YAAY,EACZC,eAAe,EACfC,YAAa,CAAC,kBACdC,oBAAoB,EACpBC,iCAA+B,EAC/BC,qBAAqB"}

package/dist/components/rfq-response/item-response-details.d.ts CHANGED Viewed

@@ -1 +1,2 @@
-export default function ItemResponseDetails(props: any): import("react/jsx-runtime").JSX.Element;
+export declare const ItemResponseDetails: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default ItemResponseDetails;

package/dist/components/schedule-report/utils/common/index.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { putV1ReportsUpdateScheduleReportId, postV1ReportsScheduleReport, getV1ReportsScheduleReport, getV1ReportsReportList, deleteV1ReportsScheduleReportId } from "../../../../api-client/api.system-feature/api/index.esm.js";
+import { getV1ReportsScheduleReport, getV1ReportsReportList, putV1ReportsUpdateScheduleReportId, postV1ReportsScheduleReport, deleteV1ReportsScheduleReportId } from "../../../../api-client/api.system-feature/api/index.esm.js";
 const AUTO_POST_OPTIONS = [
   {
     label: "Day",

package/dist/components/select/controller/chip-or-placeholder/index.esm.js ADDED Viewed

@@ -0,0 +1,25 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { Chip } from "../../../chip/chip/index.esm.js";
+import { Typography } from "../../../typography/typography/index.esm.js";
+import Close from "../../../../node_modules/@mui/icons-material/esm/Close/index.esm.js";
+const ChipOrPlaceholder = ({
+  data,
+  placeholder,
+  onDelete,
+  chipProps
+}) => /* @__PURE__ */ jsx(Fragment, { children: data.length ? /* @__PURE__ */ jsx(
+  Chip,
+  {
+    variant: "outlined",
+    type: "normal",
+    label: `${data.length} Selected`,
+    deleteIcon: /* @__PURE__ */ jsx(Close, { fontSize: "large" }),
+    onDelete,
+    onMouseDown: (event) => event.stopPropagation(),
+    ...chipProps
+  }
+) : /* @__PURE__ */ jsx(Typography, { color: "inherit", type: "s3", children: placeholder }) });
+export {
+  ChipOrPlaceholder as default
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/components/select/controller/chip-or-placeholder/index.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.esm.js","sources":["../../../../../src/components/select/controller/chip-or-placeholder.tsx"],"sourcesContent":["import { Close } from \"@mui/icons-material\";\r\nimport { ChipProps } from \"@mui/material\";\r\nimport Chip from \"../../chip/chip\";\r\nimport Typography from \"../../typography/typography\";\r\n\r\ninterface ChipOrPlaceholderProps {\r\n data: string[];\r\n placeholder: string;\r\n onDelete?: () => void;\r\n chipProps?: Omit<ChipProps, \"label\">;\r\n}\r\n\r\nconst ChipOrPlaceholder: React.FC<ChipOrPlaceholderProps> = ({\r\n data,\r\n placeholder,\r\n onDelete,\r\n chipProps,\r\n}) => (\r\n <>\r\n {data.length ? (\r\n <Chip\r\n variant=\"outlined\"\r\n type=\"normal\"\r\n label={`${data.length} Selected`}\r\n deleteIcon={<Close fontSize=\"large\" />}\r\n onDelete={onDelete}\r\n onMouseDown={(event) => event.stopPropagation()}\r\n {...chipProps}\r\n />\r\n ) : (\r\n <Typography color=\"inherit\" type=\"s3\">\r\n {placeholder}\r\n </Typography>\r\n )}\r\n </>\r\n);\r\n\r\nexport default ChipOrPlaceholder;\r\n"],"names":[],"mappings":";;;;AAYA,MAAM,oBAAsD,CAAC;AAAA,EAC3D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,oBAAA,UAAA,EACG,eAAK,SACJ;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAO,GAAG,KAAK,MAAM;AAAA,IACrB,YAAY,oBAAC,OAAA,EAAM,UAAS,QAAA,CAAQ;AAAA,IACpC;AAAA,IACA,aAAa,CAAC,UAAU,MAAM,gBAAA;AAAA,IAC7B,GAAG;AAAA,EAAA;AACN,wBAEC,YAAA,EAAW,OAAM,WAAU,MAAK,MAC9B,uBACH,EAAA,CAEJ;"}

package/dist/components/select/controller/chip-or-placeholder/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../chip/chip/index.js"),t=require("../../../typography/typography/index.js"),o=require("../../../../node_modules/@mui/icons-material/esm/Close/index.js");exports.default=({data:i,placeholder:l,onDelete:n,chipProps:a})=>/* @__PURE__ /e.jsx(e.Fragment,{children:i.length?/ @__PURE__ /e.jsx(r.Chip,{variant:"outlined",type:"normal",label:`${i.length} Selected`,deleteIcon:/ @__PURE__ /e.jsx(o.default,{fontSize:"large"}),onDelete:n,onMouseDown:e=>e.stopPropagation(),...a}):/ @__PURE__ */e.jsx(t.Typography,{color:"inherit",type:"s3",children:l})});
2	+ //# sourceMappingURL=index.js.map