@erpsquad/common 1.11.8 → 1.11.9

package/dist/chunks/{page-action-BPzaL2KJ.js.map → page-action-8XNeWxvS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"page-action-BPzaL2KJ.js","sources":["../../src/components/page-navigator/components/page-action.tsx"],"sourcesContent":["import { Divider, MenuItem } from \"@mui/material\";\nimport Menu from \"../../menu/menu\";\nimport Typography from \"../../typography/typography\";\nimport { useEffect, useState } from \"react\";\nimport AddPageModal from \"./add-page-modal\";\nimport { IPage } from \"../../../@types/page\";\nimport SharePopUp from \"../../share-modal/share-modal\";\nimport { userRoles } from \"../../../views/beforeAuth/components/share-modal-data/share-modal-data\";\nimport ConfirmPopUp from \"../../confirm-modal/confirm-modal\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { pinToDashboardList } from \"../../../views/afterAuth/dashboard/redux/reducer\";\nimport {\n  // deleteV1DashboardId,\n  // putV1DashboardId,\n} from \"../../../api-client/api.system-feature/api\";\n// import type * as Types from \"../../api-client/api.system-feature/api-types\";\nimport { sharePage } from \"../../share-modal/redux/actionCreator\";\nimport { useAppDispatch } from \"../../../redux/hooks\";\nimport { generateRandomId } from \"../../../utils/common\";\nimport { usePages } from '@erpsquad/common/runtime';\n\ninterface IPageAction {\n  open: null | HTMLElement;\n  onClose: () => void;\n  page?: IPage;\n  pages: IPage[];\n  setCurrentPage: React.Dispatch<React.SetStateAction<number>>;\n  setPages: React.Dispatch<React.SetStateAction<IPage[]>>;\n  resource: string;\n  handlePageDelete: (pages: any[]) => void;\n}\n\nconst moveLeft = (arr: IPage[], pageValue: number) => {\n  const updatedArray = [...arr];\n  if (updatedArray.length <= 1) return;\n\n  const index = updatedArray.findIndex((item) => item._id === pageValue);\n\n  if (index === 0) return;\n\n  const elementToShift = updatedArray.splice(index, 1)[0];\n  updatedArray.splice(index - 1, 0, elementToShift);\n  return updatedArray;\n};\n\nconst moveRight = (arr: IPage[], pageValue: number) => {\n  const updatedArray = [...arr];\n  if (updatedArray.length <= 1) return;\n\n  const index = updatedArray.findIndex((item) => item._id === pageValue);\n\n  if (index === updatedArray.length - 1) return;\n\n  const elementToShift = updatedArray.splice(index, 1)[0];\n  updatedArray.splice(index + 1, 0, elementToShift);\n  return updatedArray;\n};\n\nconst deletePage = (arr: IPage[], pageValue: number) => {\n  const updatedArray = [...arr];\n  if (updatedArray.length <= 1) return;\n\n  const index = updatedArray.findIndex((item) => item._id === pageValue);\n\n  updatedArray.splice(index, 1);\n  return updatedArray;\n};\n\nconst PageAction = ({\n  open,\n  onClose,\n  page,\n  pages,\n  setCurrentPage,\n  setPages,\n  resource,\n  handlePageDelete,\n}: IPageAction) => {\n  \n  const [isEditPageModalOpen, setIsEditPageModalOpen] = useState(false);\n  const [isShareModalOpen, setIsShareModalOpen] = useState(false);\n  const [isConfirmOpen, setIsConfirmOpen] = useState(false);\n  const [deletePageNo, setDeletePageNo] = useState<any>({});\n  const [defaultSharedData, setDefaultSharedData] = useState<any>({});\n  const [pageSharedData, setPageSharedData] = useState<any>([]);\n  const pinToDashboardStore = useSelector((state: any) => state);\n  const [pinToDashboardData, setPinToDashboardData] = useState<any>(\n    pinToDashboardStore?.dashboard?.pinToDashboardList || [],\n  );\n\n\n  const appDispatch = useAppDispatch();\n  const dispatch = useDispatch();\n  const {setIsCreatePage}=usePages()\n  // const token = zI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6OSwiaWF0IjoxNzA2NDcwNzQwfQ.6dtxBVGl4hF0TrNDanSBTiFtV_TUshjaiaYe9XT2Ld8\";\n  useEffect(() => {\n    dispatch(pinToDashboardList(pinToDashboardData));\n  }, [dispatch, pageSharedData, pinToDashboardData]);\n\n  useEffect(()=>{\n  \n   if(page){\n    setPageSharedData([...pageSharedData,{\n        page:{\n          ...page,\n          value:page?._id\n        },\n       isPublic: true,\n       shareUsers:page?.selectedUsers,\n    }])\n   }\n   //eslint-disable-next-line\n  },[page])\n  \n\n  const handleOpenEditModal = () => {\n    onClose();\n    setIsEditPageModalOpen(true);\n  };\n\n  const handleCloseEditModal = () => {\n    setIsEditPageModalOpen(false);\n  };\n\n  const handleShare = (pageData: any) => {\n    pageData.pages = pages;\n    appDispatch(sharePage(pageData)).then((res) => {\n      if (res?.payload?.data?.pages?.length) {\n        setPages(res?.payload?.data?.pages);\n      }\n      setIsShareModalOpen(false);\n    });\n  };\n\n  const handleSharePage = (page: any) => {\n    const defaultData = pageSharedData.find(\n      (item: any) => item.page?.value === page?.value,\n    );\n    if (defaultData) {\n      setDefaultSharedData({\n        isPublic: defaultData.isPublic,\n        selectedUsers: defaultData.shareUsers,\n      \n      });\n    } else {\n      setDefaultSharedData({\n        isPublic: page?.selectedUsers?.length>0,\n        ...page,\n      });\n    }\n    setIsShareModalOpen(true);\n    setIsShareModalOpen(true);\n  };\n\n  const handleDuplicatePage = (page: any) => {\n    const labelExists = (label: string) =>\n      pages.some((item) => item.name === label);\n    const { uniqueNumberId: _id } = generateRandomId();\n    let newLabel = page.name;\n\n    if (labelExists(newLabel)) {\n      let counter = 1;\n      while (labelExists(`${page.name} ${counter}`)) {\n        counter++;\n      }\n      newLabel = `${page.name} ${counter}`;\n    }\n    const updatedPage = [\n      ...pages,\n      { ...page, name: newLabel, _id, data: page.data, isShared: false },\n    ];\n\n    setPages(updatedPage);\n    setIsCreatePage(true)\n  };\n\n  const handleEdit = (newPage: IPage) => {\n    const updatedPages = pages.map((page) => {\n      if (page._id === newPage._id) {\n        return {\n          ...page,\n          name: newPage.name\n        }\n      }\n      return page\n    })\n\n    setPages(updatedPages);\n    setIsCreatePage(true)\n    // const putDashboardRequest: Types.PutV1DashboardIdRequest = {\n    //   \"x-token\": token,\n    //   module: \"user\",\n    //   user_id: \"1\",\n    //   name: newPage.name,\n    //   id: newPage._id,\n    // };\n    // putV1DashboardId(putDashboardRequest)\n    //   .then((response: any) => {\n    //     const prevPages = [...pages];\n    //     const updatedPages = prevPages.map((page) =>\n    //       page._id === newPage._id ? newPage : page,\n    //     );\n    //     setPages(updatedPages);\n    //     updatePinToDashboardPage(updatedPages);\n    //   })\n    //   .catch((err: any) => console.log(\"Error in adding page\", err));\n  };\n\n  // const updatePinToDashboardPage = (updatedPages: any) => {\n  //   const currentPageLabel = updatedPages.find(\n  //     (item: any) => item.value === page?._id,\n  //   )?.label;\n\n  //   const updatedPinToDashboardData = pinToDashboardData.map((data: any) => ({\n  //     ...data,\n  //     label: data.value === page?._id ? currentPageLabel : data.label,\n  //   }));\n\n  //   setPinToDashboardData(updatedPinToDashboardData);\n  // };\n\n  const handleMoveLeft = (pageValue: any) => {\n    const updatedArray = moveLeft(pages, pageValue?._id);\n    if (updatedArray) setPages(updatedArray);\n  };\n\n  const handleMoveRight = (pageValue: any) => {\n    const updatedArray = moveRight(pages, pageValue?._id);\n    if (updatedArray) setPages(updatedArray);\n  };\n\n  const handleDeletePage = (pageValue: any) => {\n    setIsConfirmOpen(true);\n    setDeletePageNo(pageValue);\n  };\n\n  const handleConfirmDelete = () => {\n    // if (!isNaN(deletePageNo._id)) {\n    // const deleteDashboardRequest: Types.DeleteV1DashboardIdRequest = {\n    //   \"x-token\": token,\n    //   id: deletePageNo._id,\n    // };\n    // deleteV1DashboardId(deleteDashboardRequest)\n    //   .then((response: any) => {\n    //   })\n    //   .catch((err: any) => console.log(\"Error in deleting page\", err));\n    // }\n    \n    const updatedArray = deletePage(pages, deletePageNo?._id);\n    deletePinToDashboardPage();\n    setDeletePageNo({});\n    setIsConfirmOpen(false);\n    if (updatedArray) {\n      setCurrentPage(updatedArray[0]);\n      setPages(updatedArray);\n      handlePageDelete(updatedArray);\n    } else {\n      handlePageDelete([]);\n      setPages([]);\n    }\n  };\n\n  const deletePinToDashboardPage = () => {\n    const updatedPinToDashboardData = pinToDashboardData.filter(\n      (data: any) => data.value !== page?._id,\n    );\n    setPinToDashboardData(updatedPinToDashboardData);\n  };\n\n  const handleShareModal = (selectedUsers: any) => {\n\n    let updatedData: any[] = [];\n    const existingItem = pageSharedData.find(\n      (item: any) => item.page.value === page?._id,\n    );\n\n    if (existingItem) {\n      updatedData = pageSharedData.map((item: any) => {\n        if (item.page.value === page?._id) {\n          return {\n            ...item,\n            isPublic: selectedUsers.isPublic,\n            shareUsers: selectedUsers.selectedUsers,\n          };\n        }\n        return item;\n      });\n    } else {\n      updatedData = [\n        ...pageSharedData,\n        {\n          page: page,\n          isPublic: selectedUsers.isPublic,\n          shareUsers: selectedUsers.selectedUsers,\n          viewStyle: 1,\n          owner: 0,\n        },\n      ];\n    }\n    setPageSharedData(updatedData);\n    handleShare({ ...selectedUsers, page: page, resource });\n  };\n\n  const handlePinToDashboard = () => {\n    const index = pinToDashboardData.findIndex(\n      (item: any) => item.value === page?._id,\n    );\n\n    if (index !== -1) {\n      setPinToDashboardData((prevData: any) => {\n        const updatedData = [...prevData];\n        updatedData[index] = { ...updatedData[index], label: page?.name };\n        return updatedData;\n      });\n    } else {\n      setPinToDashboardData((prevData: any) => [...prevData, page]);\n    }\n  };\n\n  const actions = [\n    {\n      label: \"Rename\",\n      func: handleOpenEditModal,\n      disabled: Boolean(page?.isShared)\n    },\n    {\n      label: \"Duplicate\",\n      func: handleDuplicatePage,\n    },\n    {\n      label: \"Share\",\n      func: handleSharePage,\n      disabled: Boolean(page?.isShared)\n    },\n    {\n      label: \"Pin to dashboard\",\n      func: handlePinToDashboard,\n      disabled: Boolean(page?.isShared)\n    },\n    {\n      label: \"Move Right\",\n      func: handleMoveRight,\n      disabled: (pages?.length <= 1) || Boolean(page?.isShared)\n    },\n    {\n      label: \"Move Left\",\n      func: handleMoveLeft,\n      disabled: (pages?.length <= 1) || Boolean(page?.isShared)\n    },\n  ];\n\n  const handleAction = (func: any) => {\n    func(page);\n    onClose();\n  };\n\n  return (\n    <>\n      <Menu open={Boolean(open)} anchorEl={open} onClose={onClose}>\n        {actions?.map((action) => (\n          <MenuItem\n            key={action?.label}\n            onClick={() => handleAction(action.func)}\n            disabled={Boolean(action?.disabled)}\n          >\n            <Typography color=\"theme.secondary.1000\" type=\"s4\">\n              {action?.label}\n            </Typography>\n          </MenuItem>\n        ))}\n        <Divider sx={{ mt: `4px !important`, mb: `4px !important` }}/>\n        <MenuItem onClick={() => handleAction(handleDeletePage)} disabled={Boolean(page?.isShared)}\n          sx={{\n            '&:hover': {\n              backgroundColor: 'theme.error.100'\n            }\n          }}\n        >\n          <Typography color=\"theme.error.500\" type=\"s4\">\n            Delete\n          </Typography>\n        </MenuItem>\n      </Menu>\n\n      <AddPageModal\n        open={isEditPageModalOpen}\n        page={page}\n        pages={pages}\n        onClose={handleCloseEditModal}\n        handleSubmit={handleEdit}\n      />\n\n      <ConfirmPopUp\n        open={isConfirmOpen}\n        onClose={() => setIsConfirmOpen(false)}\n        onConfirm={handleConfirmDelete}\n        title=\"Delete Confirmation?\"\n        description=\"Are you sure you want to delete this page ?\"\n      />\n      <SharePopUp\n        open={isShareModalOpen}\n        onClose={() => setIsShareModalOpen(false)}\n        title={`Share page ${page?.name}`}\n        roles={userRoles}\n        toggleSwitch={true}\n        value={defaultSharedData}\n        onSubmit={handleShareModal}\n      />\n    </>\n  );\n};\n\nexport { PageAction };\nexport default PageAction;\n"],"names":["useState","useSelector","useAppDispatch","useDispatch","usePages","useEffect","pinToDashboardList","sharePage","_a","page","generateRandomId","jsxs","Fragment","Menu","jsx","MenuItem","Typography","Divider","AddPageModal","ConfirmPopUp","SharePopUp","userRoles"],"mappings":"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"}
+{"version":3,"file":"page-action-8XNeWxvS.js","sources":["../../src/components/page-navigator/components/page-action.tsx"],"sourcesContent":["import { Divider, MenuItem } from \"@mui/material\";\nimport Menu from \"../../menu/menu\";\nimport Typography from \"../../typography/typography\";\nimport { useEffect, useState } from \"react\";\nimport AddPageModal from \"./add-page-modal\";\nimport { IPage } from \"../../../@types/page\";\nimport SharePopUp from \"../../share-modal/share-modal\";\nimport { userRoles } from \"../../../views/beforeAuth/components/share-modal-data/share-modal-data\";\nimport ConfirmPopUp from \"../../confirm-modal/confirm-modal\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { pinToDashboardList } from \"../../../views/afterAuth/dashboard/redux/reducer\";\nimport {\n  // deleteV1DashboardId,\n  // putV1DashboardId,\n} from \"../../../api-client/api.system-feature/api\";\n// import type * as Types from \"../../api-client/api.system-feature/api-types\";\nimport { sharePage } from \"../../share-modal/redux/actionCreator\";\nimport { useAppDispatch } from \"../../../redux/hooks\";\nimport { generateRandomId } from \"../../../utils/common\";\nimport { usePages } from '@erpsquad/common/runtime';\n\ninterface IPageAction {\n  open: null | HTMLElement;\n  onClose: () => void;\n  page?: IPage;\n  pages: IPage[];\n  setCurrentPage: React.Dispatch<React.SetStateAction<number>>;\n  setPages: React.Dispatch<React.SetStateAction<IPage[]>>;\n  resource: string;\n  handlePageDelete: (pages: any[]) => void;\n}\n\nconst moveLeft = (arr: IPage[], pageValue: number) => {\n  const updatedArray = [...arr];\n  if (updatedArray.length <= 1) return;\n\n  const index = updatedArray.findIndex((item) => item._id === pageValue);\n\n  if (index === 0) return;\n\n  const elementToShift = updatedArray.splice(index, 1)[0];\n  updatedArray.splice(index - 1, 0, elementToShift);\n  return updatedArray;\n};\n\nconst moveRight = (arr: IPage[], pageValue: number) => {\n  const updatedArray = [...arr];\n  if (updatedArray.length <= 1) return;\n\n  const index = updatedArray.findIndex((item) => item._id === pageValue);\n\n  if (index === updatedArray.length - 1) return;\n\n  const elementToShift = updatedArray.splice(index, 1)[0];\n  updatedArray.splice(index + 1, 0, elementToShift);\n  return updatedArray;\n};\n\nconst deletePage = (arr: IPage[], pageValue: number) => {\n  const updatedArray = [...arr];\n  if (updatedArray.length <= 1) return;\n\n  const index = updatedArray.findIndex((item) => item._id === pageValue);\n\n  updatedArray.splice(index, 1);\n  return updatedArray;\n};\n\nconst PageAction = ({\n  open,\n  onClose,\n  page,\n  pages,\n  setCurrentPage,\n  setPages,\n  resource,\n  handlePageDelete,\n}: IPageAction) => {\n  \n  const [isEditPageModalOpen, setIsEditPageModalOpen] = useState(false);\n  const [isShareModalOpen, setIsShareModalOpen] = useState(false);\n  const [isConfirmOpen, setIsConfirmOpen] = useState(false);\n  const [deletePageNo, setDeletePageNo] = useState<any>({});\n  const [defaultSharedData, setDefaultSharedData] = useState<any>({});\n  const [pageSharedData, setPageSharedData] = useState<any>([]);\n  const pinToDashboardStore = useSelector((state: any) => state);\n  const [pinToDashboardData, setPinToDashboardData] = useState<any>(\n    pinToDashboardStore?.dashboard?.pinToDashboardList || [],\n  );\n\n\n  const appDispatch = useAppDispatch();\n  const dispatch = useDispatch();\n  const {setIsCreatePage}=usePages()\n  // const token = zI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6OSwiaWF0IjoxNzA2NDcwNzQwfQ.6dtxBVGl4hF0TrNDanSBTiFtV_TUshjaiaYe9XT2Ld8\";\n  useEffect(() => {\n    dispatch(pinToDashboardList(pinToDashboardData));\n  }, [dispatch, pageSharedData, pinToDashboardData]);\n\n  useEffect(()=>{\n  \n   if(page){\n    setPageSharedData([...pageSharedData,{\n        page:{\n          ...page,\n          value:page?._id\n        },\n       isPublic: true,\n       shareUsers:page?.selectedUsers,\n    }])\n   }\n   //eslint-disable-next-line\n  },[page])\n  \n\n  const handleOpenEditModal = () => {\n    onClose();\n    setIsEditPageModalOpen(true);\n  };\n\n  const handleCloseEditModal = () => {\n    setIsEditPageModalOpen(false);\n  };\n\n  const handleShare = (pageData: any) => {\n    pageData.pages = pages;\n    appDispatch(sharePage(pageData)).then((res) => {\n      if (res?.payload?.data?.pages?.length) {\n        setPages(res?.payload?.data?.pages);\n      }\n      setIsShareModalOpen(false);\n    });\n  };\n\n  const handleSharePage = (page: any) => {\n    const defaultData = pageSharedData.find(\n      (item: any) => item.page?.value === page?.value,\n    );\n    if (defaultData) {\n      setDefaultSharedData({\n        isPublic: defaultData.isPublic,\n        selectedUsers: defaultData.shareUsers,\n      \n      });\n    } else {\n      setDefaultSharedData({\n        isPublic: page?.selectedUsers?.length>0,\n        ...page,\n      });\n    }\n    setIsShareModalOpen(true);\n    setIsShareModalOpen(true);\n  };\n\n  const handleDuplicatePage = (page: any) => {\n    const labelExists = (label: string) =>\n      pages.some((item) => item.name === label);\n    const { uniqueNumberId: _id } = generateRandomId();\n    let newLabel = page.name;\n\n    if (labelExists(newLabel)) {\n      let counter = 1;\n      while (labelExists(`${page.name} ${counter}`)) {\n        counter++;\n      }\n      newLabel = `${page.name} ${counter}`;\n    }\n    const updatedPage = [\n      ...pages,\n      { ...page, name: newLabel, _id, data: page.data, isShared: false },\n    ];\n\n    setPages(updatedPage);\n    setIsCreatePage(true)\n  };\n\n  const handleEdit = (newPage: IPage) => {\n    const updatedPages = pages.map((page) => {\n      if (page._id === newPage._id) {\n        return {\n          ...page,\n          name: newPage.name\n        }\n      }\n      return page\n    })\n\n    setPages(updatedPages);\n    setIsCreatePage(true)\n    // const putDashboardRequest: Types.PutV1DashboardIdRequest = {\n    //   \"x-token\": token,\n    //   module: \"user\",\n    //   user_id: \"1\",\n    //   name: newPage.name,\n    //   id: newPage._id,\n    // };\n    // putV1DashboardId(putDashboardRequest)\n    //   .then((response: any) => {\n    //     const prevPages = [...pages];\n    //     const updatedPages = prevPages.map((page) =>\n    //       page._id === newPage._id ? newPage : page,\n    //     );\n    //     setPages(updatedPages);\n    //     updatePinToDashboardPage(updatedPages);\n    //   })\n    //   .catch((err: any) => console.log(\"Error in adding page\", err));\n  };\n\n  // const updatePinToDashboardPage = (updatedPages: any) => {\n  //   const currentPageLabel = updatedPages.find(\n  //     (item: any) => item.value === page?._id,\n  //   )?.label;\n\n  //   const updatedPinToDashboardData = pinToDashboardData.map((data: any) => ({\n  //     ...data,\n  //     label: data.value === page?._id ? currentPageLabel : data.label,\n  //   }));\n\n  //   setPinToDashboardData(updatedPinToDashboardData);\n  // };\n\n  const handleMoveLeft = (pageValue: any) => {\n    const updatedArray = moveLeft(pages, pageValue?._id);\n    if (updatedArray) setPages(updatedArray);\n  };\n\n  const handleMoveRight = (pageValue: any) => {\n    const updatedArray = moveRight(pages, pageValue?._id);\n    if (updatedArray) setPages(updatedArray);\n  };\n\n  const handleDeletePage = (pageValue: any) => {\n    setIsConfirmOpen(true);\n    setDeletePageNo(pageValue);\n  };\n\n  const handleConfirmDelete = () => {\n    // if (!isNaN(deletePageNo._id)) {\n    // const deleteDashboardRequest: Types.DeleteV1DashboardIdRequest = {\n    //   \"x-token\": token,\n    //   id: deletePageNo._id,\n    // };\n    // deleteV1DashboardId(deleteDashboardRequest)\n    //   .then((response: any) => {\n    //   })\n    //   .catch((err: any) => console.log(\"Error in deleting page\", err));\n    // }\n    \n    const updatedArray = deletePage(pages, deletePageNo?._id);\n    deletePinToDashboardPage();\n    setDeletePageNo({});\n    setIsConfirmOpen(false);\n    if (updatedArray) {\n      setCurrentPage(updatedArray[0]);\n      setPages(updatedArray);\n      handlePageDelete(updatedArray);\n    } else {\n      handlePageDelete([]);\n      setPages([]);\n    }\n  };\n\n  const deletePinToDashboardPage = () => {\n    const updatedPinToDashboardData = pinToDashboardData.filter(\n      (data: any) => data.value !== page?._id,\n    );\n    setPinToDashboardData(updatedPinToDashboardData);\n  };\n\n  const handleShareModal = (selectedUsers: any) => {\n\n    let updatedData: any[] = [];\n    const existingItem = pageSharedData.find(\n      (item: any) => item.page.value === page?._id,\n    );\n\n    if (existingItem) {\n      updatedData = pageSharedData.map((item: any) => {\n        if (item.page.value === page?._id) {\n          return {\n            ...item,\n            isPublic: selectedUsers.isPublic,\n            shareUsers: selectedUsers.selectedUsers,\n          };\n        }\n        return item;\n      });\n    } else {\n      updatedData = [\n        ...pageSharedData,\n        {\n          page: page,\n          isPublic: selectedUsers.isPublic,\n          shareUsers: selectedUsers.selectedUsers,\n          viewStyle: 1,\n          owner: 0,\n        },\n      ];\n    }\n    setPageSharedData(updatedData);\n    handleShare({ ...selectedUsers, page: page, resource });\n  };\n\n  const handlePinToDashboard = () => {\n    const index = pinToDashboardData.findIndex(\n      (item: any) => item.value === page?._id,\n    );\n\n    if (index !== -1) {\n      setPinToDashboardData((prevData: any) => {\n        const updatedData = [...prevData];\n        updatedData[index] = { ...updatedData[index], label: page?.name };\n        return updatedData;\n      });\n    } else {\n      setPinToDashboardData((prevData: any) => [...prevData, page]);\n    }\n  };\n\n  const actions = [\n    {\n      label: \"Rename\",\n      func: handleOpenEditModal,\n      disabled: Boolean(page?.isShared)\n    },\n    {\n      label: \"Duplicate\",\n      func: handleDuplicatePage,\n    },\n    {\n      label: \"Share\",\n      func: handleSharePage,\n      disabled: Boolean(page?.isShared)\n    },\n    {\n      label: \"Pin to dashboard\",\n      func: handlePinToDashboard,\n      disabled: Boolean(page?.isShared)\n    },\n    {\n      label: \"Move Right\",\n      func: handleMoveRight,\n      disabled: (pages?.length <= 1) || Boolean(page?.isShared)\n    },\n    {\n      label: \"Move Left\",\n      func: handleMoveLeft,\n      disabled: (pages?.length <= 1) || Boolean(page?.isShared)\n    },\n  ];\n\n  const handleAction = (func: any) => {\n    func(page);\n    onClose();\n  };\n\n  return (\n    <>\n      <Menu open={Boolean(open)} anchorEl={open} onClose={onClose}>\n        {actions?.map((action) => (\n          <MenuItem\n            key={action?.label}\n            onClick={() => handleAction(action.func)}\n            disabled={Boolean(action?.disabled)}\n          >\n            <Typography color=\"theme.secondary.1000\" type=\"s4\">\n              {action?.label}\n            </Typography>\n          </MenuItem>\n        ))}\n        <Divider sx={{ mt: `4px !important`, mb: `4px !important` }}/>\n        <MenuItem onClick={() => handleAction(handleDeletePage)} disabled={Boolean(page?.isShared)}\n          sx={{\n            '&:hover': {\n              backgroundColor: 'theme.error.100'\n            }\n          }}\n        >\n          <Typography color=\"theme.error.500\" type=\"s4\">\n            Delete\n          </Typography>\n        </MenuItem>\n      </Menu>\n\n      <AddPageModal\n        open={isEditPageModalOpen}\n        page={page}\n        pages={pages}\n        onClose={handleCloseEditModal}\n        handleSubmit={handleEdit}\n      />\n\n      <ConfirmPopUp\n        open={isConfirmOpen}\n        onClose={() => setIsConfirmOpen(false)}\n        onConfirm={handleConfirmDelete}\n        title=\"Delete Confirmation?\"\n        description=\"Are you sure you want to delete this page ?\"\n      />\n      <SharePopUp\n        open={isShareModalOpen}\n        onClose={() => setIsShareModalOpen(false)}\n        title={`Share page ${page?.name}`}\n        roles={userRoles}\n        toggleSwitch={true}\n        value={defaultSharedData}\n        onSubmit={handleShareModal}\n      />\n    </>\n  );\n};\n\nexport { PageAction };\nexport default PageAction;\n"],"names":["useState","useSelector","useAppDispatch","useDispatch","usePages","useEffect","pinToDashboardList","sharePage","_a","page","generateRandomId","jsxs","Fragment","Menu","jsx","MenuItem","Typography","Divider","AddPageModal","ConfirmPopUp","SharePopUp","userRoles"],"mappings":"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"}

package/dist/chunks/{page-action-C07iGjvN.esm.js → page-action-BhSpPGBy.esm.js}

@@ -4,14 +4,14 @@ import { M as Menu } from "./menu-B2SzzeqF.esm.js";
 import { T as Typography } from "./typography-CG_A0iOJ.esm.js";
 import { useState, useEffect } from "react";
 import { A as AddPageModal } from "./add-page-modal-gFgr2t09.esm.js";
-import { S as SharePopUp } from "./share-modal-BaEyZs2h.esm.js";
+import { S as SharePopUp } from "./share-modal-0Xrxwpxh.esm.js";
 import { u as userRoles } from "./share-modal-data-Daax3e8o.esm.js";
 import { C as ConfirmPopUp } from "./confirm-modal-PbguB4YV.esm.js";
 import { useSelector, useDispatch } from "react-redux";
 import { e as pinToDashboardList } from "./reducer-DIUjYZlK.esm.js";
-import { s as sharePage } from "./actionCreator-Cl8vPLVO.esm.js";
+import { s as sharePage } from "./actionCreator-C5C0Rg3P.esm.js";
 import { u as useAppDispatch } from "./hooks-Ddf9hdOk.esm.js";
-import { P as generateRandomId } from "./api-BIVCMSwW.esm.js";
+import { P as generateRandomId } from "./api-COFUx2RW.esm.js";
 import { usePages } from "@erpsquad/common/runtime";
 const moveLeft = (arr, pageValue) => {
   const updatedArray = [...arr];
@@ -322,4 +322,4 @@ const PageAction = ({
 export {
   PageAction as P
 };
-//# sourceMappingURL=page-action-C07iGjvN.esm.js.map
+//# sourceMappingURL=page-action-BhSpPGBy.esm.js.map

package/dist/chunks/{page-action-C07iGjvN.esm.js.map → page-action-BhSpPGBy.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"page-action-C07iGjvN.esm.js","sources":["../../src/components/page-navigator/components/page-action.tsx"],"sourcesContent":["import { Divider, MenuItem } from \"@mui/material\";\nimport Menu from \"../../menu/menu\";\nimport Typography from \"../../typography/typography\";\nimport { useEffect, useState } from \"react\";\nimport AddPageModal from \"./add-page-modal\";\nimport { IPage } from \"../../../@types/page\";\nimport SharePopUp from \"../../share-modal/share-modal\";\nimport { userRoles } from \"../../../views/beforeAuth/components/share-modal-data/share-modal-data\";\nimport ConfirmPopUp from \"../../confirm-modal/confirm-modal\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { pinToDashboardList } from \"../../../views/afterAuth/dashboard/redux/reducer\";\nimport {\n  // deleteV1DashboardId,\n  // putV1DashboardId,\n} from \"../../../api-client/api.system-feature/api\";\n// import type * as Types from \"../../api-client/api.system-feature/api-types\";\nimport { sharePage } from \"../../share-modal/redux/actionCreator\";\nimport { useAppDispatch } from \"../../../redux/hooks\";\nimport { generateRandomId } from \"../../../utils/common\";\nimport { usePages } from '@erpsquad/common/runtime';\n\ninterface IPageAction {\n  open: null | HTMLElement;\n  onClose: () => void;\n  page?: IPage;\n  pages: IPage[];\n  setCurrentPage: React.Dispatch<React.SetStateAction<number>>;\n  setPages: React.Dispatch<React.SetStateAction<IPage[]>>;\n  resource: string;\n  handlePageDelete: (pages: any[]) => void;\n}\n\nconst moveLeft = (arr: IPage[], pageValue: number) => {\n  const updatedArray = [...arr];\n  if (updatedArray.length <= 1) return;\n\n  const index = updatedArray.findIndex((item) => item._id === pageValue);\n\n  if (index === 0) return;\n\n  const elementToShift = updatedArray.splice(index, 1)[0];\n  updatedArray.splice(index - 1, 0, elementToShift);\n  return updatedArray;\n};\n\nconst moveRight = (arr: IPage[], pageValue: number) => {\n  const updatedArray = [...arr];\n  if (updatedArray.length <= 1) return;\n\n  const index = updatedArray.findIndex((item) => item._id === pageValue);\n\n  if (index === updatedArray.length - 1) return;\n\n  const elementToShift = updatedArray.splice(index, 1)[0];\n  updatedArray.splice(index + 1, 0, elementToShift);\n  return updatedArray;\n};\n\nconst deletePage = (arr: IPage[], pageValue: number) => {\n  const updatedArray = [...arr];\n  if (updatedArray.length <= 1) return;\n\n  const index = updatedArray.findIndex((item) => item._id === pageValue);\n\n  updatedArray.splice(index, 1);\n  return updatedArray;\n};\n\nconst PageAction = ({\n  open,\n  onClose,\n  page,\n  pages,\n  setCurrentPage,\n  setPages,\n  resource,\n  handlePageDelete,\n}: IPageAction) => {\n  \n  const [isEditPageModalOpen, setIsEditPageModalOpen] = useState(false);\n  const [isShareModalOpen, setIsShareModalOpen] = useState(false);\n  const [isConfirmOpen, setIsConfirmOpen] = useState(false);\n  const [deletePageNo, setDeletePageNo] = useState<any>({});\n  const [defaultSharedData, setDefaultSharedData] = useState<any>({});\n  const [pageSharedData, setPageSharedData] = useState<any>([]);\n  const pinToDashboardStore = useSelector((state: any) => state);\n  const [pinToDashboardData, setPinToDashboardData] = useState<any>(\n    pinToDashboardStore?.dashboard?.pinToDashboardList || [],\n  );\n\n\n  const appDispatch = useAppDispatch();\n  const dispatch = useDispatch();\n  const {setIsCreatePage}=usePages()\n  // const token = zI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6OSwiaWF0IjoxNzA2NDcwNzQwfQ.6dtxBVGl4hF0TrNDanSBTiFtV_TUshjaiaYe9XT2Ld8\";\n  useEffect(() => {\n    dispatch(pinToDashboardList(pinToDashboardData));\n  }, [dispatch, pageSharedData, pinToDashboardData]);\n\n  useEffect(()=>{\n  \n   if(page){\n    setPageSharedData([...pageSharedData,{\n        page:{\n          ...page,\n          value:page?._id\n        },\n       isPublic: true,\n       shareUsers:page?.selectedUsers,\n    }])\n   }\n   //eslint-disable-next-line\n  },[page])\n  \n\n  const handleOpenEditModal = () => {\n    onClose();\n    setIsEditPageModalOpen(true);\n  };\n\n  const handleCloseEditModal = () => {\n    setIsEditPageModalOpen(false);\n  };\n\n  const handleShare = (pageData: any) => {\n    pageData.pages = pages;\n    appDispatch(sharePage(pageData)).then((res) => {\n      if (res?.payload?.data?.pages?.length) {\n        setPages(res?.payload?.data?.pages);\n      }\n      setIsShareModalOpen(false);\n    });\n  };\n\n  const handleSharePage = (page: any) => {\n    const defaultData = pageSharedData.find(\n      (item: any) => item.page?.value === page?.value,\n    );\n    if (defaultData) {\n      setDefaultSharedData({\n        isPublic: defaultData.isPublic,\n        selectedUsers: defaultData.shareUsers,\n      \n      });\n    } else {\n      setDefaultSharedData({\n        isPublic: page?.selectedUsers?.length>0,\n        ...page,\n      });\n    }\n    setIsShareModalOpen(true);\n    setIsShareModalOpen(true);\n  };\n\n  const handleDuplicatePage = (page: any) => {\n    const labelExists = (label: string) =>\n      pages.some((item) => item.name === label);\n    const { uniqueNumberId: _id } = generateRandomId();\n    let newLabel = page.name;\n\n    if (labelExists(newLabel)) {\n      let counter = 1;\n      while (labelExists(`${page.name} ${counter}`)) {\n        counter++;\n      }\n      newLabel = `${page.name} ${counter}`;\n    }\n    const updatedPage = [\n      ...pages,\n      { ...page, name: newLabel, _id, data: page.data, isShared: false },\n    ];\n\n    setPages(updatedPage);\n    setIsCreatePage(true)\n  };\n\n  const handleEdit = (newPage: IPage) => {\n    const updatedPages = pages.map((page) => {\n      if (page._id === newPage._id) {\n        return {\n          ...page,\n          name: newPage.name\n        }\n      }\n      return page\n    })\n\n    setPages(updatedPages);\n    setIsCreatePage(true)\n    // const putDashboardRequest: Types.PutV1DashboardIdRequest = {\n    //   \"x-token\": token,\n    //   module: \"user\",\n    //   user_id: \"1\",\n    //   name: newPage.name,\n    //   id: newPage._id,\n    // };\n    // putV1DashboardId(putDashboardRequest)\n    //   .then((response: any) => {\n    //     const prevPages = [...pages];\n    //     const updatedPages = prevPages.map((page) =>\n    //       page._id === newPage._id ? newPage : page,\n    //     );\n    //     setPages(updatedPages);\n    //     updatePinToDashboardPage(updatedPages);\n    //   })\n    //   .catch((err: any) => console.log(\"Error in adding page\", err));\n  };\n\n  // const updatePinToDashboardPage = (updatedPages: any) => {\n  //   const currentPageLabel = updatedPages.find(\n  //     (item: any) => item.value === page?._id,\n  //   )?.label;\n\n  //   const updatedPinToDashboardData = pinToDashboardData.map((data: any) => ({\n  //     ...data,\n  //     label: data.value === page?._id ? currentPageLabel : data.label,\n  //   }));\n\n  //   setPinToDashboardData(updatedPinToDashboardData);\n  // };\n\n  const handleMoveLeft = (pageValue: any) => {\n    const updatedArray = moveLeft(pages, pageValue?._id);\n    if (updatedArray) setPages(updatedArray);\n  };\n\n  const handleMoveRight = (pageValue: any) => {\n    const updatedArray = moveRight(pages, pageValue?._id);\n    if (updatedArray) setPages(updatedArray);\n  };\n\n  const handleDeletePage = (pageValue: any) => {\n    setIsConfirmOpen(true);\n    setDeletePageNo(pageValue);\n  };\n\n  const handleConfirmDelete = () => {\n    // if (!isNaN(deletePageNo._id)) {\n    // const deleteDashboardRequest: Types.DeleteV1DashboardIdRequest = {\n    //   \"x-token\": token,\n    //   id: deletePageNo._id,\n    // };\n    // deleteV1DashboardId(deleteDashboardRequest)\n    //   .then((response: any) => {\n    //   })\n    //   .catch((err: any) => console.log(\"Error in deleting page\", err));\n    // }\n    \n    const updatedArray = deletePage(pages, deletePageNo?._id);\n    deletePinToDashboardPage();\n    setDeletePageNo({});\n    setIsConfirmOpen(false);\n    if (updatedArray) {\n      setCurrentPage(updatedArray[0]);\n      setPages(updatedArray);\n      handlePageDelete(updatedArray);\n    } else {\n      handlePageDelete([]);\n      setPages([]);\n    }\n  };\n\n  const deletePinToDashboardPage = () => {\n    const updatedPinToDashboardData = pinToDashboardData.filter(\n      (data: any) => data.value !== page?._id,\n    );\n    setPinToDashboardData(updatedPinToDashboardData);\n  };\n\n  const handleShareModal = (selectedUsers: any) => {\n\n    let updatedData: any[] = [];\n    const existingItem = pageSharedData.find(\n      (item: any) => item.page.value === page?._id,\n    );\n\n    if (existingItem) {\n      updatedData = pageSharedData.map((item: any) => {\n        if (item.page.value === page?._id) {\n          return {\n            ...item,\n            isPublic: selectedUsers.isPublic,\n            shareUsers: selectedUsers.selectedUsers,\n          };\n        }\n        return item;\n      });\n    } else {\n      updatedData = [\n        ...pageSharedData,\n        {\n          page: page,\n          isPublic: selectedUsers.isPublic,\n          shareUsers: selectedUsers.selectedUsers,\n          viewStyle: 1,\n          owner: 0,\n        },\n      ];\n    }\n    setPageSharedData(updatedData);\n    handleShare({ ...selectedUsers, page: page, resource });\n  };\n\n  const handlePinToDashboard = () => {\n    const index = pinToDashboardData.findIndex(\n      (item: any) => item.value === page?._id,\n    );\n\n    if (index !== -1) {\n      setPinToDashboardData((prevData: any) => {\n        const updatedData = [...prevData];\n        updatedData[index] = { ...updatedData[index], label: page?.name };\n        return updatedData;\n      });\n    } else {\n      setPinToDashboardData((prevData: any) => [...prevData, page]);\n    }\n  };\n\n  const actions = [\n    {\n      label: \"Rename\",\n      func: handleOpenEditModal,\n      disabled: Boolean(page?.isShared)\n    },\n    {\n      label: \"Duplicate\",\n      func: handleDuplicatePage,\n    },\n    {\n      label: \"Share\",\n      func: handleSharePage,\n      disabled: Boolean(page?.isShared)\n    },\n    {\n      label: \"Pin to dashboard\",\n      func: handlePinToDashboard,\n      disabled: Boolean(page?.isShared)\n    },\n    {\n      label: \"Move Right\",\n      func: handleMoveRight,\n      disabled: (pages?.length <= 1) || Boolean(page?.isShared)\n    },\n    {\n      label: \"Move Left\",\n      func: handleMoveLeft,\n      disabled: (pages?.length <= 1) || Boolean(page?.isShared)\n    },\n  ];\n\n  const handleAction = (func: any) => {\n    func(page);\n    onClose();\n  };\n\n  return (\n    <>\n      <Menu open={Boolean(open)} anchorEl={open} onClose={onClose}>\n        {actions?.map((action) => (\n          <MenuItem\n            key={action?.label}\n            onClick={() => handleAction(action.func)}\n            disabled={Boolean(action?.disabled)}\n          >\n            <Typography color=\"theme.secondary.1000\" type=\"s4\">\n              {action?.label}\n            </Typography>\n          </MenuItem>\n        ))}\n        <Divider sx={{ mt: `4px !important`, mb: `4px !important` }}/>\n        <MenuItem onClick={() => handleAction(handleDeletePage)} disabled={Boolean(page?.isShared)}\n          sx={{\n            '&:hover': {\n              backgroundColor: 'theme.error.100'\n            }\n          }}\n        >\n          <Typography color=\"theme.error.500\" type=\"s4\">\n            Delete\n          </Typography>\n        </MenuItem>\n      </Menu>\n\n      <AddPageModal\n        open={isEditPageModalOpen}\n        page={page}\n        pages={pages}\n        onClose={handleCloseEditModal}\n        handleSubmit={handleEdit}\n      />\n\n      <ConfirmPopUp\n        open={isConfirmOpen}\n        onClose={() => setIsConfirmOpen(false)}\n        onConfirm={handleConfirmDelete}\n        title=\"Delete Confirmation?\"\n        description=\"Are you sure you want to delete this page ?\"\n      />\n      <SharePopUp\n        open={isShareModalOpen}\n        onClose={() => setIsShareModalOpen(false)}\n        title={`Share page ${page?.name}`}\n        roles={userRoles}\n        toggleSwitch={true}\n        value={defaultSharedData}\n        onSubmit={handleShareModal}\n      />\n    </>\n  );\n};\n\nexport { PageAction };\nexport default PageAction;\n"],"names":["_a","page"],"mappings":"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"}
+{"version":3,"file":"page-action-BhSpPGBy.esm.js","sources":["../../src/components/page-navigator/components/page-action.tsx"],"sourcesContent":["import { Divider, MenuItem } from \"@mui/material\";\nimport Menu from \"../../menu/menu\";\nimport Typography from \"../../typography/typography\";\nimport { useEffect, useState } from \"react\";\nimport AddPageModal from \"./add-page-modal\";\nimport { IPage } from \"../../../@types/page\";\nimport SharePopUp from \"../../share-modal/share-modal\";\nimport { userRoles } from \"../../../views/beforeAuth/components/share-modal-data/share-modal-data\";\nimport ConfirmPopUp from \"../../confirm-modal/confirm-modal\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { pinToDashboardList } from \"../../../views/afterAuth/dashboard/redux/reducer\";\nimport {\n  // deleteV1DashboardId,\n  // putV1DashboardId,\n} from \"../../../api-client/api.system-feature/api\";\n// import type * as Types from \"../../api-client/api.system-feature/api-types\";\nimport { sharePage } from \"../../share-modal/redux/actionCreator\";\nimport { useAppDispatch } from \"../../../redux/hooks\";\nimport { generateRandomId } from \"../../../utils/common\";\nimport { usePages } from '@erpsquad/common/runtime';\n\ninterface IPageAction {\n  open: null | HTMLElement;\n  onClose: () => void;\n  page?: IPage;\n  pages: IPage[];\n  setCurrentPage: React.Dispatch<React.SetStateAction<number>>;\n  setPages: React.Dispatch<React.SetStateAction<IPage[]>>;\n  resource: string;\n  handlePageDelete: (pages: any[]) => void;\n}\n\nconst moveLeft = (arr: IPage[], pageValue: number) => {\n  const updatedArray = [...arr];\n  if (updatedArray.length <= 1) return;\n\n  const index = updatedArray.findIndex((item) => item._id === pageValue);\n\n  if (index === 0) return;\n\n  const elementToShift = updatedArray.splice(index, 1)[0];\n  updatedArray.splice(index - 1, 0, elementToShift);\n  return updatedArray;\n};\n\nconst moveRight = (arr: IPage[], pageValue: number) => {\n  const updatedArray = [...arr];\n  if (updatedArray.length <= 1) return;\n\n  const index = updatedArray.findIndex((item) => item._id === pageValue);\n\n  if (index === updatedArray.length - 1) return;\n\n  const elementToShift = updatedArray.splice(index, 1)[0];\n  updatedArray.splice(index + 1, 0, elementToShift);\n  return updatedArray;\n};\n\nconst deletePage = (arr: IPage[], pageValue: number) => {\n  const updatedArray = [...arr];\n  if (updatedArray.length <= 1) return;\n\n  const index = updatedArray.findIndex((item) => item._id === pageValue);\n\n  updatedArray.splice(index, 1);\n  return updatedArray;\n};\n\nconst PageAction = ({\n  open,\n  onClose,\n  page,\n  pages,\n  setCurrentPage,\n  setPages,\n  resource,\n  handlePageDelete,\n}: IPageAction) => {\n  \n  const [isEditPageModalOpen, setIsEditPageModalOpen] = useState(false);\n  const [isShareModalOpen, setIsShareModalOpen] = useState(false);\n  const [isConfirmOpen, setIsConfirmOpen] = useState(false);\n  const [deletePageNo, setDeletePageNo] = useState<any>({});\n  const [defaultSharedData, setDefaultSharedData] = useState<any>({});\n  const [pageSharedData, setPageSharedData] = useState<any>([]);\n  const pinToDashboardStore = useSelector((state: any) => state);\n  const [pinToDashboardData, setPinToDashboardData] = useState<any>(\n    pinToDashboardStore?.dashboard?.pinToDashboardList || [],\n  );\n\n\n  const appDispatch = useAppDispatch();\n  const dispatch = useDispatch();\n  const {setIsCreatePage}=usePages()\n  // const token = zI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6OSwiaWF0IjoxNzA2NDcwNzQwfQ.6dtxBVGl4hF0TrNDanSBTiFtV_TUshjaiaYe9XT2Ld8\";\n  useEffect(() => {\n    dispatch(pinToDashboardList(pinToDashboardData));\n  }, [dispatch, pageSharedData, pinToDashboardData]);\n\n  useEffect(()=>{\n  \n   if(page){\n    setPageSharedData([...pageSharedData,{\n        page:{\n          ...page,\n          value:page?._id\n        },\n       isPublic: true,\n       shareUsers:page?.selectedUsers,\n    }])\n   }\n   //eslint-disable-next-line\n  },[page])\n  \n\n  const handleOpenEditModal = () => {\n    onClose();\n    setIsEditPageModalOpen(true);\n  };\n\n  const handleCloseEditModal = () => {\n    setIsEditPageModalOpen(false);\n  };\n\n  const handleShare = (pageData: any) => {\n    pageData.pages = pages;\n    appDispatch(sharePage(pageData)).then((res) => {\n      if (res?.payload?.data?.pages?.length) {\n        setPages(res?.payload?.data?.pages);\n      }\n      setIsShareModalOpen(false);\n    });\n  };\n\n  const handleSharePage = (page: any) => {\n    const defaultData = pageSharedData.find(\n      (item: any) => item.page?.value === page?.value,\n    );\n    if (defaultData) {\n      setDefaultSharedData({\n        isPublic: defaultData.isPublic,\n        selectedUsers: defaultData.shareUsers,\n      \n      });\n    } else {\n      setDefaultSharedData({\n        isPublic: page?.selectedUsers?.length>0,\n        ...page,\n      });\n    }\n    setIsShareModalOpen(true);\n    setIsShareModalOpen(true);\n  };\n\n  const handleDuplicatePage = (page: any) => {\n    const labelExists = (label: string) =>\n      pages.some((item) => item.name === label);\n    const { uniqueNumberId: _id } = generateRandomId();\n    let newLabel = page.name;\n\n    if (labelExists(newLabel)) {\n      let counter = 1;\n      while (labelExists(`${page.name} ${counter}`)) {\n        counter++;\n      }\n      newLabel = `${page.name} ${counter}`;\n    }\n    const updatedPage = [\n      ...pages,\n      { ...page, name: newLabel, _id, data: page.data, isShared: false },\n    ];\n\n    setPages(updatedPage);\n    setIsCreatePage(true)\n  };\n\n  const handleEdit = (newPage: IPage) => {\n    const updatedPages = pages.map((page) => {\n      if (page._id === newPage._id) {\n        return {\n          ...page,\n          name: newPage.name\n        }\n      }\n      return page\n    })\n\n    setPages(updatedPages);\n    setIsCreatePage(true)\n    // const putDashboardRequest: Types.PutV1DashboardIdRequest = {\n    //   \"x-token\": token,\n    //   module: \"user\",\n    //   user_id: \"1\",\n    //   name: newPage.name,\n    //   id: newPage._id,\n    // };\n    // putV1DashboardId(putDashboardRequest)\n    //   .then((response: any) => {\n    //     const prevPages = [...pages];\n    //     const updatedPages = prevPages.map((page) =>\n    //       page._id === newPage._id ? newPage : page,\n    //     );\n    //     setPages(updatedPages);\n    //     updatePinToDashboardPage(updatedPages);\n    //   })\n    //   .catch((err: any) => console.log(\"Error in adding page\", err));\n  };\n\n  // const updatePinToDashboardPage = (updatedPages: any) => {\n  //   const currentPageLabel = updatedPages.find(\n  //     (item: any) => item.value === page?._id,\n  //   )?.label;\n\n  //   const updatedPinToDashboardData = pinToDashboardData.map((data: any) => ({\n  //     ...data,\n  //     label: data.value === page?._id ? currentPageLabel : data.label,\n  //   }));\n\n  //   setPinToDashboardData(updatedPinToDashboardData);\n  // };\n\n  const handleMoveLeft = (pageValue: any) => {\n    const updatedArray = moveLeft(pages, pageValue?._id);\n    if (updatedArray) setPages(updatedArray);\n  };\n\n  const handleMoveRight = (pageValue: any) => {\n    const updatedArray = moveRight(pages, pageValue?._id);\n    if (updatedArray) setPages(updatedArray);\n  };\n\n  const handleDeletePage = (pageValue: any) => {\n    setIsConfirmOpen(true);\n    setDeletePageNo(pageValue);\n  };\n\n  const handleConfirmDelete = () => {\n    // if (!isNaN(deletePageNo._id)) {\n    // const deleteDashboardRequest: Types.DeleteV1DashboardIdRequest = {\n    //   \"x-token\": token,\n    //   id: deletePageNo._id,\n    // };\n    // deleteV1DashboardId(deleteDashboardRequest)\n    //   .then((response: any) => {\n    //   })\n    //   .catch((err: any) => console.log(\"Error in deleting page\", err));\n    // }\n    \n    const updatedArray = deletePage(pages, deletePageNo?._id);\n    deletePinToDashboardPage();\n    setDeletePageNo({});\n    setIsConfirmOpen(false);\n    if (updatedArray) {\n      setCurrentPage(updatedArray[0]);\n      setPages(updatedArray);\n      handlePageDelete(updatedArray);\n    } else {\n      handlePageDelete([]);\n      setPages([]);\n    }\n  };\n\n  const deletePinToDashboardPage = () => {\n    const updatedPinToDashboardData = pinToDashboardData.filter(\n      (data: any) => data.value !== page?._id,\n    );\n    setPinToDashboardData(updatedPinToDashboardData);\n  };\n\n  const handleShareModal = (selectedUsers: any) => {\n\n    let updatedData: any[] = [];\n    const existingItem = pageSharedData.find(\n      (item: any) => item.page.value === page?._id,\n    );\n\n    if (existingItem) {\n      updatedData = pageSharedData.map((item: any) => {\n        if (item.page.value === page?._id) {\n          return {\n            ...item,\n            isPublic: selectedUsers.isPublic,\n            shareUsers: selectedUsers.selectedUsers,\n          };\n        }\n        return item;\n      });\n    } else {\n      updatedData = [\n        ...pageSharedData,\n        {\n          page: page,\n          isPublic: selectedUsers.isPublic,\n          shareUsers: selectedUsers.selectedUsers,\n          viewStyle: 1,\n          owner: 0,\n        },\n      ];\n    }\n    setPageSharedData(updatedData);\n    handleShare({ ...selectedUsers, page: page, resource });\n  };\n\n  const handlePinToDashboard = () => {\n    const index = pinToDashboardData.findIndex(\n      (item: any) => item.value === page?._id,\n    );\n\n    if (index !== -1) {\n      setPinToDashboardData((prevData: any) => {\n        const updatedData = [...prevData];\n        updatedData[index] = { ...updatedData[index], label: page?.name };\n        return updatedData;\n      });\n    } else {\n      setPinToDashboardData((prevData: any) => [...prevData, page]);\n    }\n  };\n\n  const actions = [\n    {\n      label: \"Rename\",\n      func: handleOpenEditModal,\n      disabled: Boolean(page?.isShared)\n    },\n    {\n      label: \"Duplicate\",\n      func: handleDuplicatePage,\n    },\n    {\n      label: \"Share\",\n      func: handleSharePage,\n      disabled: Boolean(page?.isShared)\n    },\n    {\n      label: \"Pin to dashboard\",\n      func: handlePinToDashboard,\n      disabled: Boolean(page?.isShared)\n    },\n    {\n      label: \"Move Right\",\n      func: handleMoveRight,\n      disabled: (pages?.length <= 1) || Boolean(page?.isShared)\n    },\n    {\n      label: \"Move Left\",\n      func: handleMoveLeft,\n      disabled: (pages?.length <= 1) || Boolean(page?.isShared)\n    },\n  ];\n\n  const handleAction = (func: any) => {\n    func(page);\n    onClose();\n  };\n\n  return (\n    <>\n      <Menu open={Boolean(open)} anchorEl={open} onClose={onClose}>\n        {actions?.map((action) => (\n          <MenuItem\n            key={action?.label}\n            onClick={() => handleAction(action.func)}\n            disabled={Boolean(action?.disabled)}\n          >\n            <Typography color=\"theme.secondary.1000\" type=\"s4\">\n              {action?.label}\n            </Typography>\n          </MenuItem>\n        ))}\n        <Divider sx={{ mt: `4px !important`, mb: `4px !important` }}/>\n        <MenuItem onClick={() => handleAction(handleDeletePage)} disabled={Boolean(page?.isShared)}\n          sx={{\n            '&:hover': {\n              backgroundColor: 'theme.error.100'\n            }\n          }}\n        >\n          <Typography color=\"theme.error.500\" type=\"s4\">\n            Delete\n          </Typography>\n        </MenuItem>\n      </Menu>\n\n      <AddPageModal\n        open={isEditPageModalOpen}\n        page={page}\n        pages={pages}\n        onClose={handleCloseEditModal}\n        handleSubmit={handleEdit}\n      />\n\n      <ConfirmPopUp\n        open={isConfirmOpen}\n        onClose={() => setIsConfirmOpen(false)}\n        onConfirm={handleConfirmDelete}\n        title=\"Delete Confirmation?\"\n        description=\"Are you sure you want to delete this page ?\"\n      />\n      <SharePopUp\n        open={isShareModalOpen}\n        onClose={() => setIsShareModalOpen(false)}\n        title={`Share page ${page?.name}`}\n        roles={userRoles}\n        toggleSwitch={true}\n        value={defaultSharedData}\n        onSubmit={handleShareModal}\n      />\n    </>\n  );\n};\n\nexport { PageAction };\nexport default PageAction;\n"],"names":["_a","page"],"mappings":"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"}

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

@@ -7,7 +7,7 @@ const KeyboardArrowDownIcon = require("@mui/icons-material/KeyboardArrowDown");
 const typography = require("./typography-Bqfr1Ksf.js");
 const menu = require("./menu-CbpcDA_h.js");
 const addPage = require("./add-page-kmj2dpNR.js");
-const pageAction = require("./page-action-BPzaL2KJ.js");
+const pageAction = require("./page-action-8XNeWxvS.js");
 const Tooltip = require("./Tooltip-2SPKKR77.js");
 const runtime = require("@erpsquad/common/runtime");
 const button = require("./button-CYiSRppg.js");
@@ -239,4 +239,4 @@ const PageNavigator = ({
   ] });
 };
 exports.PageNavigator = PageNavigator;
-//# sourceMappingURL=page-navigator-Cgbh3tTG.js.map
+//# sourceMappingURL=page-navigator-DSmNN1Eb.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"page-navigator-Cgbh3tTG.js","sources":["../../src/components/page-navigator/page-navigator.tsx"],"sourcesContent":["/* eslint-disable no-mixed-spaces-and-tabs */\nimport { useCallback, useEffect, useState } from 'react';\nimport {\n\tTabs,\n\tTab as MUITab,\n\tstyled,\n\tIconButton,\n\tMenuItem,\n\tDivider,\n\tBox,\n\tCircularProgress\n} from '@mui/material';\nimport MenuIcon from '@mui/icons-material/Menu';\nimport KeyboardArrowDown from '@mui/icons-material/KeyboardArrowDown';\nimport Typography from '../typography/typography';\nimport Menu from '../menu/menu';\nimport AddPage from './components/add-page';\nimport PageAction from './components/page-action';\nimport Tooltip from '../tooltip/Tooltip';\nimport { IPage } from '../../@types/page';\nimport { defaultPageState } from '@erpsquad/common/runtime';\nimport { usePages } from '@erpsquad/common/runtime';\nimport Button from '../button/button';\nimport _ from 'lodash';\nimport { Save, Share } from '@mui/icons-material';\nimport './page-navigator.scss';\nimport React from 'react';\n\nconst StyledTabs = styled(Tabs)(() => ({\n\tminHeight: 'fit-content',\n\n\t'.MuiTabs-indicator': {\n\t\theight: '0px !important'\n\t},\n\t'& .MuiTabs-flexContainer': {\n\t\tgap: '4px'\n\t}\n}));\n\nconst StyledTab = styled(MUITab)(({ theme: { palette } }) => ({\n\tminHeight: '2rem',\n\ttextTransform: 'none',\n\tpadding: '0rem 1rem',\n\tminWidth: 'fit-content',\n\tborderRadius: 4,\n\t'&.Mui-selected': {\n\t\tbackground: palette.theme?.primary[100],\n\t\tcolor: palette.theme?.primary[700],\n\t\tborderTop: `2px solid ${palette.theme?.primary[700]}`\n\t},\n\t'.MuiIconButton-root': {\n\t\tpadding: '0rem'\n\t},\n\t\"&:hover\": {\n\t\tbackground: palette.theme?.primary[100]\n\t}\n}));\n\nconst title = `successfully created, complete with your saved filters, sorting options, and views.`;\n\nexport interface IPageNavigator {\n\tpages: IPage[];\n\tsetPages: React.Dispatch<React.SetStateAction<IPage[]>>;\n\tcurrentPage: string | number;\n\tsetCurrentPage: React.Dispatch<React.SetStateAction<number>>;\n\tsharedPages: any;\n\tresource: string;\n\thandlePageDelete: (pages: any[]) => void;\n\tisPageSaving?: boolean;\n}\n\nexport const PageNavigator = ({\n\t// sharedPages,\n\tresource,\n\t// handlePageDelete\n}: IPageNavigator) => {\n\tconst { pages, setPages, setActivePage, activePage, savePages, setIsChanged, isSaving, generatedColumns, sharedPages, isChanged, deletePage, isCreatePage, setIsCreatePage, addOrDeletePage } = usePages();\n\tconst shareTitle = (owner) => `shared by ${owner}`;\n\tconst [isActionsMenuOpen, setIsActionsMenuOpen] =\n\t\tuseState<null | HTMLElement>(null);\n\tconst [page, setPage] = useState<IPage>();\n\n\tconst [isAllPagesMenuOpen, setIsAllPagesMenuOpen] =\n\t\tuseState<null | HTMLElement>(null);\n\n\tconst handleChangePage = (_: React.SyntheticEvent, newValue: number) => {\n\t\tconst pg = pages.find((p) => p?._id == newValue);\n\t\tsetActivePage(pg);\n\t};\n\n\tconst handleOpenActionsMenu = (\n\t\tevent: React.MouseEvent<HTMLButtonElement>,\n\t\tclickedPage: IPage\n\t) => {\n\t\tevent.stopPropagation();\n\t\tsetPage(clickedPage);\n\t\tsetIsActionsMenuOpen(event.currentTarget);\n\t};\n\tconst handleCloseActionsMenu = () => setIsActionsMenuOpen(null);\n\n\tconst handleOpenAllPagesMenu = (\n\t\tevent: React.MouseEvent<HTMLButtonElement>\n\t) => {\n\t\tevent.stopPropagation();\n\t\tsetIsAllPagesMenuOpen(event.currentTarget);\n\t};\n\tconst handleCloseAllPagesMenu = () => setIsAllPagesMenuOpen(null);\n\n\tconst handleChangePageFromMenu = (val: number) => {\n\t\tsetActivePage(val);\n\t\thandleCloseAllPagesMenu();\n\t};\n\n\tconst handleAddPage = (newPage: IPage) => {\n\t\tconst nPage = {\n\t\t\t...defaultPageState,\n\t\t\t...newPage,\n\t\t\tname: newPage.name,\n\t\t\tvisible_columns: generatedColumns.columns,\n\t\t\tcolumn_order: _.uniq(generatedColumns.orderKeys),\n\t\t\t_id: pages.length + 1,\n\t\t\tactive_view: 'Table',\n\t\t\tviews: [{\n\t\t\t\tlabel: 'Table',\n\t\t\t\tposition: 0\n\t\t\t}]\n\t\t};\n\t\tconst updatedPages: any = [\n\t\t\t...pages,\n\t\t\t...[nPage]\n\t\t];\n\t\tsetActivePage({ ...nPage });\n\t\tsetPages([...updatedPages]);\n\t\tsetIsCreatePage(true)\n\n\t};\n\n\tconst handlePageDeleteFunction = (pages: any[]) => {\n\n\t\tdeletePage(pages)\n\t}\n\n\n\tconst handleAddOrdeletePage = useCallback(async () => {\n\t\tif (isCreatePage) {\n\t\t\tconst res = await addOrDeletePage();\n\t\t\tif (res?.status_code === 200) {\n\t\t\t\tsetPages(res?.data?.pages);\n\t\t\t\tsetIsChanged(false)\n\t\t\t}\n\t\t}\n\t\tsetTimeout(() => {\n\t\t\tsetIsCreatePage(false);\n\n\t\t}, 2000)\n\t\t//eslint-disable-next-line\n\t}, [isCreatePage])\n\n\tuseEffect(() => {\n\t\thandleAddOrdeletePage()\n\t\t//eslint-disable-next-line\n\t}, [handleAddOrdeletePage])\n\n\treturn (\n\t\t<Box display=\"flex\" gap={2} alignItems={'center'} className='page-navigator-container'>\n\t\t\t<Box\n\t\t\t\tdisplay={'flex'}\n\t\t\t\tclassName='page-navigator'\n\t\t\t\tsx={{ display: 'flex', opacity: isSaving ? 0.5 : 1 }}>\n\t\t\t\t<IconButton\n\t\t\t\t\t// size='small'\n\t\t\t\t\tonClick={handleOpenAllPagesMenu}\n\t\t\t\t\tdisabled={isSaving}>\n\t\t\t\t\t<MenuIcon fontSize='small' />\n\t\t\t\t</IconButton>\n\t\t\t\t<StyledTabs\n\t\t\t\t\tvalue={activePage?._id}\n\t\t\t\t\tvariant='scrollable'\n\t\t\t\t\tonChange={handleChangePage}\n\t\t\t\t\taria-label='basic tabs example'>\n\t\t\t\t\t{pages?.map((page) => (\n\t\t\t\t\t\t<StyledTab\n\t\t\t\t\t\t\ticonPosition='end'\n\t\t\t\t\t\t\tdisableRipple\n\t\t\t\t\t\t\tkey={page}\n\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tsize='small'\n\t\t\t\t\t\t\t\t\tedge='end'\n\t\t\t\t\t\t\t\t\tonClick={(e) => handleOpenActionsMenu(e, page)}\n\t\t\t\t\t\t\t\t\tdisabled={isSaving}>\n\t\t\t\t\t\t\t\t\t<KeyboardArrowDown fontSize='small' color={activePage?._id === page?._id ? 'primary' : undefined} />\n\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\t\ttitle={`The '${page.name}' page has been  ${page?.isShared ? shareTitle(page?.owner) : title}`}\n\t\t\t\t\t\t\t\t\tkey={page._id}\n\t\t\t\t\t\t\t\t\tplacement='top'\n\t\t\t\t\t\t\t\t\tarrow>\n\t\t\t\t\t\t\t\t\t<Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n\t\t\t\t\t\t\t\t\t\t{page?.isShared && <Share sx={{ fontSize: '20px', color: '#4AC08C' }} />}\n\t\t\t\t\t\t\t\t\t\t<span>{page.name}</span>\n\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={page?._id}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</StyledTabs>\n\n\t\t\t\t<Divider\n\t\t\t\t\torientation='vertical'\n\t\t\t\t\tvariant='middle'\n\t\t\t\t\tflexItem\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tml: 2,\n\t\t\t\t\t\tborderWidth: '1px'\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<Box display=\"flex\" alignItems={'center'}>\n\t\t\t\t\t<AddPage\n\t\t\t\t\t\tpages={pages}\n\t\t\t\t\t\thandleAddPage={handleAddPage}\n\t\t\t\t\t\tsharedPages={sharedPages}\n\t\t\t\t\t/>\n\t\t\t\t</Box>\n\n\t\t\t\t<PageAction\n\t\t\t\t\topen={isActionsMenuOpen}\n\t\t\t\t\tonClose={handleCloseActionsMenu}\n\t\t\t\t\tpage={page}\n\t\t\t\t\tsetPages={setPages}\n\t\t\t\t\tsetCurrentPage={setActivePage}\n\t\t\t\t\tpages={pages}\n\t\t\t\t\tresource={resource}\n\t\t\t\t\thandlePageDelete={handlePageDeleteFunction}\n\t\t\t\t/>\n\n\t\t\t\t<Menu\n\t\t\t\t\topen={Boolean(isAllPagesMenuOpen)}\n\t\t\t\t\tanchorEl={isAllPagesMenuOpen}\n\t\t\t\t\tonClose={handleCloseAllPagesMenu}>\n\t\t\t\t\t{pages?.map((page) => (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tselected={page._id === activePage?._id}\n\t\t\t\t\t\t\tkey={page._id}\n\t\t\t\t\t\t\tonClick={() => handleChangePageFromMenu(page)}>\n\t\t\t\t\t\t\t<Typography color='theme.secondary.1000' type='s4'>\n\t\t\t\t\t\t\t\t{page.name}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t))}\n\t\t\t\t</Menu>\n\t\t\t</Box>\n\t\t\t<Box display=\"flex\" alignItems={'center'}>\n\t\t\t\t<Button\n\t\t\t\t\tsize='small'\n\t\t\t\t\tvariant='contained'\n\t\t\t\t\tonClick={() => savePages()}\n\t\t\t\t\t// sx={{fontWeight:600, marginBottom:'2px',px:3}}\n\t\t\t\t\tendIcon={\n\t\t\t\t\t\tisSaving ? <CircularProgress size={15} color='inherit' /> : <Save fontSize='small' />\n\t\t\t\t\t}\n\t\t\t\t\tdisabled={!isChanged || isSaving}>\n\t\t\t\t\tSave\n\t\t\t\t</Button>\n\t\t\t</Box>\n\t\t</Box>\n\t);\n};\n\nexport default PageNavigator;\n"],"names":["styled","Tabs","MUITab","usePages","useState","_","defaultPageState","pages","useCallback","useEffect","jsxs","Box","jsx","IconButton","page","KeyboardArrowDown","Tooltip","Share","Divider","AddPage","PageAction","Menu","MenuItem","Typography","Button","CircularProgress","Save"],"mappings":"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"}
+{"version":3,"file":"page-navigator-DSmNN1Eb.js","sources":["../../src/components/page-navigator/page-navigator.tsx"],"sourcesContent":["/* eslint-disable no-mixed-spaces-and-tabs */\nimport { useCallback, useEffect, useState } from 'react';\nimport {\n\tTabs,\n\tTab as MUITab,\n\tstyled,\n\tIconButton,\n\tMenuItem,\n\tDivider,\n\tBox,\n\tCircularProgress\n} from '@mui/material';\nimport MenuIcon from '@mui/icons-material/Menu';\nimport KeyboardArrowDown from '@mui/icons-material/KeyboardArrowDown';\nimport Typography from '../typography/typography';\nimport Menu from '../menu/menu';\nimport AddPage from './components/add-page';\nimport PageAction from './components/page-action';\nimport Tooltip from '../tooltip/Tooltip';\nimport { IPage } from '../../@types/page';\nimport { defaultPageState } from '@erpsquad/common/runtime';\nimport { usePages } from '@erpsquad/common/runtime';\nimport Button from '../button/button';\nimport _ from 'lodash';\nimport { Save, Share } from '@mui/icons-material';\nimport './page-navigator.scss';\nimport React from 'react';\n\nconst StyledTabs = styled(Tabs)(() => ({\n\tminHeight: 'fit-content',\n\n\t'.MuiTabs-indicator': {\n\t\theight: '0px !important'\n\t},\n\t'& .MuiTabs-flexContainer': {\n\t\tgap: '4px'\n\t}\n}));\n\nconst StyledTab = styled(MUITab)(({ theme: { palette } }) => ({\n\tminHeight: '2rem',\n\ttextTransform: 'none',\n\tpadding: '0rem 1rem',\n\tminWidth: 'fit-content',\n\tborderRadius: 4,\n\t'&.Mui-selected': {\n\t\tbackground: palette.theme?.primary[100],\n\t\tcolor: palette.theme?.primary[700],\n\t\tborderTop: `2px solid ${palette.theme?.primary[700]}`\n\t},\n\t'.MuiIconButton-root': {\n\t\tpadding: '0rem'\n\t},\n\t\"&:hover\": {\n\t\tbackground: palette.theme?.primary[100]\n\t}\n}));\n\nconst title = `successfully created, complete with your saved filters, sorting options, and views.`;\n\nexport interface IPageNavigator {\n\tpages: IPage[];\n\tsetPages: React.Dispatch<React.SetStateAction<IPage[]>>;\n\tcurrentPage: string | number;\n\tsetCurrentPage: React.Dispatch<React.SetStateAction<number>>;\n\tsharedPages: any;\n\tresource: string;\n\thandlePageDelete: (pages: any[]) => void;\n\tisPageSaving?: boolean;\n}\n\nexport const PageNavigator = ({\n\t// sharedPages,\n\tresource,\n\t// handlePageDelete\n}: IPageNavigator) => {\n\tconst { pages, setPages, setActivePage, activePage, savePages, setIsChanged, isSaving, generatedColumns, sharedPages, isChanged, deletePage, isCreatePage, setIsCreatePage, addOrDeletePage } = usePages();\n\tconst shareTitle = (owner) => `shared by ${owner}`;\n\tconst [isActionsMenuOpen, setIsActionsMenuOpen] =\n\t\tuseState<null | HTMLElement>(null);\n\tconst [page, setPage] = useState<IPage>();\n\n\tconst [isAllPagesMenuOpen, setIsAllPagesMenuOpen] =\n\t\tuseState<null | HTMLElement>(null);\n\n\tconst handleChangePage = (_: React.SyntheticEvent, newValue: number) => {\n\t\tconst pg = pages.find((p) => p?._id == newValue);\n\t\tsetActivePage(pg);\n\t};\n\n\tconst handleOpenActionsMenu = (\n\t\tevent: React.MouseEvent<HTMLButtonElement>,\n\t\tclickedPage: IPage\n\t) => {\n\t\tevent.stopPropagation();\n\t\tsetPage(clickedPage);\n\t\tsetIsActionsMenuOpen(event.currentTarget);\n\t};\n\tconst handleCloseActionsMenu = () => setIsActionsMenuOpen(null);\n\n\tconst handleOpenAllPagesMenu = (\n\t\tevent: React.MouseEvent<HTMLButtonElement>\n\t) => {\n\t\tevent.stopPropagation();\n\t\tsetIsAllPagesMenuOpen(event.currentTarget);\n\t};\n\tconst handleCloseAllPagesMenu = () => setIsAllPagesMenuOpen(null);\n\n\tconst handleChangePageFromMenu = (val: number) => {\n\t\tsetActivePage(val);\n\t\thandleCloseAllPagesMenu();\n\t};\n\n\tconst handleAddPage = (newPage: IPage) => {\n\t\tconst nPage = {\n\t\t\t...defaultPageState,\n\t\t\t...newPage,\n\t\t\tname: newPage.name,\n\t\t\tvisible_columns: generatedColumns.columns,\n\t\t\tcolumn_order: _.uniq(generatedColumns.orderKeys),\n\t\t\t_id: pages.length + 1,\n\t\t\tactive_view: 'Table',\n\t\t\tviews: [{\n\t\t\t\tlabel: 'Table',\n\t\t\t\tposition: 0\n\t\t\t}]\n\t\t};\n\t\tconst updatedPages: any = [\n\t\t\t...pages,\n\t\t\t...[nPage]\n\t\t];\n\t\tsetActivePage({ ...nPage });\n\t\tsetPages([...updatedPages]);\n\t\tsetIsCreatePage(true)\n\n\t};\n\n\tconst handlePageDeleteFunction = (pages: any[]) => {\n\n\t\tdeletePage(pages)\n\t}\n\n\n\tconst handleAddOrdeletePage = useCallback(async () => {\n\t\tif (isCreatePage) {\n\t\t\tconst res = await addOrDeletePage();\n\t\t\tif (res?.status_code === 200) {\n\t\t\t\tsetPages(res?.data?.pages);\n\t\t\t\tsetIsChanged(false)\n\t\t\t}\n\t\t}\n\t\tsetTimeout(() => {\n\t\t\tsetIsCreatePage(false);\n\n\t\t}, 2000)\n\t\t//eslint-disable-next-line\n\t}, [isCreatePage])\n\n\tuseEffect(() => {\n\t\thandleAddOrdeletePage()\n\t\t//eslint-disable-next-line\n\t}, [handleAddOrdeletePage])\n\n\treturn (\n\t\t<Box display=\"flex\" gap={2} alignItems={'center'} className='page-navigator-container'>\n\t\t\t<Box\n\t\t\t\tdisplay={'flex'}\n\t\t\t\tclassName='page-navigator'\n\t\t\t\tsx={{ display: 'flex', opacity: isSaving ? 0.5 : 1 }}>\n\t\t\t\t<IconButton\n\t\t\t\t\t// size='small'\n\t\t\t\t\tonClick={handleOpenAllPagesMenu}\n\t\t\t\t\tdisabled={isSaving}>\n\t\t\t\t\t<MenuIcon fontSize='small' />\n\t\t\t\t</IconButton>\n\t\t\t\t<StyledTabs\n\t\t\t\t\tvalue={activePage?._id}\n\t\t\t\t\tvariant='scrollable'\n\t\t\t\t\tonChange={handleChangePage}\n\t\t\t\t\taria-label='basic tabs example'>\n\t\t\t\t\t{pages?.map((page) => (\n\t\t\t\t\t\t<StyledTab\n\t\t\t\t\t\t\ticonPosition='end'\n\t\t\t\t\t\t\tdisableRipple\n\t\t\t\t\t\t\tkey={page}\n\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tsize='small'\n\t\t\t\t\t\t\t\t\tedge='end'\n\t\t\t\t\t\t\t\t\tonClick={(e) => handleOpenActionsMenu(e, page)}\n\t\t\t\t\t\t\t\t\tdisabled={isSaving}>\n\t\t\t\t\t\t\t\t\t<KeyboardArrowDown fontSize='small' color={activePage?._id === page?._id ? 'primary' : undefined} />\n\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\t\ttitle={`The '${page.name}' page has been  ${page?.isShared ? shareTitle(page?.owner) : title}`}\n\t\t\t\t\t\t\t\t\tkey={page._id}\n\t\t\t\t\t\t\t\t\tplacement='top'\n\t\t\t\t\t\t\t\t\tarrow>\n\t\t\t\t\t\t\t\t\t<Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n\t\t\t\t\t\t\t\t\t\t{page?.isShared && <Share sx={{ fontSize: '20px', color: '#4AC08C' }} />}\n\t\t\t\t\t\t\t\t\t\t<span>{page.name}</span>\n\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={page?._id}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</StyledTabs>\n\n\t\t\t\t<Divider\n\t\t\t\t\torientation='vertical'\n\t\t\t\t\tvariant='middle'\n\t\t\t\t\tflexItem\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tml: 2,\n\t\t\t\t\t\tborderWidth: '1px'\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<Box display=\"flex\" alignItems={'center'}>\n\t\t\t\t\t<AddPage\n\t\t\t\t\t\tpages={pages}\n\t\t\t\t\t\thandleAddPage={handleAddPage}\n\t\t\t\t\t\tsharedPages={sharedPages}\n\t\t\t\t\t/>\n\t\t\t\t</Box>\n\n\t\t\t\t<PageAction\n\t\t\t\t\topen={isActionsMenuOpen}\n\t\t\t\t\tonClose={handleCloseActionsMenu}\n\t\t\t\t\tpage={page}\n\t\t\t\t\tsetPages={setPages}\n\t\t\t\t\tsetCurrentPage={setActivePage}\n\t\t\t\t\tpages={pages}\n\t\t\t\t\tresource={resource}\n\t\t\t\t\thandlePageDelete={handlePageDeleteFunction}\n\t\t\t\t/>\n\n\t\t\t\t<Menu\n\t\t\t\t\topen={Boolean(isAllPagesMenuOpen)}\n\t\t\t\t\tanchorEl={isAllPagesMenuOpen}\n\t\t\t\t\tonClose={handleCloseAllPagesMenu}>\n\t\t\t\t\t{pages?.map((page) => (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tselected={page._id === activePage?._id}\n\t\t\t\t\t\t\tkey={page._id}\n\t\t\t\t\t\t\tonClick={() => handleChangePageFromMenu(page)}>\n\t\t\t\t\t\t\t<Typography color='theme.secondary.1000' type='s4'>\n\t\t\t\t\t\t\t\t{page.name}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t))}\n\t\t\t\t</Menu>\n\t\t\t</Box>\n\t\t\t<Box display=\"flex\" alignItems={'center'}>\n\t\t\t\t<Button\n\t\t\t\t\tsize='small'\n\t\t\t\t\tvariant='contained'\n\t\t\t\t\tonClick={() => savePages()}\n\t\t\t\t\t// sx={{fontWeight:600, marginBottom:'2px',px:3}}\n\t\t\t\t\tendIcon={\n\t\t\t\t\t\tisSaving ? <CircularProgress size={15} color='inherit' /> : <Save fontSize='small' />\n\t\t\t\t\t}\n\t\t\t\t\tdisabled={!isChanged || isSaving}>\n\t\t\t\t\tSave\n\t\t\t\t</Button>\n\t\t\t</Box>\n\t\t</Box>\n\t);\n};\n\nexport default PageNavigator;\n"],"names":["styled","Tabs","MUITab","usePages","useState","_","defaultPageState","pages","useCallback","useEffect","jsxs","Box","jsx","IconButton","page","KeyboardArrowDown","Tooltip","Share","Divider","AddPage","PageAction","Menu","MenuItem","Typography","Button","CircularProgress","Save"],"mappings":"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"}

package/dist/chunks/{page-navigator-8gZpp9_P.esm.js → page-navigator-DjG5btI1.esm.js}

@@ -6,7 +6,7 @@ import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
 import { T as Typography } from "./typography-CG_A0iOJ.esm.js";
 import { M as Menu } from "./menu-B2SzzeqF.esm.js";
 import { A as AddPage } from "./add-page-DagoKPkS.esm.js";
-import { P as PageAction } from "./page-action-C07iGjvN.esm.js";
+import { P as PageAction } from "./page-action-BhSpPGBy.esm.js";
 import { T as Tooltip } from "./Tooltip-C4ENi_0y.esm.js";
 import { usePages, defaultPageState } from "@erpsquad/common/runtime";
 import { B as Button } from "./button-BtdpXmjA.esm.js";
@@ -240,4 +240,4 @@ const PageNavigator = ({
 export {
   PageNavigator as P
 };
-//# sourceMappingURL=page-navigator-8gZpp9_P.esm.js.map
+//# sourceMappingURL=page-navigator-DjG5btI1.esm.js.map

package/dist/chunks/{page-navigator-8gZpp9_P.esm.js.map → page-navigator-DjG5btI1.esm.js.map}

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

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

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

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

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

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

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