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

@erpsquad/common 1.8.40 → 1.8.41

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

Files changed (4412) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/action-bar/action-bar.tsx"],"sourcesContent":["import Button from '../button/button';\nimport Typography from '../typography/typography';\n/* eslint-disable no-mixed-spaces-and-tabs /\nimport './action-bar.scss';\nimport {\n\t/ IconButton, / Box,\n\tDivider,\n\tIconButton,\n\tMenu,\n\tMenuItem,\n\tuseMediaQuery,\n\tuseTheme\n} from '@mui/material';\nimport AddIcon from '@mui/icons-material/Add';\nimport ViewModal from '../view-modal/view-modal';\nimport HeaderCard from '../header-card/header-card';\nimport SearchBar from '../search-bar/search-bar';\nimport { useEffect, useMemo, useState } from 'react';\nimport images from '../../assets/images';\nimport Toggle from '../toggle/toggle';\nimport Filter from '../filter/filter';\nimport Select from '../select/select';\nimport { RuleGroupType } from 'react-querybuilder';\nimport SaveFilterModal from '../save-filter-modal/save-filter-modal';\nimport {\n\tsetBaseUrl,\n\tpostV1Filter,\n\tgetV1FilterResource\n} from '../../api-client/api.system-feature/api';\nimport type as Types from '../../api-client/api.system-feature/api-types';\nimport { auth } from '../../constants/auth';\nimport DropdownButton from '../dropdown-button/dropdown-button';\nimport TitleDropdownButton from '../title-dropdown-button/title-dropdown-button';\nimport { useAppDispatch, useAppSelector } from '../../redux/hooks';\nimport { getToken } from '../../utils/common';\nimport React from 'react';\nimport UploadExcel from '../upload-excel/upload-excel';\nimport { generateQueryString, getErrorMessage, getExcelTemplateGenerateTemplate, getOperatorLabel, getExcelExportTemplate } from '../../utils/common';\nimport { initialFilter, ViewType } from '../../contexts/page-context';\nimport { usePages } from '../../hooks/use-pages';\nimport Chip from '../chip/chip';\nimport formatText, { formatLabel } from '../../utils/format-text';\nimport { Cancel } from '@mui/icons-material';\nimport { useLocation } from 'react-router-dom';\nimport { IResources, routeToResourceMap } from '../../constants/route-page-map';\nimport { enqueueSnackbar } from 'notistack';\nimport { useTranslation } from 'react-i18next';\nimport { FilterRemove, Filter as FilterIcon, Search, FolderSave, Export, Import, DocumentDownload } from '../icons';\n\nsetBaseUrl(`${import.meta.env.VITE_BACKEND_BASE_URL}/system-feature`);\n\ninterface ActionData {\n\tlabel: string;\n\tposition: number;\n}\ninterface ActionBarPropsType {\n\ttitle: string;\n\tdata: ActionData[];\n\tsetData: React.Dispatch<React.SetStateAction<ActionData[]>>;\n\tactive: string;\n\tsetActive: (view: ViewType) => void;\n\thandleAddButton?: (e?: any) => void;\n\tbutton?: boolean;\n\thandleSearch?: (value: string) => void;\n\tfilters?: string;\n\tdisabledViews?: string[];\n\tisDropdownMenuButton?: boolean;\n\titemListingDropdownOptions?: any;\n\tisTitleMenu?: boolean;\n\ttitleMenus?: any;\n\tfolderData?: any;\n\ttype?: any;\n\tfields?: any;\n\tapplyFilter?: any;\n\tsavedFilters?: SavedFilter;\n\tsetSavedFilters?: (view: SavedFilter) => void;\n\tisToggleButton?: boolean;\n\thandleToggleButton?: (e?: any) => void;\n\tshowView?: boolean;\n\tshowSearch?: boolean;\n\tshowFilter?: boolean;\n\tcustomButtons?: React.ReactNode[] \| JSX.Element[];\n\tactionBtn?: React.ReactNode[] \| JSX.Element[];\n\tpageName?: string;\n\timportModuleName?: string;\n\tsearchText?:string;\n\tselectedIds?:any;\n\n}\n\ninterface SavedFilter {\n\tid: string;\n\tname: string;\n\tquery: RuleGroupType;\n}\n\nconst ActionBar = React.memo((props: ActionBarPropsType) => {\n\tconst token = localStorage.getItem(auth.storageTokenKeyName) \|\| undefined;\n\tconst location = useLocation();\n\n\tconst {\n\t\ttitle,\n\t\tdata,\n\t\tsetData,\n\t\tactive,\n\t\tsetActive,\n\t\thandleAddButton,\n\t\thandleSearch,\n\t\tbutton = true,\n\t\tdisabledViews,\n\t\tisDropdownMenuButton = false,\n\t\titemListingDropdownOptions = [],\n\t\tisTitleMenu = false,\n\t\ttitleMenus = [],\n\t\ttype,\n\t\tfields = [],\n\t\tapplyFilter,\n\t\t// setSavedFilters,\n\t\t// savedFilters,\n\t\tisToggleButton = false,\n\t\thandleToggleButton,\n\t\tshowSearch = true,\n\t\tshowFilter = true,\n\t\tshowView = true,\n\t\tcustomButtons,\n\t\tpageName,\n\t\tactionBtn,\n\t\timportModuleName,\n\t\tselectedIds,\n searchText\n\t} = props;\n\tconst dispatch = useAppDispatch();\n\tconst [isToggled, setIsToggled] = useState<boolean>(false);\n\tconst [isToggledForItem, setIsToggledForItem] = useState<boolean>(false);\n\tconst [openFilterPopup, setOpenFilterPopup] = useState<boolean>(false);\n\tconst [status, setStatus] = useState<string>('');\n\tconst [openSaveFilter, setIsOpenSaveFilter] = useState<boolean>(false);\n\tconst [rowAnchorEl, setRowAnchorEl] = useState<null \| HTMLElement>(null);\n\tconst [isUploadModalOpen, setIsUploadModalOpen] = useState(false);\n\tconst [savedFilters, setSavedFilters] = useState<any[]>([]);\n\t// const [selectedSavedFilter, setSelectedSavedFilter] = useState<any>(null);\n\tconst [searchedText, setSearchedText] = useState<string>(\"\");\n const {t}=useTranslation();\n\tconst theme = useTheme();\n const isLgUp = useMediaQuery(theme.breakpoints.up('xl'));\n\tconst { activePage, updatePageInfo, schemaFields,setActivePage } = usePages();\n\tconst { filters } = activePage;\n\n\tconst resources: IResources = useMemo(() => routeToResourceMap[location.pathname] \|\| null, [location.pathname])\n\n\t// const { filterBar, filterQuery } = useAppSelector((store) => {\n\t// \treturn store?.drive;\n\t// });\n\t\n\n\n\tuseEffect(() => {\n\t\tfetchSavedFilters();\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n\n\tconst fetchSavedFilters = async (): Promise<void> => {\n\t\tif(resources?.pageResource \|\| resources?.fieldResource) {\n\t\t\tgetV1FilterResource({ ...getToken(), resource: resources?.pageResource \|\| resources?.fieldResource })\n\t\t\t\t.then((response: any) => {\n\t\t\t\t\tconst savedFilters = response.data.result.map((e: any) => {\n\t\t\t\t\t\treturn { id: e._id, name: e.name, query: e.data };\n\t\t\t\t\t});\n\t\n\t\t\t\t\tsetSavedFilters?.(savedFilters);\n\t\t\t\t})\n\t\t\t\t.catch((err: any) => console.log('Error fetching saved filters:', err));\n\t\t} else{\n\t\t\tsetSavedFilters([])\n\t\t}\n\t};\n\n\n\tconst handleFilterHide = () => {\n\t\t// dispatch(setFilterBar(false));\n\t\treturn\n\t};\n\n\tconst handleStatusChange = (event: any) => {\n\t\tsetStatus(event.target.value);\n\t};\n\n\tconst handleSaveFilterClick = () => {\n\t\tif (filters?.rules) {\n\t\t\tsetIsOpenSaveFilter(true);\n\t\t}\n\t};\n\n\tconst handleImportClick = (event: any) => {\n\t\tsetRowAnchorEl(event.currentTarget);\n\t};\n\n\tconst handleActionsClose = () => {\n\t\tsetRowAnchorEl(null);\n\t};\n\n\tconst handleSaveFilter = (query: RuleGroupType) => {\n\t\t// dispatch(setFilterQuery(query));\n\t\treturn \n\t};\n\n\tconst handleSave = async (name: string, filterQuery: RuleGroupType) => {\n\t\t\n\t\t// dispatch(setFilterBar(false));\n\t\t\n\t\tconst postFilterRequest: Types.PostV1FilterRequest = {\n\t\t\t'x-token': token,\n\t\t\tmodule: resources?.pageResource \|\| resources?.fieldResource \|\| 'erp-common',\n\t\t\tname: name,\n\t\t\tis_applied: true,\n\t\t\tdata: filterQuery\n\t\t};\n\t\ttry {\n\t\t\tawait postV1Filter(postFilterRequest)\n\t\t\tenqueueSnackbar('Filters saved successfully.')\n\t\t\tsetActivePage((prev: any) => ({\n\t\t\t\t...prev,\n\t\t\t\tfilters: {\n\t\t\t\t\t...prev.filters,\n\t\t\t\t\tname,\n\t\t\t\t\trules: filterQuery.rules\n\t\t\t\t},\n\t\t\t\tfilterQueryString: generateQueryString(filterQuery)\n\t\t\t}));\n\t\t\tsetIsOpenSaveFilter(false);\n\t\t} catch (error) {\n\t\t\tlet m: string = 'Something went wrong on saving filters'\n\t\t\tif(error instanceof Error) {\n\t\t\t\tm = getErrorMessage(error.message)\n\t\t\t}\n\t\t\tenqueueSnackbar(m, {variant: 'error'})\n\t\t\treturn false\n\t\t}\n\t\treturn true\n\t};\n\n\tconst handleToggle = () => {\n\t\tsetIsToggled((prev) => !prev);\n\t\talert('Toggled');\n\t};\n\n\tconst handleChangeToggleButton = () => {\n\t\tsetIsToggledForItem((prev) => !prev);\n\t\thandleToggleButton?.();\n\t};\n\n\tconst handleCloseFilter = () => {\n\t\tsetOpenFilterPopup(false);\n\t};\n\n\tconst handleActiveHeaderCard = (data: ActionData) => {\n\t\tsetActive(data?.label);\n\t};\n\n\tconst downloadTemplate = async (moduleName: string) => {\n\t\tconst templateURL: any = await getExcelTemplateGenerateTemplate({\n\t\t\t'x-token': token,\n\t\t\tresource: moduleName\n\t\t});\n\t\tif (templateURL) {\n\t\t\tconst blob = await templateURL.blob();\n\n\t\t\tconst link = document.createElement('a');\n\n\t\t\tconst url = window.URL.createObjectURL(blob);\n\n\t\t\tlink.href = url;\n\t\t\tlink.download = `${moduleName}.xlsx`;\n\n\t\t\tdocument.body.appendChild(link);\n\t\t\tlink.click();\n\t\t\tdocument.body.removeChild(link);\n\t\t\twindow.URL.revokeObjectURL(url);\n\t\t}\n\t};\n\n\tconst exportExcel = async (moduleName: string,filterQueryString: string,selectedIds: any,title: string) => {\n\t\tconst templateURL: any = await getExcelExportTemplate({\n\t\t\t'x-token': token,\n\t\t\tactivePage: activePage,\n\t\t\tfilterQueryString: filterQueryString,\n\t\t\tselectedIds: selectedIds,\n\t\t\ttitle: title\n\t\t});\n\t\tif (templateURL) {\n\t\t\tconst blob = await templateURL.blob();\n\n\t\t\tconst link = document.createElement('a');\n\n\t\t\tconst url = window.URL.createObjectURL(blob);\n\n\t\t\tlink.href = url;\n\t\t\tlink.download = `${moduleName}.xlsx`;\n\n\t\t\tdocument.body.appendChild(link);\n\t\t\tlink.click();\n\t\t\tdocument.body.removeChild(link);\n\t\t\twindow.URL.revokeObjectURL(url);\n\t\t}\n\t};\n\n\tconst openImportTemplate = () => {\n\t\tsetIsUploadModalOpen(true);\n\t};\n\tconst rowActionMenu = [];\n\tif(pageName && (!importModuleName \|\| selectedIds)){\n\t\trowActionMenu.push({\n\t\t\tlabel: 'Export Excel',\n\t\t\thandleAction: (moduleName: string) => exportExcel(moduleName,activePage.filterQueryString,selectedIds,title),\n\t\t\ticon: <Export fontSize='small'/>\n\t\t})\n\t}\n\tif(pageName && importModuleName){ {\n\t\trowActionMenu.push({\n\t\t\tlabel: 'Download Template ',\n\t\t\thandleAction: (moduleName: string) => downloadTemplate(moduleName),\n\t\t\ticon: <DocumentDownload fontSize='small'/>\n\t\t},\n\t\t{\n\t\t\tlabel: 'Import Template',\n\t\t\thandleAction: (moduleName: string) => openImportTemplate(moduleName),\n\t\t\ticon: <Import fontSize='small'/>\n\t\t})\n\t}}\n\n\tconst getFilterChipLabels = (rule: any) => {\n\t\trule = {...rule, field:rule.field?.replace(\"__replaceKey\", '')}\n\t\tlet label = schemaFields.find((f: any) => f.key === rule.field)?.label \|\| rule.field;\n\t\tlabel = formatLabel(label?.replace('_id', ' '));\n\t\tconst opLabel = getOperatorLabel(rule, schemaFields);\n\n\t\tlet value = rule.value;\n\t\tif (Array.isArray(rule.value)) {\n\t\t\trule.value = rule.value.map(rv => formatLabel(typeof rv === 'object' ? (rv.label) : rv))\n\t\t\tvalue = rule.value.join(', ');\n\t\t}\n\n\t\treturn <Box sx={{display:'flex', alignItems:'center', gap:1}}>\n\t\t\t<Typography type='s5' color='theme.secondary.800' weight='medium'>{label}</Typography>\n\t\t\t\t<Divider orientation='vertical' flexItem />\n\t\t\t<Typography type='s5' color='theme.primary.800' weight='medium'>{formatText(opLabel)} {value}</Typography>\n\t\t</Box>\n\t\t// `${label}: ${value}`;\n\t};\n\n\tconst getFilterChip=(rr: any,index:any) => {\n\t\treturn (\n\t\t\t\t<Chip\n\t\t\t\t\t\t\t\tlabel={getFilterChipLabels(rr)}\n\t\t\t\t\t\t\t\tvariant='outlined'\n\t\t\t\t\t\t\t\tactive\n\t\t\t\t\t\t\t\tsx={({palette}) => ({\n\t\t\t\t\t\t\t\t\tbackgroundColor: 'grey.200',\n\t\t\t\t\t\t\t\t\tborderColor: `${palette.grey[300]} !important`,\n\t\t\t\t\t\t\t\t\topacity: 0.8,\n\t\t\t\t\t\t\t\t\t'&:hover': { backgroundColor: `${palette.grey[200]} !important` },\n\t\t\t\t\t\t\t\t\tflexDirection: 'row-reverse',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tgap: 0.75,\n\t\t\t\t\t\t\t\t\tcursor: 'unset'\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tdeleteIcon={\n\t\t\t\t\t\t\t\t\t<Cancel\n\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\tfontSize: '1rem !important',\n\t\t\t\t\t\t\t\t\t\t\tcolor: '#919294 !important',\n\t\t\t\t\t\t\t\t\t\t\tmarginRight: 'auto !important',\n\t\t\t\t\t\t\t\t\t\t\tmarginLeft: `0 !important`,\n\t\t\t\t\t\t\t\t\t\t\t'&:hover': {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor:'inherit !important'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}}\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\tonDelete={() => removeSignleFilter(index)}\n\t\t\t\t\t\t\t\tclickable={false}\n\t\t\t\t\t\t\t/>\n\t\t)\n\t}\n\n const removeSignleFilter = (ruleIndex: number) => {\n\t\tconst uRules: any[] = filters.rules.filter(\n\t\t\t(_, index) => index !== ruleIndex\n\t\t);\n\t\tconst uFilters = { ...filters, rules: uRules };\n\t\tconst filterQueryString = generateQueryString(uFilters);\n\n\t\tupdatePageInfo({\n\t\t\tfilters: uFilters,\n\t\t\tfilterQueryString\n\t\t});\n\t};\n\n\tconst isFilterApplied = (flt: any): boolean => Boolean(flt?.rules?.length);\n\tconst [searchAnchorEl, setSearchAnchorEl] = useState<HTMLElement \| null>(null);\n\t// useEffect(() => {\n\t// \tif(activePage?.active_view ){\n\t// \t\tconst updateViews=activePage?.views?.length?activePage.views:[{\n\t// \t\t\tlabel:activePage?.active_view,\n\t// \t\t\tposition:0\n\t// \t\t}]\n\t// \t\tsetData(updateViews)\n\t// \t}\t\t\n\t// \t//eslint-disable-next-line\n\t// },[isCreatePage,activePage?.active_view])\n\n\tuseEffect(()=>{\t\n\t\tif(activePage?.search){\n\t\t\tsetSearchedText(activePage?.search)\n\t\t}\n\t},[activePage?.search])\n\n\tuseEffect(() => {\n\t\tif(searchedText){\n\t\t\thandleSearch?.(searchedText);\n\t\t\tupdatePageInfo({ search: searchedText });\n\t\t}\n\t\t//eslint-disable-next-line\n\t},[searchedText])\n\treturn (\n\t\t<div>\n\t\t\t<div className='action-bar'>\n\t\t\t\t<div className='action-bar--LeftContent'>\n\t\t\t\t\t{isTitleMenu ? (\n\t\t\t\t\t\t<div style={{ zIndex: 999 }}>\n\t\t\t\t\t\t\t<TitleDropdownButton\n\t\t\t\t\t\t\t\tonClick={handleAddButton}\n\t\t\t\t\t\t\t\toptions={titleMenus}\n\t\t\t\t\t\t\t\tisMenuThirdItemDisabled={true}\n\t\t\t\t\t\t\t\tcurrentTitle={title}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t</TitleDropdownButton>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Typography type='h3' weight='medium' color='theme.secondary.1000'>\n\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t)}\n\t\t\t\t\t<div className='action-bar--HeaderCard'>\n\t\t\t\t\t\t{Boolean(data) &&\n\t\t\t\t\t\t\tdata\n\t\t\t\t\t\t\t\t.map((ele) => ele)\n\t\t\t\t\t\t\t\t.sort((a, b) => a.position - b.position)\n\t\t\t\t\t\t\t\t.map((item: ActionData) => (\n\t\t\t\t\t\t\t\t\t<HeaderCard\n\t\t\t\t\t\t\t\t\t\tkey={item?.position}\n\t\t\t\t\t\t\t\t\t\ttitle={item?.label}\n\t\t\t\t\t\t\t\t\t\tactive={active}\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleActiveHeaderCard(item)}\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{showView && (\n\t\t\t\t\t\t\t<ViewModal\n\t\t\t\t\t\t\t\tsetData={setData}\n\t\t\t\t\t\t\t\tdata={data}\n\t\t\t\t\t\t\t\tsetActive={setActive}\n\t\t\t\t\t\t\t\tdisabledViews={disabledViews}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div className='action-bar--RightContent' style={{gap: isLgUp ? `1rem` : `0.5rem`}}>\n\t\t\t\t\t{isToggleButton && (\n\t\t\t\t\t\t<div className='item--VariantDisplay'>\n\t\t\t\t\t\t\t<div className='item--VariantHeading'>Variant:</div>\n\t\t\t\t\t\t\t<div className='item--VariantToggal'>\n\t\t\t\t\t\t\t\t<Toggle\n\t\t\t\t\t\t\t\t\tchecked={isToggledForItem}\n\t\t\t\t\t\t\t\t\tonChange={handleChangeToggleButton}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{showSearch && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t{isLgUp ? \n\t\t\t\t\t\t\t<SearchBar\n\t\t\t\t\t\t\t\tplaceholder='Search'\n\t\t\t\t\t\t\t\thandleSearch={(e) => {\n\t\t\t\t\t\t\t\t\tsetSearchedText(e);\n\t\t\t\t\t\t\t\t\thandleSearch?.(e);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tdebounceTime={1000}\n\t\t\t\t\t\t\t\tisDrivePage={true}\n\t\t\t\t\t\t\t\tsearchText={searchedText}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<IconButton size='small' onClick={(e) => setSearchAnchorEl(e.currentTarget)}><Search fontSize='small' color='grey.1000'/> </IconButton>\n\t\t\t\t\t\t\t\t<Menu \n\t\t\t\t\t\t\t\t\tanchorEl={searchAnchorEl} \n\t\t\t\t\t\t\t\t\topen={Boolean(searchAnchorEl)} \n\t\t\t\t\t\t\t\t\tonClose={() => setSearchAnchorEl(null)}\n\t\t\t\t\t\t\t\t\tanchorOrigin={{\n\t\t\t\t\t\t\t\t\t\tvertical: 'top',\n\t\t\t\t\t\t\t\t\t\thorizontal: 'right',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\ttransformOrigin={{\n\t\t\t\t\t\t\t\t\t\tvertical: 'top',\n\t\t\t\t\t\t\t\t\t\thorizontal: 'right',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tsx={{ '& ul': { p: 0 }, '& .MuiMenu-paper' :{boxShadow:`0px 4px 6px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.06);`} }}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<SearchBar\n\t\t\t\t\t\t\t\t\t\tplaceholder='Search'\n\t\t\t\t\t\t\t\t\t\thandleSearch={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetSearchedText(e);\n\t\t\t\t\t\t\t\t\t\t\thandleSearch?.(e);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tdebounceTime={1000}\n\t\t\t\t\t\t\t\t\t\tisDrivePage={true}\n\t\t\t\t\t\t\t\t\t\tsearchText={searchText \|\|searchedText}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</Menu>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\t{showFilter && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{isLgUp ?\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t// sx={{display:\"none\"}}\n\t\t\t\t\t\t\tvariant='text'\n\t\t\t\t\t\t\tstartIcon={<FilterIcon fontSize='small'/>}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetOpenFilterPopup(true);\n\t\t\t\t\t\t\t\tfetchSavedFilters();\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t{t('common.filter')}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t:\n\t\t\t\t\t\t<IconButton onClick={() => {\n\t\t\t\t\t\t\tsetOpenFilterPopup(true);\n\t\t\t\t\t\t\tfetchSavedFilters();\n\t\t\t\t\t\t}} size='small'>\n\t\t\t\t\t\t\t<FilterIcon fontSize='small' color='grey.1000'/>\n\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t}\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\n\t\t\t\t\t{customButtons}\n\t\t\t\t\t{actionBtn}\n\t\t\t\t\t{button && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant='contained'\n\t\t\t\t\t\t\tstartIcon={<AddIcon />}\n\t\t\t\t\t\t\tonClick={handleAddButton}>\n\t\t\t\t\t\t\t{t('common.add')}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t\t{isDropdownMenuButton && (\n\t\t\t\t\t\t<div style={{ zIndex: 999 }}>\n\t\t\t\t\t\t\t<DropdownButton\n\t\t\t\t\t\t\t\tonClick={handleAddButton}\n\t\t\t\t\t\t\t\toptions={itemListingDropdownOptions}\n\t\t\t\t\t\t\t\tstartIcon={<AddIcon />}\n\t\t\t\t\t\t\t\tisMenuThirdItemDisabled={true}>\n\t\t\t\t\t\t\t\t{t('common.add')}\n\t\t\t\t\t\t\t</DropdownButton>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{pageName ? (\n\t\t\t\t\t\t<IconButton onClick={(e) => handleImportClick(e)}>\n\t\t\t\t\t\t\t<img src={images.more} alt='More Icon' />\n\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t''\n\t\t\t\t\t)}\n\n\t\t\t\t\t<Menu\n\t\t\t\t\t\tanchorEl={rowAnchorEl}\n\t\t\t\t\t\topen={Boolean(rowAnchorEl)}\n\t\t\t\t\t\tonClose={handleActionsClose}>\n\t\t\t\t\t\t{rowActionMenu?.map((option: any) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\toption.handleAction(pageName);\n\t\t\t\t\t\t\t\t\t\tsetRowAnchorEl(null);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tsx={{ alignItems: 'center', gap: 0.5 }}\n\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\ttypeof option.disabled === 'function'\n\t\t\t\t\t\t\t\t\t\t\t? option.disabled()\n\t\t\t\t\t\t\t\t\t\t\t: Boolean(option.disabled)\n\t\t\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\t\t\t{option?.icon}\n\t\t\t\t\t\t\t\t\t<Typography type='s4' color='inherit'>\n\t\t\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</Menu>\n\n\t\t\t\t\t<Filter\n\t\t\t\t\t\topen={openFilterPopup}\n\t\t\t\t\t\tonClose={handleCloseFilter}\n\t\t\t\t\t\tactiveView={active}\n\t\t\t\t\t\tsavedFilters={savedFilters}\n\t\t\t\t\t\tfetchSavedFilters={fetchSavedFilters}\n\t\t\t\t\t\tonSaveFilter={handleSaveFilter}\n\t\t\t\t\t\ttype={type}\n\t\t\t\t\t\tfields={fields}\n\t\t\t\t\t\tonSelectedFilter={f => setSelectedSavedFilter(f)}\n\t\t\t\t\t\tapplyFilter={applyFilter}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* Applied Filters view (Start) /}\n\t\t\t{isFilterApplied(filters) && (\n\t\t\t\t<Box\n\t\t\t\t\tmb={1}\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tjustifyContent: 'space-between'\n\t\t\t\t\t}}>\n\t\t\t\t\t<Box\n\t\t\t\t\t\tmb={1}\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\tgap: 1,\n\t\t\t\t\t\t\tmaxWidth: 400\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<Typography type='s3' weight='medium' color='theme.secondary.1000'>\n\t\t\t\t\t\t\t{t('common.filters')}:{' '}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\n\t\t\t\t\t\t{filters?.rules?.map((r, rIndex) => (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{r?.rules?.length ? (\n\t\t\t\t\t\t\t\tr?.rules?.map((rr, rrIndex) => (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{getFilterChip(rr,rrIndex)}\n\t\t\t\t\t\t\t </>\n\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 {getFilterChip(r,rIndex)}\n\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t }\n\t\t\t\t\t\t</>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</Box>\n\t\t\t\t\t<Box>\n <Button\n\t\t\t\t\t\t\tvariant='text'\n\t\t\t\t\t\t\tclassName='enable-filter-btn'\n\t\t\t\t\t\t\tstartIcon={<FolderSave fontSize='small'/>}\n\t\t\t\t\t\t\tonClick={handleSaveFilterClick}>\n\t\t\t\t\t\t\t<span> {t('common.saveFilter')}</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t{/ {selectedSavedFilter && \n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant='text'\n\t\t\t\t\t\t\tclassName='enable-filter-btn'\n\t\t\t\t\t\t\tstartIcon={<img src={images.common.saveFilterIcon} alt='Add Icon' />}\n\t\t\t\t\t\t\tonClick={handleSaveFilterClick}>\n\t\t\t\t\t\t\t\t<Typography type='s3' color=\"theme.secondary.1000\" weight='medium'>\n\t\t\t\t\t\t\t\t\tUpdate Filter <Typography type='s3' weight='medium'>{`(${selectedSavedFilter.name})`}</Typography>\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t} /}\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant='text'\n\t\t\t\t\t\t\tstartIcon={<FilterRemove fontSize='small'/>}\n\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\tupdatePageInfo({\n\t\t\t\t\t\t\t\t\tfilters: initialFilter,\n\t\t\t\t\t\t\t\t\tfilterQueryString: ''\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\t{t('common.clearFilter')}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Box>\n\t\t\t\t</Box>\n\t\t\t)}\n\t\t\t{/ Applied Filters view (End) /}\n\n\t\t\t{/ {filterBar && (\n\t\t\t\t<div className='filter-bar'>\n\t\t\t\t\t<div className='filter-bar--LeftContent'>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<Select\n\t\t\t\t\t\t\t\tfullWidth\n\t\t\t\t\t\t\t\tplaceholder='Placeholder'\n\t\t\t\t\t\t\t\tsize={'small'}\n\t\t\t\t\t\t\t\tclassName='status-changes-drp'\n\t\t\t\t\t\t\t\tvalue={status}\n\t\t\t\t\t\t\t\tonChange={handleStatusChange}\n\t\t\t\t\t\t\t\tvariant='outlined'>\n\t\t\t\t\t\t\t\t<MenuItem value={'Status'}>{t('common.status')}</MenuItem>\n\t\t\t\t\t\t\t\t<MenuItem value={'Show'}>{t('common.show')}</MenuItem>\n\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<Typography className='subtask-switch' variant='h6'>\n\t\t\t\t\t\t\t{t('common.subtask')}\n\t\t\t\t\t\t\t<Toggle checked={isToggled} onChange={handleToggle} />\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\|\n\t\t\t\t\t\t<Button className='hide-btn' onClick={handleFilterHide}>\n\t\t\t\t\t\t\t{t('common.hide')}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className='filter-bar--RightContent'>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant='text'\n\t\t\t\t\t\t\tclassName='enable-filter-btn'\n\t\t\t\t\t\t\tonClick={handleSaveFilterClick}>\n\t\t\t\t\t\t\t<img src={images.common.saveFilterIcon} alt='Add Icon' />\n\t\t\t\t\t\t\t<span>{t('common.saveFilter')}</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)} */}\n\t\t\t<SaveFilterModal\n\t\t\t\topen={openSaveFilter}\n\t\t\t\tonClose={() => setIsOpenSaveFilter(false)}\n\t\t\t\thandleSubmit={(name: any) =>\n\t\t\t\t\thandleSave(name, filterQuery as RuleGroupType)\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<UploadExcel\n\t\t\t\topen={isUploadModalOpen}\n\t\t\t\tshowCameraButton={false}\n\t\t\t\tonClose={() => setIsUploadModalOpen(false)}\n\t\t\t\tonConfirm={() => setIsUploadModalOpen(true)}\n\t\t\t\ttitle='Upload'\n\t\t\t\tmultiple={false}\n\t\t\t\timportModuleName={importModuleName}\n\t\t\t\tpageName={importModuleName}\n\t\t\t\taccept='application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'\n\t\t\t/>\n\t\t</div>\n\t);\n});\n\nexport default ActionBar;\n"],"names":["setBaseUrl","ActionBar","React","memo","props","token","localStorage","getItem","auth","storageTokenKeyName","location","useLocation","title","data","setData","active","setActive","handleAddButton","handleSearch","button","disabledViews","isDropdownMenuButton","itemListingDropdownOptions","isTitleMenu","titleMenus","type","fields","applyFilter","isToggleButton","handleToggleButton","showSearch","showFilter","showView","customButtons","pageName","actionBtn","importModuleName","selectedIds","searchText","useAppDispatch","useState","isToggledForItem","setIsToggledForItem","openFilterPopup","setOpenFilterPopup","openSaveFilter","setIsOpenSaveFilter","rowAnchorEl","setRowAnchorEl","isUploadModalOpen","setIsUploadModalOpen","savedFilters","setSavedFilters","searchedText","setSearchedText","t","useTranslation","theme","useTheme","isLgUp","useMediaQuery","breakpoints","up","activePage","updatePageInfo","schemaFields","setActivePage","usePages","filters","resources","useMemo","routeToResourceMap","pathname","useEffect","fetchSavedFilters","async","pageResource","fieldResource","getV1FilterResource","getToken","resource","then","response","result","map","e","id","_id","name","query","catch","err","rowActionMenu","push","label","handleAction","moduleName","filterQueryString","templateURL","getExcelExportTemplate","blob","link","document","createElement","url","window","URL","createObjectURL","href","download","body","appendChild","click","removeChild","revokeObjectURL","exportExcel","icon","jsx","Export","fontSize","getExcelTemplateGenerateTemplate","downloadTemplate","DocumentDownload","Import","getFilterChipLabels","rule","field","_a","replace","_b","find","f","key","formatLabel","opLabel","getOperatorLabel","value","Array","isArray","rv","join","jsxs","Box","sx","display","alignItems","gap","children","Typography","color","weight","Divider","orientation","flexItem","formatText","getFilterChip","rr","index","Chip","variant","palette","backgroundColor","borderColor","grey","opacity","flexDirection","cursor","deleteIcon","Cancel","marginRight","marginLeft","onDelete","removeSignleFilter","clickable","ruleIndex","uRules","rules","filter","_","uFilters","generateQueryString","searchAnchorEl","setSearchAnchorEl","search","className","style","zIndex","TitleDropdownButton","onClick","options","isMenuThirdItemDisabled","currentTitle","Boolean","ele","sort","a","b","position","item","HeaderCard","ViewModal","Toggle","checked","onChange","prev","SearchBar","placeholder","debounceTime","isDrivePage","Fragment","IconButton","size","currentTarget","Search","Menu","anchorEl","open","onClose","anchorOrigin","vertical","horizontal","transformOrigin","p","boxShadow","Button","startIcon","FilterIcon","AddIcon","DropdownButton","src","images","more","alt","option","MenuItem","disabled","Filter","activeView","onSaveFilter","onSelectedFilter","setSelectedSavedFilter","flt","length","isFilterApplied","mb","justifyContent","maxWidth","r","rIndex","rrIndex","FolderSave","FilterRemove","initialFilter","SaveFilterModal","handleSubmit","filterQuery","postFilterRequest","module","is_applied","postV1Filter","enqueueSnackbar","error","m","Error","getErrorMessage","message","handleSave","UploadExcel","showCameraButton","onConfirm","multiple","accept"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/action-bar/action-bar.tsx"],"sourcesContent":["import Button from '../button/button';\nimport Typography from '../typography/typography';\n/* eslint-disable no-mixed-spaces-and-tabs /\nimport './action-bar.scss';\nimport {\n\t/ IconButton, / Box,\n\tDivider,\n\tIconButton,\n\tMenu,\n\tMenuItem,\n\tuseMediaQuery,\n\tuseTheme\n} from '@mui/material';\nimport AddIcon from '@mui/icons-material/Add';\nimport ViewModal from '../view-modal/view-modal';\nimport HeaderCard from '../header-card/header-card';\nimport SearchBar from '../search-bar/search-bar';\nimport { useEffect, useMemo, useState } from 'react';\nimport images from '../../assets/images';\nimport Toggle from '../toggle/toggle';\nimport Filter from '../filter/filter';\nimport Select from '../select/select';\nimport { RuleGroupType } from 'react-querybuilder';\nimport SaveFilterModal from '../save-filter-modal/save-filter-modal';\nimport {\n\tsetBaseUrl,\n\tpostV1Filter,\n\tgetV1FilterResource\n} from '../../api-client/api.system-feature/api';\nimport type as Types from '../../api-client/api.system-feature/api-types';\nimport { auth } from '../../constants/auth';\nimport DropdownButton from '../dropdown-button/dropdown-button';\nimport TitleDropdownButton from '../title-dropdown-button/title-dropdown-button';\nimport { useAppDispatch, useAppSelector } from '../../redux/hooks';\nimport { getToken } from '../../utils/common';\nimport React from 'react';\nimport UploadExcel from '../upload-excel/upload-excel';\nimport { generateQueryString, getErrorMessage, getExcelTemplateGenerateTemplate, getOperatorLabel, getExcelExportTemplate } from '../../utils/common';\nimport { initialFilter, ViewType } from '../../contexts/page-context';\nimport { usePages } from '../../hooks/use-pages';\nimport Chip from '../chip/chip';\nimport formatText, { formatLabel } from '../../utils/format-text';\nimport { Cancel } from '@mui/icons-material';\nimport { useLocation } from 'react-router-dom';\nimport { IResources, routeToResourceMap } from '../../constants/route-page-map';\nimport { enqueueSnackbar } from 'notistack';\nimport { useTranslation } from 'react-i18next';\nimport { FilterRemove, Filter as FilterIcon, Search, FolderSave, Export, Import, DocumentDownload } from '../icons';\n\nsetBaseUrl(`${import.meta.env.VITE_BACKEND_BASE_URL}/system-feature`);\n\ninterface ActionData {\n\tlabel: string;\n\tposition: number;\n}\ninterface ActionBarPropsType {\n\ttitle: string;\n\tdata: ActionData[];\n\tsetData: React.Dispatch<React.SetStateAction<ActionData[]>>;\n\tactive: string;\n\tsetActive: (view: ViewType) => void;\n\thandleAddButton?: (e?: any) => void;\n\tbutton?: boolean;\n\thandleSearch?: (value: string) => void;\n\tfilters?: string;\n\tdisabledViews?: string[];\n\tisDropdownMenuButton?: boolean;\n\titemListingDropdownOptions?: any;\n\tisTitleMenu?: boolean;\n\ttitleMenus?: any;\n\tfolderData?: any;\n\ttype?: any;\n\tfields?: any;\n\tapplyFilter?: any;\n\tsavedFilters?: SavedFilter;\n\tsetSavedFilters?: (view: SavedFilter) => void;\n\tisToggleButton?: boolean;\n\thandleToggleButton?: (e?: any) => void;\n\tshowView?: boolean;\n\tshowSearch?: boolean;\n\tshowFilter?: boolean;\n\tcustomButtons?: React.ReactNode[] \| JSX.Element[];\n\tactionBtn?: React.ReactNode[] \| JSX.Element[];\n\tpageName?: string;\n\timportModuleName?: string;\n\tsearchText?:string;\n\tselectedIds?:any;\n\n}\n\ninterface SavedFilter {\n\tid: string;\n\tname: string;\n\tquery: RuleGroupType;\n}\n\nconst ActionBar = React.memo((props: ActionBarPropsType) => {\n\tconst token = localStorage.getItem(auth.storageTokenKeyName) \|\| undefined;\n\tconst location = useLocation();\n\n\tconst {\n\t\ttitle,\n\t\tdata,\n\t\tsetData,\n\t\tactive,\n\t\tsetActive,\n\t\thandleAddButton,\n\t\thandleSearch,\n\t\tbutton = true,\n\t\tdisabledViews,\n\t\tisDropdownMenuButton = false,\n\t\titemListingDropdownOptions = [],\n\t\tisTitleMenu = false,\n\t\ttitleMenus = [],\n\t\ttype,\n\t\tfields = [],\n\t\tapplyFilter,\n\t\t// setSavedFilters,\n\t\t// savedFilters,\n\t\tisToggleButton = false,\n\t\thandleToggleButton,\n\t\tshowSearch = true,\n\t\tshowFilter = true,\n\t\tshowView = true,\n\t\tcustomButtons,\n\t\tpageName,\n\t\tactionBtn,\n\t\timportModuleName,\n\t\tselectedIds,\n searchText\n\t} = props;\n\tconst dispatch = useAppDispatch();\n\tconst [isToggled, setIsToggled] = useState<boolean>(false);\n\tconst [isToggledForItem, setIsToggledForItem] = useState<boolean>(false);\n\tconst [openFilterPopup, setOpenFilterPopup] = useState<boolean>(false);\n\tconst [status, setStatus] = useState<string>('');\n\tconst [openSaveFilter, setIsOpenSaveFilter] = useState<boolean>(false);\n\tconst [rowAnchorEl, setRowAnchorEl] = useState<null \| HTMLElement>(null);\n\tconst [isUploadModalOpen, setIsUploadModalOpen] = useState(false);\n\tconst [savedFilters, setSavedFilters] = useState<any[]>([]);\n\t// const [selectedSavedFilter, setSelectedSavedFilter] = useState<any>(null);\n\tconst [searchedText, setSearchedText] = useState<string>(\"\");\n const {t}=useTranslation();\n\tconst theme = useTheme();\n const isLgUp = useMediaQuery(theme.breakpoints.up('xl'));\n\tconst { activePage, updatePageInfo, schemaFields,setActivePage } = usePages();\n\tconst { filters } = activePage;\n\n\tconst resources: IResources = useMemo(() => routeToResourceMap[location.pathname] \|\| null, [location.pathname])\n\n\t// const { filterBar, filterQuery } = useAppSelector((store) => {\n\t// \treturn store?.drive;\n\t// });\n\t\n\n\n\tuseEffect(() => {\n\t\tfetchSavedFilters();\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n\n\tconst fetchSavedFilters = async (): Promise<void> => {\n\t\tif(resources?.pageResource \|\| resources?.fieldResource) {\n\t\t\tgetV1FilterResource({ ...getToken(), resource: resources?.pageResource \|\| resources?.fieldResource })\n\t\t\t\t.then((response: any) => {\n\t\t\t\t\tconst savedFilters = response.data.result.map((e: any) => {\n\t\t\t\t\t\treturn { id: e._id, name: e.name, query: e.data };\n\t\t\t\t\t});\n\t\n\t\t\t\t\tsetSavedFilters?.(savedFilters);\n\t\t\t\t})\n\t\t\t\t.catch((err: any) => console.log('Error fetching saved filters:', err));\n\t\t} else{\n\t\t\tsetSavedFilters([])\n\t\t}\n\t};\n\n\n\tconst handleFilterHide = () => {\n\t\t// dispatch(setFilterBar(false));\n\t\treturn\n\t};\n\n\tconst handleStatusChange = (event: any) => {\n\t\tsetStatus(event.target.value);\n\t};\n\n\tconst handleSaveFilterClick = () => {\n\t\tif (filters?.rules) {\n\t\t\tsetIsOpenSaveFilter(true);\n\t\t}\n\t};\n\n\tconst handleImportClick = (event: any) => {\n\t\tsetRowAnchorEl(event.currentTarget);\n\t};\n\n\tconst handleActionsClose = () => {\n\t\tsetRowAnchorEl(null);\n\t};\n\n\tconst handleSaveFilter = (query: RuleGroupType) => {\n\t\t// dispatch(setFilterQuery(query));\n\t\treturn \n\t};\n\n\tconst handleSave = async (name: string, filterQuery: RuleGroupType) => {\n\t\t\n\t\t// dispatch(setFilterBar(false));\n\t\t\n\t\tconst postFilterRequest: Types.PostV1FilterRequest = {\n\t\t\t'x-token': token,\n\t\t\tmodule: resources?.pageResource \|\| resources?.fieldResource \|\| 'erp-common',\n\t\t\tname: name,\n\t\t\tis_applied: true,\n\t\t\tdata: filterQuery\n\t\t};\n\t\ttry {\n\t\t\tawait postV1Filter(postFilterRequest)\n\t\t\tenqueueSnackbar('Filters saved successfully.')\n\t\t\tsetActivePage((prev: any) => ({\n\t\t\t\t...prev,\n\t\t\t\tfilters: {\n\t\t\t\t\t...prev.filters,\n\t\t\t\t\tname,\n\t\t\t\t\trules: filterQuery.rules\n\t\t\t\t},\n\t\t\t\tfilterQueryString: generateQueryString(filterQuery)\n\t\t\t}));\n\t\t\tsetIsOpenSaveFilter(false);\n\t\t} catch (error) {\n\t\t\tlet m: string = 'Something went wrong on saving filters'\n\t\t\tif(error instanceof Error) {\n\t\t\t\tm = getErrorMessage(error.message)\n\t\t\t}\n\t\t\tenqueueSnackbar(m, {variant: 'error'})\n\t\t\treturn false\n\t\t}\n\t\treturn true\n\t};\n\n\tconst handleToggle = () => {\n\t\tsetIsToggled((prev) => !prev);\n\t\talert('Toggled');\n\t};\n\n\tconst handleChangeToggleButton = () => {\n\t\tsetIsToggledForItem((prev) => !prev);\n\t\thandleToggleButton?.();\n\t};\n\n\tconst handleCloseFilter = () => {\n\t\tsetOpenFilterPopup(false);\n\t};\n\n\tconst handleActiveHeaderCard = (data: ActionData) => {\n\t\tsetActive(data?.label);\n\t};\n\n\tconst downloadTemplate = async (moduleName: string) => {\n\t\tconst templateURL: any = await getExcelTemplateGenerateTemplate({\n\t\t\t'x-token': token,\n\t\t\tresource: moduleName\n\t\t});\n\t\tif (templateURL) {\n\t\t\tconst blob = await templateURL.blob();\n\n\t\t\tconst link = document.createElement('a');\n\n\t\t\tconst url = window.URL.createObjectURL(blob);\n\n\t\t\tlink.href = url;\n\t\t\tlink.download = `${moduleName}.xlsx`;\n\n\t\t\tdocument.body.appendChild(link);\n\t\t\tlink.click();\n\t\t\tdocument.body.removeChild(link);\n\t\t\twindow.URL.revokeObjectURL(url);\n\t\t}\n\t};\n\n\tconst exportExcel = async (moduleName: string,filterQueryString: string,selectedIds: any,title: string) => {\n\t\tconst templateURL: any = await getExcelExportTemplate({\n\t\t\t'x-token': token,\n\t\t\tactivePage: activePage,\n\t\t\tfilterQueryString: filterQueryString,\n\t\t\tselectedIds: selectedIds,\n\t\t\ttitle: title\n\t\t});\n\t\tif (templateURL) {\n\t\t\tconst blob = await templateURL.blob();\n\n\t\t\tconst link = document.createElement('a');\n\n\t\t\tconst url = window.URL.createObjectURL(blob);\n\n\t\t\tlink.href = url;\n\t\t\tlink.download = `${moduleName}.xlsx`;\n\n\t\t\tdocument.body.appendChild(link);\n\t\t\tlink.click();\n\t\t\tdocument.body.removeChild(link);\n\t\t\twindow.URL.revokeObjectURL(url);\n\t\t}\n\t};\n\n\tconst openImportTemplate = () => {\n\t\tsetIsUploadModalOpen(true);\n\t};\n\tconst rowActionMenu = [];\n\tif(pageName && (!importModuleName \|\| selectedIds)){\n\t\trowActionMenu.push({\n\t\t\tlabel: 'Export Excel',\n\t\t\thandleAction: (moduleName: string) => exportExcel(moduleName,activePage.filterQueryString,selectedIds,title),\n\t\t\ticon: <Export fontSize='small'/>\n\t\t})\n\t}\n\tif(pageName && importModuleName){ {\n\t\trowActionMenu.push({\n\t\t\tlabel: 'Download Template ',\n\t\t\thandleAction: (moduleName: string) => downloadTemplate(moduleName),\n\t\t\ticon: <DocumentDownload fontSize='small'/>\n\t\t},\n\t\t{\n\t\t\tlabel: 'Import Template',\n\t\t\thandleAction: (moduleName: string) => openImportTemplate(moduleName),\n\t\t\ticon: <Import fontSize='small'/>\n\t\t})\n\t}}\n\n\tconst getFilterChipLabels = (rule: any) => {\n\t\trule = {...rule, field:rule.field?.replace(\"__replaceKey\", '')}\n\t\tlet label = schemaFields.find((f: any) => f.key === rule.field)?.label \|\| rule.field;\n\t\tlabel = formatLabel(label?.replace('_id', ' '));\n\t\tconst opLabel = getOperatorLabel(rule, schemaFields);\n\n\t\tlet value = rule.value;\n\t\tif (Array.isArray(rule.value)) {\n\t\t\trule.value = rule.value.map(rv => formatLabel(typeof rv === 'object' ? (rv.label) : rv))\n\t\t\tvalue = rule.value.join(', ');\n\t\t}\n\n\t\treturn <Box sx={{display:'flex', alignItems:'center', gap:1}}>\n\t\t\t<Typography type='s5' color='theme.secondary.800' weight='medium'>{label}</Typography>\n\t\t\t\t<Divider orientation='vertical' flexItem />\n\t\t\t<Typography type='s5' color='theme.primary.800' weight='medium'>{formatText(opLabel)} {value}</Typography>\n\t\t</Box>\n\t\t// `${label}: ${value}`;\n\t};\n\n\tconst getFilterChip=(rr: any,index:any) => {\n\t\treturn (\n\t\t\t\t<Chip\n\t\t\t\t\t\t\t\tlabel={getFilterChipLabels(rr)}\n\t\t\t\t\t\t\t\tvariant='outlined'\n\t\t\t\t\t\t\t\tactive\n\t\t\t\t\t\t\t\tsx={({palette}) => ({\n\t\t\t\t\t\t\t\t\tbackgroundColor: 'grey.200',\n\t\t\t\t\t\t\t\t\tborderColor: `${palette.grey[300]} !important`,\n\t\t\t\t\t\t\t\t\topacity: 0.8,\n\t\t\t\t\t\t\t\t\t'&:hover': { backgroundColor: `${palette.grey[200]} !important` },\n\t\t\t\t\t\t\t\t\tflexDirection: 'row-reverse',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tgap: 0.75,\n\t\t\t\t\t\t\t\t\tcursor: 'unset'\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tdeleteIcon={\n\t\t\t\t\t\t\t\t\t<Cancel\n\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\tfontSize: '1rem !important',\n\t\t\t\t\t\t\t\t\t\t\tcolor: '#919294 !important',\n\t\t\t\t\t\t\t\t\t\t\tmarginRight: 'auto !important',\n\t\t\t\t\t\t\t\t\t\t\tmarginLeft: `0 !important`,\n\t\t\t\t\t\t\t\t\t\t\t'&:hover': {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor:'inherit !important'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}}\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\tonDelete={() => removeSignleFilter(index)}\n\t\t\t\t\t\t\t\tclickable={false}\n\t\t\t\t\t\t\t/>\n\t\t)\n\t}\n\n const removeSignleFilter = (ruleIndex: number) => {\n\t\tconst uRules: any[] = filters.rules.filter(\n\t\t\t(_, index) => index !== ruleIndex\n\t\t);\n\t\tconst uFilters = { ...filters, rules: uRules };\n\t\tconst filterQueryString = generateQueryString(uFilters);\n\n\t\tupdatePageInfo({\n\t\t\tfilters: uFilters,\n\t\t\tfilterQueryString\n\t\t});\n\t};\n\n\tconst isFilterApplied = (flt: any): boolean => Boolean(flt?.rules?.length);\n\tconst [searchAnchorEl, setSearchAnchorEl] = useState<HTMLElement \| null>(null);\n\t// useEffect(() => {\n\t// \tif(activePage?.active_view ){\n\t// \t\tconst updateViews=activePage?.views?.length?activePage.views:[{\n\t// \t\t\tlabel:activePage?.active_view,\n\t// \t\t\tposition:0\n\t// \t\t}]\n\t// \t\tsetData(updateViews)\n\t// \t}\t\t\n\t// \t//eslint-disable-next-line\n\t// },[isCreatePage,activePage?.active_view])\n\n\tuseEffect(()=>{\t\n\t\tif(activePage?.search){\n\t\t\tsetSearchedText(activePage?.search)\n\t\t}\n\t},[activePage?.search])\n\n\tuseEffect(() => {\n\t\tif(searchedText){\n\t\t\thandleSearch?.(searchedText);\n\t\t\tupdatePageInfo({ search: searchedText });\n\t\t}\n\t\t//eslint-disable-next-line\n\t},[searchedText])\n\treturn (\n\t\t<div>\n\t\t\t<div className='action-bar'>\n\t\t\t\t<div className='action-bar--LeftContent'>\n\t\t\t\t\t{isTitleMenu ? (\n\t\t\t\t\t\t<div style={{ zIndex: 999 }}>\n\t\t\t\t\t\t\t<TitleDropdownButton\n\t\t\t\t\t\t\t\tonClick={handleAddButton}\n\t\t\t\t\t\t\t\toptions={titleMenus}\n\t\t\t\t\t\t\t\tisMenuThirdItemDisabled={true}\n\t\t\t\t\t\t\t\tcurrentTitle={title}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t</TitleDropdownButton>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Typography type='h3' weight='medium' color='theme.secondary.1000'>\n\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t)}\n\t\t\t\t\t<div className='action-bar--HeaderCard'>\n\t\t\t\t\t\t{Boolean(data) &&\n\t\t\t\t\t\t\tdata\n\t\t\t\t\t\t\t\t.map((ele) => ele)\n\t\t\t\t\t\t\t\t.sort((a, b) => a.position - b.position)\n\t\t\t\t\t\t\t\t.map((item: ActionData) => (\n\t\t\t\t\t\t\t\t\t<HeaderCard\n\t\t\t\t\t\t\t\t\t\tkey={item?.position}\n\t\t\t\t\t\t\t\t\t\ttitle={item?.label}\n\t\t\t\t\t\t\t\t\t\tactive={active}\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleActiveHeaderCard(item)}\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{showView && (\n\t\t\t\t\t\t\t<ViewModal\n\t\t\t\t\t\t\t\tsetData={setData}\n\t\t\t\t\t\t\t\tdata={data}\n\t\t\t\t\t\t\t\tsetActive={setActive}\n\t\t\t\t\t\t\t\tdisabledViews={disabledViews}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div className='action-bar--RightContent' style={{gap: isLgUp ? `1rem` : `0.5rem`}}>\n\t\t\t\t\t{isToggleButton && (\n\t\t\t\t\t\t<div className='item--VariantDisplay'>\n\t\t\t\t\t\t\t<div className='item--VariantHeading'>Variant:</div>\n\t\t\t\t\t\t\t<div className='item--VariantToggal'>\n\t\t\t\t\t\t\t\t<Toggle\n\t\t\t\t\t\t\t\t\tchecked={isToggledForItem}\n\t\t\t\t\t\t\t\t\tonChange={handleChangeToggleButton}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{showSearch && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t{isLgUp ? \n\t\t\t\t\t\t\t<SearchBar\n\t\t\t\t\t\t\t\tplaceholder='Search'\n\t\t\t\t\t\t\t\thandleSearch={(e) => {\n\t\t\t\t\t\t\t\t\tsetSearchedText(e);\n\t\t\t\t\t\t\t\t\thandleSearch?.(e);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tdebounceTime={1000}\n\t\t\t\t\t\t\t\tisDrivePage={true}\n\t\t\t\t\t\t\t\tsearchText={searchedText}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<IconButton size='small' onClick={(e) => setSearchAnchorEl(e.currentTarget)}><Search fontSize='small' color='grey.1000'/> </IconButton>\n\t\t\t\t\t\t\t\t<Menu \n\t\t\t\t\t\t\t\t\tanchorEl={searchAnchorEl} \n\t\t\t\t\t\t\t\t\topen={Boolean(searchAnchorEl)} \n\t\t\t\t\t\t\t\t\tonClose={() => setSearchAnchorEl(null)}\n\t\t\t\t\t\t\t\t\tanchorOrigin={{\n\t\t\t\t\t\t\t\t\t\tvertical: 'top',\n\t\t\t\t\t\t\t\t\t\thorizontal: 'right',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\ttransformOrigin={{\n\t\t\t\t\t\t\t\t\t\tvertical: 'top',\n\t\t\t\t\t\t\t\t\t\thorizontal: 'right',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tsx={{ '& ul': { p: 0 }, '& .MuiMenu-paper' :{boxShadow:`0px 4px 6px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.06);`} }}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<SearchBar\n\t\t\t\t\t\t\t\t\t\tplaceholder='Search'\n\t\t\t\t\t\t\t\t\t\thandleSearch={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetSearchedText(e);\n\t\t\t\t\t\t\t\t\t\t\thandleSearch?.(e);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tdebounceTime={1000}\n\t\t\t\t\t\t\t\t\t\tisDrivePage={true}\n\t\t\t\t\t\t\t\t\t\tsearchText={searchText \|\|searchedText}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</Menu>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\t{showFilter && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{isLgUp ?\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t// sx={{display:\"none\"}}\n\t\t\t\t\t\t\tvariant='text'\n\t\t\t\t\t\t\tstartIcon={<FilterIcon fontSize='small'/>}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetOpenFilterPopup(true);\n\t\t\t\t\t\t\t\tfetchSavedFilters();\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t{t('common.filter')}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t:\n\t\t\t\t\t\t<IconButton onClick={() => {\n\t\t\t\t\t\t\tsetOpenFilterPopup(true);\n\t\t\t\t\t\t\tfetchSavedFilters();\n\t\t\t\t\t\t}} size='small'>\n\t\t\t\t\t\t\t<FilterIcon fontSize='small' color='grey.1000'/>\n\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t}\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\n\t\t\t\t\t{customButtons}\n\t\t\t\t\t{actionBtn}\n\t\t\t\t\t{button && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant='contained'\n\t\t\t\t\t\t\tstartIcon={<AddIcon />}\n\t\t\t\t\t\t\tonClick={handleAddButton}>\n\t\t\t\t\t\t\t{t('common.add')}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t\t{isDropdownMenuButton && (\n\t\t\t\t\t\t<div style={{ zIndex: 999 }}>\n\t\t\t\t\t\t\t<DropdownButton\n\t\t\t\t\t\t\t\tonClick={handleAddButton}\n\t\t\t\t\t\t\t\toptions={itemListingDropdownOptions}\n\t\t\t\t\t\t\t\tstartIcon={<AddIcon />}\n\t\t\t\t\t\t\t\tisMenuThirdItemDisabled={true}>\n\t\t\t\t\t\t\t\t{t('common.add')}\n\t\t\t\t\t\t\t</DropdownButton>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{pageName ? (\n\t\t\t\t\t\t<IconButton onClick={(e) => handleImportClick(e)}>\n\t\t\t\t\t\t\t<img src={images.more} alt='More Icon' />\n\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t''\n\t\t\t\t\t)}\n\n\t\t\t\t\t<Menu\n\t\t\t\t\t\tanchorEl={rowAnchorEl}\n\t\t\t\t\t\topen={Boolean(rowAnchorEl)}\n\t\t\t\t\t\tonClose={handleActionsClose}>\n\t\t\t\t\t\t{rowActionMenu?.map((option: any) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\toption.handleAction(pageName);\n\t\t\t\t\t\t\t\t\t\tsetRowAnchorEl(null);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tsx={{ alignItems: 'center', gap: 0.5 }}\n\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\ttypeof option.disabled === 'function'\n\t\t\t\t\t\t\t\t\t\t\t? option.disabled()\n\t\t\t\t\t\t\t\t\t\t\t: Boolean(option.disabled)\n\t\t\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\t\t\t{option?.icon}\n\t\t\t\t\t\t\t\t\t<Typography type='s4' color='inherit'>\n\t\t\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</Menu>\n\n\t\t\t\t\t<Filter\n\t\t\t\t\t\topen={openFilterPopup}\n\t\t\t\t\t\tonClose={handleCloseFilter}\n\t\t\t\t\t\tactiveView={active}\n\t\t\t\t\t\tsavedFilters={savedFilters}\n\t\t\t\t\t\tfetchSavedFilters={fetchSavedFilters}\n\t\t\t\t\t\tonSaveFilter={handleSaveFilter}\n\t\t\t\t\t\ttype={type}\n\t\t\t\t\t\tfields={fields}\n\t\t\t\t\t\tonSelectedFilter={f => setSelectedSavedFilter(f)}\n\t\t\t\t\t\tapplyFilter={applyFilter}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* Applied Filters view (Start) /}\n\t\t\t{isFilterApplied(filters) && (\n\t\t\t\t<Box\n\t\t\t\t\tmb={1}\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tjustifyContent: 'space-between'\n\t\t\t\t\t}}>\n\t\t\t\t\t<Box\n\t\t\t\t\t\tmb={1}\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\tgap: 1,\n\t\t\t\t\t\t\tmaxWidth: 400\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<Typography type='s3' weight='medium' color='theme.secondary.1000'>\n\t\t\t\t\t\t\t{t('common.filters')}:{' '}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\n\t\t\t\t\t\t{filters?.rules?.map((r, rIndex) => (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{r?.rules?.length ? (\n\t\t\t\t\t\t\t\tr?.rules?.map((rr, rrIndex) => (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{getFilterChip(rr,rrIndex)}\n\t\t\t\t\t\t\t </>\n\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 {getFilterChip(r,rIndex)}\n\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t }\n\t\t\t\t\t\t</>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</Box>\n\t\t\t\t\t<Box>\n <Button\n\t\t\t\t\t\t\tvariant='text'\n\t\t\t\t\t\t\tclassName='enable-filter-btn'\n\t\t\t\t\t\t\tstartIcon={<FolderSave fontSize='small'/>}\n\t\t\t\t\t\t\tonClick={handleSaveFilterClick}>\n\t\t\t\t\t\t\t<span> {t('common.saveFilter')}</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t{/ {selectedSavedFilter && \n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant='text'\n\t\t\t\t\t\t\tclassName='enable-filter-btn'\n\t\t\t\t\t\t\tstartIcon={<img src={images.common.saveFilterIcon} alt='Add Icon' />}\n\t\t\t\t\t\t\tonClick={handleSaveFilterClick}>\n\t\t\t\t\t\t\t\t<Typography type='s3' color=\"theme.secondary.1000\" weight='medium'>\n\t\t\t\t\t\t\t\t\tUpdate Filter <Typography type='s3' weight='medium'>{`(${selectedSavedFilter.name})`}</Typography>\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t} /}\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant='text'\n\t\t\t\t\t\t\tstartIcon={<FilterRemove fontSize='small'/>}\n\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\tupdatePageInfo({\n\t\t\t\t\t\t\t\t\tfilters: initialFilter,\n\t\t\t\t\t\t\t\t\tfilterQueryString: ''\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\t{t('common.clearFilter')}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Box>\n\t\t\t\t</Box>\n\t\t\t)}\n\t\t\t{/ Applied Filters view (End) /}\n\n\t\t\t{/ {filterBar && (\n\t\t\t\t<div className='filter-bar'>\n\t\t\t\t\t<div className='filter-bar--LeftContent'>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<Select\n\t\t\t\t\t\t\t\tfullWidth\n\t\t\t\t\t\t\t\tplaceholder='Placeholder'\n\t\t\t\t\t\t\t\tsize={'small'}\n\t\t\t\t\t\t\t\tclassName='status-changes-drp'\n\t\t\t\t\t\t\t\tvalue={status}\n\t\t\t\t\t\t\t\tonChange={handleStatusChange}\n\t\t\t\t\t\t\t\tvariant='outlined'>\n\t\t\t\t\t\t\t\t<MenuItem value={'Status'}>{t('common.status')}</MenuItem>\n\t\t\t\t\t\t\t\t<MenuItem value={'Show'}>{t('common.show')}</MenuItem>\n\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<Typography className='subtask-switch' variant='h6'>\n\t\t\t\t\t\t\t{t('common.subtask')}\n\t\t\t\t\t\t\t<Toggle checked={isToggled} onChange={handleToggle} />\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\|\n\t\t\t\t\t\t<Button className='hide-btn' onClick={handleFilterHide}>\n\t\t\t\t\t\t\t{t('common.hide')}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className='filter-bar--RightContent'>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant='text'\n\t\t\t\t\t\t\tclassName='enable-filter-btn'\n\t\t\t\t\t\t\tonClick={handleSaveFilterClick}>\n\t\t\t\t\t\t\t<img src={images.common.saveFilterIcon} alt='Add Icon' />\n\t\t\t\t\t\t\t<span>{t('common.saveFilter')}</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)} */}\n\t\t\t<SaveFilterModal\n\t\t\t\topen={openSaveFilter}\n\t\t\t\tonClose={() => setIsOpenSaveFilter(false)}\n\t\t\t\thandleSubmit={(name: any) =>\n\t\t\t\t\thandleSave(name, filterQuery as RuleGroupType)\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<UploadExcel\n\t\t\t\topen={isUploadModalOpen}\n\t\t\t\tshowCameraButton={false}\n\t\t\t\tonClose={() => setIsUploadModalOpen(false)}\n\t\t\t\tonConfirm={() => setIsUploadModalOpen(true)}\n\t\t\t\ttitle='Upload'\n\t\t\t\tmultiple={false}\n\t\t\t\timportModuleName={importModuleName}\n\t\t\t\tpageName={importModuleName}\n\t\t\t\taccept='application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'\n\t\t\t/>\n\t\t</div>\n\t);\n});\n\nexport default ActionBar;\n"],"names":["setBaseUrl","ActionBar","React","memo","props","token","localStorage","getItem","auth","storageTokenKeyName","location","useLocation","title","data","setData","active","setActive","handleAddButton","handleSearch","button","disabledViews","isDropdownMenuButton","itemListingDropdownOptions","isTitleMenu","titleMenus","type","fields","applyFilter","isToggleButton","handleToggleButton","showSearch","showFilter","showView","customButtons","pageName","actionBtn","importModuleName","selectedIds","searchText","useAppDispatch","useState","isToggledForItem","setIsToggledForItem","openFilterPopup","setOpenFilterPopup","openSaveFilter","setIsOpenSaveFilter","rowAnchorEl","setRowAnchorEl","isUploadModalOpen","setIsUploadModalOpen","savedFilters","setSavedFilters","searchedText","setSearchedText","t","useTranslation","theme","useTheme","isLgUp","useMediaQuery","breakpoints","up","activePage","updatePageInfo","schemaFields","setActivePage","usePages","filters","resources","useMemo","routeToResourceMap","pathname","useEffect","fetchSavedFilters","async","pageResource","fieldResource","getV1FilterResource","getToken","resource","then","response","result","map","e","id","_id","name","query","catch","err","rowActionMenu","push","label","handleAction","moduleName","filterQueryString","templateURL","getExcelExportTemplate","blob","link","document","createElement","url","window","URL","createObjectURL","href","download","body","appendChild","click","removeChild","revokeObjectURL","exportExcel","icon","jsx","Export","fontSize","getExcelTemplateGenerateTemplate","downloadTemplate","DocumentDownload","Import","getFilterChipLabels","rule","field","_a","replace","_b","find","f","key","formatLabel","opLabel","getOperatorLabel","value","Array","isArray","rv","join","jsxs","Box","sx","display","alignItems","gap","children","Typography","color","weight","Divider","orientation","flexItem","formatText","getFilterChip","rr","index","Chip","variant","palette","backgroundColor","borderColor","grey","opacity","flexDirection","cursor","deleteIcon","Cancel","marginRight","marginLeft","onDelete","removeSignleFilter","clickable","ruleIndex","uRules","rules","filter","_","uFilters","generateQueryString","searchAnchorEl","setSearchAnchorEl","search","className","style","zIndex","TitleDropdownButton","onClick","options","isMenuThirdItemDisabled","currentTitle","Boolean","ele","sort","a","b","position","item","HeaderCard","ViewModal","Toggle","checked","onChange","prev","SearchBar","placeholder","debounceTime","isDrivePage","Fragment","IconButton","size","currentTarget","Search","Menu","anchorEl","open","onClose","anchorOrigin","vertical","horizontal","transformOrigin","p","boxShadow","Button","startIcon","FilterIcon","AddIcon","DropdownButton","src","images","more","alt","option","MenuItem","disabled","Filter","activeView","onSaveFilter","onSelectedFilter","setSelectedSavedFilter","flt","length","isFilterApplied","mb","justifyContent","maxWidth","r","rIndex","rrIndex","FolderSave","FilterRemove","initialFilter","SaveFilterModal","handleSubmit","filterQuery","postFilterRequest","module","is_applied","postV1Filter","enqueueSnackbar","error","m","Error","getErrorMessage","message","handleSave","UploadExcel","showCameraButton","onConfirm","multiple","accept"],"mappings":"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"}

package/dist/components/activity-tag/activity-tag/index.esm.js CHANGED Viewed

@@ -1,12 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useRef, useEffect } from "react";
-import { styled, TextField } from "@mui/material";
-import Timeline from "@mui/lab/Timeline";
-import TimelineItem from "@mui/lab/TimelineItem";
-import TimelineSeparator from "@mui/lab/TimelineSeparator";
-import TimelineConnector from "@mui/lab/TimelineConnector";
-import TimelineContent from "@mui/lab/TimelineContent";
-import TimelineDot from "@mui/lab/TimelineDot";
 /* empty css                             */
 import { images } from "../../../images/index.esm.js";
 import { Avatar } from "../../avatar/avatar/index.esm.js";
@@ -14,6 +7,14 @@ import Accordion from "../../accordion/accordion/index.esm.js";
 import { useAuth } from "../../../hooks/useAuth/index.esm.js";
 import formatText from "../../../utils/format-text/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
+import TimelineItem from "../../../node_modules/@mui/lab/TimelineItem/TimelineItem/index.esm.js";
+import TimelineSeparator from "../../../node_modules/@mui/lab/TimelineSeparator/TimelineSeparator/index.esm.js";
+import TimelineDot from "../../../node_modules/@mui/lab/TimelineDot/TimelineDot/index.esm.js";
+import TimelineConnector from "../../../node_modules/@mui/lab/TimelineConnector/TimelineConnector/index.esm.js";
+import TimelineContent from "../../../node_modules/@mui/lab/TimelineContent/TimelineContent/index.esm.js";
+import Timeline from "../../../node_modules/@mui/lab/Timeline/Timeline/index.esm.js";
+import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
+import TextField from "../../../node_modules/@mui/material/TextField/TextField/index.esm.js";
 const StyledTextField = styled(TextField)(({ theme: { palette } }) => {
   var _a, _b, _c, _d;
   return {

package/dist/components/activity-tag/activity-tag/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/activity-tag/activity-tag.tsx"],"sourcesContent":["import { useRef, useEffect } from \"react\";\nimport { TextField as MUITextField, styled } from \"@mui/material\";\nimport Timeline from \"@mui/lab/Timeline\";\nimport TimelineItem from \"@mui/lab/TimelineItem\";\nimport TimelineSeparator from \"@mui/lab/TimelineSeparator\";\nimport TimelineConnector from \"@mui/lab/TimelineConnector\";\nimport TimelineContent from \"@mui/lab/TimelineContent\";\nimport TimelineDot from \"@mui/lab/TimelineDot\";\nimport \"./activity-tag.scss\";\nimport images from \"../../assets/images\";\nimport Avatar from \"../avatar/avatar\";\nimport Accordion from \"../accordion/accordion\";\nimport { useAuth } from \"../../hooks/useAuth\";\nimport formatText from \"../../utils/format-text\";\nimport Typography from \"../typography/typography\";\n\nconst StyledTextField = styled(MUITextField)(({ theme: { palette } }) => ({\n width: \"100%\",\n \"& .MuiOutlinedInput-root\": {\n height: '2rem',\n \"& fieldset\": {\n borderColor: palette.theme?.secondary[300],\n borderWidth: 2\n },\n \"&:hover fieldset\": {\n borderColor: palette.theme?.secondary[300],\n },\n \"&.Mui-focused fieldset\": {\n // borderWidth: \"0.0625rem\",\n // borderStyle: \"solid\",\n borderColor: palette.theme?.primary[700],\n },\n \"&.Mui-error fieldset\": {\n borderColor: palette.theme?.error[600],\n },\n },\n}));\n\nexport const ActivityTag = (props: any) => {\n const {\n type,\n data,\n placeholder,\n error = false,\n textfield,\n textfieldTitle,\n onCommentSubmit,\n onChange,\n containerProps,\n accordion = true,\n ...rest\n } = props;\n const { user } = useAuth()\n\n const chatRef = useRef<HTMLDivElement>(null);\n\n const scrollToBottom = () => {\n if (chatRef.current) {\n chatRef.current.scrollTop = chatRef.current.scrollHeight;\n }\n };\n\n useEffect(() => {\n scrollToBottom();\n }, [data]);\n\n const formatDateTime = (dateTime: string) => {\n const currentDate = new Date();\n const commentDate = new Date(dateTime);\n const timeDifference = currentDate.getTime() - commentDate.getTime();\n const secondsDifference = Math.floor(timeDifference / 1000);\n const minutesDifference = Math.floor(secondsDifference / 60);\n const hoursDifference = Math.floor(minutesDifference / 60);\n\n if (secondsDifference < 60) {\n return `${secondsDifference} second${secondsDifference !== 1 ? 's' : ''\n } ago`;\n } else if (minutesDifference < 60) {\n return `${minutesDifference} minute${minutesDifference !== 1 ? 's' : ''\n } ago`;\n } else if (hoursDifference < 24) {\n return `${hoursDifference} hour${hoursDifference !== 1 ? 's' : ''} ago`;\n } else {\n // Format the date in the desired format\n const optionsDate: Intl.DateTimeFormatOptions = {\n day: 'numeric',\n month: 'short',\n year: 'numeric'\n };\n\n const optionsTime: Intl.DateTimeFormatOptions = {\n hour: 'numeric',\n minute: 'numeric',\n hour12: false\n };\n\n const formattedDate = commentDate.toLocaleString('en-US', optionsDate);\n const formattedTime = commentDate.toLocaleString('en-US', optionsTime);\n\n return `${formattedDate} • ${formattedTime}`;\n }\n };\n\n const handleKeyPress = (event: any) => {\n if (event.key === 'Enter') {\n const commentValue = (event.target as HTMLInputElement).value;\n if (commentValue.trim() !== '') {\n onCommentSubmit(commentValue);\n scrollToBottom();\n }\n }\n };\n\n const timelineItems =\n type === \"activity\" ? (\n data?.map((item: any, index: number) => (\n <div className=\"Timeline--Activity\">\n <TimelineItem key={index}>\n <TimelineSeparator>\n <TimelineDot />\n {data.length - 1 !== index && <TimelineConnector />}\n </TimelineSeparator>\n <TimelineContent className=\"Timeline--Content\">\n <Typography type=\"s4\" color=\"theme.secondary.800\" className=\"Timeline--ActivityLogItem\">\n {item.message} · {formatDateTime(item.created_at)}\n </Typography>\n </TimelineContent>\n </TimelineItem>\n </div>\n ))\n ) : (\n <>\n <div className=\"Timeline--Chat\" ref={chatRef}>\n {data.map((item: any, index: number) => (\n <TimelineItem key={index}>\n <TimelineSeparator>\n <Avatar src={images.chat} size={17} />\n <TimelineConnector />\n </TimelineSeparator>\n <TimelineContent>\n {item.name} commented this · {formatDateTime(item.created_at)}\n <div className=\"Timeline--CommentWrap\">\n <p className=\"Timeline--Comment\">{item.message}</p>\n </div>\n </TimelineContent>\n </TimelineItem>\n ))}\n </div>\n </>\n );\n\n // const avatarStyle = {\n // borderRadius: '0.5rem',\n // padding: '0.875rem 1.28125rem',\n // textAlign: 'center',\n // backgroundColor: `${randomColor}.200`,\n // color: `${randomColor}.1000`\n // };\n\n return (\n // <Box position='relative'>\n <div className=\"ActivityContainer\" {...containerProps}>\n <Timeline className=\"Timeline\">\n {accordion ? \n <Accordion title='Activities' accordionProps={{ defaultExpanded: true }}>\n {timelineItems}\n </Accordion> : \n <div className=\"Timeline--ActivityBox\">\n {timelineItems}\n </div>\n }\n {textfield && (\n <div className=\"Timeline--CommentBox\">\n {textfieldTitle}\n <div className=\"Timeline--CommentText\">\n <Avatar size={32} alt={formatText(user?.full_name)} className=\"avatar-class\" />\n <StyledTextField\n error={error}\n placeholder={placeholder}\n className=\"textfield\"\n onKeyDown={handleKeyPress}\n onChange={onChange}\n {...rest}\n />\n </div>\n </div>\n )}\n </Timeline>\n </div>\n // </Box>\n );\n};\n\nexport default ActivityTag;\n"],"names":["MUITextField"],"mappings":"~~;;;;;;;;;;;;;;;;~~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"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/activity-tag/activity-tag.tsx"],"sourcesContent":["import { useRef, useEffect } from \"react\";\nimport { TextField as MUITextField, styled } from \"@mui/material\";\nimport Timeline from \"@mui/lab/Timeline\";\nimport TimelineItem from \"@mui/lab/TimelineItem\";\nimport TimelineSeparator from \"@mui/lab/TimelineSeparator\";\nimport TimelineConnector from \"@mui/lab/TimelineConnector\";\nimport TimelineContent from \"@mui/lab/TimelineContent\";\nimport TimelineDot from \"@mui/lab/TimelineDot\";\nimport \"./activity-tag.scss\";\nimport images from \"../../assets/images\";\nimport Avatar from \"../avatar/avatar\";\nimport Accordion from \"../accordion/accordion\";\nimport { useAuth } from \"../../hooks/useAuth\";\nimport formatText from \"../../utils/format-text\";\nimport Typography from \"../typography/typography\";\n\nconst StyledTextField = styled(MUITextField)(({ theme: { palette } }) => ({\n width: \"100%\",\n \"& .MuiOutlinedInput-root\": {\n height: '2rem',\n \"& fieldset\": {\n borderColor: palette.theme?.secondary[300],\n borderWidth: 2\n },\n \"&:hover fieldset\": {\n borderColor: palette.theme?.secondary[300],\n },\n \"&.Mui-focused fieldset\": {\n // borderWidth: \"0.0625rem\",\n // borderStyle: \"solid\",\n borderColor: palette.theme?.primary[700],\n },\n \"&.Mui-error fieldset\": {\n borderColor: palette.theme?.error[600],\n },\n },\n}));\n\nexport const ActivityTag = (props: any) => {\n const {\n type,\n data,\n placeholder,\n error = false,\n textfield,\n textfieldTitle,\n onCommentSubmit,\n onChange,\n containerProps,\n accordion = true,\n ...rest\n } = props;\n const { user } = useAuth()\n\n const chatRef = useRef<HTMLDivElement>(null);\n\n const scrollToBottom = () => {\n if (chatRef.current) {\n chatRef.current.scrollTop = chatRef.current.scrollHeight;\n }\n };\n\n useEffect(() => {\n scrollToBottom();\n }, [data]);\n\n const formatDateTime = (dateTime: string) => {\n const currentDate = new Date();\n const commentDate = new Date(dateTime);\n const timeDifference = currentDate.getTime() - commentDate.getTime();\n const secondsDifference = Math.floor(timeDifference / 1000);\n const minutesDifference = Math.floor(secondsDifference / 60);\n const hoursDifference = Math.floor(minutesDifference / 60);\n\n if (secondsDifference < 60) {\n return `${secondsDifference} second${secondsDifference !== 1 ? 's' : ''\n } ago`;\n } else if (minutesDifference < 60) {\n return `${minutesDifference} minute${minutesDifference !== 1 ? 's' : ''\n } ago`;\n } else if (hoursDifference < 24) {\n return `${hoursDifference} hour${hoursDifference !== 1 ? 's' : ''} ago`;\n } else {\n // Format the date in the desired format\n const optionsDate: Intl.DateTimeFormatOptions = {\n day: 'numeric',\n month: 'short',\n year: 'numeric'\n };\n\n const optionsTime: Intl.DateTimeFormatOptions = {\n hour: 'numeric',\n minute: 'numeric',\n hour12: false\n };\n\n const formattedDate = commentDate.toLocaleString('en-US', optionsDate);\n const formattedTime = commentDate.toLocaleString('en-US', optionsTime);\n\n return `${formattedDate} • ${formattedTime}`;\n }\n };\n\n const handleKeyPress = (event: any) => {\n if (event.key === 'Enter') {\n const commentValue = (event.target as HTMLInputElement).value;\n if (commentValue.trim() !== '') {\n onCommentSubmit(commentValue);\n scrollToBottom();\n }\n }\n };\n\n const timelineItems =\n type === \"activity\" ? (\n data?.map((item: any, index: number) => (\n <div className=\"Timeline--Activity\">\n <TimelineItem key={index}>\n <TimelineSeparator>\n <TimelineDot />\n {data.length - 1 !== index && <TimelineConnector />}\n </TimelineSeparator>\n <TimelineContent className=\"Timeline--Content\">\n <Typography type=\"s4\" color=\"theme.secondary.800\" className=\"Timeline--ActivityLogItem\">\n {item.message} · {formatDateTime(item.created_at)}\n </Typography>\n </TimelineContent>\n </TimelineItem>\n </div>\n ))\n ) : (\n <>\n <div className=\"Timeline--Chat\" ref={chatRef}>\n {data.map((item: any, index: number) => (\n <TimelineItem key={index}>\n <TimelineSeparator>\n <Avatar src={images.chat} size={17} />\n <TimelineConnector />\n </TimelineSeparator>\n <TimelineContent>\n {item.name} commented this · {formatDateTime(item.created_at)}\n <div className=\"Timeline--CommentWrap\">\n <p className=\"Timeline--Comment\">{item.message}</p>\n </div>\n </TimelineContent>\n </TimelineItem>\n ))}\n </div>\n </>\n );\n\n // const avatarStyle = {\n // borderRadius: '0.5rem',\n // padding: '0.875rem 1.28125rem',\n // textAlign: 'center',\n // backgroundColor: `${randomColor}.200`,\n // color: `${randomColor}.1000`\n // };\n\n return (\n // <Box position='relative'>\n <div className=\"ActivityContainer\" {...containerProps}>\n <Timeline className=\"Timeline\">\n {accordion ? \n <Accordion title='Activities' accordionProps={{ defaultExpanded: true }}>\n {timelineItems}\n </Accordion> : \n <div className=\"Timeline--ActivityBox\">\n {timelineItems}\n </div>\n }\n {textfield && (\n <div className=\"Timeline--CommentBox\">\n {textfieldTitle}\n <div className=\"Timeline--CommentText\">\n <Avatar size={32} alt={formatText(user?.full_name)} className=\"avatar-class\" />\n <StyledTextField\n error={error}\n placeholder={placeholder}\n className=\"textfield\"\n onKeyDown={handleKeyPress}\n onChange={onChange}\n {...rest}\n />\n </div>\n </div>\n )}\n </Timeline>\n </div>\n // </Box>\n );\n};\n\nexport default ActivityTag;\n"],"names":["MUITextField"],"mappings":"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"}

package/dist/components/activity-tag/activity-tag/index.js CHANGED Viewed

@@ -1,15 +1,15 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material"),t=require("@mui/lab/Timeline"),a=require("@mui/lab/TimelineItem"),l=require("@mui/lab/TimelineSeparator"),n=require("@mui/lab/TimelineConnector"),s=require("@mui/lab/TimelineContent"),o=require("@mui/lab/TimelineDot");;/* empty css                          */var d=,/* empty css                     */c=,/* empty css                         */u=,/* empty css                               */m=,/* empty css                            */h=,/* empty css                                */x=;/* empty css                                 */function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=/* @__PURE__ */f(t),v=/* @__PURE__ */f(a),p=/* @__PURE__ */f(l),y=/* @__PURE__ */f(n),g=/* @__PURE__ */f(s),T=/* @__PURE__ */f(o);const q=i.styled(i.TextField)(({theme:{palette:e}})=>{var r,i,t,a;return{width:"100%","& .MuiOutlinedInput-root":{height:"2rem","& fieldset":{borderColor:null==(r=e.theme)?void 0:r.secondary[300],borderWidth:2},"&:hover fieldset":{borderColor:null==(i=e.theme)?void 0:i.secondary[300]},"&.Mui-focused fieldset":{borderColor:null==(t=e.theme)?void 0:t.primary[700]},"&.Mui-error fieldset":{borderColor:null==(a=e.theme)?void 0:a.error[600]}}}}),C=i=>{const{type:t,data:a,placeholder:l,error:n=!1,textfield:s,textfieldTitle:o,onCommentSubmit:f,onChange:C,containerProps:b,accordion:N=!0,...A}=i,{user:$}=m.useAuth(),M=r.useRef(null),S=()=>{M.current&&(M.current.scrollTop=M.current.scrollHeight)};r.useEffect(()=>{S()},[a]);const _=e=>{const r=/* @__PURE__ */new Date,i=new Date(e),t=r.getTime()-i.getTime(),a=Math.floor(t/1e3),l=Math.floor(a/60),n=Math.floor(l/60);if(a<60)return`${a} second${1!==a?"s":""} ago`;if(l<60)return`${l} minute${1!==l?"s":""} ago`;if(n<24)return`${n} hour${1!==n?"s":""} ago`;{const e={day:"numeric",month:"short",year:"numeric"},r={hour:"numeric",minute:"numeric",hour12:!1};return`${i.toLocaleString("en-US",e)} • ${i.toLocaleString("en-US",r)}`}},w="activity"===t?null==a?void 0:a.map((r,i)=>/* @__PURE__ */e.jsx("div",{className:"Timeline--Activity",children:/* @__PURE__ */e.jsxs(v.default,{children:[
-/* @__PURE__ */e.jsxs(p.default,{children:[
-/* @__PURE__ */e.jsx(T.default,{}),a.length-1!==i&&/* @__PURE__ */e.jsx(y.default,{})]}),
-/* @__PURE__ */e.jsx(g.default,{className:"Timeline--Content",children:/* @__PURE__ */e.jsxs(x.Typography,{type:"s4",color:"theme.secondary.800",className:"Timeline--ActivityLogItem",children:[r.message," · ",_(r.created_at)]})})]},i)})):/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx("div",{className:"Timeline--Chat",ref:M,children:a.map((r,i)=>/* @__PURE__ */e.jsxs(v.default,{children:[
-/* @__PURE__ */e.jsxs(p.default,{children:[
-/* @__PURE__ */e.jsx(c.Avatar,{src:d.images.chat,size:17}),
-/* @__PURE__ */e.jsx(y.default,{})]}),
-/* @__PURE__ */e.jsxs(g.default,{children:[r.name," commented this · ",_(r.created_at),
-/* @__PURE__ */e.jsx("div",{className:"Timeline--CommentWrap",children:/* @__PURE__ */e.jsx("p",{className:"Timeline--Comment",children:r.message})})]})]},i))})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react");;/* empty css                          */var r=,/* empty css                     */t=,/* empty css                         */n=,/* empty css                               */l=,/* empty css                            */s=,/* empty css                                */a=,/* empty css                                 */o=,/* empty css                                                              */d=,/* empty css                                                                        */m=,/* empty css                                                            */u=,/* empty css                                                                        */c=,/* empty css                                                                    */x=,/* empty css                                                      */h=,/* empty css                                                       */j=;/* empty css                                                             */const f=h.default(j.default)(({theme:{palette:e}})=>{var i,r,t,n;return{width:"100%","& .MuiOutlinedInput-root":{height:"2rem","& fieldset":{borderColor:null==(i=e.theme)?void 0:i.secondary[300],borderWidth:2},"&:hover fieldset":{borderColor:null==(r=e.theme)?void 0:r.secondary[300]},"&.Mui-focused fieldset":{borderColor:null==(t=e.theme)?void 0:t.primary[700]},"&.Mui-error fieldset":{borderColor:null==(n=e.theme)?void 0:n.error[600]}}}}),v=h=>{const{type:j,data:v,placeholder:T,error:p=!1,textfield:y,textfieldTitle:g,onCommentSubmit:C,onChange:q,containerProps:b,accordion:N=!0,..._}=h,{user:A}=l.useAuth(),$=i.useRef(null),M=()=>{$.current&&($.current.scrollTop=$.current.scrollHeight)};i.useEffect(()=>{M()},[v]);const S=e=>{const i=/* @__PURE__ */new Date,r=new Date(e),t=i.getTime()-r.getTime(),n=Math.floor(t/1e3),l=Math.floor(n/60),s=Math.floor(l/60);if(n<60)return`${n} second${1!==n?"s":""} ago`;if(l<60)return`${l} minute${1!==l?"s":""} ago`;if(s<24)return`${s} hour${1!==s?"s":""} ago`;{const e={day:"numeric",month:"short",year:"numeric"},i={hour:"numeric",minute:"numeric",hour12:!1};return`${r.toLocaleString("en-US",e)} • ${r.toLocaleString("en-US",i)}`}},D="activity"===j?null==v?void 0:v.map((i,r)=>/* @__PURE__ */e.jsx("div",{className:"Timeline--Activity",children:/* @__PURE__ */e.jsxs(o.default,{children:[
+/* @__PURE__ */e.jsxs(d.default,{children:[
+/* @__PURE__ */e.jsx(m.default,{}),v.length-1!==r&&/* @__PURE__ */e.jsx(u.default,{})]}),
+/* @__PURE__ */e.jsx(c.default,{className:"Timeline--Content",children:/* @__PURE__ */e.jsxs(a.Typography,{type:"s4",color:"theme.secondary.800",className:"Timeline--ActivityLogItem",children:[i.message," · ",S(i.created_at)]})})]},r)})):/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx("div",{className:"Timeline--Chat",ref:$,children:v.map((i,n)=>/* @__PURE__ */e.jsxs(o.default,{children:[
+/* @__PURE__ */e.jsxs(d.default,{children:[
+/* @__PURE__ */e.jsx(t.Avatar,{src:r.images.chat,size:17}),
+/* @__PURE__ */e.jsx(u.default,{})]}),
+/* @__PURE__ */e.jsxs(c.default,{children:[i.name," commented this · ",S(i.created_at),
+/* @__PURE__ */e.jsx("div",{className:"Timeline--CommentWrap",children:/* @__PURE__ */e.jsx("p",{className:"Timeline--Comment",children:i.message})})]})]},n))})});
 /* @__PURE__ */
-return e.jsx("div",{className:"ActivityContainer",...b,children:/* @__PURE__ */e.jsxs(j.default,{className:"Timeline",children:[N?/* @__PURE__ */e.jsx(u.default,{title:"Activities",accordionProps:{defaultExpanded:!0},children:w}):/* @__PURE__ */e.jsx("div",{className:"Timeline--ActivityBox",children:w}),s&&/* @__PURE__ */e.jsxs("div",{className:"Timeline--CommentBox",children:[o,
+return e.jsx("div",{className:"ActivityContainer",...b,children:/* @__PURE__ */e.jsxs(x.default,{className:"Timeline",children:[N?/* @__PURE__ */e.jsx(n.default,{title:"Activities",accordionProps:{defaultExpanded:!0},children:D}):/* @__PURE__ */e.jsx("div",{className:"Timeline--ActivityBox",children:D}),y&&/* @__PURE__ */e.jsxs("div",{className:"Timeline--CommentBox",children:[g,
 /* @__PURE__ */e.jsxs("div",{className:"Timeline--CommentText",children:[
-/* @__PURE__ */e.jsx(c.Avatar,{size:32,alt:h.default(null==$?void 0:$.full_name),className:"avatar-class"}),
-/* @__PURE__ */e.jsx(q,{error:n,placeholder:l,className:"textfield",onKeyDown:e=>{if("Enter"===e.key){const r=e.target.value;""!==r.trim()&&(f(r),S())}},onChange:C,...A})]})]})]})})};exports.ActivityTag=C,exports.default=C;
+/* @__PURE__ */e.jsx(t.Avatar,{size:32,alt:s.default(null==A?void 0:A.full_name),className:"avatar-class"}),
+/* @__PURE__ */e.jsx(f,{error:p,placeholder:T,className:"textfield",onKeyDown:e=>{if("Enter"===e.key){const i=e.target.value;""!==i.trim()&&(C(i),M())}},onChange:q,..._})]})]})]})})};exports.ActivityTag=v,exports.default=v;
 //# sourceMappingURL=index.js.map

package/dist/components/activity-tag/activity-tag/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/activity-tag/activity-tag.tsx"],"sourcesContent":["import { useRef, useEffect } from \"react\";\nimport { TextField as MUITextField, styled } from \"@mui/material\";\nimport Timeline from \"@mui/lab/Timeline\";\nimport TimelineItem from \"@mui/lab/TimelineItem\";\nimport TimelineSeparator from \"@mui/lab/TimelineSeparator\";\nimport TimelineConnector from \"@mui/lab/TimelineConnector\";\nimport TimelineContent from \"@mui/lab/TimelineContent\";\nimport TimelineDot from \"@mui/lab/TimelineDot\";\nimport \"./activity-tag.scss\";\nimport images from \"../../assets/images\";\nimport Avatar from \"../avatar/avatar\";\nimport Accordion from \"../accordion/accordion\";\nimport { useAuth } from \"../../hooks/useAuth\";\nimport formatText from \"../../utils/format-text\";\nimport Typography from \"../typography/typography\";\n\nconst StyledTextField = styled(MUITextField)(({ theme: { palette } }) => ({\n width: \"100%\",\n \"& .MuiOutlinedInput-root\": {\n height: '2rem',\n \"& fieldset\": {\n borderColor: palette.theme?.secondary[300],\n borderWidth: 2\n },\n \"&:hover fieldset\": {\n borderColor: palette.theme?.secondary[300],\n },\n \"&.Mui-focused fieldset\": {\n // borderWidth: \"0.0625rem\",\n // borderStyle: \"solid\",\n borderColor: palette.theme?.primary[700],\n },\n \"&.Mui-error fieldset\": {\n borderColor: palette.theme?.error[600],\n },\n },\n}));\n\nexport const ActivityTag = (props: any) => {\n const {\n type,\n data,\n placeholder,\n error = false,\n textfield,\n textfieldTitle,\n onCommentSubmit,\n onChange,\n containerProps,\n accordion = true,\n ...rest\n } = props;\n const { user } = useAuth()\n\n const chatRef = useRef<HTMLDivElement>(null);\n\n const scrollToBottom = () => {\n if (chatRef.current) {\n chatRef.current.scrollTop = chatRef.current.scrollHeight;\n }\n };\n\n useEffect(() => {\n scrollToBottom();\n }, [data]);\n\n const formatDateTime = (dateTime: string) => {\n const currentDate = new Date();\n const commentDate = new Date(dateTime);\n const timeDifference = currentDate.getTime() - commentDate.getTime();\n const secondsDifference = Math.floor(timeDifference / 1000);\n const minutesDifference = Math.floor(secondsDifference / 60);\n const hoursDifference = Math.floor(minutesDifference / 60);\n\n if (secondsDifference < 60) {\n return `${secondsDifference} second${secondsDifference !== 1 ? 's' : ''\n } ago`;\n } else if (minutesDifference < 60) {\n return `${minutesDifference} minute${minutesDifference !== 1 ? 's' : ''\n } ago`;\n } else if (hoursDifference < 24) {\n return `${hoursDifference} hour${hoursDifference !== 1 ? 's' : ''} ago`;\n } else {\n // Format the date in the desired format\n const optionsDate: Intl.DateTimeFormatOptions = {\n day: 'numeric',\n month: 'short',\n year: 'numeric'\n };\n\n const optionsTime: Intl.DateTimeFormatOptions = {\n hour: 'numeric',\n minute: 'numeric',\n hour12: false\n };\n\n const formattedDate = commentDate.toLocaleString('en-US', optionsDate);\n const formattedTime = commentDate.toLocaleString('en-US', optionsTime);\n\n return `${formattedDate} • ${formattedTime}`;\n }\n };\n\n const handleKeyPress = (event: any) => {\n if (event.key === 'Enter') {\n const commentValue = (event.target as HTMLInputElement).value;\n if (commentValue.trim() !== '') {\n onCommentSubmit(commentValue);\n scrollToBottom();\n }\n }\n };\n\n const timelineItems =\n type === \"activity\" ? (\n data?.map((item: any, index: number) => (\n <div className=\"Timeline--Activity\">\n <TimelineItem key={index}>\n <TimelineSeparator>\n <TimelineDot />\n {data.length - 1 !== index && <TimelineConnector />}\n </TimelineSeparator>\n <TimelineContent className=\"Timeline--Content\">\n <Typography type=\"s4\" color=\"theme.secondary.800\" className=\"Timeline--ActivityLogItem\">\n {item.message} · {formatDateTime(item.created_at)}\n </Typography>\n </TimelineContent>\n </TimelineItem>\n </div>\n ))\n ) : (\n <>\n <div className=\"Timeline--Chat\" ref={chatRef}>\n {data.map((item: any, index: number) => (\n <TimelineItem key={index}>\n <TimelineSeparator>\n <Avatar src={images.chat} size={17} />\n <TimelineConnector />\n </TimelineSeparator>\n <TimelineContent>\n {item.name} commented this · {formatDateTime(item.created_at)}\n <div className=\"Timeline--CommentWrap\">\n <p className=\"Timeline--Comment\">{item.message}</p>\n </div>\n </TimelineContent>\n </TimelineItem>\n ))}\n </div>\n </>\n );\n\n // const avatarStyle = {\n // borderRadius: '0.5rem',\n // padding: '0.875rem 1.28125rem',\n // textAlign: 'center',\n // backgroundColor: `${randomColor}.200`,\n // color: `${randomColor}.1000`\n // };\n\n return (\n // <Box position='relative'>\n <div className=\"ActivityContainer\" {...containerProps}>\n <Timeline className=\"Timeline\">\n {accordion ? \n <Accordion title='Activities' accordionProps={{ defaultExpanded: true }}>\n {timelineItems}\n </Accordion> : \n <div className=\"Timeline--ActivityBox\">\n {timelineItems}\n </div>\n }\n {textfield && (\n <div className=\"Timeline--CommentBox\">\n {textfieldTitle}\n <div className=\"Timeline--CommentText\">\n <Avatar size={32} alt={formatText(user?.full_name)} className=\"avatar-class\" />\n <StyledTextField\n error={error}\n placeholder={placeholder}\n className=\"textfield\"\n onKeyDown={handleKeyPress}\n onChange={onChange}\n {...rest}\n />\n </div>\n </div>\n )}\n </Timeline>\n </div>\n // </Box>\n );\n};\n\nexport default ActivityTag;\n"],"names":["StyledTextField","styled","MUITextField","theme","palette","width","height","borderColor","_a","secondary","borderWidth","_b","_c","primary","_d","error","ActivityTag","props","type","data","placeholder","textfield","textfieldTitle","onCommentSubmit","onChange","containerProps","accordion","rest","user","useAuth","chatRef","useRef","scrollToBottom","current","scrollTop","scrollHeight","useEffect","formatDateTime","dateTime","currentDate","Date","commentDate","timeDifference","getTime","secondsDifference","Math","floor","minutesDifference","hoursDifference","optionsDate","day","month","year","optionsTime","hour","minute","hour12","toLocaleString","timelineItems","map","item","index","jsx","className","children","TimelineItem","jsxs","TimelineSeparator","TimelineDot","length","TimelineConnector","TimelineContent","Typography","color","message","created_at","Fragment","ref","Avatar","src","images","chat","size","name","Timeline","Accordion","title","accordionProps","defaultExpanded","alt","formatText","full_name","onKeyDown","event","key","commentValue","target","value","trim"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/activity-tag/activity-tag.tsx"],"sourcesContent":["import { useRef, useEffect } from \"react\";\nimport { TextField as MUITextField, styled } from \"@mui/material\";\nimport Timeline from \"@mui/lab/Timeline\";\nimport TimelineItem from \"@mui/lab/TimelineItem\";\nimport TimelineSeparator from \"@mui/lab/TimelineSeparator\";\nimport TimelineConnector from \"@mui/lab/TimelineConnector\";\nimport TimelineContent from \"@mui/lab/TimelineContent\";\nimport TimelineDot from \"@mui/lab/TimelineDot\";\nimport \"./activity-tag.scss\";\nimport images from \"../../assets/images\";\nimport Avatar from \"../avatar/avatar\";\nimport Accordion from \"../accordion/accordion\";\nimport { useAuth } from \"../../hooks/useAuth\";\nimport formatText from \"../../utils/format-text\";\nimport Typography from \"../typography/typography\";\n\nconst StyledTextField = styled(MUITextField)(({ theme: { palette } }) => ({\n width: \"100%\",\n \"& .MuiOutlinedInput-root\": {\n height: '2rem',\n \"& fieldset\": {\n borderColor: palette.theme?.secondary[300],\n borderWidth: 2\n },\n \"&:hover fieldset\": {\n borderColor: palette.theme?.secondary[300],\n },\n \"&.Mui-focused fieldset\": {\n // borderWidth: \"0.0625rem\",\n // borderStyle: \"solid\",\n borderColor: palette.theme?.primary[700],\n },\n \"&.Mui-error fieldset\": {\n borderColor: palette.theme?.error[600],\n },\n },\n}));\n\nexport const ActivityTag = (props: any) => {\n const {\n type,\n data,\n placeholder,\n error = false,\n textfield,\n textfieldTitle,\n onCommentSubmit,\n onChange,\n containerProps,\n accordion = true,\n ...rest\n } = props;\n const { user } = useAuth()\n\n const chatRef = useRef<HTMLDivElement>(null);\n\n const scrollToBottom = () => {\n if (chatRef.current) {\n chatRef.current.scrollTop = chatRef.current.scrollHeight;\n }\n };\n\n useEffect(() => {\n scrollToBottom();\n }, [data]);\n\n const formatDateTime = (dateTime: string) => {\n const currentDate = new Date();\n const commentDate = new Date(dateTime);\n const timeDifference = currentDate.getTime() - commentDate.getTime();\n const secondsDifference = Math.floor(timeDifference / 1000);\n const minutesDifference = Math.floor(secondsDifference / 60);\n const hoursDifference = Math.floor(minutesDifference / 60);\n\n if (secondsDifference < 60) {\n return `${secondsDifference} second${secondsDifference !== 1 ? 's' : ''\n } ago`;\n } else if (minutesDifference < 60) {\n return `${minutesDifference} minute${minutesDifference !== 1 ? 's' : ''\n } ago`;\n } else if (hoursDifference < 24) {\n return `${hoursDifference} hour${hoursDifference !== 1 ? 's' : ''} ago`;\n } else {\n // Format the date in the desired format\n const optionsDate: Intl.DateTimeFormatOptions = {\n day: 'numeric',\n month: 'short',\n year: 'numeric'\n };\n\n const optionsTime: Intl.DateTimeFormatOptions = {\n hour: 'numeric',\n minute: 'numeric',\n hour12: false\n };\n\n const formattedDate = commentDate.toLocaleString('en-US', optionsDate);\n const formattedTime = commentDate.toLocaleString('en-US', optionsTime);\n\n return `${formattedDate} • ${formattedTime}`;\n }\n };\n\n const handleKeyPress = (event: any) => {\n if (event.key === 'Enter') {\n const commentValue = (event.target as HTMLInputElement).value;\n if (commentValue.trim() !== '') {\n onCommentSubmit(commentValue);\n scrollToBottom();\n }\n }\n };\n\n const timelineItems =\n type === \"activity\" ? (\n data?.map((item: any, index: number) => (\n <div className=\"Timeline--Activity\">\n <TimelineItem key={index}>\n <TimelineSeparator>\n <TimelineDot />\n {data.length - 1 !== index && <TimelineConnector />}\n </TimelineSeparator>\n <TimelineContent className=\"Timeline--Content\">\n <Typography type=\"s4\" color=\"theme.secondary.800\" className=\"Timeline--ActivityLogItem\">\n {item.message} · {formatDateTime(item.created_at)}\n </Typography>\n </TimelineContent>\n </TimelineItem>\n </div>\n ))\n ) : (\n <>\n <div className=\"Timeline--Chat\" ref={chatRef}>\n {data.map((item: any, index: number) => (\n <TimelineItem key={index}>\n <TimelineSeparator>\n <Avatar src={images.chat} size={17} />\n <TimelineConnector />\n </TimelineSeparator>\n <TimelineContent>\n {item.name} commented this · {formatDateTime(item.created_at)}\n <div className=\"Timeline--CommentWrap\">\n <p className=\"Timeline--Comment\">{item.message}</p>\n </div>\n </TimelineContent>\n </TimelineItem>\n ))}\n </div>\n </>\n );\n\n // const avatarStyle = {\n // borderRadius: '0.5rem',\n // padding: '0.875rem 1.28125rem',\n // textAlign: 'center',\n // backgroundColor: `${randomColor}.200`,\n // color: `${randomColor}.1000`\n // };\n\n return (\n // <Box position='relative'>\n <div className=\"ActivityContainer\" {...containerProps}>\n <Timeline className=\"Timeline\">\n {accordion ? \n <Accordion title='Activities' accordionProps={{ defaultExpanded: true }}>\n {timelineItems}\n </Accordion> : \n <div className=\"Timeline--ActivityBox\">\n {timelineItems}\n </div>\n }\n {textfield && (\n <div className=\"Timeline--CommentBox\">\n {textfieldTitle}\n <div className=\"Timeline--CommentText\">\n <Avatar size={32} alt={formatText(user?.full_name)} className=\"avatar-class\" />\n <StyledTextField\n error={error}\n placeholder={placeholder}\n className=\"textfield\"\n onKeyDown={handleKeyPress}\n onChange={onChange}\n {...rest}\n />\n </div>\n </div>\n )}\n </Timeline>\n </div>\n // </Box>\n );\n};\n\nexport default ActivityTag;\n"],"names":["StyledTextField","styled","MUITextField","theme","palette","width","height","borderColor","_a","secondary","borderWidth","_b","_c","primary","_d","error","ActivityTag","props","type","data","placeholder","textfield","textfieldTitle","onCommentSubmit","onChange","containerProps","accordion","rest","user","useAuth","chatRef","useRef","scrollToBottom","current","scrollTop","scrollHeight","useEffect","formatDateTime","dateTime","currentDate","Date","commentDate","timeDifference","getTime","secondsDifference","Math","floor","minutesDifference","hoursDifference","optionsDate","day","month","year","optionsTime","hour","minute","hour12","toLocaleString","timelineItems","map","item","index","jsx","className","children","TimelineItem","jsxs","TimelineSeparator","TimelineDot","length","TimelineConnector","TimelineContent","Typography","color","message","created_at","Fragment","ref","Avatar","src","images","chat","size","name","Timeline","Accordion","title","accordionProps","defaultExpanded","alt","formatText","full_name","onKeyDown","event","key","commentValue","target","value","trim"],"mappings":"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"}

package/dist/components/activityArea/activityArea/index.esm.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import Box from "@mui/material/Box";
 /* empty css                             */
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
 const ActivityArea = (props) => {
   return /* @__PURE__ */ jsx(
     Box,

package/dist/components/activityArea/activityArea/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material/Box");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}};/* empty css                          */var i=/* @__PURE__ */t(r);const a=r=>/* @__PURE__ */e.jsx(i.default,{className:"main-wrapper",component:"main",width:"100%",marginTop:"4.6875rem",children:r.children});exports.ActivityArea=a,exports.default=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");;/* empty css                          */var r=;/* empty css                                                 */const i=i=>/* @__PURE__ */e.jsx(r.default,{className:"main-wrapper",component:"main",width:"100%",marginTop:"4.6875rem",children:i.children});exports.ActivityArea=i,exports.default=i;
 //# sourceMappingURL=index.js.map

package/dist/components/activityArea/activityArea/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/activityArea/activityArea.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport \"./activityArea.scss\";\n\nexport const ActivityArea = (props: any) => {\n return (\n <Box\n className=\"main-wrapper\"\n component=\"main\"\n width={\"100%\"}\n // sx={{ flexGrow: 1, p: 3, flexWrap: \"wrap\" }}\n marginTop=\"4.6875rem\"\n >\n {props.children}\n </Box>\n );\n};\n\nexport default ActivityArea;\n"],"names":["ActivityArea","props","jsx","Box","className","component","width","marginTop","children"],"mappings":"~~iRAGO~~,MAAMA,EAAgBC,kBAEzBC,EAAAA,IAACC,EAAAA,QAAA,CACCC,UAAU,eACVC,UAAU,OACVC,MAAO,OAEPC,UAAU,YAETC,SAAAP,EAAMO"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/activityArea/activityArea.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport \"./activityArea.scss\";\n\nexport const ActivityArea = (props: any) => {\n return (\n <Box\n className=\"main-wrapper\"\n component=\"main\"\n width={\"100%\"}\n // sx={{ flexGrow: 1, p: 3, flexWrap: \"wrap\" }}\n marginTop=\"4.6875rem\"\n >\n {props.children}\n </Box>\n );\n};\n\nexport default ActivityArea;\n"],"names":["ActivityArea","props","jsx","Box","className","component","width","marginTop","children"],"mappings":"sNAGO,MAAMA,EAAgBC,kBAEzBC,EAAAA,IAACC,EAAAA,QAAA,CACCC,UAAU,eACVC,UAAU,OACVC,MAAO,OAEPC,UAAU,YAETC,SAAAP,EAAMO"}

package/dist/components/activityLog/activity-log/index.esm.js CHANGED Viewed

@@ -1,16 +1,16 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Box } from "@mui/material";
-import Timeline from "@mui/lab/Timeline";
-import TimelineItem from "@mui/lab/TimelineItem";
-import TimelineSeparator from "@mui/lab/TimelineSeparator";
-import TimelineConnector from "@mui/lab/TimelineConnector";
-import TimelineContent from "@mui/lab/TimelineContent";
-import TimelineDot from "@mui/lab/TimelineDot";
 /* empty css                             */
 import { Typography } from "../../typography/typography/index.esm.js";
 import dayjs from "dayjs";
 import formatText from "../../../utils/format-text/index.esm.js";
 import { useTranslation } from "react-i18next";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import Timeline from "../../../node_modules/@mui/lab/Timeline/Timeline/index.esm.js";
+import TimelineItem from "../../../node_modules/@mui/lab/TimelineItem/TimelineItem/index.esm.js";
+import TimelineSeparator from "../../../node_modules/@mui/lab/TimelineSeparator/TimelineSeparator/index.esm.js";
+import TimelineDot from "../../../node_modules/@mui/lab/TimelineDot/TimelineDot/index.esm.js";
+import TimelineConnector from "../../../node_modules/@mui/lab/TimelineConnector/TimelineConnector/index.esm.js";
+import TimelineContent from "../../../node_modules/@mui/lab/TimelineContent/TimelineContent/index.esm.js";
 const ActivityTag = (props) => {
   const { t } = useTranslation();
   const { data } = props;

package/dist/components/activityLog/activity-log/index.js CHANGED Viewed

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("@mui/material"),t=require("@mui/lab/Timeline"),r=require("@mui/lab/TimelineItem"),l=require("@mui/lab/TimelineSeparator"),a=require("@mui/lab/TimelineConnector"),o=require("@mui/lab/TimelineContent"),s=require("@mui/lab/TimelineDot");;/* empty css                          */var n=,/* empty css                                 */c=require("dayjs"),d=,/* empty css                                */u=require("react-i18next");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=/* @__PURE__ */m(t),p=/* @__PURE__ */m(r),y=/* @__PURE__ */m(l),h=/* @__PURE__ */m(a),f=/* @__PURE__ */m(o),j=/* @__PURE__ */m(s),v=/* @__PURE__ */m(c);const g=t=>{const{t:r}=u.useTranslation(),{data:l}=t,a={view:r("common.viewed_text"),delete:r("common.deleted_text"),create:r("common.created_text"),update:r("common.updated_text")};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");;/* empty css                          */var i=,/* empty css                                 */t=require("dayjs"),l=,/* empty css                                */r=require("react-i18next"),n=,/* empty css                                                 */a=,/* empty css                                                      */o=,/* empty css                                                              */s=,/* empty css                                                                        */d=,/* empty css                                                            */m=,/* empty css                                                                        */u=;/* empty css                                                                    */function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=/* @__PURE__ */c(t);const p=t=>{const{t:c}=r.useTranslation(),{data:p}=t,j={view:c("common.viewed_text"),delete:c("common.deleted_text"),create:c("common.created_text"),update:c("common.updated_text")};
 /* @__PURE__ */
-return e.jsx(i.Box,{children:/* @__PURE__ */e.jsx(x.default,{className:"Timeline",children:/* @__PURE__ */e.jsxs(i.Box,{sx:{display:"flex",flexDirection:"column",gap:2,padding:"16px"},className:"box-class",children:[
-/* @__PURE__ */e.jsx(n.Typography,{type:"s3",weight:"medium",color:"theme.secondary.800",children:r("common.activities_label")}),
-/* @__PURE__ */e.jsx(i.Box,{sx:{height:400,overflowY:"auto",gap:1.5,display:"flex",flexDirection:"column"},children:null==l?void 0:l.map((i,t)=>{var r,o;/* @__PURE__ */
-return e.jsx("div",{className:"Timeline--Activity",children:/* @__PURE__ */e.jsxs(p.default,{children:[
-/* @__PURE__ */e.jsxs(y.default,{children:[
-/* @__PURE__ */e.jsx(j.default,{color:"primary",sx:{backgroundColor:"#D3D3D4"}}),l.length-1!==t&&/* @__PURE__ */e.jsx(h.default,{})]}),
-/* @__PURE__ */e.jsxs(f.default,{className:"Timeline--Content",children:[
-/* @__PURE__ */e.jsxs(n.Typography,{type:"s5",color:"theme.secondary.800",className:"Timeline--ActivityLogItem",children:[
-/* @__PURE__ */e.jsx("b",{children:d.default(i.username)})," ",a[i.action]," ",
-/* @__PURE__ */e.jsx("b",{children:d.default(null==(r=i.resource)?void 0:r.replace("_"," "))})]}),
-/* @__PURE__ */e.jsx(n.Typography,{type:"s5",color:"theme.secondary.800",className:"Timeline--ActivityLogItem",children:(o=null==i?void 0:i.created_at,`${v.default(o).format("DD MMM, YYYY")} • ${v.default(o).format("HH:mm")}`)})]})]},t)})})})]})})})};exports.ActivityTag=g,exports.default=g;
+return e.jsx(n.default,{children:/* @__PURE__ */e.jsx(a.default,{className:"Timeline",children:/* @__PURE__ */e.jsxs(n.default,{sx:{display:"flex",flexDirection:"column",gap:2,padding:"16px"},className:"box-class",children:[
+/* @__PURE__ */e.jsx(i.Typography,{type:"s3",weight:"medium",color:"theme.secondary.800",children:c("common.activities_label")}),
+/* @__PURE__ */e.jsx(n.default,{sx:{height:400,overflowY:"auto",gap:1.5,display:"flex",flexDirection:"column"},children:null==p?void 0:p.map((t,r)=>{var n,a;/* @__PURE__ */
+return e.jsx("div",{className:"Timeline--Activity",children:/* @__PURE__ */e.jsxs(o.default,{children:[
+/* @__PURE__ */e.jsxs(s.default,{children:[
+/* @__PURE__ */e.jsx(d.default,{color:"primary",sx:{backgroundColor:"#D3D3D4"}}),p.length-1!==r&&/* @__PURE__ */e.jsx(m.default,{})]}),
+/* @__PURE__ */e.jsxs(u.default,{className:"Timeline--Content",children:[
+/* @__PURE__ */e.jsxs(i.Typography,{type:"s5",color:"theme.secondary.800",className:"Timeline--ActivityLogItem",children:[
+/* @__PURE__ */e.jsx("b",{children:l.default(t.username)})," ",j[t.action]," ",
+/* @__PURE__ */e.jsx("b",{children:l.default(null==(n=t.resource)?void 0:n.replace("_"," "))})]}),
+/* @__PURE__ */e.jsx(i.Typography,{type:"s5",color:"theme.secondary.800",className:"Timeline--ActivityLogItem",children:(a=null==t?void 0:t.created_at,`${x.default(a).format("DD MMM, YYYY")} • ${x.default(a).format("HH:mm")}`)})]})]},r)})})})]})})})};exports.ActivityTag=p,exports.default=p;
 //# sourceMappingURL=index.js.map

package/dist/components/activityLog/activity-log/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/activityLog/activity-log.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box } from '@mui/material';\nimport Timeline from '@mui/lab/Timeline';\nimport TimelineItem from '@mui/lab/TimelineItem';\nimport TimelineSeparator from '@mui/lab/TimelineSeparator';\nimport TimelineConnector from '@mui/lab/TimelineConnector';\nimport TimelineContent from '@mui/lab/TimelineContent';\nimport TimelineDot from '@mui/lab/TimelineDot';\nimport './activity-log.scss';\nimport Typography from '../typography/typography';\nimport dayjs from 'dayjs';\nimport formatText from '../../utils/format-text';\nimport { useTranslation } from 'react-i18next';\n\nexport const ActivityTag = (props: any) => {\n\tconst { t } = useTranslation();\n\tconst { data } = props;\n\n\tconst formatDateTime = (date: Date): string => {\n\t\tconst formattedDate = dayjs(date).format('DD MMM, YYYY');\n\t\tconst formattedTime = dayjs(date).format('HH:mm');\n\t\treturn `${formattedDate} • ${formattedTime}`;\n\t};\n\n\tconst actions = {\n\t\tview: t('common.viewed_text'),\n\t\tdelete: t('common.deleted_text'),\n\t\tcreate: t('common.created_text'),\n\t\tupdate: t('common.updated_text')\n\t};\n\treturn (\n\t\t// <Box position='relative'>\n\t\t<Box>\n\t\t\t<Timeline className='Timeline'>\n\t\t\t\t<Box\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\tgap: 2,\n\t\t\t\t\t\tpadding: '16px'\n\t\t\t\t\t}}\n\t\t\t\t\tclassName='box-class'>\n\t\t\t\t\t<Typography type='s3' weight='medium' color='theme.secondary.800'>\n\t\t\t\t\t\t{t('common.activities_label')}\n\t\t\t\t\t</Typography>\n\t\t\t\t\t<Box\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\theight: 400,\n\t\t\t\t\t\t\toverflowY: 'auto',\n\t\t\t\t\t\t\tgap: 1.5,\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column'\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t{data?.map((item: any, index: number) => (\n\t\t\t\t\t\t\t<div className='Timeline--Activity'>\n\t\t\t\t\t\t\t\t<TimelineItem key={index}>\n\t\t\t\t\t\t\t\t\t<TimelineSeparator>\n\t\t\t\t\t\t\t\t\t\t<TimelineDot\n\t\t\t\t\t\t\t\t\t\t\tcolor='primary'\n\t\t\t\t\t\t\t\t\t\t\tsx={{ backgroundColor: '#D3D3D4' }}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t{data.length - 1 !== index && <TimelineConnector />}\n\t\t\t\t\t\t\t\t\t</TimelineSeparator>\n\t\t\t\t\t\t\t\t\t<TimelineContent className='Timeline--Content'>\n\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\ttype='s5'\n\t\t\t\t\t\t\t\t\t\t\tcolor='theme.secondary.800'\n\t\t\t\t\t\t\t\t\t\t\tclassName='Timeline--ActivityLogItem'>\n\t\t\t\t\t\t\t\t\t\t\t<b>{formatText(item.username)}</b> {actions[item.action]}{' '}\n\t\t\t\t\t\t\t\t\t\t\t<b>{formatText(item.resource?.replace('_', ' '))}</b>\n\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\ttype='s5'\n\t\t\t\t\t\t\t\t\t\t\tcolor='theme.secondary.800'\n\t\t\t\t\t\t\t\t\t\t\tclassName='Timeline--ActivityLogItem'>\n\t\t\t\t\t\t\t\t\t\t\t{formatDateTime(item?.created_at)}\n\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t</TimelineContent>\n\t\t\t\t\t\t\t\t</TimelineItem>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</Box>\n\t\t\t\t</Box>\n\t\t\t</Timeline>\n\t\t</Box>\n\t\t// </Box>\n\t);\n};\n\nexport default ActivityTag;\n"],"names":["ActivityTag","props","t","useTranslation","data","actions","view","delete","create","update","jsx","Box","children","Timeline","className","jsxs","sx","display","flexDirection","gap","padding","Typography","type","weight","color","height","overflowY","map","item","index","date","TimelineItem","TimelineSeparator","TimelineDot","backgroundColor","length","TimelineConnector","TimelineContent","formatText","username","action","_a","resource","replace","created_at","dayjs","format"],"mappings":"~~gwBAeO~~,MAAMA,EAAeC,IAC3B,MAAMC,EAAEA,GAAMC,oBACRC,KAAEA,GAASH,EAQXI,EAAU,CACfC,KAAMJ,EAAE,sBACRK,OAAQL,EAAE,uBACVM,OAAQN,EAAE,uBACVO,OAAQP,EAAE;;AAEX,OAECQ,MAACC,EAAAA,~~IAAA~~,CACAC,wBAAAF,EAAAA,IAACG,EAAAA,QAAA,CAASC,UAAU,WACnBF,wBAAAG,EAAAA,KAACJ,EAAAA,~~IAAA~~,CACAK,GAAI,CACHC,QAAS,OACTC,cAAe,SACfC,IAAK,EACLC,QAAS,QAEVN,UAAU,YACVF,SAAA;eAAAF,EAAAA,IAACW,EAAAA,WAAA,CAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,sBAC1CZ,SAAAV,EAAE;eAEJQ,EAAAA,IAACC,EAAAA,~~IAAA~~,CACAK,GAAI,CACHS,OAAQ,IACRC,UAAW,OACXP,IAAK,IACLF,QAAS,OACTC,cAAe,UAEfN,SAAA,MAAAR,OAAA,EAAAA,EAAMuB,IAAI,CAACC,EAAWC,WAnCJC;aAoCjB,MAAA,CAAIhB,UAAU,qBACdF,wBAAAG,EAAAA,KAACgB,EAAAA,QAAA,CACAnB,SAAA;eAAAG,OAACiB,EAAAA,QAAA,CACApB,SAAA;eAAAF,EAAAA,IAACuB,EAAAA,QAAA,CACAT,MAAM,UACNR,GAAI,CAAEkB,gBAAiB,aAEvB9B,EAAK+B,OAAS,IAAMN,wBAAUO,EAAAA,QAAA,CAAA;iBAEhCrB,KAACsB,EAAAA,QAAA,CAAgBvB,UAAU,oBAC1BF,SAAA;eAAAG,EAAAA,KAACM,EAAAA,WAAA,CACAC,KAAK,KACLE,MAAM,sBACNV,UAAU,4BACVF,SAAA;eAAAF,EAAAA,IAAC,IAAA,CAAGE,SAAA0B,EAAAA,QAAWV,EAAKW,YAAc,IAAElC,EAAQuB,EAAKY,QAAS;eAC1D9B,EAAAA,IAAC,KAAGE,SAAA0B,UAAW,OAAAG,EAAAb,EAAKc,eAAL,EAAAD,EAAeE,QAAQ,IAAK;eAE5CjC,EAAAA,IAACW,EAAAA,WAAA,CACAC,KAAK,KACLE,MAAM,sBACNV,UAAU,4BACTF,UAzDakB,EAyDE,MAAAF,OAAA,EAAAA,EAAMgB,WAtDxB,GAFeC,EAAAA,QAAMf,GAAMgB,OAAO,qBACnBD,EAAAA,QAAMf,GAAMgB,OAAO,mBAmChBjB"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/activityLog/activity-log.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box } from '@mui/material';\nimport Timeline from '@mui/lab/Timeline';\nimport TimelineItem from '@mui/lab/TimelineItem';\nimport TimelineSeparator from '@mui/lab/TimelineSeparator';\nimport TimelineConnector from '@mui/lab/TimelineConnector';\nimport TimelineContent from '@mui/lab/TimelineContent';\nimport TimelineDot from '@mui/lab/TimelineDot';\nimport './activity-log.scss';\nimport Typography from '../typography/typography';\nimport dayjs from 'dayjs';\nimport formatText from '../../utils/format-text';\nimport { useTranslation } from 'react-i18next';\n\nexport const ActivityTag = (props: any) => {\n\tconst { t } = useTranslation();\n\tconst { data } = props;\n\n\tconst formatDateTime = (date: Date): string => {\n\t\tconst formattedDate = dayjs(date).format('DD MMM, YYYY');\n\t\tconst formattedTime = dayjs(date).format('HH:mm');\n\t\treturn `${formattedDate} • ${formattedTime}`;\n\t};\n\n\tconst actions = {\n\t\tview: t('common.viewed_text'),\n\t\tdelete: t('common.deleted_text'),\n\t\tcreate: t('common.created_text'),\n\t\tupdate: t('common.updated_text')\n\t};\n\treturn (\n\t\t// <Box position='relative'>\n\t\t<Box>\n\t\t\t<Timeline className='Timeline'>\n\t\t\t\t<Box\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\tgap: 2,\n\t\t\t\t\t\tpadding: '16px'\n\t\t\t\t\t}}\n\t\t\t\t\tclassName='box-class'>\n\t\t\t\t\t<Typography type='s3' weight='medium' color='theme.secondary.800'>\n\t\t\t\t\t\t{t('common.activities_label')}\n\t\t\t\t\t</Typography>\n\t\t\t\t\t<Box\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\theight: 400,\n\t\t\t\t\t\t\toverflowY: 'auto',\n\t\t\t\t\t\t\tgap: 1.5,\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column'\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t{data?.map((item: any, index: number) => (\n\t\t\t\t\t\t\t<div className='Timeline--Activity'>\n\t\t\t\t\t\t\t\t<TimelineItem key={index}>\n\t\t\t\t\t\t\t\t\t<TimelineSeparator>\n\t\t\t\t\t\t\t\t\t\t<TimelineDot\n\t\t\t\t\t\t\t\t\t\t\tcolor='primary'\n\t\t\t\t\t\t\t\t\t\t\tsx={{ backgroundColor: '#D3D3D4' }}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t{data.length - 1 !== index && <TimelineConnector />}\n\t\t\t\t\t\t\t\t\t</TimelineSeparator>\n\t\t\t\t\t\t\t\t\t<TimelineContent className='Timeline--Content'>\n\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\ttype='s5'\n\t\t\t\t\t\t\t\t\t\t\tcolor='theme.secondary.800'\n\t\t\t\t\t\t\t\t\t\t\tclassName='Timeline--ActivityLogItem'>\n\t\t\t\t\t\t\t\t\t\t\t<b>{formatText(item.username)}</b> {actions[item.action]}{' '}\n\t\t\t\t\t\t\t\t\t\t\t<b>{formatText(item.resource?.replace('_', ' '))}</b>\n\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\ttype='s5'\n\t\t\t\t\t\t\t\t\t\t\tcolor='theme.secondary.800'\n\t\t\t\t\t\t\t\t\t\t\tclassName='Timeline--ActivityLogItem'>\n\t\t\t\t\t\t\t\t\t\t\t{formatDateTime(item?.created_at)}\n\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t</TimelineContent>\n\t\t\t\t\t\t\t\t</TimelineItem>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</Box>\n\t\t\t\t</Box>\n\t\t\t</Timeline>\n\t\t</Box>\n\t\t// </Box>\n\t);\n};\n\nexport default ActivityTag;\n"],"names":["ActivityTag","props","t","useTranslation","data","actions","view","delete","create","update","jsx","Box","children","Timeline","className","jsxs","sx","display","flexDirection","gap","padding","Typography","type","weight","color","height","overflowY","map","item","index","date","TimelineItem","TimelineSeparator","TimelineDot","backgroundColor","length","TimelineConnector","TimelineContent","formatText","username","action","_a","resource","replace","created_at","dayjs","format"],"mappings":"m7BAeO,MAAMA,EAAeC,IAC3B,MAAMC,EAAEA,GAAMC,oBACRC,KAAEA,GAASH,EAQXI,EAAU,CACfC,KAAMJ,EAAE,sBACRK,OAAQL,EAAE,uBACVM,OAAQN,EAAE,uBACVO,OAAQP,EAAE;;AAEX,OAECQ,MAACC,EAAAA,QAAA,CACAC,wBAAAF,EAAAA,IAACG,EAAAA,QAAA,CAASC,UAAU,WACnBF,wBAAAG,EAAAA,KAACJ,EAAAA,QAAA,CACAK,GAAI,CACHC,QAAS,OACTC,cAAe,SACfC,IAAK,EACLC,QAAS,QAEVN,UAAU,YACVF,SAAA;eAAAF,EAAAA,IAACW,EAAAA,WAAA,CAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,sBAC1CZ,SAAAV,EAAE;eAEJQ,EAAAA,IAACC,EAAAA,QAAA,CACAK,GAAI,CACHS,OAAQ,IACRC,UAAW,OACXP,IAAK,IACLF,QAAS,OACTC,cAAe,UAEfN,SAAA,MAAAR,OAAA,EAAAA,EAAMuB,IAAI,CAACC,EAAWC,WAnCJC;aAoCjB,MAAA,CAAIhB,UAAU,qBACdF,wBAAAG,EAAAA,KAACgB,EAAAA,QAAA,CACAnB,SAAA;eAAAG,OAACiB,EAAAA,QAAA,CACApB,SAAA;eAAAF,EAAAA,IAACuB,EAAAA,QAAA,CACAT,MAAM,UACNR,GAAI,CAAEkB,gBAAiB,aAEvB9B,EAAK+B,OAAS,IAAMN,wBAAUO,EAAAA,QAAA,CAAA;iBAEhCrB,KAACsB,EAAAA,QAAA,CAAgBvB,UAAU,oBAC1BF,SAAA;eAAAG,EAAAA,KAACM,EAAAA,WAAA,CACAC,KAAK,KACLE,MAAM,sBACNV,UAAU,4BACVF,SAAA;eAAAF,EAAAA,IAAC,IAAA,CAAGE,SAAA0B,EAAAA,QAAWV,EAAKW,YAAc,IAAElC,EAAQuB,EAAKY,QAAS;eAC1D9B,EAAAA,IAAC,KAAGE,SAAA0B,UAAW,OAAAG,EAAAb,EAAKc,eAAL,EAAAD,EAAeE,QAAQ,IAAK;eAE5CjC,EAAAA,IAACW,EAAAA,WAAA,CACAC,KAAK,KACLE,MAAM,sBACNV,UAAU,4BACTF,UAzDakB,EAyDE,MAAAF,OAAA,EAAAA,EAAMgB,WAtDxB,GAFeC,EAAAA,QAAMf,GAAMgB,OAAO,qBACnBD,EAAAA,QAAMf,GAAMgB,OAAO,mBAmChBjB"}

package/dist/components/alert/alert/index.esm.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { styled, Alert as Alert$1 } from "@mui/material";
+import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
+import Alert$1 from "../../../node_modules/@mui/material/Alert/Alert/index.esm.js";
 const StyledAlert = styled(Alert$1)(({ theme: { palette } }) => {
   var _a, _b, _c, _d, _e, _f, _g;
   return {

package/dist/components/alert/alert/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/alert/alert.tsx"],"sourcesContent":["import { AlertProps, Alert as MUIAlert, styled } from \"@mui/material\";\n\nconst StyledAlert = styled(MUIAlert)(({ theme: { palette } }) => ({\n \"&.MuiAlert-root\": {\n fontSize: \"0.75rem\",\n fontWeight: \"500\",\n letterSpacing: \"-0.24px\",\n padding: \"0rem 0.75rem\",\n },\n \"&.MuiAlert-standardInfo\": {\n color: palette.theme?.secondary[900],\n backgroundColor: palette.theme?.secondary[200],\n },\n \"&.MuiAlert-standardSuccess\": {\n color: palette.theme?.primary[900],\n backgroundColor: palette.theme?.primary[100],\n },\n \"&.MuiAlert-standardError\": {\n color: palette.theme?.tertiary6[900],\n backgroundColor: palette.theme?.tertiary6[100],\n \"& .MuiAlert-icon\" : {\n color: palette.theme?.tertiary6[900],\n }\n },\n\n \".MuiAlert-action\": {\n svg: {\n fontSize: \"1rem\",\n },\n },\n}));\n\nconst Alert = (props: AlertProps) => {\n const { children, icon = false, ...rest } = props;\n\n return (\n <StyledAlert icon={icon} {...rest}>\n {children}\n </StyledAlert>\n );\n};\n\nexport default Alert;\n"],"names":["MUIAlert"],"mappings":";;AAEA,MAAM,cAAc,OAAOA,OAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IAChE,mBAAmB;AAAA,MACjB,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,IAEX,2BAA2B;AAAA,MACzB,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAChC,kBAAiB,aAAQ,UAAR,mBAAe,UAAU;AAAA,IAAG;AAAA,IAE/C,8BAA8B;AAAA,MAC5B,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,MAC9B,kBAAiB,aAAQ,UAAR,mBAAe,QAAQ;AAAA,IAAG;AAAA,IAE7C,4BAA4B;AAAA,MAC1B,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAChC,kBAAiB,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAC1C,oBAAqB;AAAA,QACnB,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAAG;AAAA,IACrC;AAAA,IAGF,oBAAoB;AAAA,MAClB,KAAK;AAAA,QACH,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,EAEJ;AAAA,CAAE;AAEF,MAAM,QAAQ,CAAC,UAAsB;AACnC,QAAM,EAAE,UAAU,OAAO,OAAO,GAAG,SAAS;AAE5C,SACE,oBAAC,aAAA,EAAY,MAAa,GAAG,MAC1B,UACH;AAEJ;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/alert/alert.tsx"],"sourcesContent":["import { AlertProps, Alert as MUIAlert, styled } from \"@mui/material\";\n\nconst StyledAlert = styled(MUIAlert)(({ theme: { palette } }) => ({\n \"&.MuiAlert-root\": {\n fontSize: \"0.75rem\",\n fontWeight: \"500\",\n letterSpacing: \"-0.24px\",\n padding: \"0rem 0.75rem\",\n },\n \"&.MuiAlert-standardInfo\": {\n color: palette.theme?.secondary[900],\n backgroundColor: palette.theme?.secondary[200],\n },\n \"&.MuiAlert-standardSuccess\": {\n color: palette.theme?.primary[900],\n backgroundColor: palette.theme?.primary[100],\n },\n \"&.MuiAlert-standardError\": {\n color: palette.theme?.tertiary6[900],\n backgroundColor: palette.theme?.tertiary6[100],\n \"& .MuiAlert-icon\" : {\n color: palette.theme?.tertiary6[900],\n }\n },\n\n \".MuiAlert-action\": {\n svg: {\n fontSize: \"1rem\",\n },\n },\n}));\n\nconst Alert = (props: AlertProps) => {\n const { children, icon = false, ...rest } = props;\n\n return (\n <StyledAlert icon={icon} {...rest}>\n {children}\n </StyledAlert>\n );\n};\n\nexport default Alert;\n"],"names":["MUIAlert"],"mappings":";;;AAEA,MAAM,cAAc,OAAOA,OAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IAChE,mBAAmB;AAAA,MACjB,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,IAEX,2BAA2B;AAAA,MACzB,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAChC,kBAAiB,aAAQ,UAAR,mBAAe,UAAU;AAAA,IAAG;AAAA,IAE/C,8BAA8B;AAAA,MAC5B,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,MAC9B,kBAAiB,aAAQ,UAAR,mBAAe,QAAQ;AAAA,IAAG;AAAA,IAE7C,4BAA4B;AAAA,MAC1B,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAChC,kBAAiB,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAC1C,oBAAqB;AAAA,QACnB,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAAG;AAAA,IACrC;AAAA,IAGF,oBAAoB;AAAA,MAClB,KAAK;AAAA,QACH,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,EAEJ;AAAA,CAAE;AAEF,MAAM,QAAQ,CAAC,UAAsB;AACnC,QAAM,EAAE,UAAU,OAAO,OAAO,GAAG,SAAS;AAE5C,SACE,oBAAC,aAAA,EAAY,MAAa,GAAG,MAC1B,UACH;AAEJ;"}

package/dist/components/alert/alert/index.js CHANGED Viewed

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material");const t=r.styled(r.Alert)(({theme:{palette:e}})=>{var r,t,o,l,i,n,a;return{"&.MuiAlert-root":{fontSize:"0.75rem",fontWeight:"500",letterSpacing:"-0.24px",padding:"0rem 0.75rem"},"&.MuiAlert-standardInfo":{color:null==(r=e.theme)?void 0:r.secondary[900],backgroundColor:null==(t=e.theme)?void 0:t.secondary[200]},"&.MuiAlert-standardSuccess":{color:null==(o=e.theme)?void 0:o.primary[900],backgroundColor:null==(l=e.theme)?void 0:l.primary[100]},"&.MuiAlert-standardError":{color:null==(i=e.theme)?void 0:i.tertiary6[900],backgroundColor:null==(n=e.theme)?void 0:n.tertiary6[100],"& .MuiAlert-icon":{color:null==(a=e.theme)?void 0:a.tertiary6[900]}},".MuiAlert-action":{svg:{fontSize:"1rem"}}}});exports.default=r=>{const{children:o,icon:l=!1,...i}=r;/* @__PURE__ */
-return e.jsx(t,{icon:l,...i,children:o})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../node_modules/@mui/material/styles/styled/index.js"),t=require("../../../node_modules/@mui/material/Alert/Alert/index.js");const o=r.default(t.default)(({theme:{palette:e}})=>{var r,t,o,l,i,n,d;return{"&.MuiAlert-root":{fontSize:"0.75rem",fontWeight:"500",letterSpacing:"-0.24px",padding:"0rem 0.75rem"},"&.MuiAlert-standardInfo":{color:null==(r=e.theme)?void 0:r.secondary[900],backgroundColor:null==(t=e.theme)?void 0:t.secondary[200]},"&.MuiAlert-standardSuccess":{color:null==(o=e.theme)?void 0:o.primary[900],backgroundColor:null==(l=e.theme)?void 0:l.primary[100]},"&.MuiAlert-standardError":{color:null==(i=e.theme)?void 0:i.tertiary6[900],backgroundColor:null==(n=e.theme)?void 0:n.tertiary6[100],"& .MuiAlert-icon":{color:null==(d=e.theme)?void 0:d.tertiary6[900]}},".MuiAlert-action":{svg:{fontSize:"1rem"}}}});exports.default=r=>{const{children:t,icon:l=!1,...i}=r;/* @__PURE__ */
+return e.jsx(o,{icon:l,...i,children:t})};
 //# sourceMappingURL=index.js.map

package/dist/components/alert/alert/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/alert/alert.tsx"],"sourcesContent":["import { AlertProps, Alert as MUIAlert, styled } from \"@mui/material\";\n\nconst StyledAlert = styled(MUIAlert)(({ theme: { palette } }) => ({\n \"&.MuiAlert-root\": {\n fontSize: \"0.75rem\",\n fontWeight: \"500\",\n letterSpacing: \"-0.24px\",\n padding: \"0rem 0.75rem\",\n },\n \"&.MuiAlert-standardInfo\": {\n color: palette.theme?.secondary[900],\n backgroundColor: palette.theme?.secondary[200],\n },\n \"&.MuiAlert-standardSuccess\": {\n color: palette.theme?.primary[900],\n backgroundColor: palette.theme?.primary[100],\n },\n \"&.MuiAlert-standardError\": {\n color: palette.theme?.tertiary6[900],\n backgroundColor: palette.theme?.tertiary6[100],\n \"& .MuiAlert-icon\" : {\n color: palette.theme?.tertiary6[900],\n }\n },\n\n \".MuiAlert-action\": {\n svg: {\n fontSize: \"1rem\",\n },\n },\n}));\n\nconst Alert = (props: AlertProps) => {\n const { children, icon = false, ...rest } = props;\n\n return (\n <StyledAlert icon={icon} {...rest}>\n {children}\n </StyledAlert>\n );\n};\n\nexport default Alert;\n"],"names":["StyledAlert","styled","MUIAlert","theme","palette","fontSize","fontWeight","letterSpacing","padding","color","_a","secondary","backgroundColor","_b","_c","primary","_d","_e","tertiary6","_f","_g","svg","props","children","icon","rest","jsx"],"mappings":"~~kIAEA~~,MAAMA,EAAcC,EAAAA,~~OAAOC~~,~~QAAPD~~,CAAiB,EAAGE,OAASC,iCAAiB,MAAA,CAChE,kBAAmB,CACjBC,SAAU,UACVC,WAAY,MACZC,cAAe,UACfC,QAAS,gBAEX,0BAA2B,CACzBC,MAAO,OAAAC,EAAAN,EAAQD,YAAR,EAAAO,EAAeC,UAAU,KAChCC,gBAAiB,OAAAC,EAAAT,EAAQD,YAAR,EAAAU,EAAeF,UAAU,MAE5C,6BAA8B,CAC5BF,MAAO,OAAAK,EAAAV,EAAQD,YAAR,EAAAW,EAAeC,QAAQ,KAC9BH,gBAAiB,OAAAI,EAAAZ,EAAQD,YAAR,EAAAa,EAAeD,QAAQ,MAE1C,2BAA4B,CAC1BN,MAAO,OAAAQ,EAAAb,EAAQD,YAAR,EAAAc,EAAeC,UAAU,KAChCN,gBAAiB,OAAAO,EAAAf,EAAQD,YAAR,EAAAgB,EAAeD,UAAU,KAC1C,mBAAqB,CACnBT,MAAO,OAAAW,EAAAhB,EAAQD,YAAR,EAAAiB,EAAeF,UAAU,OAIpC,mBAAoB,CAClBG,IAAK,CACHhB,SAAU,4BAKDiB,IACb,MAAMC,SAAEA,EAAAC,KAAUA,GAAO,KAAUC,GAASH;AAE5C,OACEI,EAAAA,IAAC1B,EAAA,CAAYwB,UAAgBC,EAC1BF"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/alert/alert.tsx"],"sourcesContent":["import { AlertProps, Alert as MUIAlert, styled } from \"@mui/material\";\n\nconst StyledAlert = styled(MUIAlert)(({ theme: { palette } }) => ({\n \"&.MuiAlert-root\": {\n fontSize: \"0.75rem\",\n fontWeight: \"500\",\n letterSpacing: \"-0.24px\",\n padding: \"0rem 0.75rem\",\n },\n \"&.MuiAlert-standardInfo\": {\n color: palette.theme?.secondary[900],\n backgroundColor: palette.theme?.secondary[200],\n },\n \"&.MuiAlert-standardSuccess\": {\n color: palette.theme?.primary[900],\n backgroundColor: palette.theme?.primary[100],\n },\n \"&.MuiAlert-standardError\": {\n color: palette.theme?.tertiary6[900],\n backgroundColor: palette.theme?.tertiary6[100],\n \"& .MuiAlert-icon\" : {\n color: palette.theme?.tertiary6[900],\n }\n },\n\n \".MuiAlert-action\": {\n svg: {\n fontSize: \"1rem\",\n },\n },\n}));\n\nconst Alert = (props: AlertProps) => {\n const { children, icon = false, ...rest } = props;\n\n return (\n <StyledAlert icon={icon} {...rest}>\n {children}\n </StyledAlert>\n );\n};\n\nexport default Alert;\n"],"names":["StyledAlert","styled","MUIAlert","theme","palette","fontSize","fontWeight","letterSpacing","padding","color","_a","secondary","backgroundColor","_b","_c","primary","_d","_e","tertiary6","_f","_g","svg","props","children","icon","rest","jsx"],"mappings":"qPAEA,MAAMA,EAAcC,EAAAA,QAAOC,UAAPD,CAAiB,EAAGE,OAASC,iCAAiB,MAAA,CAChE,kBAAmB,CACjBC,SAAU,UACVC,WAAY,MACZC,cAAe,UACfC,QAAS,gBAEX,0BAA2B,CACzBC,MAAO,OAAAC,EAAAN,EAAQD,YAAR,EAAAO,EAAeC,UAAU,KAChCC,gBAAiB,OAAAC,EAAAT,EAAQD,YAAR,EAAAU,EAAeF,UAAU,MAE5C,6BAA8B,CAC5BF,MAAO,OAAAK,EAAAV,EAAQD,YAAR,EAAAW,EAAeC,QAAQ,KAC9BH,gBAAiB,OAAAI,EAAAZ,EAAQD,YAAR,EAAAa,EAAeD,QAAQ,MAE1C,2BAA4B,CAC1BN,MAAO,OAAAQ,EAAAb,EAAQD,YAAR,EAAAc,EAAeC,UAAU,KAChCN,gBAAiB,OAAAO,EAAAf,EAAQD,YAAR,EAAAgB,EAAeD,UAAU,KAC1C,mBAAqB,CACnBT,MAAO,OAAAW,EAAAhB,EAAQD,YAAR,EAAAiB,EAAeF,UAAU,OAIpC,mBAAoB,CAClBG,IAAK,CACHhB,SAAU,4BAKDiB,IACb,MAAMC,SAAEA,EAAAC,KAAUA,GAAO,KAAUC,GAASH;AAE5C,OACEI,EAAAA,IAAC1B,EAAA,CAAYwB,UAAgBC,EAC1BF"}