@erpsquad/common 1.8.75 → 1.8.77

package/dist/components/page-navigator/components/shared-page-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/page-navigator/components/shared-page-modal.tsx"],"sourcesContent":["import {\n  Box,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  FormControlLabel,\n  Grid,\n  IconButton,\n  Tab,\n  Tabs,\n} from \"@mui/material\";\nimport Close from \"@mui/icons-material/Close\";\nimport Typography from \"../../typography/typography\";\nimport Button from \"../../button/button\";\nimport Modal from \"../../modal/modal\";\nimport \"./shared-page-modal.scss\";\nimport { useEffect, useState } from \"react\";\nimport SearchBar from \"../../search-bar/search-bar\";\nimport Toggle from \"../../toggle/toggle\";\nimport SharedPageView from \"./shared-page-view\";\nimport { useDispatch } from \"react-redux\";\nimport { setSharedPage } from \"../../../views/afterAuth/dashboard/redux/reducer\";\n\ninterface IAddPage {\n  open: boolean;\n  onClose: () => void;\n  pages?: any;\n  handleSubmit: (page: any) => void;\n}\n\ninterface TabPanelProps {\n  children?: React.ReactNode;\n  index: number;\n  value: number;\n}\n\nfunction TabPanel(props: TabPanelProps) {\n  const { children, value, index, ...other } = props;\n\n  return (\n    <div\n      className=\"shared-tab\"\n      role=\"tabpanel\"\n      hidden={value !== index}\n      id={`vertical-tabpanel-${index}`}\n      aria-labelledby={`vertical-tab-${index}`}\n      {...other}\n    >\n      {value === index && (\n        <Box sx={{ p: 3 }}>\n          <Typography>{children}</Typography>\n        </Box>\n      )}\n    </div>\n  );\n}\n\nfunction a11yProps(index: number) {\n  return {\n    id: `vertical-tab-${index}`,\n    \"aria-controls\": `vertical-tabpanel-${index}`,\n  };\n}\n\nconst SharedPageModal = ({ open, onClose, pages, handleSubmit }: IAddPage) => {\n  const [value, setValue] = useState(0);\n  const [sharedPages, setSharedPages] = useState(pages);\n  const [searchQuery, setSearchQuery] = useState(\"\");\n\n  const dispatch = useDispatch();\n\n  useEffect(() => {\n    dispatch(setSharedPage(sharedPages));\n  }, [dispatch, sharedPages]);\n\n  const handleChange = (_event: React.SyntheticEvent, newValue: number) => {\n    setValue(newValue);\n  };\n\n  const handleSave = () => {\n    handleSubmit(pages[value]);\n  };\n\n  const renderTabs = () => {\n    const filteredPages = sharedPages.filter((page: any) =>\n      page.name.toLowerCase().includes(searchQuery.toLowerCase()),\n    );\n\n    return filteredPages.map((page: any, index: number) => (\n      <Tab key={index} label={page.name} {...a11yProps(index)} />\n    ));\n  };\n\n  const PageDescription = ({ page }: { page: any }) => {\n    let viewsMessage = \"\",\n      filtersMessage = \"\";\n\n    if (page?.details?.views?.length === 1) {\n      viewsMessage = `This page has 1 view, you can customize it`;\n    } else if (page?.details?.views?.length) {\n      viewsMessage = `This page has ${page?.details?.views?.length} different views, you can customize them`;\n    } else {\n      viewsMessage = `In this page you can add different views and customize them`;\n    }\n\n    if (page?.details?.filters?.length === 1) {\n      filtersMessage = `, and it also have a saved filters to make things easier for you.`;\n    } else if (page?.details?.filters?.length) {\n      filtersMessage = `, and there are also ${page?.details?.filters?.length} saved filters to make things easier for you.`;\n    } else {\n      filtersMessage = `, and you can also add filters to make things easier for you`;\n    }\n\n    return <p>{viewsMessage + filtersMessage}</p>;\n  };\n\n  const handleToggle = () => {\n    setSharedPages((prevPages: any) => {\n      const updatedPages = prevPages.map((page: any, index: any) => {\n        if (index === value) {\n          return {\n            ...page,\n            isPinToDashboard: !page.isPinToDashboard,\n          };\n        }\n        return page;\n      });\n      return updatedPages;\n    });\n  };\n\n  const handleSharedView = (viewStyle: number) => {\n    setSharedPages((prevPages: any) => {\n      const updatedPages = prevPages.map((page: any, index: any) => {\n        if (index === value) {\n          return {\n            ...page,\n            viewStyle: viewStyle,\n          };\n        }\n        return page;\n      });\n      return updatedPages;\n    });\n  };\n\n  const handleSearchBar = (value: string) => {\n    setSearchQuery(value);\n    setValue(0);\n  };\n  return (\n    <>\n      <Modal\n        fullWidth\n        onClose={onClose}\n        open={open}\n        className=\"shared-pages-modal\"\n      >\n        <DialogTitle>\n          <Typography type=\"s3\" weight=\"medium\" color={\"theme.secondary.1000\"}>\n            Shared Pages\n          </Typography>\n          <IconButton edge=\"end\" onClick={onClose} size=\"small\">\n            <Close fontSize=\"inherit\" />\n          </IconButton>\n        </DialogTitle>\n        <DialogContent dividers>\n            {sharedPages?.length ?\n            <Box>\n              <Grid container spacing={2}>\n                <Grid item xs={4} className=\"tab-title-wrap\">\n                  <div className=\"tab-search-wrap\">\n                    <SearchBar\n                      placeholder={\"Search User\"}\n                      handleSearch={handleSearchBar}\n                    />\n                  </div>\n                  <Tabs\n                    orientation=\"vertical\"\n                    variant=\"scrollable\"\n                    value={value}\n                    onChange={handleChange}\n                    aria-label=\"Vertical tabs example\"\n                    sx={{ borderRight: 1, borderColor: \"divider\" }}\n                  >\n                    {renderTabs()}\n                  </Tabs>\n                </Grid>\n                <Grid className=\"shared-grid-wrap\" item xs={8}>\n                  {sharedPages\n                    .filter((page: any) =>\n                      page.name.toLowerCase().includes(searchQuery.toLowerCase()),\n                    )\n                    .map((page: any, index: number) => (\n                      <TabPanel value={value} index={index} key={index}>\n                        <div className=\"shared-pages-main\">\n                          <SharedPageView\n                            pageValue={index}\n                            pages={sharedPages}\n                            onChange={handleSharedView}\n                          />\n                        </div>\n                        <div className=\"tab-info-wrap\">\n                          <div className=\"tab-inner-info\">\n                            <div>\n                              <h1>{page.name}</h1>\n                            </div>\n                            <div className=\"tab-toggle\">\n                              <div>\n                                <FormControlLabel\n                                  control={\n                                    <Toggle\n                                      checked={page.isPinToDashboard}\n                                      onChange={handleToggle}\n                                    />\n                                  }\n                                  label=\"Pined to dashboard\"\n                                  labelPlacement=\"start\"\n                                />\n                              </div>\n                              <div className=\"owner-name-wrap\">\n                                <p>\n                                  <span>Owner:</span> {page.owner}\n                                </p>\n                              </div>\n                            </div>\n                          </div>\n                          <div className=\"tab-content\">\n                            <PageDescription page={page} />\n                          </div>\n                        </div>\n                      </TabPanel>\n                    ))}\n                </Grid>\n              </Grid>\n            </Box>\n             : <Box display='flex' width='100%' height='100%' alignItems='center' justifyContent='center'><Typography type=\"s1\" color='theme.secondary.800'>No Pages has been shared with you</Typography></Box>}\n        </DialogContent>\n        <DialogActions>\n          <Button\n            variant=\"outlined\"\n            onClick={onClose}\n            style={{\n              color: \"black\",\n            }}\n            disabled={!sharedPages?.length}\n          >\n            Cancel\n          </Button>\n          <Button onClick={handleSave} disabled={!sharedPages?.length}>Duplicate</Button>\n        </DialogActions>\n      </Modal>\n    </>\n  );\n};\n\nexport default SharedPageModal;\n"],"names":["TabPanel","props","children","value","index","other","jsx","className","role","hidden","id","Box","sx","p","Typography","a11yProps","open","onClose","pages","handleSubmit","setValue","useState","sharedPages","setSharedPages","searchQuery","setSearchQuery","dispatch","useDispatch","useEffect","setSharedPage","PageDescription","page","viewsMessage","filtersMessage","_b","details","_a","views","length","_d","_c","_f","_e","_h","_g","filters","_j","_i","_l","_k","handleToggle","prevPages","map","isPinToDashboard","handleSharedView","viewStyle","Fragment","jsxs","Modal","fullWidth","DialogTitle","type","weight","color","IconButton","edge","onClick","size","Close","fontSize","DialogContent","dividers","Grid","container","spacing","item","xs","SearchBar","placeholder","handleSearch","Tabs","orientation","variant","onChange","_event","newValue","borderRight","borderColor","filter","name","toLowerCase","includes","Tab","label","SharedPageView","pageValue","FormControlLabel","control","Toggle","checked","labelPlacement","owner","display","width","height","alignItems","justifyContent","DialogActions","Button","style","disabled"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/page-navigator/components/shared-page-modal.tsx"],"sourcesContent":["import {\n  Box,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  FormControlLabel,\n  Grid,\n  IconButton,\n  Tab,\n  Tabs,\n} from \"@mui/material\";\nimport Close from \"@mui/icons-material/Close\";\nimport Typography from \"../../typography/typography\";\nimport Button from \"../../button/button\";\nimport Modal from \"../../modal/modal\";\nimport \"./shared-page-modal.scss\";\nimport { useEffect, useState } from \"react\";\nimport SearchBar from \"../../search-bar/search-bar\";\nimport Toggle from \"../../toggle/toggle\";\nimport SharedPageView from \"./shared-page-view\";\nimport { useDispatch } from \"react-redux\";\nimport { setSharedPage } from \"../../../views/afterAuth/dashboard/redux/reducer\";\n\ninterface IAddPage {\n  open: boolean;\n  onClose: () => void;\n  pages?: any;\n  handleSubmit: (page: any) => void;\n}\n\ninterface TabPanelProps {\n  children?: React.ReactNode;\n  index: number;\n  value: number;\n}\n\nfunction TabPanel(props: TabPanelProps) {\n  const { children, value, index, ...other } = props;\n\n  return (\n    <div\n      className=\"shared-tab\"\n      role=\"tabpanel\"\n      hidden={value !== index}\n      id={`vertical-tabpanel-${index}`}\n      aria-labelledby={`vertical-tab-${index}`}\n      {...other}\n    >\n      {value === index && (\n        <Box sx={{ p: 3 }}>\n          <Typography>{children}</Typography>\n        </Box>\n      )}\n    </div>\n  );\n}\n\nfunction a11yProps(index: number) {\n  return {\n    id: `vertical-tab-${index}`,\n    \"aria-controls\": `vertical-tabpanel-${index}`,\n  };\n}\n\nconst SharedPageModal = ({ open, onClose, pages, handleSubmit }: IAddPage) => {\n  const [value, setValue] = useState(0);\n  const [sharedPages, setSharedPages] = useState(pages);\n  const [searchQuery, setSearchQuery] = useState(\"\");\n\n  const dispatch = useDispatch();\n\n  useEffect(() => {\n    dispatch(setSharedPage(sharedPages));\n  }, [dispatch, sharedPages]);\n\n  const handleChange = (_event: React.SyntheticEvent, newValue: number) => {\n    setValue(newValue);\n  };\n\n  const handleSave = () => {\n    handleSubmit(pages[value]);\n  };\n\n  const renderTabs = () => {\n    const filteredPages = sharedPages.filter((page: any) =>\n      page.name.toLowerCase().includes(searchQuery.toLowerCase()),\n    );\n\n    return filteredPages.map((page: any, index: number) => (\n      <Tab key={index} label={page.name} {...a11yProps(index)} />\n    ));\n  };\n\n  const PageDescription = ({ page }: { page: any }) => {\n    let viewsMessage = \"\",\n      filtersMessage = \"\";\n\n    if (page?.details?.views?.length === 1) {\n      viewsMessage = `This page has 1 view, you can customize it`;\n    } else if (page?.details?.views?.length) {\n      viewsMessage = `This page has ${page?.details?.views?.length} different views, you can customize them`;\n    } else {\n      viewsMessage = `In this page you can add different views and customize them`;\n    }\n\n    if (page?.details?.filters?.length === 1) {\n      filtersMessage = `, and it also have a saved filters to make things easier for you.`;\n    } else if (page?.details?.filters?.length) {\n      filtersMessage = `, and there are also ${page?.details?.filters?.length} saved filters to make things easier for you.`;\n    } else {\n      filtersMessage = `, and you can also add filters to make things easier for you`;\n    }\n\n    return <p>{viewsMessage + filtersMessage}</p>;\n  };\n\n  const handleToggle = () => {\n    setSharedPages((prevPages: any) => {\n      const updatedPages = prevPages.map((page: any, index: any) => {\n        if (index === value) {\n          return {\n            ...page,\n            isPinToDashboard: !page.isPinToDashboard,\n          };\n        }\n        return page;\n      });\n      return updatedPages;\n    });\n  };\n\n  const handleSharedView = (viewStyle: number) => {\n    setSharedPages((prevPages: any) => {\n      const updatedPages = prevPages.map((page: any, index: any) => {\n        if (index === value) {\n          return {\n            ...page,\n            viewStyle: viewStyle,\n          };\n        }\n        return page;\n      });\n      return updatedPages;\n    });\n  };\n\n  const handleSearchBar = (value: string) => {\n    setSearchQuery(value);\n    setValue(0);\n  };\n  return (\n    <>\n      <Modal\n        fullWidth\n        onClose={onClose}\n        open={open}\n        className=\"shared-pages-modal\"\n      >\n        <DialogTitle>\n          <Typography type=\"s3\" weight=\"medium\" color={\"theme.secondary.1000\"}>\n            Shared Pages\n          </Typography>\n          <IconButton edge=\"end\" onClick={onClose} size=\"small\">\n            <Close fontSize=\"inherit\" />\n          </IconButton>\n        </DialogTitle>\n        <DialogContent dividers>\n            {sharedPages?.length ?\n            <Box>\n              <Grid container spacing={2}>\n                <Grid item xs={4} className=\"tab-title-wrap\">\n                  <div className=\"tab-search-wrap\">\n                    <SearchBar\n                      placeholder={\"Search User\"}\n                      handleSearch={handleSearchBar}\n                    />\n                  </div>\n                  <Tabs\n                    orientation=\"vertical\"\n                    variant=\"scrollable\"\n                    value={value}\n                    onChange={handleChange}\n                    aria-label=\"Vertical tabs example\"\n                    sx={{ borderRight: 1, borderColor: \"divider\" }}\n                  >\n                    {renderTabs()}\n                  </Tabs>\n                </Grid>\n                <Grid className=\"shared-grid-wrap\" item xs={8}>\n                  {sharedPages\n                    .filter((page: any) =>\n                      page.name.toLowerCase().includes(searchQuery.toLowerCase()),\n                    )\n                    .map((page: any, index: number) => (\n                      <TabPanel value={value} index={index} key={index}>\n                        <div className=\"shared-pages-main\">\n                          <SharedPageView\n                            pageValue={index}\n                            pages={sharedPages}\n                            onChange={handleSharedView}\n                          />\n                        </div>\n                        <div className=\"tab-info-wrap\">\n                          <div className=\"tab-inner-info\">\n                            <div>\n                              <h1>{page.name}</h1>\n                            </div>\n                            <div className=\"tab-toggle\">\n                              <div>\n                                <FormControlLabel\n                                  control={\n                                    <Toggle\n                                      checked={page.isPinToDashboard}\n                                      onChange={handleToggle}\n                                    />\n                                  }\n                                  label=\"Pined to dashboard\"\n                                  labelPlacement=\"start\"\n                                />\n                              </div>\n                              <div className=\"owner-name-wrap\">\n                                <p>\n                                  <span>Owner:</span> {page.owner}\n                                </p>\n                              </div>\n                            </div>\n                          </div>\n                          <div className=\"tab-content\">\n                            <PageDescription page={page} />\n                          </div>\n                        </div>\n                      </TabPanel>\n                    ))}\n                </Grid>\n              </Grid>\n            </Box>\n             : <Box display='flex' width='100%' height='100%' alignItems='center' justifyContent='center'><Typography type=\"s1\" color='theme.secondary.800'>No Pages has been shared with you</Typography></Box>}\n        </DialogContent>\n        <DialogActions>\n          <Button\n            variant=\"outlined\"\n            onClick={onClose}\n            style={{\n              color: \"black\",\n            }}\n            disabled={!sharedPages?.length}\n          >\n            Cancel\n          </Button>\n          <Button onClick={handleSave} disabled={!sharedPages?.length}>Duplicate</Button>\n        </DialogActions>\n      </Modal>\n    </>\n  );\n};\n\nexport { SharedPageModal };\nexport default SharedPageModal;\n"],"names":["TabPanel","props","children","value","index","other","jsx","className","role","hidden","id","Box","sx","p","Typography","a11yProps","SharedPageModal","open","onClose","pages","handleSubmit","setValue","useState","sharedPages","setSharedPages","searchQuery","setSearchQuery","dispatch","useDispatch","useEffect","setSharedPage","PageDescription","page","viewsMessage","filtersMessage","_b","details","_a","views","length","_d","_c","_f","_e","_h","_g","filters","_j","_i","_l","_k","handleToggle","prevPages","map","isPinToDashboard","handleSharedView","viewStyle","Fragment","jsxs","Modal","fullWidth","DialogTitle","type","weight","color","IconButton","edge","onClick","size","Close","fontSize","DialogContent","dividers","Grid","container","spacing","item","xs","SearchBar","placeholder","handleSearch","Tabs","orientation","variant","onChange","_event","newValue","borderRight","borderColor","filter","name","toLowerCase","includes","Tab","label","SharedPageView","pageValue","FormControlLabel","control","Toggle","checked","labelPlacement","owner","display","width","height","alignItems","justifyContent","DialogActions","Button","style","disabled"],"mappings":"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"}

package/dist/components/page-navigator/components/shared-page-modal.d.ts

@@ -0,0 +1,10 @@
+
+interface IAddPage {
+    open: boolean;
+    onClose: () => void;
+    pages?: any;
+    handleSubmit: (page: any) => void;
+}
+declare const SharedPageModal: ({ open, onClose, pages, handleSubmit }: IAddPage) => import("react/jsx-runtime").JSX.Element;
+export { SharedPageModal };
+export default SharedPageModal;

package/dist/components/page-navigator/components/shared-page-view/index.esm.js

@@ -92,6 +92,7 @@ function SharedPageView(props) {
   ] }) });
 }
 export {
+  SharedPageView,
   SharedPageView as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/page-navigator/components/shared-page-view/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/page-navigator/components/shared-page-view.tsx"],"sourcesContent":["import Typography from \"../../typography/typography\";\nimport images from \"../../../assets/images\";\nimport { Box, Tab, Tabs } from \"@mui/material\";\nimport { SyntheticEvent, useState } from \"react\";\n\nfunction SharedPageView(props: any) {\n  const { pageValue, pages, onChange } = props;\n  const [value, setValue] = useState(pages[pageValue]?.viewStyle - 1);\n\n  const handleChange = (_event: SyntheticEvent, newValue: number) => {\n    setValue(newValue);\n    onChange(newValue + 1);\n  };\n\n  const renderContentView = () => {\n    switch (value) {\n      case 0:\n        return (\n          <img\n            className=\"shared-img\"\n            src={images.sharedPage.kanbanView}\n            alt=\"Kanban View\"\n          />\n        );\n      case 1:\n        return (\n          <img\n            className=\"shared-img\"\n            src={images.sharedPage.calendarView}\n            alt=\"Gantt View\"\n          />\n        );\n      case 2:\n        return (\n          <img\n            className=\"shared-img\"\n            src={images.sharedPage.tableView}\n            alt=\"Grid View\"\n          />\n        );\n      case 3:\n        return (\n          <img\n            className=\"shared-img\"\n            src={images.sharedPage.ganttView}\n            alt=\"Table View\"\n          />\n        );\n      case 4:\n        return (\n          <img\n            className=\"shared-img\"\n            src={images.sharedPage.gridView}\n            alt=\"Calendar View\"\n          />\n        );\n      default:\n        return null;\n    }\n  };\n\n  const renderViewName = (index: number) => {\n    switch (index) {\n      case 0:\n        return value === 0 ? \"Kanban View\" : \"1\";\n      case 1:\n        return value === 1 ? \"Calendar View\" : \"2\";\n      case 2:\n        return value === 2 ? \"List View\" : \"3\";\n      case 3:\n        return value === 3 ? \"Timeline View\" : \"4\";\n      case 4:\n        return value === 4 ? \"Grid\" : \"5\";\n      default:\n        return \"\";\n    }\n  };\n\n  return (\n    <>\n      <div className=\"shared-img-wrap\">\n        <Typography>{renderContentView()}</Typography>\n        <div className=\"shared-img-tab\">\n          <Box sx={{ width: \"100%\" }}>\n            <Tabs value={value} onChange={handleChange} centered>\n              <Tab key={0} label={renderViewName(0)} />\n              <Tab key={1} label={renderViewName(1)} />\n              <Tab key={2} label={renderViewName(2)} />\n              <Tab key={3} label={renderViewName(3)} />\n              <Tab key={4} label={renderViewName(4)} />\n            </Tabs>\n          </Box>\n        </div>\n      </div>\n    </>\n  );\n}\n\nexport default SharedPageView;\n"],"names":[],"mappings":";;;;;;;AAKA,SAAS,eAAe,OAAY;;AAClC,QAAM,EAAE,WAAW,OAAO,SAAA,IAAa;AACvC,QAAM,CAAC,OAAO,QAAQ,IAAI,WAAS,WAAM,SAAS,MAAf,mBAAkB,aAAY,CAAC;AAElE,QAAM,eAAe,CAAC,QAAwB,aAAqB;AACjE,aAAS,QAAQ;AACjB,aAAS,WAAW,CAAC;AAAA,EACvB;AAEA,QAAM,oBAAoB,MAAM;AAC9B,YAAQ,OAAA;AAAA,MACN,KAAK;AACH,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAK,OAAO,WAAW;AAAA,YACvB,KAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAGV,KAAK;AACH,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAK,OAAO,WAAW;AAAA,YACvB,KAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAGV,KAAK;AACH,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAK,OAAO,WAAW;AAAA,YACvB,KAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAGV,KAAK;AACH,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAK,OAAO,WAAW;AAAA,YACvB,KAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAGV,KAAK;AACH,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAK,OAAO,WAAW;AAAA,YACvB,KAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAGV;AACE,eAAO;AAAA,IAAA;AAAA,EAEb;AAEA,QAAM,iBAAiB,CAAC,UAAkB;AACxC,YAAQ,OAAA;AAAA,MACN,KAAK;AACH,eAAO,UAAU,IAAI,gBAAgB;AAAA,MACvC,KAAK;AACH,eAAO,UAAU,IAAI,kBAAkB;AAAA,MACzC,KAAK;AACH,eAAO,UAAU,IAAI,cAAc;AAAA,MACrC,KAAK;AACH,eAAO,UAAU,IAAI,kBAAkB;AAAA,MACzC,KAAK;AACH,eAAO,UAAU,IAAI,SAAS;AAAA,MAChC;AACE,eAAO;AAAA,IAAA;AAAA,EAEb;AAEA,SACE,oBAAA,UAAA,EACE,UAAA,qBAAC,OAAA,EAAI,WAAU,mBACb,UAAA;AAAA,IAAA,oBAAC,YAAA,EAAY,8BAAkB,CAAE;AAAA,wBAChC,OAAA,EAAI,WAAU,kBACb,UAAA,oBAAC,OAAI,IAAI,EAAE,OAAO,OAAA,GAChB,UAAA,qBAAC,MAAA,EAAK,OAAc,UAAU,cAAc,UAAQ,MAClD,UAAA;AAAA,MAAA,oBAAC,KAAA,EAAY,OAAO,eAAe,CAAC,KAA1B,CAA6B;AAAA,0BACtC,KAAA,EAAY,OAAO,eAAe,CAAC,KAA1B,CAA6B;AAAA,0BACtC,KAAA,EAAY,OAAO,eAAe,CAAC,KAA1B,CAA6B;AAAA,0BACtC,KAAA,EAAY,OAAO,eAAe,CAAC,KAA1B,CAA6B;AAAA,0BACtC,KAAA,EAAY,OAAO,eAAe,CAAC,KAA1B,CAA6B;AAAA,IAAA,EAAA,CACzC,GACF,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/page-navigator/components/shared-page-view.tsx"],"sourcesContent":["import Typography from \"../../typography/typography\";\nimport images from \"../../../assets/images\";\nimport { Box, Tab, Tabs } from \"@mui/material\";\nimport { SyntheticEvent, useState } from \"react\";\n\nfunction SharedPageView(props: any) {\n  const { pageValue, pages, onChange } = props;\n  const [value, setValue] = useState(pages[pageValue]?.viewStyle - 1);\n\n  const handleChange = (_event: SyntheticEvent, newValue: number) => {\n    setValue(newValue);\n    onChange(newValue + 1);\n  };\n\n  const renderContentView = () => {\n    switch (value) {\n      case 0:\n        return (\n          <img\n            className=\"shared-img\"\n            src={images.sharedPage.kanbanView}\n            alt=\"Kanban View\"\n          />\n        );\n      case 1:\n        return (\n          <img\n            className=\"shared-img\"\n            src={images.sharedPage.calendarView}\n            alt=\"Gantt View\"\n          />\n        );\n      case 2:\n        return (\n          <img\n            className=\"shared-img\"\n            src={images.sharedPage.tableView}\n            alt=\"Grid View\"\n          />\n        );\n      case 3:\n        return (\n          <img\n            className=\"shared-img\"\n            src={images.sharedPage.ganttView}\n            alt=\"Table View\"\n          />\n        );\n      case 4:\n        return (\n          <img\n            className=\"shared-img\"\n            src={images.sharedPage.gridView}\n            alt=\"Calendar View\"\n          />\n        );\n      default:\n        return null;\n    }\n  };\n\n  const renderViewName = (index: number) => {\n    switch (index) {\n      case 0:\n        return value === 0 ? \"Kanban View\" : \"1\";\n      case 1:\n        return value === 1 ? \"Calendar View\" : \"2\";\n      case 2:\n        return value === 2 ? \"List View\" : \"3\";\n      case 3:\n        return value === 3 ? \"Timeline View\" : \"4\";\n      case 4:\n        return value === 4 ? \"Grid\" : \"5\";\n      default:\n        return \"\";\n    }\n  };\n\n  return (\n    <>\n      <div className=\"shared-img-wrap\">\n        <Typography>{renderContentView()}</Typography>\n        <div className=\"shared-img-tab\">\n          <Box sx={{ width: \"100%\" }}>\n            <Tabs value={value} onChange={handleChange} centered>\n              <Tab key={0} label={renderViewName(0)} />\n              <Tab key={1} label={renderViewName(1)} />\n              <Tab key={2} label={renderViewName(2)} />\n              <Tab key={3} label={renderViewName(3)} />\n              <Tab key={4} label={renderViewName(4)} />\n            </Tabs>\n          </Box>\n        </div>\n      </div>\n    </>\n  );\n}\n\nexport { SharedPageView };\nexport default SharedPageView;\n"],"names":[],"mappings":";;;;;;;AAKA,SAAS,eAAe,OAAY;;AAClC,QAAM,EAAE,WAAW,OAAO,SAAA,IAAa;AACvC,QAAM,CAAC,OAAO,QAAQ,IAAI,WAAS,WAAM,SAAS,MAAf,mBAAkB,aAAY,CAAC;AAElE,QAAM,eAAe,CAAC,QAAwB,aAAqB;AACjE,aAAS,QAAQ;AACjB,aAAS,WAAW,CAAC;AAAA,EACvB;AAEA,QAAM,oBAAoB,MAAM;AAC9B,YAAQ,OAAA;AAAA,MACN,KAAK;AACH,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAK,OAAO,WAAW;AAAA,YACvB,KAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAGV,KAAK;AACH,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAK,OAAO,WAAW;AAAA,YACvB,KAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAGV,KAAK;AACH,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAK,OAAO,WAAW;AAAA,YACvB,KAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAGV,KAAK;AACH,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAK,OAAO,WAAW;AAAA,YACvB,KAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAGV,KAAK;AACH,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAK,OAAO,WAAW;AAAA,YACvB,KAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAGV;AACE,eAAO;AAAA,IAAA;AAAA,EAEb;AAEA,QAAM,iBAAiB,CAAC,UAAkB;AACxC,YAAQ,OAAA;AAAA,MACN,KAAK;AACH,eAAO,UAAU,IAAI,gBAAgB;AAAA,MACvC,KAAK;AACH,eAAO,UAAU,IAAI,kBAAkB;AAAA,MACzC,KAAK;AACH,eAAO,UAAU,IAAI,cAAc;AAAA,MACrC,KAAK;AACH,eAAO,UAAU,IAAI,kBAAkB;AAAA,MACzC,KAAK;AACH,eAAO,UAAU,IAAI,SAAS;AAAA,MAChC;AACE,eAAO;AAAA,IAAA;AAAA,EAEb;AAEA,SACE,oBAAA,UAAA,EACE,UAAA,qBAAC,OAAA,EAAI,WAAU,mBACb,UAAA;AAAA,IAAA,oBAAC,YAAA,EAAY,8BAAkB,CAAE;AAAA,wBAChC,OAAA,EAAI,WAAU,kBACb,UAAA,oBAAC,OAAI,IAAI,EAAE,OAAO,OAAA,GAChB,UAAA,qBAAC,MAAA,EAAK,OAAc,UAAU,cAAc,UAAQ,MAClD,UAAA;AAAA,MAAA,oBAAC,KAAA,EAAY,OAAO,eAAe,CAAC,KAA1B,CAA6B;AAAA,0BACtC,KAAA,EAAY,OAAO,eAAe,CAAC,KAA1B,CAA6B;AAAA,0BACtC,KAAA,EAAY,OAAO,eAAe,CAAC,KAA1B,CAA6B;AAAA,0BACtC,KAAA,EAAY,OAAO,eAAe,CAAC,KAA1B,CAA6B;AAAA,0BACtC,KAAA,EAAY,OAAO,eAAe,CAAC,KAA1B,CAA6B;AAAA,IAAA,EAAA,CACzC,GACF,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/page-navigator/components/shared-page-view/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("../../../typography/typography/index.js"),r=require("../../../../images/index.js"),s=require("react"),i=require("../../../../node_modules/@mui/material/Box/Box/index.js"),l=require("../../../../node_modules/@mui/material/Tabs/Tabs/index.js"),t=require("../../../../node_modules/@mui/material/Tab/Tab/index.js");exports.default=function(d){var n;const{pageValue:u,pages:c,onChange:m}=d,[g,x]=s.useState((null==(n=c[u])?void 0:n.viewStyle)-1),h=e=>{switch(e){case 0:return 0===g?"Kanban View":"1";case 1:return 1===g?"Calendar View":"2";case 2:return 2===g?"List View":"3";case 3:return 3===g?"Timeline View":"4";case 4:return 4===g?"Grid":"5";default:return""}};/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("../../../typography/typography/index.js"),r=require("../../../../images/index.js"),s=require("react"),i=require("../../../../node_modules/@mui/material/Box/Box/index.js"),t=require("../../../../node_modules/@mui/material/Tabs/Tabs/index.js"),l=require("../../../../node_modules/@mui/material/Tab/Tab/index.js");function d(d){var n;const{pageValue:u,pages:c,onChange:m}=d,[g,x]=s.useState((null==(n=c[u])?void 0:n.viewStyle)-1),h=e=>{switch(e){case 0:return 0===g?"Kanban View":"1";case 1:return 1===g?"Calendar View":"2";case 2:return 2===g?"List View":"3";case 3:return 3===g?"Timeline View":"4";case 4:return 4===g?"Grid":"5";default:return""}};/* @__PURE__ */
 return e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs("div",{className:"shared-img-wrap",children:[
 /* @__PURE__ */e.jsx(a.Typography,{children:(()=>{switch(g){case 0:/* @__PURE__ */
 return e.jsx("img",{className:"shared-img",src:r.images.sharedPage.kanbanView,alt:"Kanban View"});case 1:/* @__PURE__ */
@@ -6,10 +6,10 @@ return e.jsx("img",{className:"shared-img",src:r.images.sharedPage.calendarView,
 return e.jsx("img",{className:"shared-img",src:r.images.sharedPage.tableView,alt:"Grid View"});case 3:/* @__PURE__ */
 return e.jsx("img",{className:"shared-img",src:r.images.sharedPage.ganttView,alt:"Table View"});case 4:/* @__PURE__ */
 return e.jsx("img",{className:"shared-img",src:r.images.sharedPage.gridView,alt:"Calendar View"});default:return null}})()}),
-/* @__PURE__ */e.jsx("div",{className:"shared-img-tab",children:/* @__PURE__ */e.jsx(i.default,{sx:{width:"100%"},children:/* @__PURE__ */e.jsxs(l.default,{value:g,onChange:(e,a)=>{x(a),m(a+1)},centered:!0,children:[
-/* @__PURE__ */e.jsx(t.default,{label:h(0)},0),
-/* @__PURE__ */e.jsx(t.default,{label:h(1)},1),
-/* @__PURE__ */e.jsx(t.default,{label:h(2)},2),
-/* @__PURE__ */e.jsx(t.default,{label:h(3)},3),
-/* @__PURE__ */e.jsx(t.default,{label:h(4)},4)]})})})]})})};
+/* @__PURE__ */e.jsx("div",{className:"shared-img-tab",children:/* @__PURE__ */e.jsx(i.default,{sx:{width:"100%"},children:/* @__PURE__ */e.jsxs(t.default,{value:g,onChange:(e,a)=>{x(a),m(a+1)},centered:!0,children:[
+/* @__PURE__ */e.jsx(l.default,{label:h(0)},0),
+/* @__PURE__ */e.jsx(l.default,{label:h(1)},1),
+/* @__PURE__ */e.jsx(l.default,{label:h(2)},2),
+/* @__PURE__ */e.jsx(l.default,{label:h(3)},3),
+/* @__PURE__ */e.jsx(l.default,{label:h(4)},4)]})})})]})})}exports.SharedPageView=d,exports.default=d;
 //# sourceMappingURL=index.js.map

package/dist/components/page-navigator/components/shared-page-view/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/page-navigator/components/shared-page-view.tsx"],"sourcesContent":["import Typography from \"../../typography/typography\";\nimport images from \"../../../assets/images\";\nimport { Box, Tab, Tabs } from \"@mui/material\";\nimport { SyntheticEvent, useState } from \"react\";\n\nfunction SharedPageView(props: any) {\n  const { pageValue, pages, onChange } = props;\n  const [value, setValue] = useState(pages[pageValue]?.viewStyle - 1);\n\n  const handleChange = (_event: SyntheticEvent, newValue: number) => {\n    setValue(newValue);\n    onChange(newValue + 1);\n  };\n\n  const renderContentView = () => {\n    switch (value) {\n      case 0:\n        return (\n          <img\n            className=\"shared-img\"\n            src={images.sharedPage.kanbanView}\n            alt=\"Kanban View\"\n          />\n        );\n      case 1:\n        return (\n          <img\n            className=\"shared-img\"\n            src={images.sharedPage.calendarView}\n            alt=\"Gantt View\"\n          />\n        );\n      case 2:\n        return (\n          <img\n            className=\"shared-img\"\n            src={images.sharedPage.tableView}\n            alt=\"Grid View\"\n          />\n        );\n      case 3:\n        return (\n          <img\n            className=\"shared-img\"\n            src={images.sharedPage.ganttView}\n            alt=\"Table View\"\n          />\n        );\n      case 4:\n        return (\n          <img\n            className=\"shared-img\"\n            src={images.sharedPage.gridView}\n            alt=\"Calendar View\"\n          />\n        );\n      default:\n        return null;\n    }\n  };\n\n  const renderViewName = (index: number) => {\n    switch (index) {\n      case 0:\n        return value === 0 ? \"Kanban View\" : \"1\";\n      case 1:\n        return value === 1 ? \"Calendar View\" : \"2\";\n      case 2:\n        return value === 2 ? \"List View\" : \"3\";\n      case 3:\n        return value === 3 ? \"Timeline View\" : \"4\";\n      case 4:\n        return value === 4 ? \"Grid\" : \"5\";\n      default:\n        return \"\";\n    }\n  };\n\n  return (\n    <>\n      <div className=\"shared-img-wrap\">\n        <Typography>{renderContentView()}</Typography>\n        <div className=\"shared-img-tab\">\n          <Box sx={{ width: \"100%\" }}>\n            <Tabs value={value} onChange={handleChange} centered>\n              <Tab key={0} label={renderViewName(0)} />\n              <Tab key={1} label={renderViewName(1)} />\n              <Tab key={2} label={renderViewName(2)} />\n              <Tab key={3} label={renderViewName(3)} />\n              <Tab key={4} label={renderViewName(4)} />\n            </Tabs>\n          </Box>\n        </div>\n      </div>\n    </>\n  );\n}\n\nexport default SharedPageView;\n"],"names":["props","pageValue","pages","onChange","value","setValue","useState","_a","viewStyle","renderViewName","index","jsx","Fragment","children","jsxs","className","Typography","src","images","sharedPage","kanbanView","alt","calendarView","tableView","ganttView","gridView","Box","sx","width","Tabs","_event","newValue","centered","Tab","label"],"mappings":"ybAKA,SAAwBA,SACtB,MAAMC,UAAEA,EAAAC,MAAWA,EAAAC,SAAOA,GAAaH,GAChCI,EAAOC,GAAYC,EAAAA,UAAS,OAAAC,EAAAL,EAAMD,SAAN,EAAAM,EAAkBC,WAAY,GAsD3DC,EAAkBC,IACtB,OAAQA,GACN,KAAK,EACH,OAAiB,IAAVN,EAAc,cAAgB,IACvC,KAAK,EACH,OAAiB,IAAVA,EAAc,gBAAkB,IACzC,KAAK,EACH,OAAiB,IAAVA,EAAc,YAAc,IACrC,KAAK,EACH,OAAiB,IAAVA,EAAc,gBAAkB,IACzC,KAAK,EACH,OAAiB,IAAVA,EAAc,OAAS,IAChC,QACE,MAAO;AAIb,OACEO,EAAAA,IAAAC,WAAA,CACEC,wBAAAC,EAAAA,KAAC,MAAA,CAAIC,UAAU,kBACbF,SAAA;eAAAF,EAAAA,IAACK,EAAAA,WAAA,CAAYH,SAnEO,MACxB,OAAQT,GACN,KAAK;AACH,OACEO,EAAAA,IAAC,MAAA,CACCI,UAAU,aACVE,IAAKC,EAAAA,OAAOC,WAAWC,WACvBC,IAAI,gBAGV,KAAK;AACH,OACEV,EAAAA,IAAC,MAAA,CACCI,UAAU,aACVE,IAAKC,EAAAA,OAAOC,WAAWG,aACvBD,IAAI,eAGV,KAAK;AACH,OACEV,EAAAA,IAAC,MAAA,CACCI,UAAU,aACVE,IAAKC,EAAAA,OAAOC,WAAWI,UACvBF,IAAI,cAGV,KAAK;AACH,OACEV,EAAAA,IAAC,MAAA,CACCI,UAAU,aACVE,IAAKC,EAAAA,OAAOC,WAAWK,UACvBH,IAAI,eAGV,KAAK;AACH,OACEV,EAAAA,IAAC,MAAA,CACCI,UAAU,aACVE,IAAKC,EAAAA,OAAOC,WAAWM,SACvBJ,IAAI,kBAGV,QACE,OAAO;qBAyBN,MAAA,CAAIN,UAAU,iBACbF,wBAAAF,EAAAA,IAACe,EAAAA,SAAIC,GAAI,CAAEC,MAAO,QAChBf,wBAAAC,OAACe,EAAAA,QAAA,CAAKzB,QAAcD,SA3ET,CAAC2B,EAAwBC,KAC5C1B,EAAS0B,GACT5B,EAAS4B,EAAW,IAyEgCC,UAAQ,EAClDnB,SAAA;eAAAF,EAAAA,IAACsB,EAAAA,QAAA,CAAYC,MAAOzB,EAAe,IAAzB;qBACTwB,EAAAA,QAAA,CAAYC,MAAOzB,EAAe,IAAzB;qBACTwB,EAAAA,QAAA,CAAYC,MAAOzB,EAAe,IAAzB;qBACTwB,EAAAA,QAAA,CAAYC,MAAOzB,EAAe,IAAzB;qBACTwB,EAAAA,QAAA,CAAYC,MAAOzB,EAAe,IAAzB,cAOxB"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/page-navigator/components/shared-page-view.tsx"],"sourcesContent":["import Typography from \"../../typography/typography\";\nimport images from \"../../../assets/images\";\nimport { Box, Tab, Tabs } from \"@mui/material\";\nimport { SyntheticEvent, useState } from \"react\";\n\nfunction SharedPageView(props: any) {\n  const { pageValue, pages, onChange } = props;\n  const [value, setValue] = useState(pages[pageValue]?.viewStyle - 1);\n\n  const handleChange = (_event: SyntheticEvent, newValue: number) => {\n    setValue(newValue);\n    onChange(newValue + 1);\n  };\n\n  const renderContentView = () => {\n    switch (value) {\n      case 0:\n        return (\n          <img\n            className=\"shared-img\"\n            src={images.sharedPage.kanbanView}\n            alt=\"Kanban View\"\n          />\n        );\n      case 1:\n        return (\n          <img\n            className=\"shared-img\"\n            src={images.sharedPage.calendarView}\n            alt=\"Gantt View\"\n          />\n        );\n      case 2:\n        return (\n          <img\n            className=\"shared-img\"\n            src={images.sharedPage.tableView}\n            alt=\"Grid View\"\n          />\n        );\n      case 3:\n        return (\n          <img\n            className=\"shared-img\"\n            src={images.sharedPage.ganttView}\n            alt=\"Table View\"\n          />\n        );\n      case 4:\n        return (\n          <img\n            className=\"shared-img\"\n            src={images.sharedPage.gridView}\n            alt=\"Calendar View\"\n          />\n        );\n      default:\n        return null;\n    }\n  };\n\n  const renderViewName = (index: number) => {\n    switch (index) {\n      case 0:\n        return value === 0 ? \"Kanban View\" : \"1\";\n      case 1:\n        return value === 1 ? \"Calendar View\" : \"2\";\n      case 2:\n        return value === 2 ? \"List View\" : \"3\";\n      case 3:\n        return value === 3 ? \"Timeline View\" : \"4\";\n      case 4:\n        return value === 4 ? \"Grid\" : \"5\";\n      default:\n        return \"\";\n    }\n  };\n\n  return (\n    <>\n      <div className=\"shared-img-wrap\">\n        <Typography>{renderContentView()}</Typography>\n        <div className=\"shared-img-tab\">\n          <Box sx={{ width: \"100%\" }}>\n            <Tabs value={value} onChange={handleChange} centered>\n              <Tab key={0} label={renderViewName(0)} />\n              <Tab key={1} label={renderViewName(1)} />\n              <Tab key={2} label={renderViewName(2)} />\n              <Tab key={3} label={renderViewName(3)} />\n              <Tab key={4} label={renderViewName(4)} />\n            </Tabs>\n          </Box>\n        </div>\n      </div>\n    </>\n  );\n}\n\nexport { SharedPageView };\nexport default SharedPageView;\n"],"names":["SharedPageView","props","pageValue","pages","onChange","value","setValue","useState","_a","viewStyle","renderViewName","index","jsx","Fragment","children","jsxs","className","Typography","src","images","sharedPage","kanbanView","alt","calendarView","tableView","ganttView","gridView","Box","sx","width","Tabs","_event","newValue","centered","Tab","label"],"mappings":"yaAKA,SAASA,EAAeC,SACtB,MAAMC,UAAEA,EAAAC,MAAWA,EAAAC,SAAOA,GAAaH,GAChCI,EAAOC,GAAYC,EAAAA,UAAS,OAAAC,EAAAL,EAAMD,SAAN,EAAAM,EAAkBC,WAAY,GAsD3DC,EAAkBC,IACtB,OAAQA,GACN,KAAK,EACH,OAAiB,IAAVN,EAAc,cAAgB,IACvC,KAAK,EACH,OAAiB,IAAVA,EAAc,gBAAkB,IACzC,KAAK,EACH,OAAiB,IAAVA,EAAc,YAAc,IACrC,KAAK,EACH,OAAiB,IAAVA,EAAc,gBAAkB,IACzC,KAAK,EACH,OAAiB,IAAVA,EAAc,OAAS,IAChC,QACE,MAAO;AAIb,OACEO,EAAAA,IAAAC,WAAA,CACEC,wBAAAC,EAAAA,KAAC,MAAA,CAAIC,UAAU,kBACbF,SAAA;eAAAF,EAAAA,IAACK,EAAAA,WAAA,CAAYH,SAnEO,MACxB,OAAQT,GACN,KAAK;AACH,OACEO,EAAAA,IAAC,MAAA,CACCI,UAAU,aACVE,IAAKC,EAAAA,OAAOC,WAAWC,WACvBC,IAAI,gBAGV,KAAK;AACH,OACEV,EAAAA,IAAC,MAAA,CACCI,UAAU,aACVE,IAAKC,EAAAA,OAAOC,WAAWG,aACvBD,IAAI,eAGV,KAAK;AACH,OACEV,EAAAA,IAAC,MAAA,CACCI,UAAU,aACVE,IAAKC,EAAAA,OAAOC,WAAWI,UACvBF,IAAI,cAGV,KAAK;AACH,OACEV,EAAAA,IAAC,MAAA,CACCI,UAAU,aACVE,IAAKC,EAAAA,OAAOC,WAAWK,UACvBH,IAAI,eAGV,KAAK;AACH,OACEV,EAAAA,IAAC,MAAA,CACCI,UAAU,aACVE,IAAKC,EAAAA,OAAOC,WAAWM,SACvBJ,IAAI,kBAGV,QACE,OAAO;qBAyBN,MAAA,CAAIN,UAAU,iBACbF,wBAAAF,EAAAA,IAACe,EAAAA,SAAIC,GAAI,CAAEC,MAAO,QAChBf,wBAAAC,OAACe,EAAAA,QAAA,CAAKzB,QAAcD,SA3ET,CAAC2B,EAAwBC,KAC5C1B,EAAS0B,GACT5B,EAAS4B,EAAW,IAyEgCC,UAAQ,EAClDnB,SAAA;eAAAF,EAAAA,IAACsB,EAAAA,QAAA,CAAYC,MAAOzB,EAAe,IAAzB;qBACTwB,EAAAA,QAAA,CAAYC,MAAOzB,EAAe,IAAzB;qBACTwB,EAAAA,QAAA,CAAYC,MAAOzB,EAAe,IAAzB;qBACTwB,EAAAA,QAAA,CAAYC,MAAOzB,EAAe,IAAzB;qBACTwB,EAAAA,QAAA,CAAYC,MAAOzB,EAAe,IAAzB,cAOxB"}

package/dist/components/page-navigator/components/shared-page-view.d.ts

@@ -0,0 +1,3 @@
+declare function SharedPageView(props: any): import("react/jsx-runtime").JSX.Element;
+export { SharedPageView };
+export default SharedPageView;

package/dist/components/page-navigator/index.d.ts

@@ -0,0 +1,3 @@
+export { default as PageNavigator } from './page-navigator';
+export * from './page-navigator';
+export * from './components';

package/dist/components/page-navigator/page-navigator/index.esm.js

@@ -3,13 +3,13 @@ import { useState, useCallback, useEffect } from "react";
 import default_1 from "../../../node_modules/@mui/icons-material/Menu/index.esm.js";
 import default_1$1 from "../../../node_modules/@mui/icons-material/KeyboardArrowDown/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
-import Menu from "../../menu/menu/index.esm.js";
-import AddPage from "../components/add-page/index.esm.js";
-import PageAction from "../components/page-action/index.esm.js";
-import Tooltip from "../../tooltip/Tooltip/index.esm.js";
+import { Menu } from "../../menu/menu/index.esm.js";
+import { AddPage } from "../components/add-page/index.esm.js";
+import { PageAction } from "../components/page-action/index.esm.js";
+import { Tooltip } from "../../tooltip/Tooltip/index.esm.js";
 import { defaultPageState } from "../../../contexts/page-context/index.esm.js";
 import { usePages } from "../../../hooks/use-pages/index.esm.js";
-import Button from "../../button/button/index.esm.js";
+import { Button } from "../../button/button/index.esm.js";
 import _ from "lodash";
 /* empty css                               */
 import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
@@ -53,11 +53,11 @@ const StyledTab = styled(Tab)(({ theme: { palette } }) => {
   };
 });
 const title = `successfully created, complete with your saved filters, sorting options, and views.`;
-function PageNavigator({
+const PageNavigator = ({
   // sharedPages,
   resource
   // handlePageDelete
-}) {
+}) => {
   const { pages, setPages, setActivePage, activePage, savePages, setIsChanged, isSaving, generatedColumns, sharedPages, isChanged, deletePage, isCreatePage, setIsCreatePage, addOrDeletePage } = usePages();
   const shareTitle = (owner) => `shared by ${owner}`;
   const [isActionsMenuOpen, setIsActionsMenuOpen] = useState(null);
@@ -245,8 +245,9 @@ function PageNavigator({
       }
     ) })
   ] });
-}
+};
 export {
+  PageNavigator,
   PageNavigator as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/page-navigator/page-navigator/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.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 '../../contexts/page-context';\nimport { usePages } from '../../hooks/use-pages';\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\ninterface 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 default function 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\t\t\n\t};\n\n\tconst handlePageDeleteFunction=(pages:any[])=>{\n\t\t\n\t\tdeletePage(pages)\n\t}\n\n\n\tconst handleAddOrdeletePage =useCallback(async\t () => {\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\tsetTimeout(()=>{\n\t\t\tsetIsCreatePage(false);\n\t\t\t\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\t<Box sx={{ display: 'flex', alignItems: 'center', gap:1 }}>\n\t\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\t<span>{page.name}</span>\n\t\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"],"names":["MUITab","_","pages","MenuIcon","page","KeyboardArrowDown"],"mappings":"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"}
+{"version":3,"file":"index.esm.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 '../../contexts/page-context';\nimport { usePages } from '../../hooks/use-pages';\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\t\t\n\t};\n\n\tconst handlePageDeleteFunction=(pages:any[])=>{\n\t\t\n\t\tdeletePage(pages)\n\t}\n\n\n\tconst handleAddOrdeletePage =useCallback(async\t () => {\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\tsetTimeout(()=>{\n\t\t\tsetIsCreatePage(false);\n\t\t\t\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\t<Box sx={{ display: 'flex', alignItems: 'center', gap:1 }}>\n\t\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\t<span>{page.name}</span>\n\t\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":["MUITab","_","pages","MenuIcon","page","KeyboardArrowDown"],"mappings":"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"}

package/dist/components/page-navigator/page-navigator/index.js

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),a=,/* empty css                                                    */l=,/* empty css                                                                 */n=,/* empty css                                 */r=,/* empty css                     */s=,/* empty css                            */t=,/* empty css                               */d=,/* empty css                           */o=,/* empty css                                    */u=,/* empty css                              */m=,/* empty css                         */c=require("lodash");;/* empty css                            */var p=,/* empty css                                                 */x=,/* empty css                                                               */g=,/* empty css                                                       */f=,/* empty css                                                         */v=,/* empty css                                                         */h=,/* empty css                                                           */j=,/* empty css                                                                           */b=,/* empty css                                                        */y=,/* empty css                                                   */_=;/* empty css                                                 */function q(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var P=/* @__PURE__ */q(c);const C=g.default(y.default)(()=>({minHeight:"fit-content",".MuiTabs-indicator":{height:"0px !important"},"& .MuiTabs-flexContainer":{gap:"4px"}})),T=g.default(_.default)(({theme:{palette:e}})=>{var i,a,l,n;return{minHeight:"2rem",textTransform:"none",padding:"0rem 1rem",minWidth:"fit-content",borderRadius:4,"&.Mui-selected":{background:null==(i=e.theme)?void 0:i.primary[100],color:null==(a=e.theme)?void 0:a.primary[700],borderTop:`2px solid ${null==(l=e.theme)?void 0:l.primary[700]}`},".MuiIconButton-root":{padding:"0rem"},"&:hover":{background:null==(n=e.theme)?void 0:n.primary[100]}}});exports.default=function({resource:c}){const{pages:g,setPages:y,setActivePage:_,activePage:q,savePages:S,setIsChanged:I,isSaving:w,generatedColumns:k,sharedPages:M,isChanged:z,deletePage:B,isCreatePage:D,setIsCreatePage:A,addOrDeletePage:$}=u.usePages(),[E,H]=i.useState(null),[K,N]=i.useState(),[O,R]=i.useState(null),W=()=>R(null),F=i.useCallback(async()=>{var e;if(D){const i=await $();200===i.status_code&&(y(null==(e=null==i?void 0:i.data)?void 0:e.pages),I(!1))}setTimeout(()=>{A(!1)},2e3)},[D]);return i.useEffect(()=>{F()},[F]),/* @__PURE__ */e.jsxs(p.default,{display:"flex",gap:2,alignItems:"center",className:"page-navigator-container",children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),a=,/* empty css                                                    */n=,/* empty css                                                                 */r=,/* empty css                                 */l=,/* empty css                     */s=,/* empty css                            */t=,/* empty css                               */o=,/* empty css                           */d=,/* empty css                                    */u=,/* empty css                              */m=,/* empty css                         */c=require("lodash");;/* empty css                            */var p=,/* empty css                                                 */x=,/* empty css                                                               */g=,/* empty css                                                       */v=,/* empty css                                                         */h=,/* empty css                                                         */f=,/* empty css                                                           */j=,/* empty css                                                                           */b=,/* empty css                                                        */y=,/* empty css                                                   */_=;/* empty css                                                 */function q(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var P=/* @__PURE__ */q(c);const C=g.default(y.default)(()=>({minHeight:"fit-content",".MuiTabs-indicator":{height:"0px !important"},"& .MuiTabs-flexContainer":{gap:"4px"}})),T=g.default(_.default)(({theme:{palette:e}})=>{var i,a,n,r;return{minHeight:"2rem",textTransform:"none",padding:"0rem 1rem",minWidth:"fit-content",borderRadius:4,"&.Mui-selected":{background:null==(i=e.theme)?void 0:i.primary[100],color:null==(a=e.theme)?void 0:a.primary[700],borderTop:`2px solid ${null==(n=e.theme)?void 0:n.primary[700]}`},".MuiIconButton-root":{padding:"0rem"},"&:hover":{background:null==(r=e.theme)?void 0:r.primary[100]}}}),S=({resource:c})=>{const{pages:g,setPages:y,setActivePage:_,activePage:q,savePages:S,setIsChanged:I,isSaving:w,generatedColumns:M,sharedPages:k,isChanged:z,deletePage:B,isCreatePage:A,setIsCreatePage:D,addOrDeletePage:$}=u.usePages(),[N,E]=i.useState(null),[H,K]=i.useState(),[O,R]=i.useState(null),W=()=>R(null),F=i.useCallback(async()=>{var e;if(A){const i=await $();200===i.status_code&&(y(null==(e=null==i?void 0:i.data)?void 0:e.pages),I(!1))}setTimeout(()=>{D(!1)},2e3)},[A]);return i.useEffect(()=>{F()},[F]),/* @__PURE__ */e.jsxs(p.default,{display:"flex",gap:2,alignItems:"center",className:"page-navigator-container",children:[
 /* @__PURE__ */e.jsxs(p.default,{display:"flex",className:"page-navigator",sx:{display:"flex",opacity:w?.5:1},children:[
 /* @__PURE__ */e.jsx(x.default,{onClick:e=>{e.stopPropagation(),R(e.currentTarget)},disabled:w,children:/* @__PURE__ */e.jsx(a.default,{fontSize:"small"})}),
-/* @__PURE__ */e.jsx(C,{value:null==q?void 0:q._id,variant:"scrollable",onChange:(e,i)=>{const a=g.find(e=>(null==e?void 0:e._id)==i);_(a)},"aria-label":"basic tabs example",children:null==g?void 0:g.map(i=>{/* @__PURE__ */return e.jsx(T,{iconPosition:"end",disableRipple:!0,icon:/* @__PURE__ */e.jsx(x.default,{size:"small",edge:"end",onClick:e=>{return l=i,(a=e).stopPropagation(),N(l),void H(a.currentTarget);var a,l},disabled:w,children:/* @__PURE__ */e.jsx(l.default,{fontSize:"small",color:(null==q?void 0:q._id)===(null==i?void 0:i._id)?"primary":void 0})}),label:/* @__PURE__ */e.jsx(d.default,{title:`The '${i.name}' page has been  ${(null==i?void 0:i.isShared)?(a=null==i?void 0:i.owner,`shared by ${a}`):"successfully created, complete with your saved filters, sorting options, and views."}`,placement:"top",arrow:!0,children:/* @__PURE__ */e.jsxs(p.default,{sx:{display:"flex",alignItems:"center",gap:1},children:[(null==i?void 0:i.isShared)&&/* @__PURE__ */e.jsx(f.default,{sx:{fontSize:"20px",color:"#4AC08C"}}),
+/* @__PURE__ */e.jsx(C,{value:null==q?void 0:q._id,variant:"scrollable",onChange:(e,i)=>{const a=g.find(e=>(null==e?void 0:e._id)==i);_(a)},"aria-label":"basic tabs example",children:null==g?void 0:g.map(i=>{/* @__PURE__ */return e.jsx(T,{iconPosition:"end",disableRipple:!0,icon:/* @__PURE__ */e.jsx(x.default,{size:"small",edge:"end",onClick:e=>{return n=i,(a=e).stopPropagation(),K(n),void E(a.currentTarget);var a,n},disabled:w,children:/* @__PURE__ */e.jsx(n.default,{fontSize:"small",color:(null==q?void 0:q._id)===(null==i?void 0:i._id)?"primary":void 0})}),label:/* @__PURE__ */e.jsx(o.Tooltip,{title:`The '${i.name}' page has been  ${(null==i?void 0:i.isShared)?(a=null==i?void 0:i.owner,`shared by ${a}`):"successfully created, complete with your saved filters, sorting options, and views."}`,placement:"top",arrow:!0,children:/* @__PURE__ */e.jsxs(p.default,{sx:{display:"flex",alignItems:"center",gap:1},children:[(null==i?void 0:i.isShared)&&/* @__PURE__ */e.jsx(v.default,{sx:{fontSize:"20px",color:"#4AC08C"}}),
 /* @__PURE__ */e.jsx("span",{children:i.name})]})},i._id),value:null==i?void 0:i._id},i);var a})}),
-/* @__PURE__ */e.jsx(v.default,{orientation:"vertical",variant:"middle",flexItem:!0,sx:{ml:2,borderWidth:"1px"}}),
-/* @__PURE__ */e.jsx(p.default,{display:"flex",alignItems:"center",children:/* @__PURE__ */e.jsx(s.default,{pages:g,handleAddPage:e=>{const i={...o.defaultPageState,...e,name:e.name,visible_columns:k.columns,column_order:P.default.uniq(k.orderKeys),_id:g.length+1,active_view:"Table",views:[{label:"Table",position:0}]},a=[...g,i];_({...i}),y([...a]),A(!0)},sharedPages:M})}),
-/* @__PURE__ */e.jsx(t.default,{open:E,onClose:()=>H(null),page:K,setPages:y,setCurrentPage:_,pages:g,resource:c,handlePageDelete:e=>{B(e)}}),
-/* @__PURE__ */e.jsx(r.default,{open:Boolean(O),anchorEl:O,onClose:W,children:null==g?void 0:g.map(i=>/* @__PURE__ */e.jsx(h.default,{selected:i._id===(null==q?void 0:q._id),onClick:()=>(_(i),void W()),children:/* @__PURE__ */e.jsx(n.Typography,{color:"theme.secondary.1000",type:"s4",children:i.name})},i._id))})]}),
-/* @__PURE__ */e.jsx(p.default,{display:"flex",alignItems:"center",children:/* @__PURE__ */e.jsx(m.default,{size:"small",variant:"contained",onClick:()=>S(),endIcon:w?/* @__PURE__ */e.jsx(j.default,{size:15,color:"inherit"}):/* @__PURE__ */e.jsx(b.default,{fontSize:"small"}),disabled:!z||w,children:"Save"})})]})};
+/* @__PURE__ */e.jsx(h.default,{orientation:"vertical",variant:"middle",flexItem:!0,sx:{ml:2,borderWidth:"1px"}}),
+/* @__PURE__ */e.jsx(p.default,{display:"flex",alignItems:"center",children:/* @__PURE__ */e.jsx(s.AddPage,{pages:g,handleAddPage:e=>{const i={...d.defaultPageState,...e,name:e.name,visible_columns:M.columns,column_order:P.default.uniq(M.orderKeys),_id:g.length+1,active_view:"Table",views:[{label:"Table",position:0}]},a=[...g,i];_({...i}),y([...a]),D(!0)},sharedPages:k})}),
+/* @__PURE__ */e.jsx(t.PageAction,{open:N,onClose:()=>E(null),page:H,setPages:y,setCurrentPage:_,pages:g,resource:c,handlePageDelete:e=>{B(e)}}),
+/* @__PURE__ */e.jsx(l.Menu,{open:Boolean(O),anchorEl:O,onClose:W,children:null==g?void 0:g.map(i=>/* @__PURE__ */e.jsx(f.default,{selected:i._id===(null==q?void 0:q._id),onClick:()=>(_(i),void W()),children:/* @__PURE__ */e.jsx(r.Typography,{color:"theme.secondary.1000",type:"s4",children:i.name})},i._id))})]}),
+/* @__PURE__ */e.jsx(p.default,{display:"flex",alignItems:"center",children:/* @__PURE__ */e.jsx(m.Button,{size:"small",variant:"contained",onClick:()=>S(),endIcon:w?/* @__PURE__ */e.jsx(j.default,{size:15,color:"inherit"}):/* @__PURE__ */e.jsx(b.default,{fontSize:"small"}),disabled:!z||w,children:"Save"})})]})};exports.PageNavigator=S,exports.default=S;
 //# sourceMappingURL=index.js.map

package/dist/components/page-navigator/page-navigator/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.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 '../../contexts/page-context';\nimport { usePages } from '../../hooks/use-pages';\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\ninterface 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 default function 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\t\t\n\t};\n\n\tconst handlePageDeleteFunction=(pages:any[])=>{\n\t\t\n\t\tdeletePage(pages)\n\t}\n\n\n\tconst handleAddOrdeletePage =useCallback(async\t () => {\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\tsetTimeout(()=>{\n\t\t\tsetIsCreatePage(false);\n\t\t\t\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\t<Box sx={{ display: 'flex', alignItems: 'center', gap:1 }}>\n\t\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\t<span>{page.name}</span>\n\t\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"],"names":["StyledTabs","styled","Tabs","minHeight","height","gap","StyledTab","MUITab","theme","palette","textTransform","padding","minWidth","borderRadius","background","_a","primary","color","_b","borderTop","_c","_d","resource","pages","setPages","setActivePage","activePage","savePages","setIsChanged","isSaving","generatedColumns","sharedPages","isChanged","deletePage","isCreatePage","setIsCreatePage","addOrDeletePage","usePages","isActionsMenuOpen","setIsActionsMenuOpen","useState","page","setPage","isAllPagesMenuOpen","setIsAllPagesMenuOpen","handleCloseAllPagesMenu","handleAddOrdeletePage","useCallback","async","res","status_code","data","setTimeout","useEffect","jsxs","Box","display","alignItems","className","children","sx","opacity","jsx","IconButton","onClick","event","stopPropagation","currentTarget","disabled","MenuIcon","fontSize","value","_id","variant","onChange","_","newValue","pg","find","p","map","iconPosition","disableRipple","icon","size","edge","e","handleOpenActionsMenu","clickedPage","KeyboardArrowDown","label","Tooltip","title","name","isShared","owner","placement","arrow","Share","Divider","orientation","flexItem","ml","borderWidth","AddPage","handleAddPage","newPage","nPage","defaultPageState","visible_columns","columns","column_order","uniq","orderKeys","length","active_view","views","position","updatedPages","PageAction","open","onClose","setCurrentPage","handlePageDelete","Menu","Boolean","anchorEl","MenuItem","selected","Typography","type","Button","endIcon","CircularProgress","Save"],"mappings":"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"}
+{"version":3,"file":"index.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 '../../contexts/page-context';\nimport { usePages } from '../../hooks/use-pages';\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\t\t\n\t};\n\n\tconst handlePageDeleteFunction=(pages:any[])=>{\n\t\t\n\t\tdeletePage(pages)\n\t}\n\n\n\tconst handleAddOrdeletePage =useCallback(async\t () => {\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\tsetTimeout(()=>{\n\t\t\tsetIsCreatePage(false);\n\t\t\t\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\t<Box sx={{ display: 'flex', alignItems: 'center', gap:1 }}>\n\t\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\t<span>{page.name}</span>\n\t\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":["StyledTabs","styled","Tabs","minHeight","height","gap","StyledTab","MUITab","theme","palette","textTransform","padding","minWidth","borderRadius","background","_a","primary","color","_b","borderTop","_c","_d","PageNavigator","resource","pages","setPages","setActivePage","activePage","savePages","setIsChanged","isSaving","generatedColumns","sharedPages","isChanged","deletePage","isCreatePage","setIsCreatePage","addOrDeletePage","usePages","isActionsMenuOpen","setIsActionsMenuOpen","useState","page","setPage","isAllPagesMenuOpen","setIsAllPagesMenuOpen","handleCloseAllPagesMenu","handleAddOrdeletePage","useCallback","async","res","status_code","data","setTimeout","useEffect","jsxs","Box","display","alignItems","className","children","sx","opacity","jsx","IconButton","onClick","event","stopPropagation","currentTarget","disabled","MenuIcon","fontSize","value","_id","variant","onChange","_","newValue","pg","find","p","map","iconPosition","disableRipple","icon","size","edge","e","handleOpenActionsMenu","clickedPage","KeyboardArrowDown","label","Tooltip","title","name","isShared","owner","placement","arrow","Share","Divider","orientation","flexItem","ml","borderWidth","AddPage","handleAddPage","newPage","nPage","defaultPageState","visible_columns","columns","column_order","uniq","orderKeys","length","active_view","views","position","updatedPages","PageAction","open","onClose","setCurrentPage","handlePageDelete","Menu","Boolean","anchorEl","MenuItem","selected","Typography","type","Button","endIcon","CircularProgress","Save"],"mappings":"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"}

package/dist/components/page-navigator/page-navigator.d.ts

@@ -0,0 +1,15 @@
+import { IPage } from '../../@types/page';
+import { default as React } from 'react';
+
+export interface IPageNavigator {
+    pages: IPage[];
+    setPages: React.Dispatch<React.SetStateAction<IPage[]>>;
+    currentPage: string | number;
+    setCurrentPage: React.Dispatch<React.SetStateAction<number>>;
+    sharedPages: any;
+    resource: string;
+    handlePageDelete: (pages: any[]) => void;
+    isPageSaving?: boolean;
+}
+export declare const PageNavigator: ({ resource, }: IPageNavigator) => import("react/jsx-runtime").JSX.Element;
+export default PageNavigator;

package/dist/components/pagination/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Pagination } from './pagination';
+export * from './pagination';

package/dist/components/pagination/pagination/index.esm.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Typography } from "../../typography/typography/index.esm.js";
-import Select from "../../select/select/index.esm.js";
+import { Select } from "../../select/select/index.esm.js";
 import default_1$1 from "../../../node_modules/@mui/icons-material/ChevronLeft/index.esm.js";
 import default_1 from "../../../node_modules/@mui/icons-material/ChevronRight/index.esm.js";
 /* empty css                           */
@@ -134,6 +134,7 @@ const Pagination = ({
   ] });
 };
 export {
+  Pagination,
   Pagination as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/pagination/pagination/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { Box, IconButton, MenuItem, SelectChangeEvent, TextField } from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport Select from \"../select/select\";\nimport ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\nimport ChevronRightICon from \"@mui/icons-material/ChevronRight\";\nimport \"./pagination.scss\";\nimport { IPaginationModel } from \"../../@types/pagination-model\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { usePages } from \"../../hooks/use-pages\";\nimport { useEffect } from \"react\";\n\ninterface IPagination {\n  paginationModel: IPaginationModel;\n  handlePaginationModel: (model: IPaginationModel) => void;\n  totalPages: number;\n}\n\nconst Pagination = ({\n  paginationModel,\n  totalPages,\n  handlePaginationModel,\n}: IPagination) => {\n  const { pageNo, limit } = paginationModel;\n  const skip=limit*(pageNo-1)\n  const pageSizeOptions = [10, 20, 50];\n  const {isRtl}=useLanguage();\n const {setIsChanged,setActivePage,activePage}=usePages();\n  const handleLimitChange = (e: SelectChangeEvent<unknown>) => {\n    const newModel = {\n      ...paginationModel,\n      page: 1,\n      pageNo: 1,\n      limit: e?.target?.value as number,\n    };\n    handlePaginationModel(newModel);\n  };\n\n  const handleNextPage = () => {\n    if (pageNo < totalPages) {\n      const newModel = {\n        ...paginationModel,\n        pageNo: parseInt(pageNo) + 1,\n      };\n      handlePaginationModel(newModel);\n      setIsChanged(true)\n    }\n  };\n  const handlePrevPage = () => {\n    if (pageNo > 1) {\n      const newModel = {\n        ...paginationModel,\n        pageNo: parseInt(pageNo) - 1,\n      };\n      handlePaginationModel(newModel);\n      setIsChanged(true)\n    }\n  };\n\n  const handleEnterKey = (event) => {\n    if (event.key === 'Enter') {\n      const value = event.target.value;\n      if (parseInt(value) > 0 && parseInt(value) <= totalPages) {\n        const newModel = {\n          ...paginationModel,\n          pageNo: parseInt(value),\n        };  \n        handlePaginationModel(newModel);\n        setIsChanged(true)\n      }\n      \n    }\n  };\n\n  useEffect(()=>{\n    setActivePage({...activePage,skip,pageNo})\n    //eslint-disable-next-line react-hooks/exhaustive-deps\n  },[pageNo])\n\n\n\n  return (\n    <Box className=\"pagination\" borderTop={\"2px solid theme.secondary.200\"}>\n      <Typography color=\"theme.secondary.800\" type=\"s4\">\n        Items per page :\n      </Typography>\n      <Select\n        value={limit}\n        size=\"small\"\n        className=\"page-size-select\"\n        onChange={handleLimitChange}\n        variant=\"outlined\"\n        MenuProps={{\n          sx:{\n            maxWidth:\"unset\"\n          }\n        }}\n      >\n        {pageSizeOptions?.map((size) => (\n          <MenuItem key={size} value={size}>\n            {size}\n          </MenuItem>\n        ))}\n      </Select>\n\n      <Typography color=\"theme.secondary.800\" type=\"s4\">\n        Go To :\n      </Typography>\n\n        <TextField\n          type=\"number\"\n          className=\"goto-box\"\n          id=\"outlined-required\"\n          defaultValue=\"\"\n          onKeyDown={handleEnterKey}\n        />\n\n      <IconButton onClick={handlePrevPage} size=\"small\" disabled={paginationModel.pageNo === 1}>\n       {isRtl ? <ChevronRightICon /> : <ChevronLeftIcon />} \n      </IconButton>\n      <Typography\n       sx={{\n         ...(isRtl ? { ml: 0.5 } : { mr: 0.5 })\n       }}\n        type=\"s4\"\n        weight=\"normal\"\n        color=\"theme.secondary.700\"\n      >\n        Page{\" \"}\n      </Typography>\n      {/* <input value={pageNo} type=\"number\" className=\"page-input\" />{\" \"} */}\n      <Typography type=\"s4\" weight=\"medium\" color=\"theme.secondary.1000\">\n        {pageNo}{\" \"}\n      </Typography>\n      <Typography\n        mx={0.5}\n        type=\"s4\"\n        weight=\"normal\"\n        color=\"theme.secondary.700\"\n      >\n        of{\" \"}\n      </Typography>\n      <Typography type=\"s4\" weight=\"medium\" color=\"theme.secondary.1000\">\n        {totalPages || 1}\n      </Typography>\n      {/* </Box> */}\n      <IconButton onClick={handleNextPage} size=\"small\" disabled={paginationModel.pageNo === totalPages}>\n        {isRtl ? <ChevronLeftIcon /> :<ChevronRightICon />}\n      </IconButton>\n    </Box>\n  );\n};\n\nexport default Pagination;\n"],"names":["ChevronRightICon","ChevronLeftIcon"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { Box, IconButton, MenuItem, SelectChangeEvent, TextField } from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport Select from \"../select/select\";\nimport ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\nimport ChevronRightICon from \"@mui/icons-material/ChevronRight\";\nimport \"./pagination.scss\";\nimport { IPaginationModel } from \"../../@types/pagination-model\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { usePages } from \"../../hooks/use-pages\";\nimport { useEffect } from \"react\";\n\ninterface IPagination {\n  paginationModel: IPaginationModel;\n  handlePaginationModel: (model: IPaginationModel) => void;\n  totalPages: number;\n}\n\nconst Pagination = ({\n  paginationModel,\n  totalPages,\n  handlePaginationModel,\n}: IPagination) => {\n  const { pageNo, limit } = paginationModel;\n  const skip=limit*(pageNo-1)\n  const pageSizeOptions = [10, 20, 50];\n  const {isRtl}=useLanguage();\n const {setIsChanged,setActivePage,activePage}=usePages();\n  const handleLimitChange = (e: SelectChangeEvent<unknown>) => {\n    const newModel = {\n      ...paginationModel,\n      page: 1,\n      pageNo: 1,\n      limit: e?.target?.value as number,\n    };\n    handlePaginationModel(newModel);\n  };\n\n  const handleNextPage = () => {\n    if (pageNo < totalPages) {\n      const newModel = {\n        ...paginationModel,\n        pageNo: parseInt(pageNo) + 1,\n      };\n      handlePaginationModel(newModel);\n      setIsChanged(true)\n    }\n  };\n  const handlePrevPage = () => {\n    if (pageNo > 1) {\n      const newModel = {\n        ...paginationModel,\n        pageNo: parseInt(pageNo) - 1,\n      };\n      handlePaginationModel(newModel);\n      setIsChanged(true)\n    }\n  };\n\n  const handleEnterKey = (event) => {\n    if (event.key === 'Enter') {\n      const value = event.target.value;\n      if (parseInt(value) > 0 && parseInt(value) <= totalPages) {\n        const newModel = {\n          ...paginationModel,\n          pageNo: parseInt(value),\n        };  \n        handlePaginationModel(newModel);\n        setIsChanged(true)\n      }\n      \n    }\n  };\n\n  useEffect(()=>{\n    setActivePage({...activePage,skip,pageNo})\n    //eslint-disable-next-line react-hooks/exhaustive-deps\n  },[pageNo])\n\n\n\n  return (\n    <Box className=\"pagination\" borderTop={\"2px solid theme.secondary.200\"}>\n      <Typography color=\"theme.secondary.800\" type=\"s4\">\n        Items per page :\n      </Typography>\n      <Select\n        value={limit}\n        size=\"small\"\n        className=\"page-size-select\"\n        onChange={handleLimitChange}\n        variant=\"outlined\"\n        MenuProps={{\n          sx:{\n            maxWidth:\"unset\"\n          }\n        }}\n      >\n        {pageSizeOptions?.map((size) => (\n          <MenuItem key={size} value={size}>\n            {size}\n          </MenuItem>\n        ))}\n      </Select>\n\n      <Typography color=\"theme.secondary.800\" type=\"s4\">\n        Go To :\n      </Typography>\n\n        <TextField\n          type=\"number\"\n          className=\"goto-box\"\n          id=\"outlined-required\"\n          defaultValue=\"\"\n          onKeyDown={handleEnterKey}\n        />\n\n      <IconButton onClick={handlePrevPage} size=\"small\" disabled={paginationModel.pageNo === 1}>\n       {isRtl ? <ChevronRightICon /> : <ChevronLeftIcon />} \n      </IconButton>\n      <Typography\n       sx={{\n         ...(isRtl ? { ml: 0.5 } : { mr: 0.5 })\n       }}\n        type=\"s4\"\n        weight=\"normal\"\n        color=\"theme.secondary.700\"\n      >\n        Page{\" \"}\n      </Typography>\n      {/* <input value={pageNo} type=\"number\" className=\"page-input\" />{\" \"} */}\n      <Typography type=\"s4\" weight=\"medium\" color=\"theme.secondary.1000\">\n        {pageNo}{\" \"}\n      </Typography>\n      <Typography\n        mx={0.5}\n        type=\"s4\"\n        weight=\"normal\"\n        color=\"theme.secondary.700\"\n      >\n        of{\" \"}\n      </Typography>\n      <Typography type=\"s4\" weight=\"medium\" color=\"theme.secondary.1000\">\n        {totalPages || 1}\n      </Typography>\n      {/* </Box> */}\n      <IconButton onClick={handleNextPage} size=\"small\" disabled={paginationModel.pageNo === totalPages}>\n        {isRtl ? <ChevronLeftIcon /> :<ChevronRightICon />}\n      </IconButton>\n    </Box>\n  );\n};\n\nexport { Pagination };\nexport default Pagination;\n"],"names":["ChevronRightICon","ChevronLeftIcon"],"mappings":"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"}

package/dist/components/pagination/pagination/index.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=,/* empty css                                 */a=,/* empty css                         */o=,/* empty css                                                           */i=;/* empty css                                                            */;/* empty css                        */var r=,/* empty css                                */t=,/* empty css                              */n=require("react"),l=,/* empty css                                                 */d=,/* empty css                                                           */u=,/* empty css                                                             */p=;/* empty css                                                               */exports.default=({paginationModel:c,totalPages:m,handlePaginationModel:g})=>{const{pageNo:x,limit:h}=c,y=h*(x-1),j=[10,20,50],{isRtl:f}=r.useLanguage(),{setIsChanged:v,setActivePage:q,activePage:I}=t.usePages();return n.useEffect(()=>{q({...I,skip:y,pageNo:x})},[x]),/* @__PURE__ */e.jsxs(l.default,{className:"pagination",borderTop:"2px solid theme.secondary.200",children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=,/* empty css                                 */a=,/* empty css                         */o=,/* empty css                                                           */i=;/* empty css                                                            */;/* empty css                        */var t=,/* empty css                                */r=,/* empty css                              */n=require("react"),l=,/* empty css                                                 */d=,/* empty css                                                           */u=,/* empty css                                                             */p=;/* empty css                                                               */const c=({paginationModel:c,totalPages:m,handlePaginationModel:g})=>{const{pageNo:x,limit:h}=c,y=h*(x-1),j=[10,20,50],{isRtl:f}=t.useLanguage(),{setIsChanged:v,setActivePage:q,activePage:I}=r.usePages();return n.useEffect(()=>{q({...I,skip:y,pageNo:x})},[x]),/* @__PURE__ */e.jsxs(l.default,{className:"pagination",borderTop:"2px solid theme.secondary.200",children:[
 /* @__PURE__ */e.jsx(s.Typography,{color:"theme.secondary.800",type:"s4",children:"Items per page :"}),
-/* @__PURE__ */e.jsx(a.default,{value:h,size:"small",className:"page-size-select",onChange:e=>{var s;const a={...c,page:1,pageNo:1,limit:null==(s=null==e?void 0:e.target)?void 0:s.value};g(a)},variant:"outlined",MenuProps:{sx:{maxWidth:"unset"}},children:null==j?void 0:j.map(s=>/* @__PURE__ */e.jsx(d.default,{value:s,children:s},s))}),
+/* @__PURE__ */e.jsx(a.Select,{value:h,size:"small",className:"page-size-select",onChange:e=>{var s;const a={...c,page:1,pageNo:1,limit:null==(s=null==e?void 0:e.target)?void 0:s.value};g(a)},variant:"outlined",MenuProps:{sx:{maxWidth:"unset"}},children:null==j?void 0:j.map(s=>/* @__PURE__ */e.jsx(d.default,{value:s,children:s},s))}),
 /* @__PURE__ */e.jsx(s.Typography,{color:"theme.secondary.800",type:"s4",children:"Go To :"}),
 /* @__PURE__ */e.jsx(u.default,{type:"number",className:"goto-box",id:"outlined-required",defaultValue:"",onKeyDown:e=>{if("Enter"===e.key){const s=e.target.value;if(parseInt(s)>0&&parseInt(s)<=m){const e={...c,pageNo:parseInt(s)};g(e),v(!0)}}}}),
 /* @__PURE__ */e.jsx(p.default,{onClick:()=>{if(x>1){const e={...c,pageNo:parseInt(x)-1};g(e),v(!0)}},size:"small",disabled:1===c.pageNo,children:f?/* @__PURE__ */e.jsx(i.default,{}):/* @__PURE__ */e.jsx(o.default,{})}),
@@ -8,5 +8,5 @@
 /* @__PURE__ */e.jsxs(s.Typography,{type:"s4",weight:"medium",color:"theme.secondary.1000",children:[x," "]}),
 /* @__PURE__ */e.jsxs(s.Typography,{mx:.5,type:"s4",weight:"normal",color:"theme.secondary.700",children:["of"," "]}),
 /* @__PURE__ */e.jsx(s.Typography,{type:"s4",weight:"medium",color:"theme.secondary.1000",children:m||1}),
-/* @__PURE__ */e.jsx(p.default,{onClick:()=>{if(x<m){const e={...c,pageNo:parseInt(x)+1};g(e),v(!0)}},size:"small",disabled:c.pageNo===m,children:f?/* @__PURE__ */e.jsx(o.default,{}):/* @__PURE__ */e.jsx(i.default,{})})]})};
+/* @__PURE__ */e.jsx(p.default,{onClick:()=>{if(x<m){const e={...c,pageNo:parseInt(x)+1};g(e),v(!0)}},size:"small",disabled:c.pageNo===m,children:f?/* @__PURE__ */e.jsx(o.default,{}):/* @__PURE__ */e.jsx(i.default,{})})]})};exports.Pagination=c,exports.default=c;
 //# sourceMappingURL=index.js.map

package/dist/components/pagination/pagination/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { Box, IconButton, MenuItem, SelectChangeEvent, TextField } from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport Select from \"../select/select\";\nimport ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\nimport ChevronRightICon from \"@mui/icons-material/ChevronRight\";\nimport \"./pagination.scss\";\nimport { IPaginationModel } from \"../../@types/pagination-model\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { usePages } from \"../../hooks/use-pages\";\nimport { useEffect } from \"react\";\n\ninterface IPagination {\n  paginationModel: IPaginationModel;\n  handlePaginationModel: (model: IPaginationModel) => void;\n  totalPages: number;\n}\n\nconst Pagination = ({\n  paginationModel,\n  totalPages,\n  handlePaginationModel,\n}: IPagination) => {\n  const { pageNo, limit } = paginationModel;\n  const skip=limit*(pageNo-1)\n  const pageSizeOptions = [10, 20, 50];\n  const {isRtl}=useLanguage();\n const {setIsChanged,setActivePage,activePage}=usePages();\n  const handleLimitChange = (e: SelectChangeEvent<unknown>) => {\n    const newModel = {\n      ...paginationModel,\n      page: 1,\n      pageNo: 1,\n      limit: e?.target?.value as number,\n    };\n    handlePaginationModel(newModel);\n  };\n\n  const handleNextPage = () => {\n    if (pageNo < totalPages) {\n      const newModel = {\n        ...paginationModel,\n        pageNo: parseInt(pageNo) + 1,\n      };\n      handlePaginationModel(newModel);\n      setIsChanged(true)\n    }\n  };\n  const handlePrevPage = () => {\n    if (pageNo > 1) {\n      const newModel = {\n        ...paginationModel,\n        pageNo: parseInt(pageNo) - 1,\n      };\n      handlePaginationModel(newModel);\n      setIsChanged(true)\n    }\n  };\n\n  const handleEnterKey = (event) => {\n    if (event.key === 'Enter') {\n      const value = event.target.value;\n      if (parseInt(value) > 0 && parseInt(value) <= totalPages) {\n        const newModel = {\n          ...paginationModel,\n          pageNo: parseInt(value),\n        };  \n        handlePaginationModel(newModel);\n        setIsChanged(true)\n      }\n      \n    }\n  };\n\n  useEffect(()=>{\n    setActivePage({...activePage,skip,pageNo})\n    //eslint-disable-next-line react-hooks/exhaustive-deps\n  },[pageNo])\n\n\n\n  return (\n    <Box className=\"pagination\" borderTop={\"2px solid theme.secondary.200\"}>\n      <Typography color=\"theme.secondary.800\" type=\"s4\">\n        Items per page :\n      </Typography>\n      <Select\n        value={limit}\n        size=\"small\"\n        className=\"page-size-select\"\n        onChange={handleLimitChange}\n        variant=\"outlined\"\n        MenuProps={{\n          sx:{\n            maxWidth:\"unset\"\n          }\n        }}\n      >\n        {pageSizeOptions?.map((size) => (\n          <MenuItem key={size} value={size}>\n            {size}\n          </MenuItem>\n        ))}\n      </Select>\n\n      <Typography color=\"theme.secondary.800\" type=\"s4\">\n        Go To :\n      </Typography>\n\n        <TextField\n          type=\"number\"\n          className=\"goto-box\"\n          id=\"outlined-required\"\n          defaultValue=\"\"\n          onKeyDown={handleEnterKey}\n        />\n\n      <IconButton onClick={handlePrevPage} size=\"small\" disabled={paginationModel.pageNo === 1}>\n       {isRtl ? <ChevronRightICon /> : <ChevronLeftIcon />} \n      </IconButton>\n      <Typography\n       sx={{\n         ...(isRtl ? { ml: 0.5 } : { mr: 0.5 })\n       }}\n        type=\"s4\"\n        weight=\"normal\"\n        color=\"theme.secondary.700\"\n      >\n        Page{\" \"}\n      </Typography>\n      {/* <input value={pageNo} type=\"number\" className=\"page-input\" />{\" \"} */}\n      <Typography type=\"s4\" weight=\"medium\" color=\"theme.secondary.1000\">\n        {pageNo}{\" \"}\n      </Typography>\n      <Typography\n        mx={0.5}\n        type=\"s4\"\n        weight=\"normal\"\n        color=\"theme.secondary.700\"\n      >\n        of{\" \"}\n      </Typography>\n      <Typography type=\"s4\" weight=\"medium\" color=\"theme.secondary.1000\">\n        {totalPages || 1}\n      </Typography>\n      {/* </Box> */}\n      <IconButton onClick={handleNextPage} size=\"small\" disabled={paginationModel.pageNo === totalPages}>\n        {isRtl ? <ChevronLeftIcon /> :<ChevronRightICon />}\n      </IconButton>\n    </Box>\n  );\n};\n\nexport default Pagination;\n"],"names":["paginationModel","totalPages","handlePaginationModel","pageNo","limit","skip","pageSizeOptions","isRtl","useLanguage","setIsChanged","setActivePage","activePage","usePages","useEffect","jsxs","Box","className","borderTop","children","jsx","Typography","color","type","Select","value","size","onChange","e","newModel","page","_a","target","variant","MenuProps","sx","maxWidth","map","MenuItem","TextField","id","defaultValue","onKeyDown","event","key","parseInt","IconButton","onClick","disabled","ChevronRightICon","ChevronLeftIcon","ml","mr","weight","mx"],"mappings":"szBAiBmB,EACjBA,kBACAC,aACAC,4BAEA,MAAMC,OAAEA,EAAAC,MAAQA,GAAUJ,EACpBK,EAAKD,GAAOD,EAAO,GACnBG,EAAkB,CAAC,GAAI,GAAI,KAC3BC,MAACA,GAAOC,iBACTC,aAACA,EAAAC,cAAaA,EAAAC,WAAcA,GAAYC,EAAAA,WAsD7C,OAPAC,EAAAA,UAAU,KACRH,EAAc,IAAIC,EAAWN,OAAKF,YAElC,CAACA,mBAKDW,EAAAA,KAACC,EAAAA,QAAA,CAAIC,UAAU,aAAaC,UAAW,gCACrCC,SAAA;eAAAC,MAACC,EAAAA,WAAA,CAAWC,MAAM,sBAAsBC,KAAK,KAAKJ,SAAA;eAGlDC,EAAAA,IAACI,EAAAA,QAAA,CACCC,MAAOpB,EACPqB,KAAK,QACLT,UAAU,mBACVU,SA9DqBC,UACzB,MAAMC,EAAW,IACZ5B,EACH6B,KAAM,EACN1B,OAAQ,EACRC,MAAO,OAAA0B,EAAA,MAAAH,OAAA,EAAAA,EAAGI,aAAH,EAAAD,EAAWN,OAEpBtB,EAAsB0B,IAwDlBI,QAAQ,WACRC,UAAW,CACTC,GAAG,CACDC,SAAS,UAIZjB,SAAA,MAAAZ,OAAA,EAAAA,EAAiB8B,IAAKX,kBACrBN,EAAAA,IAACkB,EAAAA,SAAoBb,MAAOC,EACzBP,SAAAO,GADYA;qBAMlBL,EAAAA,WAAA,CAAWC,MAAM,sBAAsBC,KAAK,KAAKJ,SAAA;eAIhDC,EAAAA,IAACmB,EAAAA,QAAA,CACChB,KAAK,SACLN,UAAU,WACVuB,GAAG,oBACHC,aAAa,GACbC,UAvDgBC,IACtB,GAAkB,UAAdA,EAAMC,IAAiB,CACzB,MAAMnB,EAAQkB,EAAMX,OAAOP,MAC3B,GAAIoB,SAASpB,GAAS,GAAKoB,SAASpB,IAAUvB,EAAY,CACxD,MAAM2B,EAAW,IACZ5B,EACHG,OAAQyC,SAASpB,IAEnBtB,EAAsB0B,GACtBnB,GAAa,EACf,CAEF;qBA8CGoC,EAAAA,QAAA,CAAWC,QArEO,KACrB,GAAI3C,EAAS,EAAG,CACd,MAAMyB,EAAW,IACZ5B,EACHG,OAAQyC,SAASzC,GAAU,GAE7BD,EAAsB0B,GACtBnB,GAAa,EACf,GA6DuCgB,KAAK,QAAQsB,SAAqC,IAA3B/C,EAAgBG,OAC1Ee,0BAAQC,EAAAA,IAAC6B,UAAA,CAAA,kBAAsB7B,MAAC8B,EAAAA;eAElCnC,EAAAA,KAACM,EAAAA,WAAA,CACAc,GAAI,IACE3B,EAAQ,CAAE2C,GAAI,IAAQ,CAAEC,GAAI,KAEjC7B,KAAK,KACL8B,OAAO,SACP/B,MAAM,sBACPH,SAAA,CAAA,OACM;sBAGNE,EAAAA,WAAA,CAAWE,KAAK,KAAK8B,OAAO,SAAS/B,MAAM,uBACzCH,SAAA,CAAAf,EAAQ;eAEXW,EAAAA,KAACM,EAAAA,WAAA,CACCiC,GAAI,GACJ/B,KAAK,KACL8B,OAAO,SACP/B,MAAM,sBACPH,SAAA,CAAA,KACI;eAELC,EAAAA,IAACC,EAAAA,YAAWE,KAAK,KAAK8B,OAAO,SAAS/B,MAAM,uBACzCH,SAAAjB,GAAc;qBAGhB4C,EAAAA,QAAA,CAAWC,QA5GO,KACrB,GAAI3C,EAASF,EAAY,CACvB,MAAM2B,EAAW,IACZ5B,EACHG,OAAQyC,SAASzC,GAAU,GAE7BD,EAAsB0B,GACtBnB,GAAa,EACf,GAoGuCgB,KAAK,QAAQsB,SAAU/C,EAAgBG,SAAWF,EACpFiB,0BAAQC,EAAAA,IAAC8B,EAAAA,QAAA,CAAA,kBAAoB9B,EAAAA,IAAC6B"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { Box, IconButton, MenuItem, SelectChangeEvent, TextField } from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport Select from \"../select/select\";\nimport ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\nimport ChevronRightICon from \"@mui/icons-material/ChevronRight\";\nimport \"./pagination.scss\";\nimport { IPaginationModel } from \"../../@types/pagination-model\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { usePages } from \"../../hooks/use-pages\";\nimport { useEffect } from \"react\";\n\ninterface IPagination {\n  paginationModel: IPaginationModel;\n  handlePaginationModel: (model: IPaginationModel) => void;\n  totalPages: number;\n}\n\nconst Pagination = ({\n  paginationModel,\n  totalPages,\n  handlePaginationModel,\n}: IPagination) => {\n  const { pageNo, limit } = paginationModel;\n  const skip=limit*(pageNo-1)\n  const pageSizeOptions = [10, 20, 50];\n  const {isRtl}=useLanguage();\n const {setIsChanged,setActivePage,activePage}=usePages();\n  const handleLimitChange = (e: SelectChangeEvent<unknown>) => {\n    const newModel = {\n      ...paginationModel,\n      page: 1,\n      pageNo: 1,\n      limit: e?.target?.value as number,\n    };\n    handlePaginationModel(newModel);\n  };\n\n  const handleNextPage = () => {\n    if (pageNo < totalPages) {\n      const newModel = {\n        ...paginationModel,\n        pageNo: parseInt(pageNo) + 1,\n      };\n      handlePaginationModel(newModel);\n      setIsChanged(true)\n    }\n  };\n  const handlePrevPage = () => {\n    if (pageNo > 1) {\n      const newModel = {\n        ...paginationModel,\n        pageNo: parseInt(pageNo) - 1,\n      };\n      handlePaginationModel(newModel);\n      setIsChanged(true)\n    }\n  };\n\n  const handleEnterKey = (event) => {\n    if (event.key === 'Enter') {\n      const value = event.target.value;\n      if (parseInt(value) > 0 && parseInt(value) <= totalPages) {\n        const newModel = {\n          ...paginationModel,\n          pageNo: parseInt(value),\n        };  \n        handlePaginationModel(newModel);\n        setIsChanged(true)\n      }\n      \n    }\n  };\n\n  useEffect(()=>{\n    setActivePage({...activePage,skip,pageNo})\n    //eslint-disable-next-line react-hooks/exhaustive-deps\n  },[pageNo])\n\n\n\n  return (\n    <Box className=\"pagination\" borderTop={\"2px solid theme.secondary.200\"}>\n      <Typography color=\"theme.secondary.800\" type=\"s4\">\n        Items per page :\n      </Typography>\n      <Select\n        value={limit}\n        size=\"small\"\n        className=\"page-size-select\"\n        onChange={handleLimitChange}\n        variant=\"outlined\"\n        MenuProps={{\n          sx:{\n            maxWidth:\"unset\"\n          }\n        }}\n      >\n        {pageSizeOptions?.map((size) => (\n          <MenuItem key={size} value={size}>\n            {size}\n          </MenuItem>\n        ))}\n      </Select>\n\n      <Typography color=\"theme.secondary.800\" type=\"s4\">\n        Go To :\n      </Typography>\n\n        <TextField\n          type=\"number\"\n          className=\"goto-box\"\n          id=\"outlined-required\"\n          defaultValue=\"\"\n          onKeyDown={handleEnterKey}\n        />\n\n      <IconButton onClick={handlePrevPage} size=\"small\" disabled={paginationModel.pageNo === 1}>\n       {isRtl ? <ChevronRightICon /> : <ChevronLeftIcon />} \n      </IconButton>\n      <Typography\n       sx={{\n         ...(isRtl ? { ml: 0.5 } : { mr: 0.5 })\n       }}\n        type=\"s4\"\n        weight=\"normal\"\n        color=\"theme.secondary.700\"\n      >\n        Page{\" \"}\n      </Typography>\n      {/* <input value={pageNo} type=\"number\" className=\"page-input\" />{\" \"} */}\n      <Typography type=\"s4\" weight=\"medium\" color=\"theme.secondary.1000\">\n        {pageNo}{\" \"}\n      </Typography>\n      <Typography\n        mx={0.5}\n        type=\"s4\"\n        weight=\"normal\"\n        color=\"theme.secondary.700\"\n      >\n        of{\" \"}\n      </Typography>\n      <Typography type=\"s4\" weight=\"medium\" color=\"theme.secondary.1000\">\n        {totalPages || 1}\n      </Typography>\n      {/* </Box> */}\n      <IconButton onClick={handleNextPage} size=\"small\" disabled={paginationModel.pageNo === totalPages}>\n        {isRtl ? <ChevronLeftIcon /> :<ChevronRightICon />}\n      </IconButton>\n    </Box>\n  );\n};\n\nexport { Pagination };\nexport default Pagination;\n"],"names":["Pagination","paginationModel","totalPages","handlePaginationModel","pageNo","limit","skip","pageSizeOptions","isRtl","useLanguage","setIsChanged","setActivePage","activePage","usePages","useEffect","jsxs","Box","className","borderTop","children","jsx","Typography","color","type","Select","value","size","onChange","e","newModel","page","_a","target","variant","MenuProps","sx","maxWidth","map","MenuItem","TextField","id","defaultValue","onKeyDown","event","key","parseInt","IconButton","onClick","disabled","ChevronRightICon","ChevronLeftIcon","ml","mr","weight","mx"],"mappings":"syBAiBA,MAAMA,EAAa,EACjBC,kBACAC,aACAC,4BAEA,MAAMC,OAAEA,EAAAC,MAAQA,GAAUJ,EACpBK,EAAKD,GAAOD,EAAO,GACnBG,EAAkB,CAAC,GAAI,GAAI,KAC3BC,MAACA,GAAOC,iBACTC,aAACA,EAAAC,cAAaA,EAAAC,WAAcA,GAAYC,EAAAA,WAsD7C,OAPAC,EAAAA,UAAU,KACRH,EAAc,IAAIC,EAAWN,OAAKF,YAElC,CAACA,mBAKDW,EAAAA,KAACC,EAAAA,QAAA,CAAIC,UAAU,aAAaC,UAAW,gCACrCC,SAAA;eAAAC,MAACC,EAAAA,WAAA,CAAWC,MAAM,sBAAsBC,KAAK,KAAKJ,SAAA;eAGlDC,EAAAA,IAACI,EAAAA,OAAA,CACCC,MAAOpB,EACPqB,KAAK,QACLT,UAAU,mBACVU,SA9DqBC,UACzB,MAAMC,EAAW,IACZ5B,EACH6B,KAAM,EACN1B,OAAQ,EACRC,MAAO,OAAA0B,EAAA,MAAAH,OAAA,EAAAA,EAAGI,aAAH,EAAAD,EAAWN,OAEpBtB,EAAsB0B,IAwDlBI,QAAQ,WACRC,UAAW,CACTC,GAAG,CACDC,SAAS,UAIZjB,SAAA,MAAAZ,OAAA,EAAAA,EAAiB8B,IAAKX,kBACrBN,EAAAA,IAACkB,EAAAA,SAAoBb,MAAOC,EACzBP,SAAAO,GADYA;qBAMlBL,EAAAA,WAAA,CAAWC,MAAM,sBAAsBC,KAAK,KAAKJ,SAAA;eAIhDC,EAAAA,IAACmB,EAAAA,QAAA,CACChB,KAAK,SACLN,UAAU,WACVuB,GAAG,oBACHC,aAAa,GACbC,UAvDgBC,IACtB,GAAkB,UAAdA,EAAMC,IAAiB,CACzB,MAAMnB,EAAQkB,EAAMX,OAAOP,MAC3B,GAAIoB,SAASpB,GAAS,GAAKoB,SAASpB,IAAUvB,EAAY,CACxD,MAAM2B,EAAW,IACZ5B,EACHG,OAAQyC,SAASpB,IAEnBtB,EAAsB0B,GACtBnB,GAAa,EACf,CAEF;qBA8CGoC,EAAAA,QAAA,CAAWC,QArEO,KACrB,GAAI3C,EAAS,EAAG,CACd,MAAMyB,EAAW,IACZ5B,EACHG,OAAQyC,SAASzC,GAAU,GAE7BD,EAAsB0B,GACtBnB,GAAa,EACf,GA6DuCgB,KAAK,QAAQsB,SAAqC,IAA3B/C,EAAgBG,OAC1Ee,0BAAQC,EAAAA,IAAC6B,UAAA,CAAA,kBAAsB7B,MAAC8B,EAAAA;eAElCnC,EAAAA,KAACM,EAAAA,WAAA,CACAc,GAAI,IACE3B,EAAQ,CAAE2C,GAAI,IAAQ,CAAEC,GAAI,KAEjC7B,KAAK,KACL8B,OAAO,SACP/B,MAAM,sBACPH,SAAA,CAAA,OACM;sBAGNE,EAAAA,WAAA,CAAWE,KAAK,KAAK8B,OAAO,SAAS/B,MAAM,uBACzCH,SAAA,CAAAf,EAAQ;eAEXW,EAAAA,KAACM,EAAAA,WAAA,CACCiC,GAAI,GACJ/B,KAAK,KACL8B,OAAO,SACP/B,MAAM,sBACPH,SAAA,CAAA,KACI;eAELC,EAAAA,IAACC,EAAAA,YAAWE,KAAK,KAAK8B,OAAO,SAAS/B,MAAM,uBACzCH,SAAAjB,GAAc;qBAGhB4C,EAAAA,QAAA,CAAWC,QA5GO,KACrB,GAAI3C,EAASF,EAAY,CACvB,MAAM2B,EAAW,IACZ5B,EACHG,OAAQyC,SAASzC,GAAU,GAE7BD,EAAsB0B,GACtBnB,GAAa,EACf,GAoGuCgB,KAAK,QAAQsB,SAAU/C,EAAgBG,SAAWF,EACpFiB,0BAAQC,EAAAA,IAAC8B,EAAAA,QAAA,CAAA,kBAAoB9B,EAAAA,IAAC6B"}

package/dist/components/pagination/pagination.d.ts

@@ -0,0 +1,10 @@
+import { IPaginationModel } from '../../@types/pagination-model';
+
+interface IPagination {
+    paginationModel: IPaginationModel;
+    handlePaginationModel: (model: IPaginationModel) => void;
+    totalPages: number;
+}
+declare const Pagination: ({ paginationModel, totalPages, handlePaginationModel, }: IPagination) => import("react/jsx-runtime").JSX.Element;
+export { Pagination };
+export default Pagination;