@erpsquad/common 1.8.45 → 1.8.46

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

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("../../../menu/menu/index.js"),n=require("../../../typography/typography/index.js"),i=require("react"),a=require("../add-page-modal/index.js"),s=require("../../../share-modal/share-modal/index.js"),o=require("../../../../views/beforeAuth/components/share-modal-data/share-modal-data/index.js"),r=require("../../../confirm-modal/confirm-modal/index.js"),d=require("react-redux"),t=require("../../../../views/afterAuth/dashboard/redux/reducer/index.js"),u=require("../../../share-modal/redux/actionCreator/index.js"),c=require("../../../../redux/hooks/index.js"),h=require("../../../../utils/common/index.js"),v=require("../../../../hooks/use-pages/index.js"),p=require("../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),m=require("../../../../node_modules/@mui/material/Divider/Divider/index.js");exports.default=({open:f,onClose:g,page:x,pages:b,setCurrentPage:j,setPages:S,resource:_,handlePageDelete:q})=>{var y;const[P,C]=i.useState(!1),[D,I]=i.useState(!1),[U,B]=i.useState(!1),[w,k]=i.useState({}),[M,$]=i.useState({}),[A,R]=i.useState([]),T=d.useSelector(e=>e),[E,L]=i.useState((null==(y=null==T?void 0:T.dashboard)?void 0:y.pinToDashboardList)||[]),F=c.useAppDispatch(),N=d.useDispatch(),{setIsCreatePage:O}=v.usePages();i.useEffect(()=>{N(t.pinToDashboardList(E))},[N,A,E]),i.useEffect(()=>{x&&R([...A,{page:{...x,value:null==x?void 0:x._id},isPublic:!0,shareUsers:null==x?void 0:x.selectedUsers}])},[x]);const z=e=>{B(!0),k(e)},G=[{label:"Rename",func:()=>{g(),C(!0)},disabled:Boolean(null==x?void 0:x.isShared)},{label:"Duplicate",func:e=>{const l=e=>b.some(l=>l.name===e),{uniqueNumberId:n}=h.generateRandomId();let i=e.name;if(l(i)){let n=1;for(;l(`${e.name} ${n}`);)n++;i=`${e.name} ${n}`}const a=[...b,{...e,name:i,_id:n,data:e.data,isShared:!1}];S(a),O(!0)}},{label:"Share",func:e=>{var l;const n=A.find(l=>{var n;return(null==(n=l.page)?void 0:n.value)===(null==e?void 0:e.value)});$(n?{isPublic:n.isPublic,selectedUsers:n.shareUsers}:{isPublic:(null==(l=null==e?void 0:e.selectedUsers)?void 0:l.length)>0,...e}),I(!0),I(!0)},disabled:Boolean(null==x?void 0:x.isShared)},{label:"Pin to dashboard",func:()=>{const e=E.findIndex(e=>e.value===(null==x?void 0:x._id));L(-1!==e?l=>{const n=[...l];return n[e]={...n[e],label:null==x?void 0:x.name},n}:e=>[...e,x])},disabled:Boolean(null==x?void 0:x.isShared)},{label:"Move Right",func:e=>{const l=((e,l)=>{const n=[...e];if(n.length<=1)return;const i=n.findIndex(e=>e._id===l);if(i===n.length-1)return;const a=n.splice(i,1)[0];return n.splice(i+1,0,a),n})(b,null==e?void 0:e._id);l&&S(l)},disabled:(null==b?void 0:b.length)<=1||Boolean(null==x?void 0:x.isShared)},{label:"Move Left",func:e=>{const l=((e,l)=>{const n=[...e];if(n.length<=1)return;const i=n.findIndex(e=>e._id===l);if(0===i)return;const a=n.splice(i,1)[0];return n.splice(i-1,0,a),n})(b,null==e?void 0:e._id);l&&S(l)},disabled:(null==b?void 0:b.length)<=1||Boolean(null==x?void 0:x.isShared)}],H=e=>{e(x),g()};/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("../../../menu/menu/index.js"),n=require("../../../typography/typography/index.js"),i=require("react"),s=require("../add-page-modal/index.js"),a=require("../../../share-modal/share-modal/index.js"),o=require("../../../../views/beforeAuth/components/share-modal-data/share-modal-data/index.js"),r=require("../../../confirm-modal/confirm-modal/index.js"),d=require("react-redux"),t=require("../../../../views/afterAuth/dashboard/redux/reducer/index.js"),u=require("../../../share-modal/redux/actionCreator/index.js"),c=require("../../../../redux/hooks/index.js"),p=require("../../../../utils/common/index.js"),h=require("../../../../hooks/use-pages/index.js"),v=require("../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),m=require("../../../../node_modules/@mui/material/Divider/Divider/index.js");const g=({open:g,onClose:x,page:f,pages:b,setCurrentPage:j,setPages:S,resource:P,handlePageDelete:_})=>{var q;const[y,C]=i.useState(!1),[U,D]=i.useState(!1),[I,B]=i.useState(!1),[M,w]=i.useState({}),[A,k]=i.useState({}),[$,R]=i.useState([]),T=d.useSelector(e=>e),[E,L]=i.useState((null==(q=null==T?void 0:T.dashboard)?void 0:q.pinToDashboardList)||[]),F=c.useAppDispatch(),N=d.useDispatch(),{setIsCreatePage:O}=h.usePages();i.useEffect(()=>{N(t.pinToDashboardList(E))},[N,$,E]),i.useEffect(()=>{f&&R([...$,{page:{...f,value:null==f?void 0:f._id},isPublic:!0,shareUsers:null==f?void 0:f.selectedUsers}])},[f]);const z=e=>{B(!0),w(e)},G=[{label:"Rename",func:()=>{x(),C(!0)},disabled:Boolean(null==f?void 0:f.isShared)},{label:"Duplicate",func:e=>{const l=e=>b.some(l=>l.name===e),{uniqueNumberId:n}=p.generateRandomId();let i=e.name;if(l(i)){let n=1;for(;l(`${e.name} ${n}`);)n++;i=`${e.name} ${n}`}const s=[...b,{...e,name:i,_id:n,data:e.data,isShared:!1}];S(s),O(!0)}},{label:"Share",func:e=>{var l;const n=$.find(l=>{var n;return(null==(n=l.page)?void 0:n.value)===(null==e?void 0:e.value)});k(n?{isPublic:n.isPublic,selectedUsers:n.shareUsers}:{isPublic:(null==(l=null==e?void 0:e.selectedUsers)?void 0:l.length)>0,...e}),D(!0),D(!0)},disabled:Boolean(null==f?void 0:f.isShared)},{label:"Pin to dashboard",func:()=>{const e=E.findIndex(e=>e.value===(null==f?void 0:f._id));L(-1!==e?l=>{const n=[...l];return n[e]={...n[e],label:null==f?void 0:f.name},n}:e=>[...e,f])},disabled:Boolean(null==f?void 0:f.isShared)},{label:"Move Right",func:e=>{const l=((e,l)=>{const n=[...e];if(n.length<=1)return;const i=n.findIndex(e=>e._id===l);if(i===n.length-1)return;const s=n.splice(i,1)[0];return n.splice(i+1,0,s),n})(b,null==e?void 0:e._id);l&&S(l)},disabled:(null==b?void 0:b.length)<=1||Boolean(null==f?void 0:f.isShared)},{label:"Move Left",func:e=>{const l=((e,l)=>{const n=[...e];if(n.length<=1)return;const i=n.findIndex(e=>e._id===l);if(0===i)return;const s=n.splice(i,1)[0];return n.splice(i-1,0,s),n})(b,null==e?void 0:e._id);l&&S(l)},disabled:(null==b?void 0:b.length)<=1||Boolean(null==f?void 0:f.isShared)}],H=e=>{e(f),x()};/* @__PURE__ */
 return e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsxs(l.default,{open:Boolean(f),anchorEl:f,onClose:g,children:[null==G?void 0:G.map(l=>/* @__PURE__ */e.jsx(p.default,{onClick:()=>H(l.func),disabled:Boolean(null==l?void 0:l.disabled),children:/* @__PURE__ */e.jsx(n.Typography,{color:"theme.secondary.1000",type:"s4",children:null==l?void 0:l.label})},null==l?void 0:l.label)),
+/* @__PURE__ */e.jsxs(l.Menu,{open:Boolean(g),anchorEl:g,onClose:x,children:[null==G?void 0:G.map(l=>/* @__PURE__ */e.jsx(v.default,{onClick:()=>H(l.func),disabled:Boolean(null==l?void 0:l.disabled),children:/* @__PURE__ */e.jsx(n.Typography,{color:"theme.secondary.1000",type:"s4",children:null==l?void 0:l.label})},null==l?void 0:l.label)),
 /* @__PURE__ */e.jsx(m.default,{sx:{mt:"4px !important",mb:"4px !important"}}),
-/* @__PURE__ */e.jsx(p.default,{onClick:()=>H(z),disabled:Boolean(null==x?void 0:x.isShared),sx:{"&:hover":{backgroundColor:"theme.error.100"}},children:/* @__PURE__ */e.jsx(n.Typography,{color:"theme.error.500",type:"s4",children:"Delete"})})]}),
-/* @__PURE__ */e.jsx(a.default,{open:P,page:x,pages:b,onClose:()=>{C(!1)},handleSubmit:e=>{const l=b.map(l=>l._id===e._id?{...l,name:e.name}:l);S(l),O(!0)}}),
-/* @__PURE__ */e.jsx(r.default,{open:U,onClose:()=>B(!1),onConfirm:()=>{const e=((e,l)=>{const n=[...e];if(n.length<=1)return;const i=n.findIndex(e=>e._id===l);return n.splice(i,1),n})(b,null==w?void 0:w._id);(()=>{const e=E.filter(e=>e.value!==(null==x?void 0:x._id));L(e)})(),k({}),B(!1),e?(j(e[0]),S(e),q(e)):(q([]),S([]))},title:"Delete Confirmation?",description:"Are you sure you want to delete this page ?"}),
-/* @__PURE__ */e.jsx(s.default,{open:D,onClose:()=>I(!1),title:`Share page ${null==x?void 0:x.name}`,roles:o.userRoles,toggleSwitch:!0,value:M,onSubmit:e=>{let l=[];var n;l=A.find(e=>e.page.value===(null==x?void 0:x._id))?A.map(l=>l.page.value===(null==x?void 0:x._id)?{...l,isPublic:e.isPublic,shareUsers:e.selectedUsers}:l):[...A,{page:x,isPublic:e.isPublic,shareUsers:e.selectedUsers,viewStyle:1,owner:0}],R(l),(n={...e,page:x,resource:_}).pages=b,F(u.sharePage(n)).then(e=>{var l,n,i,a,s;(null==(i=null==(n=null==(l=null==e?void 0:e.payload)?void 0:l.data)?void 0:n.pages)?void 0:i.length)&&S(null==(s=null==(a=null==e?void 0:e.payload)?void 0:a.data)?void 0:s.pages),I(!1)})}})]})};
+/* @__PURE__ */e.jsx(v.default,{onClick:()=>H(z),disabled:Boolean(null==f?void 0:f.isShared),sx:{"&:hover":{backgroundColor:"theme.error.100"}},children:/* @__PURE__ */e.jsx(n.Typography,{color:"theme.error.500",type:"s4",children:"Delete"})})]}),
+/* @__PURE__ */e.jsx(s.AddPageModal,{open:y,page:f,pages:b,onClose:()=>{C(!1)},handleSubmit:e=>{const l=b.map(l=>l._id===e._id?{...l,name:e.name}:l);S(l),O(!0)}}),
+/* @__PURE__ */e.jsx(r.ConfirmPopUp,{open:I,onClose:()=>B(!1),onConfirm:()=>{const e=((e,l)=>{const n=[...e];if(n.length<=1)return;const i=n.findIndex(e=>e._id===l);return n.splice(i,1),n})(b,null==M?void 0:M._id);(()=>{const e=E.filter(e=>e.value!==(null==f?void 0:f._id));L(e)})(),w({}),B(!1),e?(j(e[0]),S(e),_(e)):(_([]),S([]))},title:"Delete Confirmation?",description:"Are you sure you want to delete this page ?"}),
+/* @__PURE__ */e.jsx(a.SharePopUp,{open:U,onClose:()=>D(!1),title:`Share page ${null==f?void 0:f.name}`,roles:o.userRoles,toggleSwitch:!0,value:A,onSubmit:e=>{let l=[];var n;l=$.find(e=>e.page.value===(null==f?void 0:f._id))?$.map(l=>l.page.value===(null==f?void 0:f._id)?{...l,isPublic:e.isPublic,shareUsers:e.selectedUsers}:l):[...$,{page:f,isPublic:e.isPublic,shareUsers:e.selectedUsers,viewStyle:1,owner:0}],R(l),(n={...e,page:f,resource:P}).pages=b,F(u.sharePage(n)).then(e=>{var l,n,i,s,a;(null==(i=null==(n=null==(l=null==e?void 0:e.payload)?void 0:l.data)?void 0:n.pages)?void 0:i.length)&&S(null==(a=null==(s=null==e?void 0:e.payload)?void 0:s.data)?void 0:a.pages),D(!1)})}})]})};exports.PageAction=g,exports.default=g;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.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 \"../../../hooks/use-pages\";\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 default PageAction;\n"],"names":["open","onClose","page","pages","setCurrentPage","setPages","resource","handlePageDelete","isEditPageModalOpen","setIsEditPageModalOpen","useState","isShareModalOpen","setIsShareModalOpen","isConfirmOpen","setIsConfirmOpen","deletePageNo","setDeletePageNo","defaultSharedData","setDefaultSharedData","pageSharedData","setPageSharedData","pinToDashboardStore","useSelector","state","pinToDashboardData","setPinToDashboardData","_a","dashboard","pinToDashboardList","appDispatch","useAppDispatch","dispatch","useDispatch","setIsCreatePage","usePages","useEffect","value","_id","isPublic","shareUsers","selectedUsers","handleDeletePage","pageValue","actions","label","func","disabled","Boolean","isShared","labelExists","some","item","name","uniqueNumberId","generateRandomId","newLabel","counter","updatedPage","data","defaultData","find","length","index","findIndex","prevData","updatedData","updatedArray","arr","elementToShift","splice","moveRight","moveLeft","handleAction","jsxs","Fragment","children","Menu","anchorEl","map","action","jsx","MenuItem","onClick","Typography","color","type","Divider","sx","mt","mb","backgroundColor","AddPageModal","handleSubmit","newPage","updatedPages","ConfirmPopUp","onConfirm","deletePage","updatedPinToDashboardData","filter","deletePinToDashboardPage","title","description","SharePopUp","roles","userRoles","toggleSwitch","onSubmit","pageData","viewStyle","owner","sharePage","then","res","_c","_b","payload","_e","_d"],"mappings":"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"}
+{"version":3,"file":"index.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 \"../../../hooks/use-pages\";\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":["PageAction","open","onClose","page","pages","setCurrentPage","setPages","resource","handlePageDelete","isEditPageModalOpen","setIsEditPageModalOpen","useState","isShareModalOpen","setIsShareModalOpen","isConfirmOpen","setIsConfirmOpen","deletePageNo","setDeletePageNo","defaultSharedData","setDefaultSharedData","pageSharedData","setPageSharedData","pinToDashboardStore","useSelector","state","pinToDashboardData","setPinToDashboardData","_a","dashboard","pinToDashboardList","appDispatch","useAppDispatch","dispatch","useDispatch","setIsCreatePage","usePages","useEffect","value","_id","isPublic","shareUsers","selectedUsers","handleDeletePage","pageValue","actions","label","func","disabled","Boolean","isShared","labelExists","some","item","name","uniqueNumberId","generateRandomId","newLabel","counter","updatedPage","data","defaultData","find","length","index","findIndex","prevData","updatedData","updatedArray","arr","elementToShift","splice","moveRight","moveLeft","handleAction","jsxs","Fragment","children","Menu","anchorEl","map","action","jsx","MenuItem","onClick","Typography","color","type","Divider","sx","mt","mb","backgroundColor","AddPageModal","handleSubmit","newPage","updatedPages","ConfirmPopUp","onConfirm","deletePage","updatedPinToDashboardData","filter","deletePinToDashboardPage","title","description","SharePopUp","roles","userRoles","toggleSwitch","onSubmit","pageData","viewStyle","owner","sharePage","then","res","_c","_b","payload","_e","_d"],"mappings":"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"}

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

@@ -11,4 +11,5 @@ interface IPageAction {
     handlePageDelete: (pages: any[]) => void;
 }
 declare const PageAction: ({ open, onClose, page, pages, setCurrentPage, setPages, resource, handlePageDelete, }: IPageAction) => import("react/jsx-runtime").JSX.Element;
+export { PageAction };
 export default PageAction;

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

@@ -1,13 +1,13 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import default_1 from "../../../../node_modules/@mui/icons-material/Close/index.esm.js";
 import { Typography } from "../../../typography/typography/index.esm.js";
-import Button from "../../../button/button/index.esm.js";
-import Modal from "../../../modal/modal/index.esm.js";
+import { Button } from "../../../button/button/index.esm.js";
+import { Modal } from "../../../modal/modal/index.esm.js";
 /* empty css                                  */
 import { useState, useEffect } from "react";
-import SearchBar from "../../../search-bar/search-bar/index.esm.js";
-import Toggle from "../../../toggle/toggle/index.esm.js";
-import SharedPageView from "../shared-page-view/index.esm.js";
+import { SearchBar } from "../../../search-bar/search-bar/index.esm.js";
+import { Toggle } from "../../../toggle/toggle/index.esm.js";
+import { SharedPageView } from "../shared-page-view/index.esm.js";
 import { useDispatch } from "react-redux";
 import { setSharedPage } from "../../../../views/afterAuth/dashboard/redux/reducer/index.esm.js";
 import DialogTitle from "../../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.esm.js";
@@ -205,6 +205,7 @@ const SharedPageModal = ({ open, onClose, pages, handleSubmit }) => {
   ) });
 };
 export {
+  SharedPageModal,
   SharedPageModal as default
 };
 //# sourceMappingURL=index.esm.js.map

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

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

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

@@ -1,24 +1,24 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=,/* empty css                                                        */i=,/* empty css                                    */l=,/* empty css                            */s=;/* empty css                          */;/* empty css                               */var r=require("react"),d=,/* empty css                                    */n=,/* empty css                            */t=,/* empty css                         */o=require("react-redux"),u=,/* empty css                                                         */c=,/* empty css                                                                    */h=,/* empty css                                                                  */m=,/* empty css                                                                        */x=,/* empty css                                                    */j=,/* empty css                                                      */v=,/* empty css                                                      */g=,/* empty css                                                                              */p=,/* empty css                                                                        */f=;/* empty css                                                    */function b(a){const{children:l,value:s,index:r,...d}=a;/* @__PURE__ */
-return e.jsx("div",{className:"shared-tab",role:"tabpanel",hidden:s!==r,id:`vertical-tabpanel-${r}`,"aria-labelledby":`vertical-tab-${r}`,...d,children:s===r&&/* @__PURE__ */e.jsx(x.default,{sx:{p:3},children:/* @__PURE__ */e.jsx(i.Typography,{children:l})})})}function y(e){return{id:`vertical-tab-${e}`,"aria-controls":`vertical-tabpanel-${e}`}}exports.default=({open:w,onClose:q,pages:C,handleSubmit:T})=>{const[N,_]=r.useState(0),[D,S]=r.useState(C),[P,k]=r.useState(""),L=o.useDispatch();r.useEffect(()=>{L(u.setSharedPage(D))},[L,D]);const $=({page:a})=>{var i,l,s,r,d,n,t,o,u,c,h,m;let x="",j="";return x=1===(null==(l=null==(i=null==a?void 0:a.details)?void 0:i.views)?void 0:l.length)?"This page has 1 view, you can customize it":(null==(r=null==(s=null==a?void 0:a.details)?void 0:s.views)?void 0:r.length)?`This page has ${null==(n=null==(d=null==a?void 0:a.details)?void 0:d.views)?void 0:n.length} different views, you can customize them`:"In this page you can add different views and customize them",j=1===(null==(o=null==(t=null==a?void 0:a.details)?void 0:t.filters)?void 0:o.length)?", and it also have a saved filters to make things easier for you.":(null==(c=null==(u=null==a?void 0:a.details)?void 0:u.filters)?void 0:c.length)?`, and there are also ${null==(m=null==(h=null==a?void 0:a.details)?void 0:h.filters)?void 0:m.length} saved filters to make things easier for you.`:", and you can also add filters to make things easier for you",/* @__PURE__ */e.jsx("p",{children:x+j})},z=()=>{S(e=>e.map((e,a)=>a===N?{...e,isPinToDashboard:!e.isPinToDashboard}:e))},B=e=>{S(a=>a.map((a,i)=>i===N?{...a,viewStyle:e}:a))};/* @__PURE__ */
-return e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs(s.default,{fullWidth:!0,onClose:q,open:w,className:"shared-pages-modal",children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=,/* empty css                                                        */i=,/* empty css                                    */l=,/* empty css                            */s=;/* empty css                          */;/* empty css                               */var r=require("react"),n=,/* empty css                                    */d=,/* empty css                            */t=,/* empty css                         */o=require("react-redux"),u=,/* empty css                                                         */c=,/* empty css                                                                    */h=,/* empty css                                                                  */m=,/* empty css                                                                        */x=,/* empty css                                                    */j=,/* empty css                                                      */g=,/* empty css                                                      */v=,/* empty css                                                                              */p=,/* empty css                                                                        */b=;/* empty css                                                    */function f(a){const{children:l,value:s,index:r,...n}=a;/* @__PURE__ */
+return e.jsx("div",{className:"shared-tab",role:"tabpanel",hidden:s!==r,id:`vertical-tabpanel-${r}`,"aria-labelledby":`vertical-tab-${r}`,...n,children:s===r&&/* @__PURE__ */e.jsx(x.default,{sx:{p:3},children:/* @__PURE__ */e.jsx(i.Typography,{children:l})})})}function y(e){return{id:`vertical-tab-${e}`,"aria-controls":`vertical-tabpanel-${e}`}}const w=({open:w,onClose:q,pages:C,handleSubmit:T})=>{const[S,N]=r.useState(0),[_,D]=r.useState(C),[P,k]=r.useState(""),B=o.useDispatch();r.useEffect(()=>{B(u.setSharedPage(_))},[B,_]);const L=({page:a})=>{var i,l,s,r,n,d,t,o,u,c,h,m;let x="",j="";return x=1===(null==(l=null==(i=null==a?void 0:a.details)?void 0:i.views)?void 0:l.length)?"This page has 1 view, you can customize it":(null==(r=null==(s=null==a?void 0:a.details)?void 0:s.views)?void 0:r.length)?`This page has ${null==(d=null==(n=null==a?void 0:a.details)?void 0:n.views)?void 0:d.length} different views, you can customize them`:"In this page you can add different views and customize them",j=1===(null==(o=null==(t=null==a?void 0:a.details)?void 0:t.filters)?void 0:o.length)?", and it also have a saved filters to make things easier for you.":(null==(c=null==(u=null==a?void 0:a.details)?void 0:u.filters)?void 0:c.length)?`, and there are also ${null==(m=null==(h=null==a?void 0:a.details)?void 0:h.filters)?void 0:m.length} saved filters to make things easier for you.`:", and you can also add filters to make things easier for you",/* @__PURE__ */e.jsx("p",{children:x+j})},$=()=>{D(e=>e.map((e,a)=>a===S?{...e,isPinToDashboard:!e.isPinToDashboard}:e))},z=e=>{D(a=>a.map((a,i)=>i===S?{...a,viewStyle:e}:a))};/* @__PURE__ */
+return e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs(s.Modal,{fullWidth:!0,onClose:q,open:w,className:"shared-pages-modal",children:[
 /* @__PURE__ */e.jsxs(c.default,{children:[
 /* @__PURE__ */e.jsx(i.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:"Shared Pages"}),
 /* @__PURE__ */e.jsx(h.default,{edge:"end",onClick:q,size:"small",children:/* @__PURE__ */e.jsx(a.default,{fontSize:"inherit"})})]}),
-/* @__PURE__ */e.jsx(m.default,{dividers:!0,children:(null==D?void 0:D.length)?/* @__PURE__ */e.jsx(x.default,{children:/* @__PURE__ */e.jsxs(j.default,{container:!0,spacing:2,children:[
+/* @__PURE__ */e.jsx(m.default,{dividers:!0,children:(null==_?void 0:_.length)?/* @__PURE__ */e.jsx(x.default,{children:/* @__PURE__ */e.jsxs(j.default,{container:!0,spacing:2,children:[
 /* @__PURE__ */e.jsxs(j.default,{item:!0,xs:4,className:"tab-title-wrap",children:[
-/* @__PURE__ */e.jsx("div",{className:"tab-search-wrap",children:/* @__PURE__ */e.jsx(d.default,{placeholder:"Search User",handleSearch:e=>{k(e),_(0)}})}),
-/* @__PURE__ */e.jsx(v.default,{orientation:"vertical",variant:"scrollable",value:N,onChange:(e,a)=>{_(a)},"aria-label":"Vertical tabs example",sx:{borderRight:1,borderColor:"divider"},children:D.filter(e=>e.name.toLowerCase().includes(P.toLowerCase())).map((a,i)=>/* @__PURE__ */e.jsx(f.default,{label:a.name,...y(i)},i))})]}),
-/* @__PURE__ */e.jsx(j.default,{className:"shared-grid-wrap",item:!0,xs:8,children:D.filter(e=>e.name.toLowerCase().includes(P.toLowerCase())).map((a,i)=>/* @__PURE__ */e.jsxs(b,{value:N,index:i,children:[
-/* @__PURE__ */e.jsx("div",{className:"shared-pages-main",children:/* @__PURE__ */e.jsx(t.default,{pageValue:i,pages:D,onChange:B})}),
+/* @__PURE__ */e.jsx("div",{className:"tab-search-wrap",children:/* @__PURE__ */e.jsx(n.SearchBar,{placeholder:"Search User",handleSearch:e=>{k(e),N(0)}})}),
+/* @__PURE__ */e.jsx(g.default,{orientation:"vertical",variant:"scrollable",value:S,onChange:(e,a)=>{N(a)},"aria-label":"Vertical tabs example",sx:{borderRight:1,borderColor:"divider"},children:_.filter(e=>e.name.toLowerCase().includes(P.toLowerCase())).map((a,i)=>/* @__PURE__ */e.jsx(b.default,{label:a.name,...y(i)},i))})]}),
+/* @__PURE__ */e.jsx(j.default,{className:"shared-grid-wrap",item:!0,xs:8,children:_.filter(e=>e.name.toLowerCase().includes(P.toLowerCase())).map((a,i)=>/* @__PURE__ */e.jsxs(f,{value:S,index:i,children:[
+/* @__PURE__ */e.jsx("div",{className:"shared-pages-main",children:/* @__PURE__ */e.jsx(t.SharedPageView,{pageValue:i,pages:_,onChange:z})}),
 /* @__PURE__ */e.jsxs("div",{className:"tab-info-wrap",children:[
 /* @__PURE__ */e.jsxs("div",{className:"tab-inner-info",children:[
 /* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx("h1",{children:a.name})}),
 /* @__PURE__ */e.jsxs("div",{className:"tab-toggle",children:[
-/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(g.default,{control:/* @__PURE__ */e.jsx(n.default,{checked:a.isPinToDashboard,onChange:z}),label:"Pined to dashboard",labelPlacement:"start"})}),
+/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(v.default,{control:/* @__PURE__ */e.jsx(d.Toggle,{checked:a.isPinToDashboard,onChange:$}),label:"Pined to dashboard",labelPlacement:"start"})}),
 /* @__PURE__ */e.jsx("div",{className:"owner-name-wrap",children:/* @__PURE__ */e.jsxs("p",{children:[
 /* @__PURE__ */e.jsx("span",{children:"Owner:"})," ",a.owner]})})]})]}),
-/* @__PURE__ */e.jsx("div",{className:"tab-content",children:/* @__PURE__ */e.jsx($,{page:a})})]})]},i))})]})}):/* @__PURE__ */e.jsx(x.default,{display:"flex",width:"100%",height:"100%",alignItems:"center",justifyContent:"center",children:/* @__PURE__ */e.jsx(i.Typography,{type:"s1",color:"theme.secondary.800",children:"No Pages has been shared with you"})})}),
+/* @__PURE__ */e.jsx("div",{className:"tab-content",children:/* @__PURE__ */e.jsx(L,{page:a})})]})]},i))})]})}):/* @__PURE__ */e.jsx(x.default,{display:"flex",width:"100%",height:"100%",alignItems:"center",justifyContent:"center",children:/* @__PURE__ */e.jsx(i.Typography,{type:"s1",color:"theme.secondary.800",children:"No Pages has been shared with you"})})}),
 /* @__PURE__ */e.jsxs(p.default,{children:[
-/* @__PURE__ */e.jsx(l.default,{variant:"outlined",onClick:q,style:{color:"black"},disabled:!(null==D?void 0:D.length),children:"Cancel"}),
-/* @__PURE__ */e.jsx(l.default,{onClick:()=>{T(C[N])},disabled:!(null==D?void 0:D.length),children:"Duplicate"})]})]})})};
+/* @__PURE__ */e.jsx(l.Button,{variant:"outlined",onClick:q,style:{color:"black"},disabled:!(null==_?void 0:_.length),children:"Cancel"}),
+/* @__PURE__ */e.jsx(l.Button,{onClick:()=>{T(C[S])},disabled:!(null==_?void 0:_.length),children:"Duplicate"})]})]})})};exports.SharedPageModal=w,exports.default=w;
 //# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -3,13 +3,13 @@ import { useState, useCallback, useEffect } from "react";
 import default_1 from "../../../node_modules/@mui/icons-material/Menu/index.esm.js";
 import default_1$1 from "../../../node_modules/@mui/icons-material/KeyboardArrowDown/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
-import Menu from "../../menu/menu/index.esm.js";
-import AddPage from "../components/add-page/index.esm.js";
-import PageAction from "../components/page-action/index.esm.js";
-import Tooltip from "../../tooltip/Tooltip/index.esm.js";
+import { Menu } from "../../menu/menu/index.esm.js";
+import { AddPage } from "../components/add-page/index.esm.js";
+import { PageAction } from "../components/page-action/index.esm.js";
+import { Tooltip } from "../../tooltip/Tooltip/index.esm.js";
 import { defaultPageState } from "../../../contexts/page-context/index.esm.js";
 import { usePages } from "../../../hooks/use-pages/index.esm.js";
-import Button from "../../button/button/index.esm.js";
+import { Button } from "../../button/button/index.esm.js";
 import _ from "lodash";
 /* empty css                               */
 import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";

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

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