@erpsquad/common 1.11.5 → 1.11.6

package/dist/chunks/{page-navigator-DdRsmtLy.js.map → page-navigator-Cgbh3tTG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"page-navigator-DdRsmtLy.js","sources":["../../src/components/page-navigator/page-navigator.tsx"],"sourcesContent":["/* eslint-disable no-mixed-spaces-and-tabs */\nimport { useCallback, useEffect, useState } from 'react';\nimport {\n\tTabs,\n\tTab as MUITab,\n\tstyled,\n\tIconButton,\n\tMenuItem,\n\tDivider,\n\tBox,\n\tCircularProgress\n} from '@mui/material';\nimport MenuIcon from '@mui/icons-material/Menu';\nimport KeyboardArrowDown from '@mui/icons-material/KeyboardArrowDown';\nimport Typography from '../typography/typography';\nimport Menu from '../menu/menu';\nimport AddPage from './components/add-page';\nimport PageAction from './components/page-action';\nimport Tooltip from '../tooltip/Tooltip';\nimport { IPage } from '../../@types/page';\nimport { defaultPageState } from '@erpsquad/common/runtime';\nimport { usePages } from '@erpsquad/common/runtime';\nimport Button from '../button/button';\nimport _ from 'lodash';\nimport { Save, Share } from '@mui/icons-material';\nimport './page-navigator.scss';\nimport React from 'react';\n\nconst StyledTabs = styled(Tabs)(() => ({\n\tminHeight: 'fit-content',\n\n\t'.MuiTabs-indicator': {\n\t\theight: '0px !important'\n\t},\n\t'& .MuiTabs-flexContainer': {\n\t\tgap: '4px'\n\t}\n}));\n\nconst StyledTab = styled(MUITab)(({ theme: { palette } }) => ({\n\tminHeight: '2rem',\n\ttextTransform: 'none',\n\tpadding: '0rem 1rem',\n\tminWidth: 'fit-content',\n\tborderRadius: 4,\n\t'&.Mui-selected': {\n\t\tbackground: palette.theme?.primary[100],\n\t\tcolor: palette.theme?.primary[700],\n\t\tborderTop: `2px solid ${palette.theme?.primary[700]}`\n\t},\n\t'.MuiIconButton-root': {\n\t\tpadding: '0rem'\n\t},\n\t\"&:hover\": {\n\t\tbackground: palette.theme?.primary[100]\n\t}\n}));\n\nconst title = `successfully created, complete with your saved filters, sorting options, and views.`;\n\nexport interface IPageNavigator {\n\tpages: IPage[];\n\tsetPages: React.Dispatch<React.SetStateAction<IPage[]>>;\n\tcurrentPage: string | number;\n\tsetCurrentPage: React.Dispatch<React.SetStateAction<number>>;\n\tsharedPages: any;\n\tresource: string;\n\thandlePageDelete: (pages: any[]) => void;\n\tisPageSaving?: boolean;\n}\n\nexport const PageNavigator = ({\n\t// sharedPages,\n\tresource,\n\t// handlePageDelete\n}: IPageNavigator) => {\n\tconst { pages, setPages, setActivePage, activePage, savePages, setIsChanged, isSaving, generatedColumns, sharedPages, isChanged, deletePage, isCreatePage, setIsCreatePage, addOrDeletePage } = usePages();\n\tconst shareTitle = (owner) => `shared by ${owner}`;\n\tconst [isActionsMenuOpen, setIsActionsMenuOpen] =\n\t\tuseState<null | HTMLElement>(null);\n\tconst [page, setPage] = useState<IPage>();\n\n\tconst [isAllPagesMenuOpen, setIsAllPagesMenuOpen] =\n\t\tuseState<null | HTMLElement>(null);\n\n\tconst handleChangePage = (_: React.SyntheticEvent, newValue: number) => {\n\t\tconst pg = pages.find((p) => p?._id == newValue);\n\t\tsetActivePage(pg);\n\t};\n\n\tconst handleOpenActionsMenu = (\n\t\tevent: React.MouseEvent<HTMLButtonElement>,\n\t\tclickedPage: IPage\n\t) => {\n\t\tevent.stopPropagation();\n\t\tsetPage(clickedPage);\n\t\tsetIsActionsMenuOpen(event.currentTarget);\n\t};\n\tconst handleCloseActionsMenu = () => setIsActionsMenuOpen(null);\n\n\tconst handleOpenAllPagesMenu = (\n\t\tevent: React.MouseEvent<HTMLButtonElement>\n\t) => {\n\t\tevent.stopPropagation();\n\t\tsetIsAllPagesMenuOpen(event.currentTarget);\n\t};\n\tconst handleCloseAllPagesMenu = () => setIsAllPagesMenuOpen(null);\n\n\tconst handleChangePageFromMenu = (val: number) => {\n\t\tsetActivePage(val);\n\t\thandleCloseAllPagesMenu();\n\t};\n\n\tconst handleAddPage = (newPage: IPage) => {\n\t\tconst nPage = {\n\t\t\t...defaultPageState,\n\t\t\t...newPage,\n\t\t\tname: newPage.name,\n\t\t\tvisible_columns: generatedColumns.columns,\n\t\t\tcolumn_order: _.uniq(generatedColumns.orderKeys),\n\t\t\t_id: pages.length + 1,\n\t\t\tactive_view: 'Table',\n\t\t\tviews: [{\n\t\t\t\tlabel: 'Table',\n\t\t\t\tposition: 0\n\t\t\t}]\n\t\t};\n\t\tconst updatedPages: any = [\n\t\t\t...pages,\n\t\t\t...[nPage]\n\t\t];\n\t\tsetActivePage({ ...nPage });\n\t\tsetPages([...updatedPages]);\n\t\tsetIsCreatePage(true)\n\n\t};\n\n\tconst handlePageDeleteFunction = (pages: any[]) => {\n\n\t\tdeletePage(pages)\n\t}\n\n\n\tconst handleAddOrdeletePage = useCallback(async () => {\n\t\tif (isCreatePage) {\n\t\t\tconst res = await addOrDeletePage();\n\t\t\tif (res?.status_code === 200) {\n\t\t\t\tsetPages(res?.data?.pages);\n\t\t\t\tsetIsChanged(false)\n\t\t\t}\n\t\t}\n\t\tsetTimeout(() => {\n\t\t\tsetIsCreatePage(false);\n\n\t\t}, 2000)\n\t\t//eslint-disable-next-line\n\t}, [isCreatePage])\n\n\tuseEffect(() => {\n\t\thandleAddOrdeletePage()\n\t\t//eslint-disable-next-line\n\t}, [handleAddOrdeletePage])\n\n\treturn (\n\t\t<Box display=\"flex\" gap={2} alignItems={'center'} className='page-navigator-container'>\n\t\t\t<Box\n\t\t\t\tdisplay={'flex'}\n\t\t\t\tclassName='page-navigator'\n\t\t\t\tsx={{ display: 'flex', opacity: isSaving ? 0.5 : 1 }}>\n\t\t\t\t<IconButton\n\t\t\t\t\t// size='small'\n\t\t\t\t\tonClick={handleOpenAllPagesMenu}\n\t\t\t\t\tdisabled={isSaving}>\n\t\t\t\t\t<MenuIcon fontSize='small' />\n\t\t\t\t</IconButton>\n\t\t\t\t<StyledTabs\n\t\t\t\t\tvalue={activePage?._id}\n\t\t\t\t\tvariant='scrollable'\n\t\t\t\t\tonChange={handleChangePage}\n\t\t\t\t\taria-label='basic tabs example'>\n\t\t\t\t\t{pages?.map((page) => (\n\t\t\t\t\t\t<StyledTab\n\t\t\t\t\t\t\ticonPosition='end'\n\t\t\t\t\t\t\tdisableRipple\n\t\t\t\t\t\t\tkey={page}\n\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tsize='small'\n\t\t\t\t\t\t\t\t\tedge='end'\n\t\t\t\t\t\t\t\t\tonClick={(e) => handleOpenActionsMenu(e, page)}\n\t\t\t\t\t\t\t\t\tdisabled={isSaving}>\n\t\t\t\t\t\t\t\t\t<KeyboardArrowDown fontSize='small' color={activePage?._id === page?._id ? 'primary' : undefined} />\n\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\t\ttitle={`The '${page.name}' page has been  ${page?.isShared ? shareTitle(page?.owner) : title}`}\n\t\t\t\t\t\t\t\t\tkey={page._id}\n\t\t\t\t\t\t\t\t\tplacement='top'\n\t\t\t\t\t\t\t\t\tarrow>\n\t\t\t\t\t\t\t\t\t<Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n\t\t\t\t\t\t\t\t\t\t{page?.isShared && <Share sx={{ fontSize: '20px', color: '#4AC08C' }} />}\n\t\t\t\t\t\t\t\t\t\t<span>{page.name}</span>\n\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={page?._id}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</StyledTabs>\n\n\t\t\t\t<Divider\n\t\t\t\t\torientation='vertical'\n\t\t\t\t\tvariant='middle'\n\t\t\t\t\tflexItem\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tml: 2,\n\t\t\t\t\t\tborderWidth: '1px'\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<Box display=\"flex\" alignItems={'center'}>\n\t\t\t\t\t<AddPage\n\t\t\t\t\t\tpages={pages}\n\t\t\t\t\t\thandleAddPage={handleAddPage}\n\t\t\t\t\t\tsharedPages={sharedPages}\n\t\t\t\t\t/>\n\t\t\t\t</Box>\n\n\t\t\t\t<PageAction\n\t\t\t\t\topen={isActionsMenuOpen}\n\t\t\t\t\tonClose={handleCloseActionsMenu}\n\t\t\t\t\tpage={page}\n\t\t\t\t\tsetPages={setPages}\n\t\t\t\t\tsetCurrentPage={setActivePage}\n\t\t\t\t\tpages={pages}\n\t\t\t\t\tresource={resource}\n\t\t\t\t\thandlePageDelete={handlePageDeleteFunction}\n\t\t\t\t/>\n\n\t\t\t\t<Menu\n\t\t\t\t\topen={Boolean(isAllPagesMenuOpen)}\n\t\t\t\t\tanchorEl={isAllPagesMenuOpen}\n\t\t\t\t\tonClose={handleCloseAllPagesMenu}>\n\t\t\t\t\t{pages?.map((page) => (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tselected={page._id === activePage?._id}\n\t\t\t\t\t\t\tkey={page._id}\n\t\t\t\t\t\t\tonClick={() => handleChangePageFromMenu(page)}>\n\t\t\t\t\t\t\t<Typography color='theme.secondary.1000' type='s4'>\n\t\t\t\t\t\t\t\t{page.name}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t))}\n\t\t\t\t</Menu>\n\t\t\t</Box>\n\t\t\t<Box display=\"flex\" alignItems={'center'}>\n\t\t\t\t<Button\n\t\t\t\t\tsize='small'\n\t\t\t\t\tvariant='contained'\n\t\t\t\t\tonClick={() => savePages()}\n\t\t\t\t\t// sx={{fontWeight:600, marginBottom:'2px',px:3}}\n\t\t\t\t\tendIcon={\n\t\t\t\t\t\tisSaving ? <CircularProgress size={15} color='inherit' /> : <Save fontSize='small' />\n\t\t\t\t\t}\n\t\t\t\t\tdisabled={!isChanged || isSaving}>\n\t\t\t\t\tSave\n\t\t\t\t</Button>\n\t\t\t</Box>\n\t\t</Box>\n\t);\n};\n\nexport default PageNavigator;\n"],"names":["styled","Tabs","MUITab","usePages","useState","_","defaultPageState","pages","useCallback","useEffect","jsxs","Box","jsx","IconButton","page","KeyboardArrowDown","Tooltip","Share","Divider","AddPage","PageAction","Menu","MenuItem","Typography","Button","CircularProgress","Save"],"mappings":";;;;;;;;;;;;;;;;AA4BA,MAAM,aAAaA,SAAAA,OAAOC,SAAAA,IAAI,EAAE,OAAO;AAAA,EACtC,WAAW;AAAA,EAEX,sBAAsB;AAAA,IACrB,QAAQ;AAAA,EAAA;AAAA,EAET,4BAA4B;AAAA,IAC3B,KAAK;AAAA,EAAA;AAEP,EAAE;AAEF,MAAM,YAAYD,SAAAA,OAAOE,YAAM,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IAC7D,WAAW;AAAA,IACX,eAAe;AAAA,IACf,SAAS;AAAA,IACT,UAAU;AAAA,IACV,cAAc;AAAA,IACd,kBAAkB;AAAA,MACjB,aAAY,aAAQ,UAAR,mBAAe,QAAQ;AAAA,MACnC,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,MAC9B,WAAW,cAAa,aAAQ,UAAR,mBAAe,QAAQ,IAAI;AAAA,IAAA;AAAA,IAEpD,uBAAuB;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA,IAEV,WAAW;AAAA,MACV,aAAY,aAAQ,UAAR,mBAAe,QAAQ;AAAA,IAAG;AAAA,EAExC;AAAA,CAAE;AAEF,MAAM,QAAQ;AAaP,MAAM,gBAAgB,CAAC;AAAA;AAAA,EAE7B;AAAA;AAED,MAAsB;AACrB,QAAM,EAAE,OAAO,UAAU,eAAe,YAAY,WAAW,cAAc,UAAU,kBAAkB,aAAa,WAAW,YAAY,cAAc,iBAAiB,gBAAA,IAAoBC,iBAAA;AAChM,QAAM,aAAa,CAAC,UAAU,aAAa,KAAK;AAChD,QAAM,CAAC,mBAAmB,oBAAoB,IAC7CC,MAAAA,SAA6B,IAAI;AAClC,QAAM,CAAC,MAAM,OAAO,IAAIA,eAAA;AAExB,QAAM,CAAC,oBAAoB,qBAAqB,IAC/CA,MAAAA,SAA6B,IAAI;AAElC,QAAM,mBAAmB,CAACC,IAAyB,aAAqB;AACvE,UAAM,KAAK,MAAM,KAAK,CAAC,OAAM,uBAAG,QAAO,QAAQ;AAC/C,kBAAc,EAAE;AAAA,EACjB;AAEA,QAAM,wBAAwB,CAC7B,OACA,gBACI;AACJ,UAAM,gBAAA;AACN,YAAQ,WAAW;AACnB,yBAAqB,MAAM,aAAa;AAAA,EACzC;AACA,QAAM,yBAAyB,MAAM,qBAAqB,IAAI;AAE9D,QAAM,yBAAyB,CAC9B,UACI;AACJ,UAAM,gBAAA;AACN,0BAAsB,MAAM,aAAa;AAAA,EAC1C;AACA,QAAM,0BAA0B,MAAM,sBAAsB,IAAI;AAEhE,QAAM,2BAA2B,CAAC,QAAgB;AACjD,kBAAc,GAAG;AACjB,4BAAA;AAAA,EACD;AAEA,QAAM,gBAAgB,CAAC,YAAmB;AACzC,UAAM,QAAQ;AAAA,MACb,GAAGC,QAAAA;AAAAA,MACH,GAAG;AAAA,MACH,MAAM,QAAQ;AAAA,MACd,iBAAiB,iBAAiB;AAAA,MAClC,cAAc,EAAE,KAAK,iBAAiB,SAAS;AAAA,MAC/C,KAAK,MAAM,SAAS;AAAA,MACpB,aAAa;AAAA,MACb,OAAO,CAAC;AAAA,QACP,OAAO;AAAA,QACP,UAAU;AAAA,MAAA,CACV;AAAA,IAAA;AAEF,UAAM,eAAoB;AAAA,MACzB,GAAG;AAAA,MACH,GAAG,CAAC,KAAK;AAAA,IAAA;AAEV,kBAAc,EAAE,GAAG,OAAO;AAC1B,aAAS,CAAC,GAAG,YAAY,CAAC;AAC1B,oBAAgB,IAAI;AAAA,EAErB;AAEA,QAAM,2BAA2B,CAACC,WAAiB;AAElD,eAAWA,MAAK;AAAA,EACjB;AAGA,QAAM,wBAAwBC,MAAAA,YAAY,YAAY;;AACrD,QAAI,cAAc;AACjB,YAAM,MAAM,MAAM,gBAAA;AAClB,WAAI,2BAAK,iBAAgB,KAAK;AAC7B,kBAAS,gCAAK,SAAL,mBAAW,KAAK;AACzB,qBAAa,KAAK;AAAA,MACnB;AAAA,IACD;AACA,eAAW,MAAM;AAChB,sBAAgB,KAAK;AAAA,IAEtB,GAAG,GAAI;AAAA,EAER,GAAG,CAAC,YAAY,CAAC;AAEjBC,QAAAA,UAAU,MAAM;AACf,0BAAA;AAAA,EAED,GAAG,CAAC,qBAAqB,CAAC;AAE1B,SACCC,gCAACC,SAAAA,OAAI,SAAQ,QAAO,KAAK,GAAG,YAAY,UAAU,WAAU,4BAC3D,UAAA;AAAA,IAAAD,2BAAAA;AAAAA,MAACC,SAAAA;AAAAA,MAAA;AAAA,QACA,SAAS;AAAA,QACT,WAAU;AAAA,QACV,IAAI,EAAE,SAAS,QAAQ,SAAS,WAAW,MAAM,EAAA;AAAA,QACjD,UAAA;AAAA,UAAAC,2BAAAA;AAAAA,YAACC,SAAAA;AAAAA,YAAA;AAAA,cAEA,SAAS;AAAA,cACT,UAAU;AAAA,cACV,UAAAD,2BAAAA,IAAC,UAAA,EAAS,UAAS,QAAA,CAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,UAE5BA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACA,OAAO,yCAAY;AAAA,cACnB,SAAQ;AAAA,cACR,UAAU;AAAA,cACV,cAAW;AAAA,cACV,UAAA,+BAAO,IAAI,CAACE,UACZF,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACA,cAAa;AAAA,kBACb,eAAa;AAAA,kBAEb,MACCA,2BAAAA;AAAAA,oBAACC,SAAAA;AAAAA,oBAAA;AAAA,sBACA,MAAK;AAAA,sBACL,MAAK;AAAA,sBACL,SAAS,CAAC,MAAM,sBAAsB,GAAGC,KAAI;AAAA,sBAC7C,UAAU;AAAA,sBACV,UAAAF,2BAAAA,IAACG,uBAAA,EAAkB,UAAS,SAAQ,QAAO,yCAAY,UAAQD,+BAAM,OAAM,YAAY,OAAA,CAAW;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAGpG,OACCF,2BAAAA;AAAAA,oBAACI,QAAAA;AAAAA,oBAAA;AAAA,sBACA,OAAO,QAAQF,MAAK,IAAI,qBAAoBA,+BAAM,YAAW,WAAWA,+BAAM,KAAK,IAAI,KAAK;AAAA,sBAE5F,WAAU;AAAA,sBACV,OAAK;AAAA,sBACL,UAAAJ,2BAAAA,KAACC,SAAAA,KAAA,EAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,EAAA,GACrD,UAAA;AAAA,yBAAAG,+BAAM,aAAYF,+BAACK,cAAAA,OAAA,EAAM,IAAI,EAAE,UAAU,QAAQ,OAAO,UAAA,EAAU,CAAG;AAAA,wBACtEL,2BAAAA,IAAC,QAAA,EAAM,UAAAE,MAAK,KAAA,CAAK;AAAA,sBAAA,EAAA,CAClB;AAAA,oBAAA;AAAA,oBANKA,MAAK;AAAA,kBAAA;AAAA,kBASZ,OAAOA,+BAAM;AAAA,gBAAA;AAAA,gBAtBRA;AAAAA,cAAA;AAAA,YAwBN;AAAA,UAAA;AAAA,UAGFF,2BAAAA;AAAAA,YAACM,SAAAA;AAAAA,YAAA;AAAA,cACA,aAAY;AAAA,cACZ,SAAQ;AAAA,cACR,UAAQ;AAAA,cACR,IAAI;AAAA,gBACH,IAAI;AAAA,gBACJ,aAAa;AAAA,cAAA;AAAA,YACd;AAAA,UAAA;AAAA,UAEDN,2BAAAA,IAACD,SAAAA,KAAA,EAAI,SAAQ,QAAO,YAAY,UAC/B,UAAAC,2BAAAA;AAAAA,YAACO,QAAAA;AAAAA,YAAA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAAA,UAAA,GAEF;AAAA,UAEAP,2BAAAA;AAAAA,YAACQ,WAAAA;AAAAA,YAAA;AAAA,cACA,MAAM;AAAA,cACN,SAAS;AAAA,cACT;AAAA,cACA;AAAA,cACA,gBAAgB;AAAA,cAChB;AAAA,cACA;AAAA,cACA,kBAAkB;AAAA,YAAA;AAAA,UAAA;AAAA,UAGnBR,2BAAAA;AAAAA,YAACS,KAAAA;AAAAA,YAAA;AAAA,cACA,MAAM,QAAQ,kBAAkB;AAAA,cAChC,UAAU;AAAA,cACV,SAAS;AAAA,cACR,UAAA,+BAAO,IAAI,CAACP,UACZF,2BAAAA;AAAAA,gBAACU,SAAAA;AAAAA,gBAAA;AAAA,kBACA,UAAUR,MAAK,SAAQ,yCAAY;AAAA,kBAEnC,SAAS,MAAM,yBAAyBA,KAAI;AAAA,kBAC5C,UAAAF,2BAAAA,IAACW,yBAAW,OAAM,wBAAuB,MAAK,MAC5C,UAAAT,MAAK,KAAA,CACP;AAAA,gBAAA;AAAA,gBAJKA,MAAK;AAAA,cAAA;AAAA,YAMX;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDF,2BAAAA,IAACD,SAAAA,KAAA,EAAI,SAAQ,QAAO,YAAY,UAC/B,UAAAC,2BAAAA;AAAAA,MAACY,OAAAA;AAAAA,MAAA;AAAA,QACA,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,SAAS,MAAM,UAAA;AAAA,QAEf,SACC,WAAWZ,2BAAAA,IAACa,SAAAA,kBAAA,EAAiB,MAAM,IAAI,OAAM,UAAA,CAAU,IAAKb,2BAAAA,IAACc,cAAAA,MAAA,EAAK,UAAS,QAAA,CAAQ;AAAA,QAEpF,UAAU,CAAC,aAAa;AAAA,QAAU,UAAA;AAAA,MAAA;AAAA,IAAA,EAEnC,CACD;AAAA,EAAA,GACD;AAEF;;"}
+{"version":3,"file":"page-navigator-Cgbh3tTG.js","sources":["../../src/components/page-navigator/page-navigator.tsx"],"sourcesContent":["/* eslint-disable no-mixed-spaces-and-tabs */\nimport { useCallback, useEffect, useState } from 'react';\nimport {\n\tTabs,\n\tTab as MUITab,\n\tstyled,\n\tIconButton,\n\tMenuItem,\n\tDivider,\n\tBox,\n\tCircularProgress\n} from '@mui/material';\nimport MenuIcon from '@mui/icons-material/Menu';\nimport KeyboardArrowDown from '@mui/icons-material/KeyboardArrowDown';\nimport Typography from '../typography/typography';\nimport Menu from '../menu/menu';\nimport AddPage from './components/add-page';\nimport PageAction from './components/page-action';\nimport Tooltip from '../tooltip/Tooltip';\nimport { IPage } from '../../@types/page';\nimport { defaultPageState } from '@erpsquad/common/runtime';\nimport { usePages } from '@erpsquad/common/runtime';\nimport Button from '../button/button';\nimport _ from 'lodash';\nimport { Save, Share } from '@mui/icons-material';\nimport './page-navigator.scss';\nimport React from 'react';\n\nconst StyledTabs = styled(Tabs)(() => ({\n\tminHeight: 'fit-content',\n\n\t'.MuiTabs-indicator': {\n\t\theight: '0px !important'\n\t},\n\t'& .MuiTabs-flexContainer': {\n\t\tgap: '4px'\n\t}\n}));\n\nconst StyledTab = styled(MUITab)(({ theme: { palette } }) => ({\n\tminHeight: '2rem',\n\ttextTransform: 'none',\n\tpadding: '0rem 1rem',\n\tminWidth: 'fit-content',\n\tborderRadius: 4,\n\t'&.Mui-selected': {\n\t\tbackground: palette.theme?.primary[100],\n\t\tcolor: palette.theme?.primary[700],\n\t\tborderTop: `2px solid ${palette.theme?.primary[700]}`\n\t},\n\t'.MuiIconButton-root': {\n\t\tpadding: '0rem'\n\t},\n\t\"&:hover\": {\n\t\tbackground: palette.theme?.primary[100]\n\t}\n}));\n\nconst title = `successfully created, complete with your saved filters, sorting options, and views.`;\n\nexport interface IPageNavigator {\n\tpages: IPage[];\n\tsetPages: React.Dispatch<React.SetStateAction<IPage[]>>;\n\tcurrentPage: string | number;\n\tsetCurrentPage: React.Dispatch<React.SetStateAction<number>>;\n\tsharedPages: any;\n\tresource: string;\n\thandlePageDelete: (pages: any[]) => void;\n\tisPageSaving?: boolean;\n}\n\nexport const PageNavigator = ({\n\t// sharedPages,\n\tresource,\n\t// handlePageDelete\n}: IPageNavigator) => {\n\tconst { pages, setPages, setActivePage, activePage, savePages, setIsChanged, isSaving, generatedColumns, sharedPages, isChanged, deletePage, isCreatePage, setIsCreatePage, addOrDeletePage } = usePages();\n\tconst shareTitle = (owner) => `shared by ${owner}`;\n\tconst [isActionsMenuOpen, setIsActionsMenuOpen] =\n\t\tuseState<null | HTMLElement>(null);\n\tconst [page, setPage] = useState<IPage>();\n\n\tconst [isAllPagesMenuOpen, setIsAllPagesMenuOpen] =\n\t\tuseState<null | HTMLElement>(null);\n\n\tconst handleChangePage = (_: React.SyntheticEvent, newValue: number) => {\n\t\tconst pg = pages.find((p) => p?._id == newValue);\n\t\tsetActivePage(pg);\n\t};\n\n\tconst handleOpenActionsMenu = (\n\t\tevent: React.MouseEvent<HTMLButtonElement>,\n\t\tclickedPage: IPage\n\t) => {\n\t\tevent.stopPropagation();\n\t\tsetPage(clickedPage);\n\t\tsetIsActionsMenuOpen(event.currentTarget);\n\t};\n\tconst handleCloseActionsMenu = () => setIsActionsMenuOpen(null);\n\n\tconst handleOpenAllPagesMenu = (\n\t\tevent: React.MouseEvent<HTMLButtonElement>\n\t) => {\n\t\tevent.stopPropagation();\n\t\tsetIsAllPagesMenuOpen(event.currentTarget);\n\t};\n\tconst handleCloseAllPagesMenu = () => setIsAllPagesMenuOpen(null);\n\n\tconst handleChangePageFromMenu = (val: number) => {\n\t\tsetActivePage(val);\n\t\thandleCloseAllPagesMenu();\n\t};\n\n\tconst handleAddPage = (newPage: IPage) => {\n\t\tconst nPage = {\n\t\t\t...defaultPageState,\n\t\t\t...newPage,\n\t\t\tname: newPage.name,\n\t\t\tvisible_columns: generatedColumns.columns,\n\t\t\tcolumn_order: _.uniq(generatedColumns.orderKeys),\n\t\t\t_id: pages.length + 1,\n\t\t\tactive_view: 'Table',\n\t\t\tviews: [{\n\t\t\t\tlabel: 'Table',\n\t\t\t\tposition: 0\n\t\t\t}]\n\t\t};\n\t\tconst updatedPages: any = [\n\t\t\t...pages,\n\t\t\t...[nPage]\n\t\t];\n\t\tsetActivePage({ ...nPage });\n\t\tsetPages([...updatedPages]);\n\t\tsetIsCreatePage(true)\n\n\t};\n\n\tconst handlePageDeleteFunction = (pages: any[]) => {\n\n\t\tdeletePage(pages)\n\t}\n\n\n\tconst handleAddOrdeletePage = useCallback(async () => {\n\t\tif (isCreatePage) {\n\t\t\tconst res = await addOrDeletePage();\n\t\t\tif (res?.status_code === 200) {\n\t\t\t\tsetPages(res?.data?.pages);\n\t\t\t\tsetIsChanged(false)\n\t\t\t}\n\t\t}\n\t\tsetTimeout(() => {\n\t\t\tsetIsCreatePage(false);\n\n\t\t}, 2000)\n\t\t//eslint-disable-next-line\n\t}, [isCreatePage])\n\n\tuseEffect(() => {\n\t\thandleAddOrdeletePage()\n\t\t//eslint-disable-next-line\n\t}, [handleAddOrdeletePage])\n\n\treturn (\n\t\t<Box display=\"flex\" gap={2} alignItems={'center'} className='page-navigator-container'>\n\t\t\t<Box\n\t\t\t\tdisplay={'flex'}\n\t\t\t\tclassName='page-navigator'\n\t\t\t\tsx={{ display: 'flex', opacity: isSaving ? 0.5 : 1 }}>\n\t\t\t\t<IconButton\n\t\t\t\t\t// size='small'\n\t\t\t\t\tonClick={handleOpenAllPagesMenu}\n\t\t\t\t\tdisabled={isSaving}>\n\t\t\t\t\t<MenuIcon fontSize='small' />\n\t\t\t\t</IconButton>\n\t\t\t\t<StyledTabs\n\t\t\t\t\tvalue={activePage?._id}\n\t\t\t\t\tvariant='scrollable'\n\t\t\t\t\tonChange={handleChangePage}\n\t\t\t\t\taria-label='basic tabs example'>\n\t\t\t\t\t{pages?.map((page) => (\n\t\t\t\t\t\t<StyledTab\n\t\t\t\t\t\t\ticonPosition='end'\n\t\t\t\t\t\t\tdisableRipple\n\t\t\t\t\t\t\tkey={page}\n\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tsize='small'\n\t\t\t\t\t\t\t\t\tedge='end'\n\t\t\t\t\t\t\t\t\tonClick={(e) => handleOpenActionsMenu(e, page)}\n\t\t\t\t\t\t\t\t\tdisabled={isSaving}>\n\t\t\t\t\t\t\t\t\t<KeyboardArrowDown fontSize='small' color={activePage?._id === page?._id ? 'primary' : undefined} />\n\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\t\ttitle={`The '${page.name}' page has been  ${page?.isShared ? shareTitle(page?.owner) : title}`}\n\t\t\t\t\t\t\t\t\tkey={page._id}\n\t\t\t\t\t\t\t\t\tplacement='top'\n\t\t\t\t\t\t\t\t\tarrow>\n\t\t\t\t\t\t\t\t\t<Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n\t\t\t\t\t\t\t\t\t\t{page?.isShared && <Share sx={{ fontSize: '20px', color: '#4AC08C' }} />}\n\t\t\t\t\t\t\t\t\t\t<span>{page.name}</span>\n\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={page?._id}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</StyledTabs>\n\n\t\t\t\t<Divider\n\t\t\t\t\torientation='vertical'\n\t\t\t\t\tvariant='middle'\n\t\t\t\t\tflexItem\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tml: 2,\n\t\t\t\t\t\tborderWidth: '1px'\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<Box display=\"flex\" alignItems={'center'}>\n\t\t\t\t\t<AddPage\n\t\t\t\t\t\tpages={pages}\n\t\t\t\t\t\thandleAddPage={handleAddPage}\n\t\t\t\t\t\tsharedPages={sharedPages}\n\t\t\t\t\t/>\n\t\t\t\t</Box>\n\n\t\t\t\t<PageAction\n\t\t\t\t\topen={isActionsMenuOpen}\n\t\t\t\t\tonClose={handleCloseActionsMenu}\n\t\t\t\t\tpage={page}\n\t\t\t\t\tsetPages={setPages}\n\t\t\t\t\tsetCurrentPage={setActivePage}\n\t\t\t\t\tpages={pages}\n\t\t\t\t\tresource={resource}\n\t\t\t\t\thandlePageDelete={handlePageDeleteFunction}\n\t\t\t\t/>\n\n\t\t\t\t<Menu\n\t\t\t\t\topen={Boolean(isAllPagesMenuOpen)}\n\t\t\t\t\tanchorEl={isAllPagesMenuOpen}\n\t\t\t\t\tonClose={handleCloseAllPagesMenu}>\n\t\t\t\t\t{pages?.map((page) => (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tselected={page._id === activePage?._id}\n\t\t\t\t\t\t\tkey={page._id}\n\t\t\t\t\t\t\tonClick={() => handleChangePageFromMenu(page)}>\n\t\t\t\t\t\t\t<Typography color='theme.secondary.1000' type='s4'>\n\t\t\t\t\t\t\t\t{page.name}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t))}\n\t\t\t\t</Menu>\n\t\t\t</Box>\n\t\t\t<Box display=\"flex\" alignItems={'center'}>\n\t\t\t\t<Button\n\t\t\t\t\tsize='small'\n\t\t\t\t\tvariant='contained'\n\t\t\t\t\tonClick={() => savePages()}\n\t\t\t\t\t// sx={{fontWeight:600, marginBottom:'2px',px:3}}\n\t\t\t\t\tendIcon={\n\t\t\t\t\t\tisSaving ? <CircularProgress size={15} color='inherit' /> : <Save fontSize='small' />\n\t\t\t\t\t}\n\t\t\t\t\tdisabled={!isChanged || isSaving}>\n\t\t\t\t\tSave\n\t\t\t\t</Button>\n\t\t\t</Box>\n\t\t</Box>\n\t);\n};\n\nexport default PageNavigator;\n"],"names":["styled","Tabs","MUITab","usePages","useState","_","defaultPageState","pages","useCallback","useEffect","jsxs","Box","jsx","IconButton","page","KeyboardArrowDown","Tooltip","Share","Divider","AddPage","PageAction","Menu","MenuItem","Typography","Button","CircularProgress","Save"],"mappings":"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"}

package/dist/chunks/{page-view-CnzxewUy.esm.js → page-view-CokUNMBn.esm.js}

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useEffect, useMemo } from "react";
-import { F as Footer } from "./footer-BXClGYIb.esm.js";
-import { M as MaterialTable } from "./searchable-select-CcG1qflA.esm.js";
+import { F as Footer } from "./footer-m3_dlNl8.esm.js";
+import { M as MaterialTable } from "./searchable-select-0F6E4XAr.esm.js";
 import { u as useAppDispatch, a as useAppSelector } from "./hooks-Ddf9hdOk.esm.js";
 import { createAsyncThunk, createSlice } from "@reduxjs/toolkit";
 import { d as defaultData } from "./default-data-DliAObF-.esm.js";
@@ -321,4 +321,4 @@ export {
   reducer as r,
   setColumnOrder as s
 };
-//# sourceMappingURL=page-view-CnzxewUy.esm.js.map
+//# sourceMappingURL=page-view-CokUNMBn.esm.js.map

package/dist/chunks/{page-view-CnzxewUy.esm.js.map → page-view-CokUNMBn.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"page-view-CnzxewUy.esm.js","sources":["../../src/views/afterAuth/page-view/redux/actionCreator.ts","../../src/views/afterAuth/page-view/utils/local-data.ts","../../src/views/afterAuth/page-view/redux/state.ts","../../src/views/afterAuth/page-view/redux/reducer.ts","../../src/views/afterAuth/page-view/page-view.tsx"],"sourcesContent":["import { createAsyncThunk } from \"@reduxjs/toolkit\";\n\nexport const fetchPage = createAsyncThunk(\n  \"pageView/fetchPage\",\n  (pageId: number, { getState }) => {\n    const { pages }: any = getState();\n    const { data } = pages.pages.find((p: any) => p?.value === pageId);\n    return data;\n  },\n);\n","const rows = [\n  {\n    name: \"John\",\n    age: 30,\n    gender: \"Male\",\n    company: \"NASA\",\n    location: \"USA\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n];\n\nconst columns = [\n  {\n    type: \"number\",\n    header: \"Age\",\n    accessorKey: \"age\",\n  },\n  {\n    header: \"Gender\",\n    type: \"string\",\n    accessorKey: \"gender\",\n  },\n  {\n    header: \"Company\",\n    type: \"string\",\n    accessorKey: \"company\",\n  },\n  {\n    header: \"Name\",\n    type: \"string\",\n    accessorKey: \"name\",\n  },\n  {\n    header: \"Location\",\n    type: \"string\",\n    accessorKey: \"location\", //simple recommended way to define a column\n  },\n  {\n    header: \"Price\",\n    type: \"number\",\n    accessorKey: \"price\",\n  },\n];\n\nconst columnOrder = [\"age\", \"gender\", \"company\", \"name\", \"location\", \"price\"];\n\nexport const local = { rows, columns, columnOrder };\n","import { defaultData } from \"../utils/default-data\";\nimport { local } from \"../utils/local-data\";\n\nexport const state = {\n  currentPage: 1,\n  rows: [],\n  columns: [],\n  columnOrder: [],\n  loading: true,\n  error: \"\",\n  pages: [\n    {\n      name: \"Default\",\n      _id: 1,\n      data: defaultData,\n    },\n    {\n      name: \"Local\",\n      _id: 2,\n      data: local,\n    },\n  ],\n  paginationModel: {\n    pageNo: 1,\n    limit: 20,\n  },\n};\n\nexport default state;\n","import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\n\nimport { fetchPage } from \"./actionCreator\";\n\nexport const pageViewSlice = createSlice({\n  name: \"pageView\",\n  initialState,\n  reducers: {\n    changeCurrentPage(state, action) {\n      state.currentPage = action.payload;\n    },\n    setPages(state, action) {\n      state.pages = action.payload;\n    },\n    setPaginationModel(state, action) {\n      state.paginationModel = action.payload;\n    },\n    setColumnOrder(state, action) {\n      state.columnOrder = action.payload;\n    },\n    setRowData(state, { payload }) {\n      const rows = JSON.parse(JSON.stringify(state.rows));\n      const row = rows[payload.rowId];\n      row[payload.columnId] = payload.value;\n      state.rows = rows;\n    },\n  },\n  extraReducers: (builder) => {\n    builder.addCase(fetchPage.pending, (state) => {\n      state.loading = true;\n    });\n    builder.addCase(fetchPage.fulfilled, (state, action) => {\n      state.loading = false;\n      state.error = \"\";\n      state.rows = action.payload.rows;\n      state.columns = action.payload.columns;\n      state.columnOrder = action.payload.columnOrder;\n    });\n    builder.addCase(fetchPage.rejected, (state) => {\n      state.loading = false;\n      state.rows = [];\n      state.columns = [];\n      state.error = \"Unable to get data\";\n    });\n  },\n});\n\nconst {\n  changeCurrentPage: pageViewChangeCurrentPage,\n  setPages: setPageViewPages,\n  setPaginationModel: setPageViewPaginationModel,\n  setColumnOrder,\n  setRowData,\n} = pageViewSlice.actions;\n\nexport {\n  pageViewChangeCurrentPage,\n  setPageViewPages,\n  setPageViewPaginationModel,\n  setColumnOrder,\n  setRowData,\n};\n\nexport default pageViewSlice.reducer;\n","import { useEffect, useMemo } from \"react\";\nimport Footer from \"../../../components/footer/footer\";\nimport MaterialTable from \"../../../components/material-table/material-table\";\nimport { useAppDispatch, useAppSelector } from \"../../../redux/hooks\";\nimport { fetchPage } from \"./redux/actionCreator\";\nimport {\n  pageViewChangeCurrentPage,\n  setColumnOrder,\n  setPageViewPages,\n  setPageViewPaginationModel,\n  setRowData,\n} from \"./redux/reducer\";\nimport { IPaginationModel } from \"../../../@types/pagination-model\";\nimport NumberAggregation from \"../../../components/material-table/components/number-aggregation\";\nimport DefaultAggregation from \"../../../components/material-table/components/default-aggregation\";\n// import HeaderCell from \"../../../components/material-table/components/header-cell\";\nimport { IPage } from \"../../../@types/page\";\nimport Button from \"../../../components/button/button\";\n// import Filter from \"../../../components/filter/filter\";\n\nconst PageView = () => {\n  // const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const dispatch = useAppDispatch();\n  const { pages, currentPage, rows, columns, columnOrder, paginationModel } =\n    useAppSelector((store) => store?.pages);\n  const { pageNo, limit } = paginationModel;\n\n  useEffect(() => {\n    dispatch(fetchPage(1));\n  }, [dispatch]);\n\n  const handleChangePage = (page: number) =>\n    dispatch(pageViewChangeCurrentPage(page));\n\n  const handleSetPages = (updatedPages: IPage[]) =>\n    dispatch(setPageViewPages(updatedPages));\n\n  useEffect(() => {\n    dispatch(fetchPage(currentPage));\n  }, [dispatch, currentPage]);\n\n  const tableRows = useMemo(() => {\n    const start = limit * (pageNo - 1);\n    return rows.slice(start, start + limit);\n  }, [rows, pageNo, limit]);\n\n  const tableColumns = useMemo(() => {\n    return columns?.map((col: any) => {\n      let updatedCol = {\n        ...col,\n        // Header: ({ column }: any) => <HeaderCell column={column} />,\n        enableSorting: true,\n      };\n\n      if (col?.type === \"number\") {\n        updatedCol = {\n          ...updatedCol,\n          muiEditTextFieldProps: {\n            type: \"number\",\n          },\n          Footer: ({ column }: any) => {\n            return <NumberAggregation data={tableRows} column={column?.id} />;\n          },\n        };\n      } else if (col.type === \"string\") {\n        updatedCol = {\n          ...updatedCol,\n          Footer: ({ column }: any) => (\n            <DefaultAggregation data={tableRows} column={column.id} />\n          ),\n        };\n      }\n\n      return updatedCol;\n    });\n  }, [tableRows, columns]);\n\n  const handlePaginationModel = (model: IPaginationModel) => {\n    dispatch(setPageViewPaginationModel(model));\n  };\n\n  const total = limit ? Math.ceil(rows.length / limit) : 0;\n\n  const handleColumnOrdering = (colOrder: string[]) => {\n    dispatch(setColumnOrder(colOrder.slice(1)));\n  };\n\n  const updateData = (value: string, column: any, rowId: string) => {\n    const payload = {\n      value: column?.columnDef?.type === \"number\" ? Number(value) : value,\n      columnId: column.id,\n      rowId,\n    };\n\n    dispatch(setRowData(payload));\n  };\n\n  // const handleOpenFilter = (event: React.MouseEvent<HTMLButtonElement>) =>\n  // setAnchorEl(event.currentTarget);\n\n  // const handleCloseFilter = () => setAnchorEl(null);\n\n  return (\n    <>\n      <Button>Open Filter</Button>\n      <MaterialTable\n        rows={tableRows}\n        columns={tableColumns}\n        paginationModel={paginationModel}\n        totalPages={total}\n        columnOrder={[\"mrt-row-select\", ...columnOrder]}\n        handleColumnOrdering={handleColumnOrdering}\n        updateData={updateData}\n      />\n      <Footer\n        pages={pages}\n        setPages={handleSetPages}\n        currentPage={currentPage}\n        setCurrentPage={handleChangePage}\n        total={total}\n        paginationModel={paginationModel}\n        handlePaginationModel={handlePaginationModel}\n      />\n\n      {/* {anchorEl && <Filter anchorEl={anchorEl} onClose={handleCloseFilter} />} */}\n    </>\n  );\n};\n\nexport { PageView };\nexport default PageView;\n"],"names":["initialState","state","rows","columns","columnOrder"],"mappings":"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"}
+{"version":3,"file":"page-view-CokUNMBn.esm.js","sources":["../../src/views/afterAuth/page-view/redux/actionCreator.ts","../../src/views/afterAuth/page-view/utils/local-data.ts","../../src/views/afterAuth/page-view/redux/state.ts","../../src/views/afterAuth/page-view/redux/reducer.ts","../../src/views/afterAuth/page-view/page-view.tsx"],"sourcesContent":["import { createAsyncThunk } from \"@reduxjs/toolkit\";\n\nexport const fetchPage = createAsyncThunk(\n  \"pageView/fetchPage\",\n  (pageId: number, { getState }) => {\n    const { pages }: any = getState();\n    const { data } = pages.pages.find((p: any) => p?.value === pageId);\n    return data;\n  },\n);\n","const rows = [\n  {\n    name: \"John\",\n    age: 30,\n    gender: \"Male\",\n    company: \"NASA\",\n    location: \"USA\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n];\n\nconst columns = [\n  {\n    type: \"number\",\n    header: \"Age\",\n    accessorKey: \"age\",\n  },\n  {\n    header: \"Gender\",\n    type: \"string\",\n    accessorKey: \"gender\",\n  },\n  {\n    header: \"Company\",\n    type: \"string\",\n    accessorKey: \"company\",\n  },\n  {\n    header: \"Name\",\n    type: \"string\",\n    accessorKey: \"name\",\n  },\n  {\n    header: \"Location\",\n    type: \"string\",\n    accessorKey: \"location\", //simple recommended way to define a column\n  },\n  {\n    header: \"Price\",\n    type: \"number\",\n    accessorKey: \"price\",\n  },\n];\n\nconst columnOrder = [\"age\", \"gender\", \"company\", \"name\", \"location\", \"price\"];\n\nexport const local = { rows, columns, columnOrder };\n","import { defaultData } from \"../utils/default-data\";\nimport { local } from \"../utils/local-data\";\n\nexport const state = {\n  currentPage: 1,\n  rows: [],\n  columns: [],\n  columnOrder: [],\n  loading: true,\n  error: \"\",\n  pages: [\n    {\n      name: \"Default\",\n      _id: 1,\n      data: defaultData,\n    },\n    {\n      name: \"Local\",\n      _id: 2,\n      data: local,\n    },\n  ],\n  paginationModel: {\n    pageNo: 1,\n    limit: 20,\n  },\n};\n\nexport default state;\n","import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\n\nimport { fetchPage } from \"./actionCreator\";\n\nexport const pageViewSlice = createSlice({\n  name: \"pageView\",\n  initialState,\n  reducers: {\n    changeCurrentPage(state, action) {\n      state.currentPage = action.payload;\n    },\n    setPages(state, action) {\n      state.pages = action.payload;\n    },\n    setPaginationModel(state, action) {\n      state.paginationModel = action.payload;\n    },\n    setColumnOrder(state, action) {\n      state.columnOrder = action.payload;\n    },\n    setRowData(state, { payload }) {\n      const rows = JSON.parse(JSON.stringify(state.rows));\n      const row = rows[payload.rowId];\n      row[payload.columnId] = payload.value;\n      state.rows = rows;\n    },\n  },\n  extraReducers: (builder) => {\n    builder.addCase(fetchPage.pending, (state) => {\n      state.loading = true;\n    });\n    builder.addCase(fetchPage.fulfilled, (state, action) => {\n      state.loading = false;\n      state.error = \"\";\n      state.rows = action.payload.rows;\n      state.columns = action.payload.columns;\n      state.columnOrder = action.payload.columnOrder;\n    });\n    builder.addCase(fetchPage.rejected, (state) => {\n      state.loading = false;\n      state.rows = [];\n      state.columns = [];\n      state.error = \"Unable to get data\";\n    });\n  },\n});\n\nconst {\n  changeCurrentPage: pageViewChangeCurrentPage,\n  setPages: setPageViewPages,\n  setPaginationModel: setPageViewPaginationModel,\n  setColumnOrder,\n  setRowData,\n} = pageViewSlice.actions;\n\nexport {\n  pageViewChangeCurrentPage,\n  setPageViewPages,\n  setPageViewPaginationModel,\n  setColumnOrder,\n  setRowData,\n};\n\nexport default pageViewSlice.reducer;\n","import { useEffect, useMemo } from \"react\";\nimport Footer from \"../../../components/footer/footer\";\nimport MaterialTable from \"../../../components/material-table/material-table\";\nimport { useAppDispatch, useAppSelector } from \"../../../redux/hooks\";\nimport { fetchPage } from \"./redux/actionCreator\";\nimport {\n  pageViewChangeCurrentPage,\n  setColumnOrder,\n  setPageViewPages,\n  setPageViewPaginationModel,\n  setRowData,\n} from \"./redux/reducer\";\nimport { IPaginationModel } from \"../../../@types/pagination-model\";\nimport NumberAggregation from \"../../../components/material-table/components/number-aggregation\";\nimport DefaultAggregation from \"../../../components/material-table/components/default-aggregation\";\n// import HeaderCell from \"../../../components/material-table/components/header-cell\";\nimport { IPage } from \"../../../@types/page\";\nimport Button from \"../../../components/button/button\";\n// import Filter from \"../../../components/filter/filter\";\n\nconst PageView = () => {\n  // const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const dispatch = useAppDispatch();\n  const { pages, currentPage, rows, columns, columnOrder, paginationModel } =\n    useAppSelector((store) => store?.pages);\n  const { pageNo, limit } = paginationModel;\n\n  useEffect(() => {\n    dispatch(fetchPage(1));\n  }, [dispatch]);\n\n  const handleChangePage = (page: number) =>\n    dispatch(pageViewChangeCurrentPage(page));\n\n  const handleSetPages = (updatedPages: IPage[]) =>\n    dispatch(setPageViewPages(updatedPages));\n\n  useEffect(() => {\n    dispatch(fetchPage(currentPage));\n  }, [dispatch, currentPage]);\n\n  const tableRows = useMemo(() => {\n    const start = limit * (pageNo - 1);\n    return rows.slice(start, start + limit);\n  }, [rows, pageNo, limit]);\n\n  const tableColumns = useMemo(() => {\n    return columns?.map((col: any) => {\n      let updatedCol = {\n        ...col,\n        // Header: ({ column }: any) => <HeaderCell column={column} />,\n        enableSorting: true,\n      };\n\n      if (col?.type === \"number\") {\n        updatedCol = {\n          ...updatedCol,\n          muiEditTextFieldProps: {\n            type: \"number\",\n          },\n          Footer: ({ column }: any) => {\n            return <NumberAggregation data={tableRows} column={column?.id} />;\n          },\n        };\n      } else if (col.type === \"string\") {\n        updatedCol = {\n          ...updatedCol,\n          Footer: ({ column }: any) => (\n            <DefaultAggregation data={tableRows} column={column.id} />\n          ),\n        };\n      }\n\n      return updatedCol;\n    });\n  }, [tableRows, columns]);\n\n  const handlePaginationModel = (model: IPaginationModel) => {\n    dispatch(setPageViewPaginationModel(model));\n  };\n\n  const total = limit ? Math.ceil(rows.length / limit) : 0;\n\n  const handleColumnOrdering = (colOrder: string[]) => {\n    dispatch(setColumnOrder(colOrder.slice(1)));\n  };\n\n  const updateData = (value: string, column: any, rowId: string) => {\n    const payload = {\n      value: column?.columnDef?.type === \"number\" ? Number(value) : value,\n      columnId: column.id,\n      rowId,\n    };\n\n    dispatch(setRowData(payload));\n  };\n\n  // const handleOpenFilter = (event: React.MouseEvent<HTMLButtonElement>) =>\n  // setAnchorEl(event.currentTarget);\n\n  // const handleCloseFilter = () => setAnchorEl(null);\n\n  return (\n    <>\n      <Button>Open Filter</Button>\n      <MaterialTable\n        rows={tableRows}\n        columns={tableColumns}\n        paginationModel={paginationModel}\n        totalPages={total}\n        columnOrder={[\"mrt-row-select\", ...columnOrder]}\n        handleColumnOrdering={handleColumnOrdering}\n        updateData={updateData}\n      />\n      <Footer\n        pages={pages}\n        setPages={handleSetPages}\n        currentPage={currentPage}\n        setCurrentPage={handleChangePage}\n        total={total}\n        paginationModel={paginationModel}\n        handlePaginationModel={handlePaginationModel}\n      />\n\n      {/* {anchorEl && <Filter anchorEl={anchorEl} onClose={handleCloseFilter} />} */}\n    </>\n  );\n};\n\nexport { PageView };\nexport default PageView;\n"],"names":["initialState","state","rows","columns","columnOrder"],"mappings":"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"}

package/dist/chunks/{page-view-CvfqzV03.js → page-view-DJ6HS_dV.js}

@@ -1,8 +1,8 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const footer = require("./footer-DioOh69g.js");
-const searchableSelect = require("./searchable-select-DVUCWWti.js");
+const footer = require("./footer-CD3kMRdS.js");
+const searchableSelect = require("./searchable-select-_DCkITfk.js");
 const hooks = require("./hooks-BcqqrpEF.js");
 const toolkit = require("@reduxjs/toolkit");
 const defaultData = require("./default-data-bPISa600.js");
@@ -320,4 +320,4 @@ exports.setPageViewPages = setPageViewPages;
 exports.setPageViewPaginationModel = setPageViewPaginationModel;
 exports.setRowData = setRowData;
 exports.state = state;
-//# sourceMappingURL=page-view-CvfqzV03.js.map
+//# sourceMappingURL=page-view-DJ6HS_dV.js.map

package/dist/chunks/{page-view-CvfqzV03.js.map → page-view-DJ6HS_dV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"page-view-CvfqzV03.js","sources":["../../src/views/afterAuth/page-view/redux/actionCreator.ts","../../src/views/afterAuth/page-view/utils/local-data.ts","../../src/views/afterAuth/page-view/redux/state.ts","../../src/views/afterAuth/page-view/redux/reducer.ts","../../src/views/afterAuth/page-view/page-view.tsx"],"sourcesContent":["import { createAsyncThunk } from \"@reduxjs/toolkit\";\n\nexport const fetchPage = createAsyncThunk(\n  \"pageView/fetchPage\",\n  (pageId: number, { getState }) => {\n    const { pages }: any = getState();\n    const { data } = pages.pages.find((p: any) => p?.value === pageId);\n    return data;\n  },\n);\n","const rows = [\n  {\n    name: \"John\",\n    age: 30,\n    gender: \"Male\",\n    company: \"NASA\",\n    location: \"USA\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n];\n\nconst columns = [\n  {\n    type: \"number\",\n    header: \"Age\",\n    accessorKey: \"age\",\n  },\n  {\n    header: \"Gender\",\n    type: \"string\",\n    accessorKey: \"gender\",\n  },\n  {\n    header: \"Company\",\n    type: \"string\",\n    accessorKey: \"company\",\n  },\n  {\n    header: \"Name\",\n    type: \"string\",\n    accessorKey: \"name\",\n  },\n  {\n    header: \"Location\",\n    type: \"string\",\n    accessorKey: \"location\", //simple recommended way to define a column\n  },\n  {\n    header: \"Price\",\n    type: \"number\",\n    accessorKey: \"price\",\n  },\n];\n\nconst columnOrder = [\"age\", \"gender\", \"company\", \"name\", \"location\", \"price\"];\n\nexport const local = { rows, columns, columnOrder };\n","import { defaultData } from \"../utils/default-data\";\nimport { local } from \"../utils/local-data\";\n\nexport const state = {\n  currentPage: 1,\n  rows: [],\n  columns: [],\n  columnOrder: [],\n  loading: true,\n  error: \"\",\n  pages: [\n    {\n      name: \"Default\",\n      _id: 1,\n      data: defaultData,\n    },\n    {\n      name: \"Local\",\n      _id: 2,\n      data: local,\n    },\n  ],\n  paginationModel: {\n    pageNo: 1,\n    limit: 20,\n  },\n};\n\nexport default state;\n","import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\n\nimport { fetchPage } from \"./actionCreator\";\n\nexport const pageViewSlice = createSlice({\n  name: \"pageView\",\n  initialState,\n  reducers: {\n    changeCurrentPage(state, action) {\n      state.currentPage = action.payload;\n    },\n    setPages(state, action) {\n      state.pages = action.payload;\n    },\n    setPaginationModel(state, action) {\n      state.paginationModel = action.payload;\n    },\n    setColumnOrder(state, action) {\n      state.columnOrder = action.payload;\n    },\n    setRowData(state, { payload }) {\n      const rows = JSON.parse(JSON.stringify(state.rows));\n      const row = rows[payload.rowId];\n      row[payload.columnId] = payload.value;\n      state.rows = rows;\n    },\n  },\n  extraReducers: (builder) => {\n    builder.addCase(fetchPage.pending, (state) => {\n      state.loading = true;\n    });\n    builder.addCase(fetchPage.fulfilled, (state, action) => {\n      state.loading = false;\n      state.error = \"\";\n      state.rows = action.payload.rows;\n      state.columns = action.payload.columns;\n      state.columnOrder = action.payload.columnOrder;\n    });\n    builder.addCase(fetchPage.rejected, (state) => {\n      state.loading = false;\n      state.rows = [];\n      state.columns = [];\n      state.error = \"Unable to get data\";\n    });\n  },\n});\n\nconst {\n  changeCurrentPage: pageViewChangeCurrentPage,\n  setPages: setPageViewPages,\n  setPaginationModel: setPageViewPaginationModel,\n  setColumnOrder,\n  setRowData,\n} = pageViewSlice.actions;\n\nexport {\n  pageViewChangeCurrentPage,\n  setPageViewPages,\n  setPageViewPaginationModel,\n  setColumnOrder,\n  setRowData,\n};\n\nexport default pageViewSlice.reducer;\n","import { useEffect, useMemo } from \"react\";\nimport Footer from \"../../../components/footer/footer\";\nimport MaterialTable from \"../../../components/material-table/material-table\";\nimport { useAppDispatch, useAppSelector } from \"../../../redux/hooks\";\nimport { fetchPage } from \"./redux/actionCreator\";\nimport {\n  pageViewChangeCurrentPage,\n  setColumnOrder,\n  setPageViewPages,\n  setPageViewPaginationModel,\n  setRowData,\n} from \"./redux/reducer\";\nimport { IPaginationModel } from \"../../../@types/pagination-model\";\nimport NumberAggregation from \"../../../components/material-table/components/number-aggregation\";\nimport DefaultAggregation from \"../../../components/material-table/components/default-aggregation\";\n// import HeaderCell from \"../../../components/material-table/components/header-cell\";\nimport { IPage } from \"../../../@types/page\";\nimport Button from \"../../../components/button/button\";\n// import Filter from \"../../../components/filter/filter\";\n\nconst PageView = () => {\n  // const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const dispatch = useAppDispatch();\n  const { pages, currentPage, rows, columns, columnOrder, paginationModel } =\n    useAppSelector((store) => store?.pages);\n  const { pageNo, limit } = paginationModel;\n\n  useEffect(() => {\n    dispatch(fetchPage(1));\n  }, [dispatch]);\n\n  const handleChangePage = (page: number) =>\n    dispatch(pageViewChangeCurrentPage(page));\n\n  const handleSetPages = (updatedPages: IPage[]) =>\n    dispatch(setPageViewPages(updatedPages));\n\n  useEffect(() => {\n    dispatch(fetchPage(currentPage));\n  }, [dispatch, currentPage]);\n\n  const tableRows = useMemo(() => {\n    const start = limit * (pageNo - 1);\n    return rows.slice(start, start + limit);\n  }, [rows, pageNo, limit]);\n\n  const tableColumns = useMemo(() => {\n    return columns?.map((col: any) => {\n      let updatedCol = {\n        ...col,\n        // Header: ({ column }: any) => <HeaderCell column={column} />,\n        enableSorting: true,\n      };\n\n      if (col?.type === \"number\") {\n        updatedCol = {\n          ...updatedCol,\n          muiEditTextFieldProps: {\n            type: \"number\",\n          },\n          Footer: ({ column }: any) => {\n            return <NumberAggregation data={tableRows} column={column?.id} />;\n          },\n        };\n      } else if (col.type === \"string\") {\n        updatedCol = {\n          ...updatedCol,\n          Footer: ({ column }: any) => (\n            <DefaultAggregation data={tableRows} column={column.id} />\n          ),\n        };\n      }\n\n      return updatedCol;\n    });\n  }, [tableRows, columns]);\n\n  const handlePaginationModel = (model: IPaginationModel) => {\n    dispatch(setPageViewPaginationModel(model));\n  };\n\n  const total = limit ? Math.ceil(rows.length / limit) : 0;\n\n  const handleColumnOrdering = (colOrder: string[]) => {\n    dispatch(setColumnOrder(colOrder.slice(1)));\n  };\n\n  const updateData = (value: string, column: any, rowId: string) => {\n    const payload = {\n      value: column?.columnDef?.type === \"number\" ? Number(value) : value,\n      columnId: column.id,\n      rowId,\n    };\n\n    dispatch(setRowData(payload));\n  };\n\n  // const handleOpenFilter = (event: React.MouseEvent<HTMLButtonElement>) =>\n  // setAnchorEl(event.currentTarget);\n\n  // const handleCloseFilter = () => setAnchorEl(null);\n\n  return (\n    <>\n      <Button>Open Filter</Button>\n      <MaterialTable\n        rows={tableRows}\n        columns={tableColumns}\n        paginationModel={paginationModel}\n        totalPages={total}\n        columnOrder={[\"mrt-row-select\", ...columnOrder]}\n        handleColumnOrdering={handleColumnOrdering}\n        updateData={updateData}\n      />\n      <Footer\n        pages={pages}\n        setPages={handleSetPages}\n        currentPage={currentPage}\n        setCurrentPage={handleChangePage}\n        total={total}\n        paginationModel={paginationModel}\n        handlePaginationModel={handlePaginationModel}\n      />\n\n      {/* {anchorEl && <Filter anchorEl={anchorEl} onClose={handleCloseFilter} />} */}\n    </>\n  );\n};\n\nexport { PageView };\nexport default PageView;\n"],"names":["createAsyncThunk","defaultData","createSlice","initialState","state","rows","useAppDispatch","columns","columnOrder","useAppSelector","useEffect","useMemo","NumberAggregation","jsx","DefaultAggregation","jsxs","Fragment","Button","MaterialTable","Footer"],"mappings":"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"}
+{"version":3,"file":"page-view-DJ6HS_dV.js","sources":["../../src/views/afterAuth/page-view/redux/actionCreator.ts","../../src/views/afterAuth/page-view/utils/local-data.ts","../../src/views/afterAuth/page-view/redux/state.ts","../../src/views/afterAuth/page-view/redux/reducer.ts","../../src/views/afterAuth/page-view/page-view.tsx"],"sourcesContent":["import { createAsyncThunk } from \"@reduxjs/toolkit\";\n\nexport const fetchPage = createAsyncThunk(\n  \"pageView/fetchPage\",\n  (pageId: number, { getState }) => {\n    const { pages }: any = getState();\n    const { data } = pages.pages.find((p: any) => p?.value === pageId);\n    return data;\n  },\n);\n","const rows = [\n  {\n    name: \"John\",\n    age: 30,\n    gender: \"Male\",\n    company: \"NASA\",\n    location: \"USA\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n  {\n    name: \"Sara\",\n    age: 35,\n    gender: \"Female\",\n    company: \"SpaceX\",\n    location: \"Russia\",\n    price: 10000,\n  },\n];\n\nconst columns = [\n  {\n    type: \"number\",\n    header: \"Age\",\n    accessorKey: \"age\",\n  },\n  {\n    header: \"Gender\",\n    type: \"string\",\n    accessorKey: \"gender\",\n  },\n  {\n    header: \"Company\",\n    type: \"string\",\n    accessorKey: \"company\",\n  },\n  {\n    header: \"Name\",\n    type: \"string\",\n    accessorKey: \"name\",\n  },\n  {\n    header: \"Location\",\n    type: \"string\",\n    accessorKey: \"location\", //simple recommended way to define a column\n  },\n  {\n    header: \"Price\",\n    type: \"number\",\n    accessorKey: \"price\",\n  },\n];\n\nconst columnOrder = [\"age\", \"gender\", \"company\", \"name\", \"location\", \"price\"];\n\nexport const local = { rows, columns, columnOrder };\n","import { defaultData } from \"../utils/default-data\";\nimport { local } from \"../utils/local-data\";\n\nexport const state = {\n  currentPage: 1,\n  rows: [],\n  columns: [],\n  columnOrder: [],\n  loading: true,\n  error: \"\",\n  pages: [\n    {\n      name: \"Default\",\n      _id: 1,\n      data: defaultData,\n    },\n    {\n      name: \"Local\",\n      _id: 2,\n      data: local,\n    },\n  ],\n  paginationModel: {\n    pageNo: 1,\n    limit: 20,\n  },\n};\n\nexport default state;\n","import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\n\nimport { fetchPage } from \"./actionCreator\";\n\nexport const pageViewSlice = createSlice({\n  name: \"pageView\",\n  initialState,\n  reducers: {\n    changeCurrentPage(state, action) {\n      state.currentPage = action.payload;\n    },\n    setPages(state, action) {\n      state.pages = action.payload;\n    },\n    setPaginationModel(state, action) {\n      state.paginationModel = action.payload;\n    },\n    setColumnOrder(state, action) {\n      state.columnOrder = action.payload;\n    },\n    setRowData(state, { payload }) {\n      const rows = JSON.parse(JSON.stringify(state.rows));\n      const row = rows[payload.rowId];\n      row[payload.columnId] = payload.value;\n      state.rows = rows;\n    },\n  },\n  extraReducers: (builder) => {\n    builder.addCase(fetchPage.pending, (state) => {\n      state.loading = true;\n    });\n    builder.addCase(fetchPage.fulfilled, (state, action) => {\n      state.loading = false;\n      state.error = \"\";\n      state.rows = action.payload.rows;\n      state.columns = action.payload.columns;\n      state.columnOrder = action.payload.columnOrder;\n    });\n    builder.addCase(fetchPage.rejected, (state) => {\n      state.loading = false;\n      state.rows = [];\n      state.columns = [];\n      state.error = \"Unable to get data\";\n    });\n  },\n});\n\nconst {\n  changeCurrentPage: pageViewChangeCurrentPage,\n  setPages: setPageViewPages,\n  setPaginationModel: setPageViewPaginationModel,\n  setColumnOrder,\n  setRowData,\n} = pageViewSlice.actions;\n\nexport {\n  pageViewChangeCurrentPage,\n  setPageViewPages,\n  setPageViewPaginationModel,\n  setColumnOrder,\n  setRowData,\n};\n\nexport default pageViewSlice.reducer;\n","import { useEffect, useMemo } from \"react\";\nimport Footer from \"../../../components/footer/footer\";\nimport MaterialTable from \"../../../components/material-table/material-table\";\nimport { useAppDispatch, useAppSelector } from \"../../../redux/hooks\";\nimport { fetchPage } from \"./redux/actionCreator\";\nimport {\n  pageViewChangeCurrentPage,\n  setColumnOrder,\n  setPageViewPages,\n  setPageViewPaginationModel,\n  setRowData,\n} from \"./redux/reducer\";\nimport { IPaginationModel } from \"../../../@types/pagination-model\";\nimport NumberAggregation from \"../../../components/material-table/components/number-aggregation\";\nimport DefaultAggregation from \"../../../components/material-table/components/default-aggregation\";\n// import HeaderCell from \"../../../components/material-table/components/header-cell\";\nimport { IPage } from \"../../../@types/page\";\nimport Button from \"../../../components/button/button\";\n// import Filter from \"../../../components/filter/filter\";\n\nconst PageView = () => {\n  // const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const dispatch = useAppDispatch();\n  const { pages, currentPage, rows, columns, columnOrder, paginationModel } =\n    useAppSelector((store) => store?.pages);\n  const { pageNo, limit } = paginationModel;\n\n  useEffect(() => {\n    dispatch(fetchPage(1));\n  }, [dispatch]);\n\n  const handleChangePage = (page: number) =>\n    dispatch(pageViewChangeCurrentPage(page));\n\n  const handleSetPages = (updatedPages: IPage[]) =>\n    dispatch(setPageViewPages(updatedPages));\n\n  useEffect(() => {\n    dispatch(fetchPage(currentPage));\n  }, [dispatch, currentPage]);\n\n  const tableRows = useMemo(() => {\n    const start = limit * (pageNo - 1);\n    return rows.slice(start, start + limit);\n  }, [rows, pageNo, limit]);\n\n  const tableColumns = useMemo(() => {\n    return columns?.map((col: any) => {\n      let updatedCol = {\n        ...col,\n        // Header: ({ column }: any) => <HeaderCell column={column} />,\n        enableSorting: true,\n      };\n\n      if (col?.type === \"number\") {\n        updatedCol = {\n          ...updatedCol,\n          muiEditTextFieldProps: {\n            type: \"number\",\n          },\n          Footer: ({ column }: any) => {\n            return <NumberAggregation data={tableRows} column={column?.id} />;\n          },\n        };\n      } else if (col.type === \"string\") {\n        updatedCol = {\n          ...updatedCol,\n          Footer: ({ column }: any) => (\n            <DefaultAggregation data={tableRows} column={column.id} />\n          ),\n        };\n      }\n\n      return updatedCol;\n    });\n  }, [tableRows, columns]);\n\n  const handlePaginationModel = (model: IPaginationModel) => {\n    dispatch(setPageViewPaginationModel(model));\n  };\n\n  const total = limit ? Math.ceil(rows.length / limit) : 0;\n\n  const handleColumnOrdering = (colOrder: string[]) => {\n    dispatch(setColumnOrder(colOrder.slice(1)));\n  };\n\n  const updateData = (value: string, column: any, rowId: string) => {\n    const payload = {\n      value: column?.columnDef?.type === \"number\" ? Number(value) : value,\n      columnId: column.id,\n      rowId,\n    };\n\n    dispatch(setRowData(payload));\n  };\n\n  // const handleOpenFilter = (event: React.MouseEvent<HTMLButtonElement>) =>\n  // setAnchorEl(event.currentTarget);\n\n  // const handleCloseFilter = () => setAnchorEl(null);\n\n  return (\n    <>\n      <Button>Open Filter</Button>\n      <MaterialTable\n        rows={tableRows}\n        columns={tableColumns}\n        paginationModel={paginationModel}\n        totalPages={total}\n        columnOrder={[\"mrt-row-select\", ...columnOrder]}\n        handleColumnOrdering={handleColumnOrdering}\n        updateData={updateData}\n      />\n      <Footer\n        pages={pages}\n        setPages={handleSetPages}\n        currentPage={currentPage}\n        setCurrentPage={handleChangePage}\n        total={total}\n        paginationModel={paginationModel}\n        handlePaginationModel={handlePaginationModel}\n      />\n\n      {/* {anchorEl && <Filter anchorEl={anchorEl} onClose={handleCloseFilter} />} */}\n    </>\n  );\n};\n\nexport { PageView };\nexport default PageView;\n"],"names":["createAsyncThunk","defaultData","createSlice","initialState","state","rows","useAppDispatch","columns","columnOrder","useAppSelector","useEffect","useMemo","NumberAggregation","jsx","DefaultAggregation","jsxs","Fragment","Button","MaterialTable","Footer"],"mappings":"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"}

package/dist/chunks/{pathname.rental-CwK6JuID.js → pathname.rental-DgH4LoG7.js}

@@ -978,12 +978,16 @@ const landedCostPaths = {
   LANDED_COST: `/${ORDERS}/${LANDED_COST}`,
   ...landedCostCrudPaths
 };
+const grnPaths = {
+  GRN: `/${ORDERS}/grn`
+};
 const orderRoutes = {
   ...rfqPaths$1,
   ...purchaseOrderPaths$1,
   ...vendorReturnsPaths,
   ...deliveryOrderPaths,
-  ...landedCostPaths
+  ...landedCostPaths,
+  ...grnPaths
 };
 const vendorManagementPaths = {
   VENDOR_MANAGEMENT: `/${VENDOR_MANAGEMENT}`
@@ -1227,6 +1231,7 @@ exports.equipmentsCrudPaths = equipmentsCrudPaths;
 exports.equipmentsPaths = equipmentsPaths;
 exports.gateEntriesCrudPaths = gateEntriesCrudPaths;
 exports.gateRegisterPaths = gateRegisterPaths;
+exports.grnPaths = grnPaths;
 exports.inventoryAdjustmentCrudRoutes = inventoryAdjustmentCrudRoutes;
 exports.itemsCrudPaths = itemsCrudPaths;
 exports.itemsPaths = itemsPaths;
@@ -1294,4 +1299,4 @@ exports.workCenterCrudPaths = workCenterCrudPaths;
 exports.workCenterPaths = workCenterPaths;
 exports.workOrderCrudPaths = workOrderCrudPaths;
 exports.workOrderPaths = workOrderPaths;
-//# sourceMappingURL=pathname.rental-CwK6JuID.js.map
+//# sourceMappingURL=pathname.rental-DgH4LoG7.js.map