@erpsquad/common 1.8.75 → 1.8.77

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/page-navigator/components/add-page-modal.tsx"],"sourcesContent":["import {\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n} from \"@mui/material\";\nimport Close from \"@mui/icons-material/Close\";\nimport Typography from \"../../typography/typography\";\nimport TextField from \"../../text-field/text-field\";\nimport Button from \"../../button/button\";\nimport Modal from \"../../modal/modal\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { IPage } from \"../../../@types/page\";\n\ninterface IAddPage {\n  open: boolean;\n  onClose: () => void;\n  page?: IPage;\n  handleSubmit: (page: IPage) => void;\n  pages?: IPage[];\n}\n\nconst AddPageModal = ({ open, onClose, page, handleSubmit, pages }: IAddPage) => {\n  const [name, setName] = useState<string>();\n  const [error, setError] = useState<string>(\"\");\n  const pageNames = useMemo(() => pages?.map((page) => page?.name || \"\"), [pages])\n\n  useEffect(() => {\n    setName(page?.name);\n  }, [page]);\n\n  useEffect(() => {\n    setError(\"\")\n  }, []);\n\n  const handleSave = () => {\n    let newPage: any = {};\n    if (page) {\n      newPage = {\n        ...page,\n      };\n    }\n    newPage[\"name\"] = name;\n\n    handleSubmit(newPage);\n    setName(\"\");\n    onClose();\n  };\n\n  const handleInputChange = (e: any) => {\n    const value = e.target.value\n\n    setName(value)\n    if (pageNames?.includes(value.trim())) {\n      setError(\"Page name already in use\")\n    } else if (!value.trim()) {\n      setError(\"Page name can not be empty\")\n    } else {\n      setError(\"\")\n    }\n  }\n\n  return (\n    <>\n      <Modal fullWidth onClose={onClose} open={open}>\n        <DialogTitle>\n          <Typography type=\"s3\" weight=\"medium\" color={\"theme.secondary.1000\"}>\n            {page ? \"Edit\" : \"Add\"} New Page\n          </Typography>\n          <IconButton edge=\"end\" onClick={onClose} size=\"small\">\n            <Close fontSize=\"inherit\" />\n          </IconButton>\n        </DialogTitle>\n        <DialogContent dividers>\n          <TextField\n            label=\"Page Name\"\n            fullWidth\n            placeholder=\"Enter page name\"\n            error={error}\n            helperText={error}\n            value={name}\n            onChange={handleInputChange}\n          />\n        </DialogContent>\n        <DialogActions>\n          <Button\n            variant=\"outlined\"\n            onClick={()=>{\n              onClose();\n              setName(\"\");\n            }}\n            style={{\n              color: \"black\",\n            }}\n          >\n            Cancel\n          </Button>\n          <Button disabled={error || !name} onClick={handleSave}>Save</Button>\n        </DialogActions>\n      </Modal>\n    </>\n  );\n};\n\nexport default AddPageModal;\n"],"names":["page","Close"],"mappings":";;;;;;;;;;;AAsBA,MAAM,eAAe,CAAC,EAAE,MAAM,SAAS,MAAM,cAAc,YAAsB;AAC/E,QAAM,CAAC,MAAM,OAAO,IAAI,SAAA;AACxB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,EAAE;AAC7C,QAAM,YAAY,QAAQ,MAAM,+BAAO,IAAI,CAACA,WAASA,+BAAM,SAAQ,KAAK,CAAC,KAAK,CAAC;AAE/E,YAAU,MAAM;AACd,YAAQ,6BAAM,IAAI;AAAA,EACpB,GAAG,CAAC,IAAI,CAAC;AAET,YAAU,MAAM;AACd,aAAS,EAAE;AAAA,EACb,GAAG,CAAA,CAAE;AAEL,QAAM,aAAa,MAAM;AACvB,QAAI,UAAe,CAAA;AACnB,QAAI,MAAM;AACR,gBAAU;AAAA,QACR,GAAG;AAAA,MAAA;AAAA,IAEP;AACA,YAAQ,MAAM,IAAI;AAElB,iBAAa,OAAO;AACpB,YAAQ,EAAE;AACV,YAAA;AAAA,EACF;AAEA,QAAM,oBAAoB,CAAC,MAAW;AACpC,UAAM,QAAQ,EAAE,OAAO;AAEvB,YAAQ,KAAK;AACb,QAAI,uCAAW,SAAS,MAAM,KAAA,IAAS;AACrC,eAAS,0BAA0B;AAAA,IACrC,WAAW,CAAC,MAAM,QAAQ;AACxB,eAAS,4BAA4B;AAAA,IACvC,OAAO;AACL,eAAS,EAAE;AAAA,IACb;AAAA,EACF;AAEA,yCAEI,UAAA,qBAAC,OAAA,EAAM,WAAS,MAAC,SAAkB,MACjC,UAAA;AAAA,IAAA,qBAAC,aAAA,EACC,UAAA;AAAA,MAAA,qBAAC,cAAW,MAAK,MAAK,QAAO,UAAS,OAAO,wBAC1C,UAAA;AAAA,QAAA,OAAO,SAAS;AAAA,QAAM;AAAA,MAAA,GACzB;AAAA,MACA,oBAAC,YAAA,EAAW,MAAK,OAAM,SAAS,SAAS,MAAK,SAC5C,UAAA,oBAACC,WAAA,EAAM,UAAS,UAAA,CAAU,EAAA,CAC5B;AAAA,IAAA,GACF;AAAA,IACA,oBAAC,eAAA,EAAc,UAAQ,MACrB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,WAAS;AAAA,QACT,aAAY;AAAA,QACZ;AAAA,QACA,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,IAAA,GAEd;AAAA,yBACC,eAAA,EACC,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAI;AACX,oBAAA;AACA,oBAAQ,EAAE;AAAA,UACZ;AAAA,UACA,OAAO;AAAA,YACL,OAAO;AAAA,UAAA;AAAA,UAEV,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGD,oBAAC,UAAO,UAAU,SAAS,CAAC,MAAM,SAAS,YAAY,UAAA,OAAA,CAAI;AAAA,IAAA,EAAA,CAC7D;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/page-navigator/components/add-page-modal.tsx"],"sourcesContent":["import {\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n} from \"@mui/material\";\nimport Close from \"@mui/icons-material/Close\";\nimport Typography from \"../../typography/typography\";\nimport TextField from \"../../text-field/text-field\";\nimport Button from \"../../button/button\";\nimport Modal from \"../../modal/modal\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { IPage } from \"../../../@types/page\";\n\ninterface IAddPage {\n  open: boolean;\n  onClose: () => void;\n  page?: IPage;\n  handleSubmit: (page: IPage) => void;\n  pages?: IPage[];\n}\n\nconst AddPageModal = ({ open, onClose, page, handleSubmit, pages }: IAddPage) => {\n  const [name, setName] = useState<string>();\n  const [error, setError] = useState<string>(\"\");\n  const pageNames = useMemo(() => pages?.map((page) => page?.name || \"\"), [pages])\n\n  useEffect(() => {\n    setName(page?.name);\n  }, [page]);\n\n  useEffect(() => {\n    setError(\"\")\n  }, []);\n\n  const handleSave = () => {\n    let newPage: any = {};\n    if (page) {\n      newPage = {\n        ...page,\n      };\n    }\n    newPage[\"name\"] = name;\n\n    handleSubmit(newPage);\n    setName(\"\");\n    onClose();\n  };\n\n  const handleInputChange = (e: any) => {\n    const value = e.target.value\n\n    setName(value)\n    if (pageNames?.includes(value.trim())) {\n      setError(\"Page name already in use\")\n    } else if (!value.trim()) {\n      setError(\"Page name can not be empty\")\n    } else {\n      setError(\"\")\n    }\n  }\n\n  return (\n    <>\n      <Modal fullWidth onClose={onClose} open={open}>\n        <DialogTitle>\n          <Typography type=\"s3\" weight=\"medium\" color={\"theme.secondary.1000\"}>\n            {page ? \"Edit\" : \"Add\"} New Page\n          </Typography>\n          <IconButton edge=\"end\" onClick={onClose} size=\"small\">\n            <Close fontSize=\"inherit\" />\n          </IconButton>\n        </DialogTitle>\n        <DialogContent dividers>\n          <TextField\n            label=\"Page Name\"\n            fullWidth\n            placeholder=\"Enter page name\"\n            error={error}\n            helperText={error}\n            value={name}\n            onChange={handleInputChange}\n          />\n        </DialogContent>\n        <DialogActions>\n          <Button\n            variant=\"outlined\"\n            onClick={()=>{\n              onClose();\n              setName(\"\");\n            }}\n            style={{\n              color: \"black\",\n            }}\n          >\n            Cancel\n          </Button>\n          <Button disabled={error || !name} onClick={handleSave}>Save</Button>\n        </DialogActions>\n      </Modal>\n    </>\n  );\n};\n\nexport { AddPageModal };\nexport default AddPageModal;\n"],"names":["page","Close"],"mappings":";;;;;;;;;;;AAsBA,MAAM,eAAe,CAAC,EAAE,MAAM,SAAS,MAAM,cAAc,YAAsB;AAC/E,QAAM,CAAC,MAAM,OAAO,IAAI,SAAA;AACxB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,EAAE;AAC7C,QAAM,YAAY,QAAQ,MAAM,+BAAO,IAAI,CAACA,WAASA,+BAAM,SAAQ,KAAK,CAAC,KAAK,CAAC;AAE/E,YAAU,MAAM;AACd,YAAQ,6BAAM,IAAI;AAAA,EACpB,GAAG,CAAC,IAAI,CAAC;AAET,YAAU,MAAM;AACd,aAAS,EAAE;AAAA,EACb,GAAG,CAAA,CAAE;AAEL,QAAM,aAAa,MAAM;AACvB,QAAI,UAAe,CAAA;AACnB,QAAI,MAAM;AACR,gBAAU;AAAA,QACR,GAAG;AAAA,MAAA;AAAA,IAEP;AACA,YAAQ,MAAM,IAAI;AAElB,iBAAa,OAAO;AACpB,YAAQ,EAAE;AACV,YAAA;AAAA,EACF;AAEA,QAAM,oBAAoB,CAAC,MAAW;AACpC,UAAM,QAAQ,EAAE,OAAO;AAEvB,YAAQ,KAAK;AACb,QAAI,uCAAW,SAAS,MAAM,KAAA,IAAS;AACrC,eAAS,0BAA0B;AAAA,IACrC,WAAW,CAAC,MAAM,QAAQ;AACxB,eAAS,4BAA4B;AAAA,IACvC,OAAO;AACL,eAAS,EAAE;AAAA,IACb;AAAA,EACF;AAEA,yCAEI,UAAA,qBAAC,OAAA,EAAM,WAAS,MAAC,SAAkB,MACjC,UAAA;AAAA,IAAA,qBAAC,aAAA,EACC,UAAA;AAAA,MAAA,qBAAC,cAAW,MAAK,MAAK,QAAO,UAAS,OAAO,wBAC1C,UAAA;AAAA,QAAA,OAAO,SAAS;AAAA,QAAM;AAAA,MAAA,GACzB;AAAA,MACA,oBAAC,YAAA,EAAW,MAAK,OAAM,SAAS,SAAS,MAAK,SAC5C,UAAA,oBAACC,WAAA,EAAM,UAAS,UAAA,CAAU,EAAA,CAC5B;AAAA,IAAA,GACF;AAAA,IACA,oBAAC,eAAA,EAAc,UAAQ,MACrB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,WAAS;AAAA,QACT,aAAY;AAAA,QACZ;AAAA,QACA,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,IAAA,GAEd;AAAA,yBACC,eAAA,EACC,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAI;AACX,oBAAA;AACA,oBAAQ,EAAE;AAAA,UACZ;AAAA,UACA,OAAO;AAAA,YACL,OAAO;AAAA,UAAA;AAAA,UAEV,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGD,oBAAC,UAAO,UAAU,SAAS,CAAC,MAAM,SAAS,YAAY,UAAA,OAAA,CAAI;AAAA,IAAA,EAAA,CAC7D;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

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

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../../../node_modules/@mui/icons-material/Close/index.js"),l=require("../../../typography/typography/index.js"),t=require("../../../text-field/text-field/index.js"),n=require("../../../button/button/index.js"),a=require("../../../modal/modal/index.js"),r=require("react"),d=require("../../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.js"),o=require("../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),s=require("../../../../node_modules/@mui/material/DialogContent/DialogContent/index.js"),u=require("../../../../node_modules/@mui/material/DialogActions/DialogActions/index.js");exports.default=({open:m,onClose:c,page:x,handleSubmit:j,pages:g})=>{const[h,f]=r.useState(),[p,y]=r.useState(""),q=r.useMemo(()=>null==g?void 0:g.map(e=>(null==e?void 0:e.name)||""),[g]);return r.useEffect(()=>{f(null==x?void 0:x.name)},[x]),r.useEffect(()=>{y("")},[]),/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs(a.default,{fullWidth:!0,onClose:c,open:m,children:[
-/* @__PURE__ */e.jsxs(d.default,{children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../../../node_modules/@mui/icons-material/Close/index.js"),l=require("../../../typography/typography/index.js"),t=require("../../../text-field/text-field/index.js"),n=require("../../../button/button/index.js"),a=require("../../../modal/modal/index.js"),o=require("react"),r=require("../../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.js"),d=require("../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),s=require("../../../../node_modules/@mui/material/DialogContent/DialogContent/index.js"),u=require("../../../../node_modules/@mui/material/DialogActions/DialogActions/index.js");const m=({open:m,onClose:c,page:x,handleSubmit:g,pages:j})=>{const[h,p]=o.useState(),[f,y]=o.useState(""),q=o.useMemo(()=>null==j?void 0:j.map(e=>(null==e?void 0:e.name)||""),[j]);return o.useEffect(()=>{p(null==x?void 0:x.name)},[x]),o.useEffect(()=>{y("")},[]),/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs(a.Modal,{fullWidth:!0,onClose:c,open:m,children:[
+/* @__PURE__ */e.jsxs(r.default,{children:[
 /* @__PURE__ */e.jsxs(l.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:[x?"Edit":"Add"," New Page"]}),
-/* @__PURE__ */e.jsx(o.default,{edge:"end",onClick:c,size:"small",children:/* @__PURE__ */e.jsx(i.default,{fontSize:"inherit"})})]}),
-/* @__PURE__ */e.jsx(s.default,{dividers:!0,children:/* @__PURE__ */e.jsx(t.default,{label:"Page Name",fullWidth:!0,placeholder:"Enter page name",error:p,helperText:p,value:h,onChange:e=>{const i=e.target.value;f(i),(null==q?void 0:q.includes(i.trim()))?y("Page name already in use"):i.trim()?y(""):y("Page name can not be empty")}})}),
+/* @__PURE__ */e.jsx(d.default,{edge:"end",onClick:c,size:"small",children:/* @__PURE__ */e.jsx(i.default,{fontSize:"inherit"})})]}),
+/* @__PURE__ */e.jsx(s.default,{dividers:!0,children:/* @__PURE__ */e.jsx(t.TextField,{label:"Page Name",fullWidth:!0,placeholder:"Enter page name",error:f,helperText:f,value:h,onChange:e=>{const i=e.target.value;p(i),(null==q?void 0:q.includes(i.trim()))?y("Page name already in use"):i.trim()?y(""):y("Page name can not be empty")}})}),
 /* @__PURE__ */e.jsxs(u.default,{children:[
-/* @__PURE__ */e.jsx(n.default,{variant:"outlined",onClick:()=>{c(),f("")},style:{color:"black"},children:"Cancel"}),
-/* @__PURE__ */e.jsx(n.default,{disabled:p||!h,onClick:()=>{let e={};x&&(e={...x}),e.name=h,j(e),f(""),c()},children:"Save"})]})]})})};
+/* @__PURE__ */e.jsx(n.Button,{variant:"outlined",onClick:()=>{c(),p("")},style:{color:"black"},children:"Cancel"}),
+/* @__PURE__ */e.jsx(n.Button,{disabled:f||!h,onClick:()=>{let e={};x&&(e={...x}),e.name=h,g(e),p(""),c()},children:"Save"})]})]})})};exports.AddPageModal=m,exports.default=m;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/page-navigator/components/add-page-modal.tsx"],"sourcesContent":["import {\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n} from \"@mui/material\";\nimport Close from \"@mui/icons-material/Close\";\nimport Typography from \"../../typography/typography\";\nimport TextField from \"../../text-field/text-field\";\nimport Button from \"../../button/button\";\nimport Modal from \"../../modal/modal\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { IPage } from \"../../../@types/page\";\n\ninterface IAddPage {\n  open: boolean;\n  onClose: () => void;\n  page?: IPage;\n  handleSubmit: (page: IPage) => void;\n  pages?: IPage[];\n}\n\nconst AddPageModal = ({ open, onClose, page, handleSubmit, pages }: IAddPage) => {\n  const [name, setName] = useState<string>();\n  const [error, setError] = useState<string>(\"\");\n  const pageNames = useMemo(() => pages?.map((page) => page?.name || \"\"), [pages])\n\n  useEffect(() => {\n    setName(page?.name);\n  }, [page]);\n\n  useEffect(() => {\n    setError(\"\")\n  }, []);\n\n  const handleSave = () => {\n    let newPage: any = {};\n    if (page) {\n      newPage = {\n        ...page,\n      };\n    }\n    newPage[\"name\"] = name;\n\n    handleSubmit(newPage);\n    setName(\"\");\n    onClose();\n  };\n\n  const handleInputChange = (e: any) => {\n    const value = e.target.value\n\n    setName(value)\n    if (pageNames?.includes(value.trim())) {\n      setError(\"Page name already in use\")\n    } else if (!value.trim()) {\n      setError(\"Page name can not be empty\")\n    } else {\n      setError(\"\")\n    }\n  }\n\n  return (\n    <>\n      <Modal fullWidth onClose={onClose} open={open}>\n        <DialogTitle>\n          <Typography type=\"s3\" weight=\"medium\" color={\"theme.secondary.1000\"}>\n            {page ? \"Edit\" : \"Add\"} New Page\n          </Typography>\n          <IconButton edge=\"end\" onClick={onClose} size=\"small\">\n            <Close fontSize=\"inherit\" />\n          </IconButton>\n        </DialogTitle>\n        <DialogContent dividers>\n          <TextField\n            label=\"Page Name\"\n            fullWidth\n            placeholder=\"Enter page name\"\n            error={error}\n            helperText={error}\n            value={name}\n            onChange={handleInputChange}\n          />\n        </DialogContent>\n        <DialogActions>\n          <Button\n            variant=\"outlined\"\n            onClick={()=>{\n              onClose();\n              setName(\"\");\n            }}\n            style={{\n              color: \"black\",\n            }}\n          >\n            Cancel\n          </Button>\n          <Button disabled={error || !name} onClick={handleSave}>Save</Button>\n        </DialogActions>\n      </Modal>\n    </>\n  );\n};\n\nexport default AddPageModal;\n"],"names":["open","onClose","page","handleSubmit","pages","name","setName","useState","error","setError","pageNames","useMemo","map","useEffect","children","jsxs","Modal","fullWidth","DialogTitle","Typography","type","weight","color","jsx","IconButton","edge","onClick","size","Close","fontSize","DialogContent","dividers","TextField","label","placeholder","helperText","value","onChange","e","target","includes","trim","DialogActions","Button","variant","style","disabled","newPage"],"mappings":"+uBAsBqB,EAAGA,OAAMC,UAASC,OAAMC,eAAcC,YACzD,MAAOC,EAAMC,GAAWC,cACjBC,EAAOC,GAAYF,EAAAA,SAAiB,IACrCG,EAAYC,EAAAA,QAAQ,IAAM,MAAAP,OAAA,EAAAA,EAAOQ,IAAKV,IAASA,MAAAA,OAAAA,EAAAA,EAAMG,OAAQ,IAAK,CAACD,IAqCzE,OAnCAS,EAAAA,UAAU,KACRP,QAAQJ,WAAMG,OACb,CAACH,IAEJW,EAAAA,UAAU,KACRJ,EAAS,KACR,qCA+BCK,wBAAAC,EAAAA,KAACC,EAAAA,QAAA,CAAMC,WAAS,EAAChB,UAAkBD,OACjCc,SAAA;eAAAC,OAACG,EAAAA,QAAA,CACCJ,SAAA;eAAAC,OAACI,EAAAA,YAAWC,KAAK,KAAKC,OAAO,SAASC,MAAO,uBAC1CR,SAAA,CAAAZ,EAAO,OAAS,MAAM;eAEzBqB,EAAAA,IAACC,EAAAA,QAAA,CAAWC,KAAK,MAAMC,QAASzB,EAAS0B,KAAK,QAC5Cb,wBAAAS,EAAAA,IAACK,EAAAA,QAAA,CAAMC,SAAS;eAGpBN,EAAAA,IAACO,EAAAA,QAAA,CAAcC,UAAQ,EACrBjB,wBAAAS,EAAAA,IAACS,EAAAA,QAAA,CACCC,MAAM,YACNhB,WAAS,EACTiB,YAAY,kBACZ1B,QACA2B,WAAY3B,EACZ4B,MAAO/B,EACPgC,SAhCiBC,IACzB,MAAMF,EAAQE,EAAEC,OAAOH,MAEvB9B,EAAQ8B,IACJ,MAAA1B,OAAA,EAAAA,EAAW8B,SAASJ,EAAMK,SAC5BhC,EAAS,4BACC2B,EAAMK,OAGhBhC,EAAS,IAFTA,EAAS;sBA4BNiC,EAAAA,QAAA,CACC5B,SAAA;eAAAS,EAAAA,IAACoB,EAAAA,QAAA,CACCC,QAAQ,WACRlB,QAAS,KACPzB,IACAK,EAAQ,KAEVuC,MAAO,CACLvB,MAAO,SAEVR,SAAA;eAGDS,MAACoB,EAAAA,SAAOG,SAAUtC,IAAUH,EAAMqB,QA9DvB,KACjB,IAAIqB,EAAe,CAAA,EACf7C,IACF6C,EAAU,IACL7C,IAGP6C,EAAc,KAAI1C,EAElBF,EAAa4C,GACbzC,EAAQ,IACRL,KAmD6Da,SAAA"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/page-navigator/components/add-page-modal.tsx"],"sourcesContent":["import {\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n} from \"@mui/material\";\nimport Close from \"@mui/icons-material/Close\";\nimport Typography from \"../../typography/typography\";\nimport TextField from \"../../text-field/text-field\";\nimport Button from \"../../button/button\";\nimport Modal from \"../../modal/modal\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { IPage } from \"../../../@types/page\";\n\ninterface IAddPage {\n  open: boolean;\n  onClose: () => void;\n  page?: IPage;\n  handleSubmit: (page: IPage) => void;\n  pages?: IPage[];\n}\n\nconst AddPageModal = ({ open, onClose, page, handleSubmit, pages }: IAddPage) => {\n  const [name, setName] = useState<string>();\n  const [error, setError] = useState<string>(\"\");\n  const pageNames = useMemo(() => pages?.map((page) => page?.name || \"\"), [pages])\n\n  useEffect(() => {\n    setName(page?.name);\n  }, [page]);\n\n  useEffect(() => {\n    setError(\"\")\n  }, []);\n\n  const handleSave = () => {\n    let newPage: any = {};\n    if (page) {\n      newPage = {\n        ...page,\n      };\n    }\n    newPage[\"name\"] = name;\n\n    handleSubmit(newPage);\n    setName(\"\");\n    onClose();\n  };\n\n  const handleInputChange = (e: any) => {\n    const value = e.target.value\n\n    setName(value)\n    if (pageNames?.includes(value.trim())) {\n      setError(\"Page name already in use\")\n    } else if (!value.trim()) {\n      setError(\"Page name can not be empty\")\n    } else {\n      setError(\"\")\n    }\n  }\n\n  return (\n    <>\n      <Modal fullWidth onClose={onClose} open={open}>\n        <DialogTitle>\n          <Typography type=\"s3\" weight=\"medium\" color={\"theme.secondary.1000\"}>\n            {page ? \"Edit\" : \"Add\"} New Page\n          </Typography>\n          <IconButton edge=\"end\" onClick={onClose} size=\"small\">\n            <Close fontSize=\"inherit\" />\n          </IconButton>\n        </DialogTitle>\n        <DialogContent dividers>\n          <TextField\n            label=\"Page Name\"\n            fullWidth\n            placeholder=\"Enter page name\"\n            error={error}\n            helperText={error}\n            value={name}\n            onChange={handleInputChange}\n          />\n        </DialogContent>\n        <DialogActions>\n          <Button\n            variant=\"outlined\"\n            onClick={()=>{\n              onClose();\n              setName(\"\");\n            }}\n            style={{\n              color: \"black\",\n            }}\n          >\n            Cancel\n          </Button>\n          <Button disabled={error || !name} onClick={handleSave}>Save</Button>\n        </DialogActions>\n      </Modal>\n    </>\n  );\n};\n\nexport { AddPageModal };\nexport default AddPageModal;\n"],"names":["AddPageModal","open","onClose","page","handleSubmit","pages","name","setName","useState","error","setError","pageNames","useMemo","map","useEffect","children","jsxs","Modal","fullWidth","DialogTitle","Typography","type","weight","color","jsx","IconButton","edge","onClick","size","Close","fontSize","DialogContent","dividers","TextField","label","placeholder","helperText","value","onChange","e","target","includes","trim","DialogActions","Button","variant","style","disabled","newPage"],"mappings":"+tBAsBA,MAAMA,EAAe,EAAGC,OAAMC,UAASC,OAAMC,eAAcC,YACzD,MAAOC,EAAMC,GAAWC,cACjBC,EAAOC,GAAYF,EAAAA,SAAiB,IACrCG,EAAYC,EAAAA,QAAQ,IAAM,MAAAP,OAAA,EAAAA,EAAOQ,IAAKV,IAASA,MAAAA,OAAAA,EAAAA,EAAMG,OAAQ,IAAK,CAACD,IAqCzE,OAnCAS,EAAAA,UAAU,KACRP,QAAQJ,WAAMG,OACb,CAACH,IAEJW,EAAAA,UAAU,KACRJ,EAAS,KACR,qCA+BCK,wBAAAC,EAAAA,KAACC,EAAAA,MAAA,CAAMC,WAAS,EAAChB,UAAkBD,OACjCc,SAAA;eAAAC,OAACG,EAAAA,QAAA,CACCJ,SAAA;eAAAC,OAACI,EAAAA,YAAWC,KAAK,KAAKC,OAAO,SAASC,MAAO,uBAC1CR,SAAA,CAAAZ,EAAO,OAAS,MAAM;eAEzBqB,EAAAA,IAACC,EAAAA,QAAA,CAAWC,KAAK,MAAMC,QAASzB,EAAS0B,KAAK,QAC5Cb,wBAAAS,EAAAA,IAACK,EAAAA,QAAA,CAAMC,SAAS;eAGpBN,EAAAA,IAACO,EAAAA,QAAA,CAAcC,UAAQ,EACrBjB,wBAAAS,EAAAA,IAACS,EAAAA,UAAA,CACCC,MAAM,YACNhB,WAAS,EACTiB,YAAY,kBACZ1B,QACA2B,WAAY3B,EACZ4B,MAAO/B,EACPgC,SAhCiBC,IACzB,MAAMF,EAAQE,EAAEC,OAAOH,MAEvB9B,EAAQ8B,IACJ,MAAA1B,OAAA,EAAAA,EAAW8B,SAASJ,EAAMK,SAC5BhC,EAAS,4BACC2B,EAAMK,OAGhBhC,EAAS,IAFTA,EAAS;sBA4BNiC,EAAAA,QAAA,CACC5B,SAAA;eAAAS,EAAAA,IAACoB,EAAAA,OAAA,CACCC,QAAQ,WACRlB,QAAS,KACPzB,IACAK,EAAQ,KAEVuC,MAAO,CACLvB,MAAO,SAEVR,SAAA;eAGDS,MAACoB,EAAAA,QAAOG,SAAUtC,IAAUH,EAAMqB,QA9DvB,KACjB,IAAIqB,EAAe,CAAA,EACf7C,IACF6C,EAAU,IACL7C,IAGP6C,EAAc,KAAI1C,EAElBF,EAAa4C,GACbzC,EAAQ,IACRL,KAmD6Da,SAAA"}

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

@@ -0,0 +1,12 @@
+import { IPage } from '../../../@types/page';
+
+interface IAddPage {
+    open: boolean;
+    onClose: () => void;
+    page?: IPage;
+    handleSubmit: (page: IPage) => void;
+    pages?: IPage[];
+}
+declare const AddPageModal: ({ open, onClose, page, handleSubmit, pages }: IAddPage) => import("react/jsx-runtime").JSX.Element;
+export { AddPageModal };
+export default AddPageModal;

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

@@ -0,0 +1,10 @@
+import { IPage } from '../../../@types/page';
+
+interface IAddPage {
+    sharedPages: any;
+    handleAddPage: (view: IPage) => void;
+    pages?: IPage[];
+}
+declare const AddPage: ({ sharedPages, handleAddPage, pages }: IAddPage) => import("react/jsx-runtime").JSX.Element;
+export { AddPage };
+export default AddPage;

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

@@ -0,0 +1,10 @@
+export { default as AddPageModal } from './add-page-modal';
+export * from './add-page-modal';
+export { default as AddPage } from './add-page';
+export * from './add-page';
+export { default as PageAction } from './page-action';
+export * from './page-action';
+export { default as SharedPageModal } from './shared-page-modal';
+export * from './shared-page-modal';
+export { default as SharedPageView } from './shared-page-view';
+export * from './shared-page-view';

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

@@ -1,11 +1,11 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import Menu from "../../../menu/menu/index.esm.js";
+import { Menu } from "../../../menu/menu/index.esm.js";
 import { Typography } from "../../../typography/typography/index.esm.js";
 import { useState, useEffect } from "react";
-import AddPageModal from "../add-page-modal/index.esm.js";
-import SharePopUp from "../../../share-modal/share-modal/index.esm.js";
+import { AddPageModal } from "../add-page-modal/index.esm.js";
+import { SharePopUp } from "../../../share-modal/share-modal/index.esm.js";
 import { userRoles } from "../../../../views/beforeAuth/components/share-modal-data/share-modal-data/index.esm.js";
-import ConfirmPopUp from "../../../confirm-modal/confirm-modal/index.esm.js";
+import { ConfirmPopUp } from "../../../confirm-modal/confirm-modal/index.esm.js";
 import { useSelector, useDispatch } from "react-redux";
 import { pinToDashboardList } from "../../../../views/afterAuth/dashboard/redux/reducer/index.esm.js";
 import { sharePage } from "../../../share-modal/redux/actionCreator/index.esm.js";
@@ -321,6 +321,7 @@ const PageAction = ({
   ] });
 };
 export {
+  PageAction,
   PageAction as default
 };
 //# sourceMappingURL=index.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/page-navigator/components/page-action.tsx"],"sourcesContent":["import { Divider, MenuItem } from \"@mui/material\";\nimport Menu from \"../../menu/menu\";\nimport Typography from \"../../typography/typography\";\nimport { useEffect, useState } from \"react\";\nimport AddPageModal from \"./add-page-modal\";\nimport { IPage } from \"../../../@types/page\";\nimport SharePopUp from \"../../share-modal/share-modal\";\nimport { userRoles } from \"../../../views/beforeAuth/components/share-modal-data/share-modal-data\";\nimport ConfirmPopUp from \"../../confirm-modal/confirm-modal\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { pinToDashboardList } from \"../../../views/afterAuth/dashboard/redux/reducer\";\nimport {\n  // deleteV1DashboardId,\n  // putV1DashboardId,\n} from \"../../../api-client/api.system-feature/api\";\n// import type * as Types from \"../../api-client/api.system-feature/api-types\";\nimport { sharePage } from \"../../share-modal/redux/actionCreator\";\nimport { useAppDispatch } from \"../../../redux/hooks\";\nimport { generateRandomId } from \"../../../utils/common\";\nimport { usePages } from \"../../../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":["_a","page"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/page-navigator/components/page-action.tsx"],"sourcesContent":["import { Divider, MenuItem } from \"@mui/material\";\nimport Menu from \"../../menu/menu\";\nimport Typography from \"../../typography/typography\";\nimport { useEffect, useState } from \"react\";\nimport AddPageModal from \"./add-page-modal\";\nimport { IPage } from \"../../../@types/page\";\nimport SharePopUp from \"../../share-modal/share-modal\";\nimport { userRoles } from \"../../../views/beforeAuth/components/share-modal-data/share-modal-data\";\nimport ConfirmPopUp from \"../../confirm-modal/confirm-modal\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { pinToDashboardList } from \"../../../views/afterAuth/dashboard/redux/reducer\";\nimport {\n  // deleteV1DashboardId,\n  // putV1DashboardId,\n} from \"../../../api-client/api.system-feature/api\";\n// import type * as Types from \"../../api-client/api.system-feature/api-types\";\nimport { sharePage } from \"../../share-modal/redux/actionCreator\";\nimport { useAppDispatch } from \"../../../redux/hooks\";\nimport { generateRandomId } from \"../../../utils/common\";\nimport { usePages } from \"../../../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":["_a","page"],"mappings":"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"}

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

@@ -0,0 +1,15 @@
+import { IPage } from '../../../@types/page';
+
+interface IPageAction {
+    open: null | HTMLElement;
+    onClose: () => void;
+    page?: IPage;
+    pages: IPage[];
+    setCurrentPage: React.Dispatch<React.SetStateAction<number>>;
+    setPages: React.Dispatch<React.SetStateAction<IPage[]>>;
+    resource: string;
+    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":";;;;;;;;;;;;;;;;;;;;;AAoCA,SAAS,SAAS,OAAsB;AACtC,QAAM,EAAE,UAAU,OAAO,OAAO,GAAG,UAAU;AAE7C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,QAAQ,UAAU;AAAA,MAClB,IAAI,qBAAqB,KAAK;AAAA,MAC9B,mBAAiB,gBAAgB,KAAK;AAAA,MACrC,GAAG;AAAA,MAEH,UAAA,UAAU,SACT,oBAAC,KAAA,EAAI,IAAI,EAAE,GAAG,EAAA,GACZ,UAAA,oBAAC,YAAA,EAAY,SAAA,CAAS,EAAA,CACxB;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,SAAS,UAAU,OAAe;AAChC,SAAO;AAAA,IACL,IAAI,gBAAgB,KAAK;AAAA,IACzB,iBAAiB,qBAAqB,KAAK;AAAA,EAAA;AAE/C;AAEA,MAAM,kBAAkB,CAAC,EAAE,MAAM,SAAS,OAAO,mBAA6B;AAC5E,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AACpC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAE;AAEjD,QAAM,WAAW,YAAA;AAEjB,YAAU,MAAM;AACd,aAAS,cAAc,WAAW,CAAC;AAAA,EACrC,GAAG,CAAC,UAAU,WAAW,CAAC;AAE1B,QAAM,eAAe,CAAC,QAA8B,aAAqB;AACvE,aAAS,QAAQ;AAAA,EACnB;AAEA,QAAM,aAAa,MAAM;AACvB,iBAAa,MAAM,KAAK,CAAC;AAAA,EAC3B;AAEA,QAAM,aAAa,MAAM;AACvB,UAAM,gBAAgB,YAAY;AAAA,MAAO,CAAC,SACxC,KAAK,KAAK,cAAc,SAAS,YAAY,YAAA,CAAa;AAAA,IAAA;AAG5D,WAAO,cAAc,IAAI,CAAC,MAAW,UACnC,oBAAC,KAAA,EAAgB,OAAO,KAAK,MAAO,GAAG,UAAU,KAAK,EAAA,GAA5C,KAA+C,CAC1D;AAAA,EACH;AAEA,QAAM,kBAAkB,CAAC,EAAE,WAA0B;;AACnD,QAAI,eAAe,IACjB,iBAAiB;AAEnB,UAAI,wCAAM,YAAN,mBAAe,UAAf,mBAAsB,YAAW,GAAG;AACtC,qBAAe;AAAA,IACjB,YAAW,wCAAM,YAAN,mBAAe,UAAf,mBAAsB,QAAQ;AACvC,qBAAe,kBAAiB,wCAAM,YAAN,mBAAe,UAAf,mBAAsB,MAAM;AAAA,IAC9D,OAAO;AACL,qBAAe;AAAA,IACjB;AAEA,UAAI,wCAAM,YAAN,mBAAe,YAAf,mBAAwB,YAAW,GAAG;AACxC,uBAAiB;AAAA,IACnB,YAAW,wCAAM,YAAN,mBAAe,YAAf,mBAAwB,QAAQ;AACzC,uBAAiB,yBAAwB,wCAAM,YAAN,mBAAe,YAAf,mBAAwB,MAAM;AAAA,IACzE,OAAO;AACL,uBAAiB;AAAA,IACnB;AAEA,WAAO,oBAAC,KAAA,EAAG,UAAA,eAAe,eAAA,CAAe;AAAA,EAC3C;AAEA,QAAM,eAAe,MAAM;AACzB,mBAAe,CAAC,cAAmB;AACjC,YAAM,eAAe,UAAU,IAAI,CAAC,MAAW,UAAe;AAC5D,YAAI,UAAU,OAAO;AACnB,iBAAO;AAAA,YACL,GAAG;AAAA,YACH,kBAAkB,CAAC,KAAK;AAAA,UAAA;AAAA,QAE5B;AACA,eAAO;AAAA,MACT,CAAC;AACD,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,QAAM,mBAAmB,CAAC,cAAsB;AAC9C,mBAAe,CAAC,cAAmB;AACjC,YAAM,eAAe,UAAU,IAAI,CAAC,MAAW,UAAe;AAC5D,YAAI,UAAU,OAAO;AACnB,iBAAO;AAAA,YACL,GAAG;AAAA,YACH;AAAA,UAAA;AAAA,QAEJ;AACA,eAAO;AAAA,MACT,CAAC;AACD,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,QAAM,kBAAkB,CAACA,WAAkB;AACzC,mBAAeA,MAAK;AACpB,aAAS,CAAC;AAAA,EACZ;AACA,SACE,oBAAA,UAAA,EACE,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,qBAAC,aAAA,EACC,UAAA;AAAA,UAAA,oBAAC,cAAW,MAAK,MAAK,QAAO,UAAS,OAAO,wBAAwB,UAAA,eAAA,CAErE;AAAA,UACA,oBAAC,YAAA,EAAW,MAAK,OAAM,SAAS,SAAS,MAAK,SAC5C,UAAA,oBAACC,WAAA,EAAM,UAAS,UAAA,CAAU,EAAA,CAC5B;AAAA,QAAA,GACF;AAAA,QACA,oBAAC,eAAA,EAAc,UAAQ,MAClB,WAAA,2CAAa,UACd,oBAAC,KAAA,EACC,UAAA,qBAAC,MAAA,EAAK,WAAS,MAAC,SAAS,GACvB,UAAA;AAAA,UAAA,qBAAC,QAAK,MAAI,MAAC,IAAI,GAAG,WAAU,kBAC1B,UAAA;AAAA,YAAA,oBAAC,OAAA,EAAI,WAAU,mBACb,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,aAAa;AAAA,gBACb,cAAc;AAAA,cAAA;AAAA,YAAA,GAElB;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,aAAY;AAAA,gBACZ,SAAQ;AAAA,gBACR;AAAA,gBACA,UAAU;AAAA,gBACV,cAAW;AAAA,gBACX,IAAI,EAAE,aAAa,GAAG,aAAa,UAAA;AAAA,gBAElC,UAAA,WAAA;AAAA,cAAW;AAAA,YAAA;AAAA,UACd,GACF;AAAA,UACA,oBAAC,QAAK,WAAU,oBAAmB,MAAI,MAAC,IAAI,GACzC,UAAA,YACE;AAAA,YAAO,CAAC,SACP,KAAK,KAAK,cAAc,SAAS,YAAY,YAAA,CAAa;AAAA,UAAA,EAE3D,IAAI,CAAC,MAAW,UACf,qBAAC,UAAA,EAAS,OAAc,OACtB,UAAA;AAAA,YAAA,oBAAC,OAAA,EAAI,WAAU,qBACb,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW;AAAA,gBACX,OAAO;AAAA,gBACP,UAAU;AAAA,cAAA;AAAA,YAAA,GAEd;AAAA,YACA,qBAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,cAAA,qBAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,gBAAA,oBAAC,OAAA,EACC,UAAA,oBAAC,MAAA,EAAI,UAAA,KAAK,MAAK,GACjB;AAAA,gBACA,qBAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,kBAAA,oBAAC,OAAA,EACC,UAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,SACE;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BACC,SAAS,KAAK;AAAA,0BACd,UAAU;AAAA,wBAAA;AAAA,sBAAA;AAAA,sBAGd,OAAM;AAAA,sBACN,gBAAe;AAAA,oBAAA;AAAA,kBAAA,GAEnB;AAAA,kBACA,oBAAC,OAAA,EAAI,WAAU,mBACb,+BAAC,KAAA,EACC,UAAA;AAAA,oBAAA,oBAAC,UAAK,UAAA,SAAA,CAAM;AAAA,oBAAO;AAAA,oBAAE,KAAK;AAAA,kBAAA,EAAA,CAC5B,EAAA,CACF;AAAA,gBAAA,EAAA,CACF;AAAA,cAAA,GACF;AAAA,kCACC,OAAA,EAAI,WAAU,eACb,UAAA,oBAAC,iBAAA,EAAgB,MAAY,EAAA,CAC/B;AAAA,YAAA,EAAA,CACF;AAAA,UAAA,EAAA,GApCyC,KAqC3C,CACD,EAAA,CACL;AAAA,QAAA,EAAA,CACF,EAAA,CACF,IACG,oBAAC,KAAA,EAAI,SAAQ,QAAO,OAAM,QAAO,QAAO,QAAO,YAAW,UAAS,gBAAe,UAAS,8BAAC,YAAA,EAAW,MAAK,MAAK,OAAM,uBAAsB,UAAA,oCAAA,CAAiC,EAAA,CAAa,EAAA,CAClM;AAAA,6BACC,eAAA,EACC,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,SAAS;AAAA,cACT,OAAO;AAAA,gBACL,OAAO;AAAA,cAAA;AAAA,cAET,UAAU,EAAC,2CAAa;AAAA,cACzB,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGD,oBAAC,UAAO,SAAS,YAAY,UAAU,EAAC,2CAAa,SAAQ,UAAA,YAAA,CAAS;AAAA,QAAA,EAAA,CACxE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

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