@erpsquad/common 1.8.46 → 1.8.48

package/dist/components/mulitline/multiline/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/mulitline/multiline.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { IconButton } from \"@mui/material\";\nimport AddIcon from \"@mui/icons-material/Add\";\nimport Menu from \"@mui/material/Menu\";\nimport MenuItem from \"@mui/material/MenuItem\";\nimport CardWrapper from \"../../components/card-wrapper/card-wrapper\";\nimport Typography from \"../typography/typography\";\nimport SearchBar from \"../search-bar/search-bar\";\nimport images from \"../../assets/images\";\n\nimport \"./multiline.scss\";\n\ninterface Option {\n  id: number;\n  name: string;\n  role: string;\n}\ninterface MultiProps {\n  options: Option[];\n}\n\nexport default function MultiLine(props: MultiProps) {\n  const { options } = props;\n  const [filteredOptions, setFilteredOptions] = useState(options);\n  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n  const open = Boolean(anchorEl);\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const handleSearchEvent = (searchQuery: string) => {\n    const lowerCaseQuery = searchQuery.toLowerCase();\n    const filtered = options.filter((option: Option) => {\n      return (\n        option.name.toLowerCase().includes(lowerCaseQuery) ||\n        option.role.toLowerCase().includes(lowerCaseQuery)\n      );\n    });\n    setFilteredOptions(filtered);\n  };\n\n  const handleCreateClick = () => {\n    alert(\"Clicked \");\n  };\n\n  return (\n    <div className=\"main-card-nodal\">\n      <CardWrapper>\n        <div className=\"payable-header\">\n          <Typography className=\"payable-title\">Payable Account</Typography>\n          <IconButton color=\"inherit\" size=\"small\" onClick={handleClick}>\n            <img src={images.more} alt=\"more icon\" />\n          </IconButton>\n          <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n            <MenuItem onClick={handleClose}>View</MenuItem>\n          </Menu>\n        </div>\n        <SearchBar\n          placeholder=\"Search Companies\"\n          handleSearch={(e) => {\n            handleSearchEvent(e);\n          }}\n          debounceTime={1}\n        />\n        {filteredOptions.map((option: Option) => (\n          <div key={option.id} className=\"list-items\">\n            <Typography className=\"title\">{option.name}</Typography>\n            <Typography className=\"description\">{option.role}</Typography>\n          </div>\n        ))}\n\n        <div className=\"bottom-footer\" onClick={handleCreateClick}>\n          <AddIcon />\n          <Typography>Create a Cost Center</Typography>\n        </div>\n      </CardWrapper>\n    </div>\n  );\n}\n"],"names":["React","AddIcon"],"mappings":";;;;;;;;;;;AAqBA,SAAwB,UAAU,OAAmB;AACnD,QAAM,EAAE,YAAY;AACpB,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,OAAO;AAC9D,QAAM,CAAC,UAAU,WAAW,IAAIA,eAAM,SAA6B,IAAI;AACvE,QAAM,OAAO,QAAQ,QAAQ;AAE7B,QAAM,cAAc,CAAC,UAA+C;AAClE,gBAAY,MAAM,aAAa;AAAA,EACjC;AAEA,QAAM,cAAc,MAAM;AACxB,gBAAY,IAAI;AAAA,EAClB;AAEA,QAAM,oBAAoB,CAAC,gBAAwB;AACjD,UAAM,iBAAiB,YAAY,YAAA;AACnC,UAAM,WAAW,QAAQ,OAAO,CAAC,WAAmB;AAClD,aACE,OAAO,KAAK,YAAA,EAAc,SAAS,cAAc,KACjD,OAAO,KAAK,cAAc,SAAS,cAAc;AAAA,IAErD,CAAC;AACD,uBAAmB,QAAQ;AAAA,EAC7B;AAEA,QAAM,oBAAoB,MAAM;AAC9B,UAAM,UAAU;AAAA,EAClB;AAEA,SACE,oBAAC,OAAA,EAAI,WAAU,mBACb,+BAAC,aAAA,EACC,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAA,oBAAC,YAAA,EAAW,WAAU,iBAAgB,UAAA,mBAAe;AAAA,MACrD,oBAAC,YAAA,EAAW,OAAM,WAAU,MAAK,SAAQ,SAAS,aAChD,UAAA,oBAAC,SAAI,KAAK,OAAO,MAAM,KAAI,aAAY,GACzC;AAAA,MACA,oBAAC,MAAA,EAAK,UAAoB,MAAY,SAAS,aAC7C,UAAA,oBAAC,UAAA,EAAS,SAAS,aAAa,UAAA,OAAA,CAAI,EAAA,CACtC;AAAA,IAAA,GACF;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,cAAc,CAAC,MAAM;AACnB,4BAAkB,CAAC;AAAA,QACrB;AAAA,QACA,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,IAEf,gBAAgB,IAAI,CAAC,WACpB,qBAAC,OAAA,EAAoB,WAAU,cAC7B,UAAA;AAAA,MAAA,oBAAC,YAAA,EAAW,WAAU,SAAS,UAAA,OAAO,MAAK;AAAA,MAC3C,oBAAC,YAAA,EAAW,WAAU,eAAe,iBAAO,KAAA,CAAK;AAAA,IAAA,KAFzC,OAAO,EAGjB,CACD;AAAA,IAED,qBAAC,OAAA,EAAI,WAAU,iBAAgB,SAAS,mBACtC,UAAA;AAAA,MAAA,oBAACC,WAAA,EAAQ;AAAA,MACT,oBAAC,cAAW,UAAA,uBAAA,CAAoB;AAAA,IAAA,EAAA,CAClC;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/mulitline/multiline.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { IconButton } from \"@mui/material\";\nimport AddIcon from \"@mui/icons-material/Add\";\nimport Menu from \"@mui/material/Menu\";\nimport MenuItem from \"@mui/material/MenuItem\";\nimport CardWrapper from \"../../components/card-wrapper/card-wrapper\";\nimport Typography from \"../typography/typography\";\nimport SearchBar from \"../search-bar/search-bar\";\nimport images from \"../../assets/images\";\n\nimport \"./multiline.scss\";\n\ninterface Option {\n  id: number;\n  name: string;\n  role: string;\n}\ninterface MultiProps {\n  options: Option[];\n}\n\nexport const MultiLine = (props: MultiProps) => {\n  const { options } = props;\n  const [filteredOptions, setFilteredOptions] = useState(options);\n  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n  const open = Boolean(anchorEl);\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const handleSearchEvent = (searchQuery: string) => {\n    const lowerCaseQuery = searchQuery.toLowerCase();\n    const filtered = options.filter((option: Option) => {\n      return (\n        option.name.toLowerCase().includes(lowerCaseQuery) ||\n        option.role.toLowerCase().includes(lowerCaseQuery)\n      );\n    });\n    setFilteredOptions(filtered);\n  };\n\n  const handleCreateClick = () => {\n    alert(\"Clicked \");\n  };\n\n  return (\n    <div className=\"main-card-nodal\">\n      <CardWrapper>\n        <div className=\"payable-header\">\n          <Typography className=\"payable-title\">Payable Account</Typography>\n          <IconButton color=\"inherit\" size=\"small\" onClick={handleClick}>\n            <img src={images.more} alt=\"more icon\" />\n          </IconButton>\n          <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n            <MenuItem onClick={handleClose}>View</MenuItem>\n          </Menu>\n        </div>\n        <SearchBar\n          placeholder=\"Search Companies\"\n          handleSearch={(e) => {\n            handleSearchEvent(e);\n          }}\n          debounceTime={1}\n        />\n        {filteredOptions.map((option: Option) => (\n          <div key={option.id} className=\"list-items\">\n            <Typography className=\"title\">{option.name}</Typography>\n            <Typography className=\"description\">{option.role}</Typography>\n          </div>\n        ))}\n\n        <div className=\"bottom-footer\" onClick={handleCreateClick}>\n          <AddIcon />\n          <Typography>Create a Cost Center</Typography>\n        </div>\n      </CardWrapper>\n    </div>\n  );\n};\n\nexport default MultiLine;\n"],"names":["React","AddIcon"],"mappings":";;;;;;;;;;;AAqBO,MAAM,YAAY,CAAC,UAAsB;AAC9C,QAAM,EAAE,YAAY;AACpB,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,OAAO;AAC9D,QAAM,CAAC,UAAU,WAAW,IAAIA,eAAM,SAA6B,IAAI;AACvE,QAAM,OAAO,QAAQ,QAAQ;AAE7B,QAAM,cAAc,CAAC,UAA+C;AAClE,gBAAY,MAAM,aAAa;AAAA,EACjC;AAEA,QAAM,cAAc,MAAM;AACxB,gBAAY,IAAI;AAAA,EAClB;AAEA,QAAM,oBAAoB,CAAC,gBAAwB;AACjD,UAAM,iBAAiB,YAAY,YAAA;AACnC,UAAM,WAAW,QAAQ,OAAO,CAAC,WAAmB;AAClD,aACE,OAAO,KAAK,YAAA,EAAc,SAAS,cAAc,KACjD,OAAO,KAAK,cAAc,SAAS,cAAc;AAAA,IAErD,CAAC;AACD,uBAAmB,QAAQ;AAAA,EAC7B;AAEA,QAAM,oBAAoB,MAAM;AAC9B,UAAM,UAAU;AAAA,EAClB;AAEA,SACE,oBAAC,OAAA,EAAI,WAAU,mBACb,+BAAC,aAAA,EACC,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAA,oBAAC,YAAA,EAAW,WAAU,iBAAgB,UAAA,mBAAe;AAAA,MACrD,oBAAC,YAAA,EAAW,OAAM,WAAU,MAAK,SAAQ,SAAS,aAChD,UAAA,oBAAC,SAAI,KAAK,OAAO,MAAM,KAAI,aAAY,GACzC;AAAA,MACA,oBAAC,MAAA,EAAK,UAAoB,MAAY,SAAS,aAC7C,UAAA,oBAAC,UAAA,EAAS,SAAS,aAAa,UAAA,OAAA,CAAI,EAAA,CACtC;AAAA,IAAA,GACF;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,cAAc,CAAC,MAAM;AACnB,4BAAkB,CAAC;AAAA,QACrB;AAAA,QACA,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,IAEf,gBAAgB,IAAI,CAAC,WACpB,qBAAC,OAAA,EAAoB,WAAU,cAC7B,UAAA;AAAA,MAAA,oBAAC,YAAA,EAAW,WAAU,SAAS,UAAA,OAAO,MAAK;AAAA,MAC3C,oBAAC,YAAA,EAAW,WAAU,eAAe,iBAAO,KAAA,CAAK;AAAA,IAAA,KAFzC,OAAO,EAGjB,CACD;AAAA,IAED,qBAAC,OAAA,EAAI,WAAU,iBAAgB,SAAS,mBACtC,UAAA;AAAA,MAAA,oBAACC,WAAA,EAAQ;AAAA,MACT,oBAAC,cAAW,UAAA,uBAAA,CAAoB;AAAA,IAAA,EAAA,CAClC;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/mulitline/multiline/index.js

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),a=,/* empty css                                                   */i=,/* empty css                                     */s=,/* empty css                                 */n=,/* empty css                                 */l=;/* empty css                     */;/* empty css                       */var t=,/* empty css                                                               */o=,/* empty css                                                   */d=;/* empty css                                                           */function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=/* @__PURE__ */c(r);exports.default=function(c){const{options:m}=c,[p,h]=r.useState(m),[j,x]=u.default.useState(null),y=Boolean(j),f=()=>{x(null)};/* @__PURE__ */
-return e.jsx("div",{className:"main-card-nodal",children:/* @__PURE__ */e.jsxs(i.CardWrapper,{children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),a=,/* empty css                                                   */s=,/* empty css                                     */i=,/* empty css                                 */l=,/* empty css                                 */n=;/* empty css                     */;/* empty css                       */var t=,/* empty css                                                               */o=,/* empty css                                                   */d=;/* empty css                                                           */function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=/* @__PURE__ */c(r);const m=c=>{const{options:m}=c,[p,h]=r.useState(m),[x,j]=u.default.useState(null),y=Boolean(x),f=()=>{j(null)};/* @__PURE__ */
+return e.jsx("div",{className:"main-card-nodal",children:/* @__PURE__ */e.jsxs(s.CardWrapper,{children:[
 /* @__PURE__ */e.jsxs("div",{className:"payable-header",children:[
-/* @__PURE__ */e.jsx(s.Typography,{className:"payable-title",children:"Payable Account"}),
-/* @__PURE__ */e.jsx(t.default,{color:"inherit",size:"small",onClick:e=>{x(e.currentTarget)},children:/* @__PURE__ */e.jsx("img",{src:l.images.more,alt:"more icon"})}),
-/* @__PURE__ */e.jsx(o.default,{anchorEl:j,open:y,onClose:f,children:/* @__PURE__ */e.jsx(d.default,{onClick:f,children:"View"})})]}),
-/* @__PURE__ */e.jsx(n.SearchBar,{placeholder:"Search Companies",handleSearch:e=>{(e=>{const r=e.toLowerCase(),a=m.filter(e=>e.name.toLowerCase().includes(r)||e.role.toLowerCase().includes(r));h(a)})(e)},debounceTime:1}),p.map(r=>/* @__PURE__ */e.jsxs("div",{className:"list-items",children:[
-/* @__PURE__ */e.jsx(s.Typography,{className:"title",children:r.name}),
-/* @__PURE__ */e.jsx(s.Typography,{className:"description",children:r.role})]},r.id)),
+/* @__PURE__ */e.jsx(i.Typography,{className:"payable-title",children:"Payable Account"}),
+/* @__PURE__ */e.jsx(t.default,{color:"inherit",size:"small",onClick:e=>{j(e.currentTarget)},children:/* @__PURE__ */e.jsx("img",{src:n.images.more,alt:"more icon"})}),
+/* @__PURE__ */e.jsx(o.default,{anchorEl:x,open:y,onClose:f,children:/* @__PURE__ */e.jsx(d.default,{onClick:f,children:"View"})})]}),
+/* @__PURE__ */e.jsx(l.SearchBar,{placeholder:"Search Companies",handleSearch:e=>{(e=>{const r=e.toLowerCase(),a=m.filter(e=>e.name.toLowerCase().includes(r)||e.role.toLowerCase().includes(r));h(a)})(e)},debounceTime:1}),p.map(r=>/* @__PURE__ */e.jsxs("div",{className:"list-items",children:[
+/* @__PURE__ */e.jsx(i.Typography,{className:"title",children:r.name}),
+/* @__PURE__ */e.jsx(i.Typography,{className:"description",children:r.role})]},r.id)),
 /* @__PURE__ */e.jsxs("div",{className:"bottom-footer",onClick:()=>{alert("Clicked ")},children:[
 /* @__PURE__ */e.jsx(a.default,{}),
-/* @__PURE__ */e.jsx(s.Typography,{children:"Create a Cost Center"})]})]})})};
+/* @__PURE__ */e.jsx(i.Typography,{children:"Create a Cost Center"})]})]})})};exports.MultiLine=m,exports.default=m;
 //# sourceMappingURL=index.js.map

package/dist/components/mulitline/multiline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/mulitline/multiline.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { IconButton } from \"@mui/material\";\nimport AddIcon from \"@mui/icons-material/Add\";\nimport Menu from \"@mui/material/Menu\";\nimport MenuItem from \"@mui/material/MenuItem\";\nimport CardWrapper from \"../../components/card-wrapper/card-wrapper\";\nimport Typography from \"../typography/typography\";\nimport SearchBar from \"../search-bar/search-bar\";\nimport images from \"../../assets/images\";\n\nimport \"./multiline.scss\";\n\ninterface Option {\n  id: number;\n  name: string;\n  role: string;\n}\ninterface MultiProps {\n  options: Option[];\n}\n\nexport default function MultiLine(props: MultiProps) {\n  const { options } = props;\n  const [filteredOptions, setFilteredOptions] = useState(options);\n  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n  const open = Boolean(anchorEl);\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const handleSearchEvent = (searchQuery: string) => {\n    const lowerCaseQuery = searchQuery.toLowerCase();\n    const filtered = options.filter((option: Option) => {\n      return (\n        option.name.toLowerCase().includes(lowerCaseQuery) ||\n        option.role.toLowerCase().includes(lowerCaseQuery)\n      );\n    });\n    setFilteredOptions(filtered);\n  };\n\n  const handleCreateClick = () => {\n    alert(\"Clicked \");\n  };\n\n  return (\n    <div className=\"main-card-nodal\">\n      <CardWrapper>\n        <div className=\"payable-header\">\n          <Typography className=\"payable-title\">Payable Account</Typography>\n          <IconButton color=\"inherit\" size=\"small\" onClick={handleClick}>\n            <img src={images.more} alt=\"more icon\" />\n          </IconButton>\n          <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n            <MenuItem onClick={handleClose}>View</MenuItem>\n          </Menu>\n        </div>\n        <SearchBar\n          placeholder=\"Search Companies\"\n          handleSearch={(e) => {\n            handleSearchEvent(e);\n          }}\n          debounceTime={1}\n        />\n        {filteredOptions.map((option: Option) => (\n          <div key={option.id} className=\"list-items\">\n            <Typography className=\"title\">{option.name}</Typography>\n            <Typography className=\"description\">{option.role}</Typography>\n          </div>\n        ))}\n\n        <div className=\"bottom-footer\" onClick={handleCreateClick}>\n          <AddIcon />\n          <Typography>Create a Cost Center</Typography>\n        </div>\n      </CardWrapper>\n    </div>\n  );\n}\n"],"names":["props","options","filteredOptions","setFilteredOptions","useState","anchorEl","setAnchorEl","React","open","Boolean","handleClose","jsx","className","children","CardWrapper","jsxs","Typography","IconButton","color","size","onClick","event","currentTarget","src","images","more","alt","Menu","onClose","MenuItem","SearchBar","placeholder","handleSearch","e","searchQuery","lowerCaseQuery","toLowerCase","filtered","filter","option","name","includes","role","handleSearchEvent","debounceTime","map","id","alert","AddIcon"],"mappings":"0vBAqBA,SAAkCA,GAChC,MAAMC,QAAEA,GAAYD,GACbE,EAAiBC,GAAsBC,EAAAA,SAASH,IAChDI,EAAUC,GAAeC,EAAAA,QAAMH,SAA6B,MAC7DI,EAAOC,QAAQJ,GAMfK,EAAc,KAClBJ,EAAY;AAkBd,OACEK,EAAAA,IAAC,MAAA,CAAIC,UAAU,kBACbC,+BAACC,cAAA,CACCD,SAAA;iBAAAE,KAAC,MAAA,CAAIH,UAAU,iBACbC,SAAA;eAAAF,EAAAA,IAACK,EAAAA,WAAA,CAAWJ,UAAU,gBAAgBC,SAAA;eACtCF,MAACM,EAAAA,QAAA,CAAWC,MAAM,UAAUC,KAAK,QAAQC,QA5B5BC,IACnBf,EAAYe,EAAMC,gBA4BVT,0BAAAF,IAAC,OAAIY,IAAKC,EAAAA,OAAOC,KAAMC,IAAI;eAE7Bf,EAAAA,IAACgB,EAAAA,QAAA,CAAKtB,WAAoBG,OAAYoB,QAASlB,EAC7CG,0BAAAF,IAACkB,EAAAA,QAAA,CAAST,QAASV,EAAaG,SAAA;eAGpCF,EAAAA,IAACmB,EAAAA,UAAA,CACCC,YAAY,mBACZC,aAAeC,IA7BG,CAACC,IACzB,MAAMC,EAAiBD,EAAYE,cAC7BC,EAAWpC,EAAQqC,OAAQC,GAE7BA,EAAOC,KAAKJ,cAAcK,SAASN,IACnCI,EAAOG,KAAKN,cAAcK,SAASN,IAGvChC,EAAmBkC,IAsBXM,CAAkBV,IAEpBW,aAAc,IAEf1C,EAAgB2C,IAAKN,kBACpBxB,EAAAA,KAAC,MAAA,CAAoBH,UAAU,aAC7BC,SAAA;eAAAF,EAAAA,IAACK,EAAAA,WAAA,CAAWJ,UAAU,QAASC,SAAA0B,EAAOC;eACtC7B,EAAAA,IAACK,EAAAA,WAAA,CAAWJ,UAAU,cAAeC,WAAO6B,SAFpCH,EAAOO;eAMnB/B,EAAAA,KAAC,MAAA,CAAIH,UAAU,gBAAgBQ,QA9BX,KACxB2B,MAAM,aA8BAlC,SAAA;eAAAF,EAAAA,IAACqC,EAAAA,QAAA;iBACDrC,IAACK,EAAAA,YAAWH,SAAA,gCAKtB"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/mulitline/multiline.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { IconButton } from \"@mui/material\";\nimport AddIcon from \"@mui/icons-material/Add\";\nimport Menu from \"@mui/material/Menu\";\nimport MenuItem from \"@mui/material/MenuItem\";\nimport CardWrapper from \"../../components/card-wrapper/card-wrapper\";\nimport Typography from \"../typography/typography\";\nimport SearchBar from \"../search-bar/search-bar\";\nimport images from \"../../assets/images\";\n\nimport \"./multiline.scss\";\n\ninterface Option {\n  id: number;\n  name: string;\n  role: string;\n}\ninterface MultiProps {\n  options: Option[];\n}\n\nexport const MultiLine = (props: MultiProps) => {\n  const { options } = props;\n  const [filteredOptions, setFilteredOptions] = useState(options);\n  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n  const open = Boolean(anchorEl);\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const handleSearchEvent = (searchQuery: string) => {\n    const lowerCaseQuery = searchQuery.toLowerCase();\n    const filtered = options.filter((option: Option) => {\n      return (\n        option.name.toLowerCase().includes(lowerCaseQuery) ||\n        option.role.toLowerCase().includes(lowerCaseQuery)\n      );\n    });\n    setFilteredOptions(filtered);\n  };\n\n  const handleCreateClick = () => {\n    alert(\"Clicked \");\n  };\n\n  return (\n    <div className=\"main-card-nodal\">\n      <CardWrapper>\n        <div className=\"payable-header\">\n          <Typography className=\"payable-title\">Payable Account</Typography>\n          <IconButton color=\"inherit\" size=\"small\" onClick={handleClick}>\n            <img src={images.more} alt=\"more icon\" />\n          </IconButton>\n          <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n            <MenuItem onClick={handleClose}>View</MenuItem>\n          </Menu>\n        </div>\n        <SearchBar\n          placeholder=\"Search Companies\"\n          handleSearch={(e) => {\n            handleSearchEvent(e);\n          }}\n          debounceTime={1}\n        />\n        {filteredOptions.map((option: Option) => (\n          <div key={option.id} className=\"list-items\">\n            <Typography className=\"title\">{option.name}</Typography>\n            <Typography className=\"description\">{option.role}</Typography>\n          </div>\n        ))}\n\n        <div className=\"bottom-footer\" onClick={handleCreateClick}>\n          <AddIcon />\n          <Typography>Create a Cost Center</Typography>\n        </div>\n      </CardWrapper>\n    </div>\n  );\n};\n\nexport default MultiLine;\n"],"names":["MultiLine","props","options","filteredOptions","setFilteredOptions","useState","anchorEl","setAnchorEl","React","open","Boolean","handleClose","jsx","className","children","CardWrapper","jsxs","Typography","IconButton","color","size","onClick","event","currentTarget","src","images","more","alt","Menu","onClose","MenuItem","SearchBar","placeholder","handleSearch","e","searchQuery","lowerCaseQuery","toLowerCase","filtered","filter","option","name","includes","role","handleSearchEvent","debounceTime","map","id","alert","AddIcon"],"mappings":"0uBAqBO,MAAMA,EAAaC,IACxB,MAAMC,QAAEA,GAAYD,GACbE,EAAiBC,GAAsBC,EAAAA,SAASH,IAChDI,EAAUC,GAAeC,EAAAA,QAAMH,SAA6B,MAC7DI,EAAOC,QAAQJ,GAMfK,EAAc,KAClBJ,EAAY;AAkBd,OACEK,EAAAA,IAAC,MAAA,CAAIC,UAAU,kBACbC,+BAACC,cAAA,CACCD,SAAA;iBAAAE,KAAC,MAAA,CAAIH,UAAU,iBACbC,SAAA;eAAAF,EAAAA,IAACK,EAAAA,WAAA,CAAWJ,UAAU,gBAAgBC,SAAA;eACtCF,MAACM,EAAAA,QAAA,CAAWC,MAAM,UAAUC,KAAK,QAAQC,QA5B5BC,IACnBf,EAAYe,EAAMC,gBA4BVT,0BAAAF,IAAC,OAAIY,IAAKC,EAAAA,OAAOC,KAAMC,IAAI;eAE7Bf,EAAAA,IAACgB,EAAAA,QAAA,CAAKtB,WAAoBG,OAAYoB,QAASlB,EAC7CG,0BAAAF,IAACkB,EAAAA,QAAA,CAAST,QAASV,EAAaG,SAAA;eAGpCF,EAAAA,IAACmB,EAAAA,UAAA,CACCC,YAAY,mBACZC,aAAeC,IA7BG,CAACC,IACzB,MAAMC,EAAiBD,EAAYE,cAC7BC,EAAWpC,EAAQqC,OAAQC,GAE7BA,EAAOC,KAAKJ,cAAcK,SAASN,IACnCI,EAAOG,KAAKN,cAAcK,SAASN,IAGvChC,EAAmBkC,IAsBXM,CAAkBV,IAEpBW,aAAc,IAEf1C,EAAgB2C,IAAKN,kBACpBxB,EAAAA,KAAC,MAAA,CAAoBH,UAAU,aAC7BC,SAAA;eAAAF,EAAAA,IAACK,EAAAA,WAAA,CAAWJ,UAAU,QAASC,SAAA0B,EAAOC;eACtC7B,EAAAA,IAACK,EAAAA,WAAA,CAAWJ,UAAU,cAAeC,WAAO6B,SAFpCH,EAAOO;eAMnB/B,EAAAA,KAAC,MAAA,CAAIH,UAAU,gBAAgBQ,QA9BX,KACxB2B,MAAM,aA8BAlC,SAAA;eAAAF,EAAAA,IAACqC,EAAAA,QAAA;iBACDrC,IAACK,EAAAA,YAAWH,SAAA"}

package/dist/components/mulitline/multiline.d.ts

@@ -7,5 +7,5 @@ interface Option {
 interface MultiProps {
     options: Option[];
 }
-export default function MultiLine(props: MultiProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const MultiLine: (props: MultiProps) => import("react/jsx-runtime").JSX.Element;
+export default MultiLine;

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

@@ -53,11 +53,11 @@ const StyledTab = styled(Tab)(({ theme: { palette } }) => {
   };
 });
 const title = `successfully created, complete with your saved filters, sorting options, and views.`;
-function PageNavigator({
+const PageNavigator = ({
   // sharedPages,
   resource
   // handlePageDelete
-}) {
+}) => {
   const { pages, setPages, setActivePage, activePage, savePages, setIsChanged, isSaving, generatedColumns, sharedPages, isChanged, deletePage, isCreatePage, setIsCreatePage, addOrDeletePage } = usePages();
   const shareTitle = (owner) => `shared by ${owner}`;
   const [isActionsMenuOpen, setIsActionsMenuOpen] = useState(null);
@@ -245,8 +245,9 @@ function PageNavigator({
       }
     ) })
   ] });
-}
+};
 export {
+  PageNavigator,
   PageNavigator as default
 };
 //# sourceMappingURL=index.esm.js.map

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

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

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

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

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

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

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

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

package/dist/components/parties-modal/parties-modal/index.esm.js

@@ -30,13 +30,13 @@ import Divider from "../../../node_modules/@mui/material/Divider/Divider/index.e
 import DialogActions from "../../../node_modules/@mui/material/DialogActions/DialogActions/index.esm.js";
 import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
 const defaultLocationState = { state: "", country: "" };
-function CustomerVendorModal({
+const CustomerVendorModal = ({
   isOpen,
   handleModalClose,
   modalProps,
   type,
   partyCreated
-}) {
+}) => {
   const { t } = useTranslation();
   const dispatch = useDispatch();
   const locationRef = useRef(defaultLocationState);
@@ -500,8 +500,9 @@ ${val}`;
       ]
     }
   );
-}
+};
 export {
+  CustomerVendorModal,
   CustomerVendorModal as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/parties-modal/parties-modal/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/parties-modal/parties-modal.tsx"],"sourcesContent":["import { Box, DialogActions, DialogContent, DialogTitle, Divider, Grid, IconButton } from \"@mui/material\";\nimport Modal from '../modal/modal';\nimport Typography from \"../typography/typography\";\nimport DynamicInput from '../form-control/form-builder/form-builder-element/text';\nimport { useForm } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport { generateValidationSchema } from \"./validator\";\nimport DynamicSearchSelect from \"../form-control/form-builder/form-builder-element/dynamic-select\";\nimport Accordion from \"../accordion/accordion\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport _ from \"lodash\";\nimport './parties-modal.scss';\nimport { \n  addressColumns, \n  addressOmitKeys, \n  addressPayload, \n  contactColumns, \n  contactOmitKeys, \n  contactPayload, \n  PARTIES_FIELDS, \n  PARTIES_FORM_ARRAY_NAME, \n  processPartiesPayload \n} from \"./utils/constant\";\nimport MaterialTable from \"../material-table/material-table\";\nimport parsePhoneNumberFromString from \"libphonenumber-js\";\nimport Checkbox from \"../checkbox/checkbox\";\nimport { transformTableColumns } from \"../../utils/common-utility\";\nimport { createParties } from \"../../redux/actionCreator\";\nimport { useDispatch } from \"react-redux\";\nimport { enqueueSnackbar } from \"notistack\";\nimport { getErrorMessage } from \"../../utils/common\";\nimport ModalLoader from \"../loaders/modal-loader\";\nimport Button from \"../button/button\";\nimport { Close } from \"@mui/icons-material\";\n\ninterface CustomerVendorModalProps {\n  isOpen: boolean;\n  handleModalClose?: () => void;\n  modalProps?: any;\n  type: string;\n  partyCreated: () => void;\n}\n\ninterface LocationState {\n  state: any;\n  country: any;\n}\n\nconst defaultLocationState: LocationState = { state: '', country: '' };\n\nexport default function CustomerVendorModal({\n  isOpen,\n  handleModalClose,\n  modalProps,\n  type,\n  partyCreated\n}: CustomerVendorModalProps) {\n\n  //Hooks\n  const { t } = useTranslation();\n  const dispatch = useDispatch();\n\n  //Refs\n  const locationRef = useRef<LocationState>(defaultLocationState);\n\n  //Local states\n  const [addressRows, setAddressRows] = useState<any[]>([]);\n  const [contactRows, setContactRows] = useState<any[]>([]);\n  const [isCreating, setIsCreating] = useState(false);\n\n  //Form\n  const { \n    control, \n    formState: { errors }, \n    trigger, \n    getValues, \n    handleSubmit, \n    setValue,\n    reset \n  } = useForm({\n    defaultValues: {\n      status: true\n    },\n    mode: 'all',\n    resolver: generateValidationSchema()\n  });\n\n  //Call Back functions\n  const tableColumns = useCallback(\n    (columns: any, tableRows: any) => {\n      const phoneNumberCache = new Map();\n  \n      return transformTableColumns({\n        columns,\n        currencySymbol: undefined,\n        translationFn: t,\n        enableFooter: false,\n        redirectionLink: undefined,\n        redirectionLinkState: undefined,\n        rows: tableRows,\n        statusClasses: undefined,\n        customizeValue: (row, columnAccessorKey, value) => {\n          switch (columnAccessorKey) {\n            case 'default_shipping_address':\n            case 'default_billing_address': {\n              return (\n                <Box sx={{ display: \"flex\", gap: 1 }}>\n                  <Checkbox\n                    checked={Boolean(value)}\n                    sx={{ pointerEvents: 'none' }}\n                  />\n                </Box>\n              );\n            }\n              \n            case 'phone': \n            case 'contact_no': {\n              if (!value) return '';\n              const phoneKey = `phone-${value}`;\n              if (!phoneNumberCache.has(phoneKey)) {\n                const parsed = parsePhoneNumberFromString(`+${value}`);\n                phoneNumberCache.set(phoneKey, parsed?.nationalNumber || '');\n              }\n              return phoneNumberCache.get(phoneKey);\n            }\n              \n            case 'country_code': {\n              const phone = row?.original?.phone || row?.original?.contact_no;\n              if (!phone) return '';\n              const countryCodeKey = `country-${phone}`;\n              if (!phoneNumberCache.has(countryCodeKey)) {\n                const parsed = parsePhoneNumberFromString(`+${phone}`);\n                phoneNumberCache.set(countryCodeKey, \n                  parsed?.countryCallingCode ? `+${parsed.countryCallingCode}` : ''\n                );\n              }\n              return phoneNumberCache.get(countryCodeKey);\n            }\n              \n            default:\n              return value;\n          }\n        }\n      });\n    },\n    [t]\n  );\n\n  //Methods\n\n  const handleRowOperation = async (\n    eData: any,\n    state: any[],\n    setState: React.Dispatch<React.SetStateAction<any[]>>,\n    isAddress: boolean\n  ) => {\n    try {\n      const { values, row } = eData;\n      const editRow = row.index >= 0;\n      const payload = isAddress ? addressPayload : contactPayload;\n      \n      const processedValues: any = {};\n      for (const key in payload) {\n        if (_.has(values, key)) {\n          processedValues[key] = values?.[key] ? values[key] : null;\n        }\n      }\n\n      if (isAddress) {\n        const dropdowns = {\n          c: locationRef.current?.country,\n          s: locationRef.current?.state,\n        };\n\n        const validatedValues = await validateAddressDefaults(processedValues, state, row.index);\n        const addressValues = {\n          ...validatedValues,\n          country_name: dropdowns.c?.name,\n          country: dropdowns.c?.id,\n          state_name: dropdowns.s?.name,\n          state: dropdowns.s?.id,\n          country_data: dropdowns.c,\n          state_data: dropdowns.s,\n          country_id: dropdowns.c?.id,\n          state_id: dropdowns.s?.id,\n        };\n\n        if (editRow) {\n          return setState(state.map((ar, i) => i === row.index ? { ...ar, ...addressValues } : ar));\n        }\n        return setState([...state, addressValues]);\n      }\n\n      if (editRow) {\n        return setState(state.map((ar, i) => i === row.index ? { ...ar, ...processedValues } : ar));\n      }\n      return setState([...state, processedValues]);\n    } catch (error) {\n      return Promise.reject(error);\n    }\n  };\n\n  const validateAddressDefaults = async (values: any, state: any[], index: number) => {  \n    let updatedValues = { ...values };\n    const validate = (type: \"shipping\" | \"billing\") => {\n      const u_data = [...state];    \n      const field = type === 'shipping' ? 'default_shipping_address' : 'default_billing_address';\n      if(index >= 0){\n        u_data.splice(index, 1);\n      }\n      const hasDefault = u_data.some((d: any) => d?.[field]);\n      \n      if (hasDefault && values?.[field]) {\n        throw new Error(\n          `Another address is already marked as the default ${type} address. Please uncheck that before selecting this one`\n        );\n        }\n       else if(!hasDefault){\n        updatedValues = {\n          ...updatedValues,\n          [field]: values?.[field] ||state?.length==0 ? 1 : 0,\n        };\n        }\n        \n    };\n\n     await validate(\"shipping\");\n     await validate(\"billing\");\n\n    return updatedValues;\n  };\n\n  const deleteRow = async (\n    state: any[],\n    setState: React.Dispatch<React.SetStateAction<any[]>>,\n    row: any\n  ) => {\n    const rowIndex = row.index;\n    const updatedData = state.filter((_, i) => i !== rowIndex);\n    setState(updatedData);\n    return Promise.resolve();\n  };\n\n  const onChangeAddressTableField = async (e: any, t: any, r: any, col: any, selectedData: any) => {\n    const fieldName = e?.target?.name;\n    let updatedValues: any = null;\n\n    if (col?.editProperties?.field_name) {\n      locationRef.current = {\n        ...locationRef.current,\n        [col.editProperties.field_name]: selectedData,\n      };\n    }\n  \n    if (fieldName === 'country') {\n      updatedValues = {\n        ...r._valuesCache,\n        country: selectedData.id,\n        country_id: selectedData.id,\n        state: null,\n        state_id: null,\n        state_name: null,\n      };\n    } else if (fieldName === 'state') {\n      updatedValues = {\n        ...r._valuesCache,\n        state: selectedData.id,\n        state_id: selectedData.id\n      };\n    } else if (fieldName === 'phone') {\n      const p = parsePhoneNumberFromString(`+${e}`);\n      updatedValues = {\n        ...r._valuesCache,\n        country_code: p?.countryCallingCode ? `+${p.countryCallingCode}` : '',\n      };\n    }\n\n    const summaryFields = [\n      'contact_name',\n      'street_1',\n      'street_2',\n      'street_3',\n      'zip_code',\n      'city',\n      'state',\n      'country'\n    ];\n\n    if (r._valuesCache) {\n      const fieldValues = summaryFields.map(field => {\n        if (field === 'country') {\n          return locationRef.current?.country?.name || '';\n        } else if (field === 'state') {\n          return locationRef.current?.state?.name || '';\n        } else if (field === fieldName) {\n          return e.target?.value || '';\n        }\n        return r._valuesCache?.[field] || '';\n      });\n\n      const summary = fieldValues.reduce((acc, val, idx) => {\n        if (!val) return acc;\n        if (!acc) return val;\n\n        val = val?.name || val;\n        acc = acc?.name || acc;\n\n        return [2, 3].includes(idx) ? `${acc} ${val}` : `${acc}, \\n${val}`;\n      }, '');\n\n      r._valuesCache.summary = summary;\n    }\n\n    if (updatedValues) {\n      r.getAllCells().forEach((c: any) => {\n        if (_.has(updatedValues, c.column.id)) {\n          r._valuesCache[c.column.id] = updatedValues[c.column.id];\n        }\n      });\n    }\n\n    return r._valuesCache;\n  };\n\n  const onSubmit = async () => {\n    const isValid = await trigger();\n    if (!isValid) return;\n\n    setIsCreating(true);\n    const values = getValues();    \n    const payload = {\n      party: {\n        ...processPartiesPayload(values?.[PARTIES_FORM_ARRAY_NAME]),\n        account_type: 'Individual',\n        status: 1,\n        type\n      }\n    };\n\n    try {\n      const res = await dispatch(createParties(payload));\n      \n      if (res?.meta?.requestStatus === 'fulfilled') {\n        enqueueSnackbar(`${type} ${t('common.party.msg.success')}`);\n        closeModal();\n        partyCreated();\n      } else if (res?.meta?.requestStatus === 'rejected') {\n        const errorMessage = getErrorMessage(res?.error?.message);\n        enqueueSnackbar(errorMessage, { variant: 'error' });\n      }\n    } finally {\n      setIsCreating(false);\n    }\n  };\n\n  const closeModal=()=>{\n    resetForm()\n    setAddressRows([]);\n    setContactRows([]);\n    handleModalClose?.();\n  }\n  const resetForm=()=>{\n    reset({ [PARTIES_FORM_ARRAY_NAME]: {} });\n  }\n\n  //Use Effect\n  useEffect(() => {\n    const addressData = addressRows.map(a => _.omit(a, addressOmitKeys));\n    setValue(`${PARTIES_FORM_ARRAY_NAME}.${PARTIES_FIELDS.ADDRESS}`, addressData);\n  }, [addressRows, setValue]);\n\n  useEffect(() => {\n    const contactData = contactRows.map(c => _.omit(c, contactOmitKeys));\n    setValue(`${PARTIES_FORM_ARRAY_NAME}.${PARTIES_FIELDS.CONTACTS}`, contactData);\n  }, [contactRows, setValue]);\n\n  const basicDetailsSection = useMemo(() => (\n    <Accordion\n      title={\n        <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n          {t(\"common.party.sections.basic_details\")}\n        </Typography>\n      }\n      accordionProps={{\n        defaultExpanded: true,\n        className: \"form--Accordion\",\n      }}\n    >\n      <Grid container spacing={2}>\n        <Grid item xs={12} sm={6}>\n          <DynamicInput\n            label={t('common.party.fields.firstName_label')}\n            name={PARTIES_FIELDS.FIRST_NAME}\n            placeholder={t('common.party.fields.firstName_placeholder')}\n            fieldArrayName={PARTIES_FORM_ARRAY_NAME}\n            formControl={control}\n            required\n          />\n        </Grid>\n        <Grid item xs={12} sm={6}>\n          <DynamicInput\n            label={t('common.party.fields.lastName_label')}\n            name={PARTIES_FIELDS.LAST_NAME}\n            placeholder={t('common.party.fields.lastName_placeholder')}\n            fieldArrayName={PARTIES_FORM_ARRAY_NAME}\n            formControl={control}\n            required\n          />\n        </Grid>\n        <Grid item xs={12} sm={6}>\n          <DynamicSearchSelect\n            label={t('common.party.fields.company_label')}\n            apiType=\"company\"\n            selectedLabel='Companies'\n            name={PARTIES_FIELDS.COMAPANY}\n            placeholder={t('common.party.fields.company_placeholder')}\n            fieldArrayName={PARTIES_FORM_ARRAY_NAME}\n            formControl={control}\n            required\n            is_multiselect\n          />\n        </Grid>\n        <Grid item xs={12} sm={6}>\n          <DynamicSearchSelect\n            label={t('common.party.fields.currency_label')}\n            apiType='currency'\n            selectedLabel='Currency'\n            name={PARTIES_FIELDS.CURRENCY}\n            placeholder={t('common.party.fields.currency_placeholder')}\n            fieldArrayName={PARTIES_FORM_ARRAY_NAME}\n            formControl={control}\n            required\n            is_multiselect\n          />\n        </Grid>\n      </Grid>\n    </Accordion>\n  ), [t, control]);\n\n  const addressSection = useMemo(() => (\n    <Accordion\n      title={\n        <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n          {t(\"common.party.sections.address\")}\n          <span className='errorIndicator'>*</span>\n\t\t\t\t\t{errors?.[PARTIES_FORM_ARRAY_NAME]?.[PARTIES_FIELDS.ADDRESS] && (\n           <span className='error'>\n              {errors?.[PARTIES_FORM_ARRAY_NAME]?.[PARTIES_FIELDS.ADDRESS]?.message}\n              </span>\n          )}\n        </Typography>\n      }\n      accordionProps={{\n        defaultExpanded: true,\n        className: \"form--Accordion\",\n      }}\n    >\n      <Grid spacing={4}>\n        <Grid item xs={12}>\n          <MaterialTable\n            rows={[...addressRows]}\n            columns={tableColumns(addressColumns)}\n            paginationModel={{ pageNo: 1, limit: 10 }}\n            totalPages={20}\n            enableColumnDragging={false}\n            isResetRow={false}\n            columnOrder={['mrt-row-select']}\n            enableRowSelection={false}\n            enableBottomToolbar\n            disableDefaultActionColumn\n            editDisplayMode='row'\n            enableRowCreate\n            onCreateRow={(data) => handleRowOperation(data, addressRows, setAddressRows, true)}\n            onEditRow={(data) => handleRowOperation(data, addressRows, setAddressRows, true)}\n            onDeleteRow={(row) => deleteRow(addressRows, setAddressRows, row)}\n            onChangeRowField={onChangeAddressTableField}\n          />\n        </Grid>\n      </Grid>\n    </Accordion>\n    // eslint-disable-next-line\n  ), [t, addressRows, tableColumns, errors]);\n\n  const contactSection = useMemo(() => (\n    <Accordion\n      title={\n        <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n          {t(\"common.party.sections.contact\")}\n          <span className='errorIndicator'>*</span>\n          {errors?.[PARTIES_FORM_ARRAY_NAME]?.[PARTIES_FIELDS.CONTACTS] && (\n            <span className='error'>\n            {errors?.[PARTIES_FORM_ARRAY_NAME]?.[PARTIES_FIELDS.CONTACTS]?.message}\n            </span>\n          )}\n        </Typography>\n      }\n      accordionProps={{\n        defaultExpanded: true,\n        className: \"form--Accordion\",\n      }}\n    >\n      <Grid spacing={4}>\n        <Grid item xs={12}>\n          \n          <MaterialTable\n            rows={[...contactRows]}\n            columns={tableColumns(contactColumns)}\n            paginationModel={{ pageNo: 1, limit: 10 }}\n            totalPages={20}\n            enableColumnDragging={false}\n            isResetRow={false}\n            columnOrder={['mrt-row-select']}\n            enableRowSelection={false}\n            enableBottomToolbar\n            disableDefaultActionColumn\n            editDisplayMode='row'\n            enableRowCreate\n            onCreateRow={(data) => handleRowOperation(data, contactRows, setContactRows, false)}\n            onEditRow={(data) => handleRowOperation(data, contactRows, setContactRows, false)}\n            onDeleteRow={(row) => deleteRow(contactRows, setContactRows, row)}\n            onChangeRowField={onChangeAddressTableField}\n          />\n        </Grid>\n      </Grid>\n    </Accordion>\n    // eslint-disable-next-line\n  ), [t, contactRows, tableColumns, errors]);\n\n  return (\n    <Modal\n      open={isOpen}\n      onClose={closeModal}\n      maxWidth='lg'\n      fullWidth\n      sx={{ overflowY: 'hidden' }}\n      {...modalProps}\n    >\n      {isCreating && <ModalLoader />}\n      <form onSubmit={handleSubmit(onSubmit)} className=\"scroll-container\" style={{ position: 'relative',overflow: 'auto' }}>\n        <DialogTitle className='itemEntryModal--DialogTitle' \n        >\n          <Typography type='s3' color='inherit' weight='medium'>\n            {`Add ${type}`}\n          </Typography>\n          <IconButton onClick={closeModal}>\n            <Close fontSize='small' />\n          </IconButton>\n        </DialogTitle>\n        \n        <DialogContent>\n          {basicDetailsSection}\n          <Divider className='form--SectionDivider' />\n          {addressSection}\n          <Divider className='form--SectionDivider' />\n          {contactSection}\n        </DialogContent>\n        \n        <DialogActions className='itemEntryModal--DialogAction' sx={{\n          position: 'sticky',\n          bottom: 0,\n          backgroundColor: 'white',\n          zIndex: 1,\n          padding: '8px 24px',\n          justifyContent: 'end'\n        }}>\n          <Box display='flex' gap={1.5}>\n            <Button\n              className='itemEntryModal--DialogAction--WhiteBtn'\n              onClick={closeModal}\n            >\n              {t('common.cancel')}\n            </Button>\n            <Button\n              variant=\"contained\"\n              onClick={handleSubmit(onSubmit)}\n            >\n              {t('common.save')}\n            </Button>\n          </Box>\n        </DialogActions>\n      </form>\n    </Modal>\n  );\n}"],"names":["type","_","t","_b","_a"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/parties-modal/parties-modal.tsx"],"sourcesContent":["import { Box, DialogActions, DialogContent, DialogTitle, Divider, Grid, IconButton } from \"@mui/material\";\nimport Modal from '../modal/modal';\nimport Typography from \"../typography/typography\";\nimport DynamicInput from '../form-control/form-builder/form-builder-element/text';\nimport { useForm } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport { generateValidationSchema } from \"./validator\";\nimport DynamicSearchSelect from \"../form-control/form-builder/form-builder-element/dynamic-select\";\nimport Accordion from \"../accordion/accordion\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport _ from \"lodash\";\nimport './parties-modal.scss';\nimport { \n  addressColumns, \n  addressOmitKeys, \n  addressPayload, \n  contactColumns, \n  contactOmitKeys, \n  contactPayload, \n  PARTIES_FIELDS, \n  PARTIES_FORM_ARRAY_NAME, \n  processPartiesPayload \n} from \"./utils/constant\";\nimport MaterialTable from \"../material-table/material-table\";\nimport parsePhoneNumberFromString from \"libphonenumber-js\";\nimport Checkbox from \"../checkbox/checkbox\";\nimport { transformTableColumns } from \"../../utils/common-utility\";\nimport { createParties } from \"../../redux/actionCreator\";\nimport { useDispatch } from \"react-redux\";\nimport { enqueueSnackbar } from \"notistack\";\nimport { getErrorMessage } from \"../../utils/common\";\nimport ModalLoader from \"../loaders/modal-loader\";\nimport Button from \"../button/button\";\nimport { Close } from \"@mui/icons-material\";\n\nexport interface ICustomerVendorModalProps {\n  isOpen: boolean;\n  handleModalClose?: () => void;\n  modalProps?: any;\n  type: string;\n  partyCreated: () => void;\n}\n\ninterface LocationState {\n  state: any;\n  country: any;\n}\n\nconst defaultLocationState: LocationState = { state: '', country: '' };\n\nexport const CustomerVendorModal = ({\n  isOpen,\n\thandleModalClose,\n\tmodalProps,\n\ttype,\n\tpartyCreated\n}: ICustomerVendorModalProps) => {\n\n  //Hooks\n  const { t } = useTranslation();\n  const dispatch = useDispatch();\n\n  //Refs\n  const locationRef = useRef<LocationState>(defaultLocationState);\n\n  //Local states\n  const [addressRows, setAddressRows] = useState<any[]>([]);\n  const [contactRows, setContactRows] = useState<any[]>([]);\n  const [isCreating, setIsCreating] = useState(false);\n\n  //Form\n  const { \n    control, \n    formState: { errors }, \n    trigger, \n    getValues, \n    handleSubmit, \n    setValue,\n    reset \n  } = useForm({\n    defaultValues: {\n      status: true\n    },\n    mode: 'all',\n    resolver: generateValidationSchema()\n  });\n\n  //Call Back functions\n  const tableColumns = useCallback(\n    (columns: any, tableRows: any) => {\n      const phoneNumberCache = new Map();\n  \n      return transformTableColumns({\n        columns,\n        currencySymbol: undefined,\n        translationFn: t,\n        enableFooter: false,\n        redirectionLink: undefined,\n        redirectionLinkState: undefined,\n        rows: tableRows,\n        statusClasses: undefined,\n        customizeValue: (row, columnAccessorKey, value) => {\n          switch (columnAccessorKey) {\n            case 'default_shipping_address':\n            case 'default_billing_address': {\n              return (\n                <Box sx={{ display: \"flex\", gap: 1 }}>\n                  <Checkbox\n                    checked={Boolean(value)}\n                    sx={{ pointerEvents: 'none' }}\n                  />\n                </Box>\n              );\n            }\n              \n            case 'phone': \n            case 'contact_no': {\n              if (!value) return '';\n              const phoneKey = `phone-${value}`;\n              if (!phoneNumberCache.has(phoneKey)) {\n                const parsed = parsePhoneNumberFromString(`+${value}`);\n                phoneNumberCache.set(phoneKey, parsed?.nationalNumber || '');\n              }\n              return phoneNumberCache.get(phoneKey);\n            }\n              \n            case 'country_code': {\n              const phone = row?.original?.phone || row?.original?.contact_no;\n              if (!phone) return '';\n              const countryCodeKey = `country-${phone}`;\n              if (!phoneNumberCache.has(countryCodeKey)) {\n                const parsed = parsePhoneNumberFromString(`+${phone}`);\n                phoneNumberCache.set(countryCodeKey, \n                  parsed?.countryCallingCode ? `+${parsed.countryCallingCode}` : ''\n                );\n              }\n              return phoneNumberCache.get(countryCodeKey);\n            }\n              \n            default:\n              return value;\n          }\n        }\n      });\n    },\n    [t]\n  );\n\n  //Methods\n\n  const handleRowOperation = async (\n    eData: any,\n    state: any[],\n    setState: React.Dispatch<React.SetStateAction<any[]>>,\n    isAddress: boolean\n  ) => {\n    try {\n      const { values, row } = eData;\n      const editRow = row.index >= 0;\n      const payload = isAddress ? addressPayload : contactPayload;\n      \n      const processedValues: any = {};\n      for (const key in payload) {\n        if (_.has(values, key)) {\n          processedValues[key] = values?.[key] ? values[key] : null;\n        }\n      }\n\n      if (isAddress) {\n        const dropdowns = {\n          c: locationRef.current?.country,\n          s: locationRef.current?.state,\n        };\n\n        const validatedValues = await validateAddressDefaults(processedValues, state, row.index);\n        const addressValues = {\n          ...validatedValues,\n          country_name: dropdowns.c?.name,\n          country: dropdowns.c?.id,\n          state_name: dropdowns.s?.name,\n          state: dropdowns.s?.id,\n          country_data: dropdowns.c,\n          state_data: dropdowns.s,\n          country_id: dropdowns.c?.id,\n          state_id: dropdowns.s?.id,\n        };\n\n        if (editRow) {\n          return setState(state.map((ar, i) => i === row.index ? { ...ar, ...addressValues } : ar));\n        }\n        return setState([...state, addressValues]);\n      }\n\n      if (editRow) {\n        return setState(state.map((ar, i) => i === row.index ? { ...ar, ...processedValues } : ar));\n      }\n      return setState([...state, processedValues]);\n    } catch (error) {\n      return Promise.reject(error);\n    }\n  };\n\n  const validateAddressDefaults = async (values: any, state: any[], index: number) => {  \n    let updatedValues = { ...values };\n    const validate = (type: \"shipping\" | \"billing\") => {\n      const u_data = [...state];    \n      const field = type === 'shipping' ? 'default_shipping_address' : 'default_billing_address';\n      if(index >= 0){\n        u_data.splice(index, 1);\n      }\n      const hasDefault = u_data.some((d: any) => d?.[field]);\n      \n      if (hasDefault && values?.[field]) {\n        throw new Error(\n          `Another address is already marked as the default ${type} address. Please uncheck that before selecting this one`\n        );\n        }\n       else if(!hasDefault){\n        updatedValues = {\n          ...updatedValues,\n          [field]: values?.[field] ||state?.length==0 ? 1 : 0,\n        };\n        }\n        \n    };\n\n     await validate(\"shipping\");\n     await validate(\"billing\");\n\n    return updatedValues;\n  };\n\n  const deleteRow = async (\n    state: any[],\n    setState: React.Dispatch<React.SetStateAction<any[]>>,\n    row: any\n  ) => {\n    const rowIndex = row.index;\n    const updatedData = state.filter((_, i) => i !== rowIndex);\n    setState(updatedData);\n    return Promise.resolve();\n  };\n\n  const onChangeAddressTableField = async (e: any, t: any, r: any, col: any, selectedData: any) => {\n    const fieldName = e?.target?.name;\n    let updatedValues: any = null;\n\n    if (col?.editProperties?.field_name) {\n      locationRef.current = {\n        ...locationRef.current,\n        [col.editProperties.field_name]: selectedData,\n      };\n    }\n  \n    if (fieldName === 'country') {\n      updatedValues = {\n        ...r._valuesCache,\n        country: selectedData.id,\n        country_id: selectedData.id,\n        state: null,\n        state_id: null,\n        state_name: null,\n      };\n    } else if (fieldName === 'state') {\n      updatedValues = {\n        ...r._valuesCache,\n        state: selectedData.id,\n        state_id: selectedData.id\n      };\n    } else if (fieldName === 'phone') {\n      const p = parsePhoneNumberFromString(`+${e}`);\n      updatedValues = {\n        ...r._valuesCache,\n        country_code: p?.countryCallingCode ? `+${p.countryCallingCode}` : '',\n      };\n    }\n\n    const summaryFields = [\n      'contact_name',\n      'street_1',\n      'street_2',\n      'street_3',\n      'zip_code',\n      'city',\n      'state',\n      'country'\n    ];\n\n    if (r._valuesCache) {\n      const fieldValues = summaryFields.map(field => {\n        if (field === 'country') {\n          return locationRef.current?.country?.name || '';\n        } else if (field === 'state') {\n          return locationRef.current?.state?.name || '';\n        } else if (field === fieldName) {\n          return e.target?.value || '';\n        }\n        return r._valuesCache?.[field] || '';\n      });\n\n      const summary = fieldValues.reduce((acc, val, idx) => {\n        if (!val) return acc;\n        if (!acc) return val;\n\n        val = val?.name || val;\n        acc = acc?.name || acc;\n\n        return [2, 3].includes(idx) ? `${acc} ${val}` : `${acc}, \\n${val}`;\n      }, '');\n\n      r._valuesCache.summary = summary;\n    }\n\n    if (updatedValues) {\n      r.getAllCells().forEach((c: any) => {\n        if (_.has(updatedValues, c.column.id)) {\n          r._valuesCache[c.column.id] = updatedValues[c.column.id];\n        }\n      });\n    }\n\n    return r._valuesCache;\n  };\n\n  const onSubmit = async () => {\n    const isValid = await trigger();\n    if (!isValid) return;\n\n    setIsCreating(true);\n    const values = getValues();    \n    const payload = {\n      party: {\n        ...processPartiesPayload(values?.[PARTIES_FORM_ARRAY_NAME]),\n        account_type: 'Individual',\n        status: 1,\n        type\n      }\n    };\n\n    try {\n      const res = await dispatch(createParties(payload));\n      \n      if (res?.meta?.requestStatus === 'fulfilled') {\n        enqueueSnackbar(`${type} ${t('common.party.msg.success')}`);\n        closeModal();\n        partyCreated();\n      } else if (res?.meta?.requestStatus === 'rejected') {\n        const errorMessage = getErrorMessage(res?.error?.message);\n        enqueueSnackbar(errorMessage, { variant: 'error' });\n      }\n    } finally {\n      setIsCreating(false);\n    }\n  };\n\n  const closeModal=()=>{\n    resetForm()\n    setAddressRows([]);\n    setContactRows([]);\n    handleModalClose?.();\n  }\n  const resetForm=()=>{\n    reset({ [PARTIES_FORM_ARRAY_NAME]: {} });\n  }\n\n  //Use Effect\n  useEffect(() => {\n    const addressData = addressRows.map(a => _.omit(a, addressOmitKeys));\n    setValue(`${PARTIES_FORM_ARRAY_NAME}.${PARTIES_FIELDS.ADDRESS}`, addressData);\n  }, [addressRows, setValue]);\n\n  useEffect(() => {\n    const contactData = contactRows.map(c => _.omit(c, contactOmitKeys));\n    setValue(`${PARTIES_FORM_ARRAY_NAME}.${PARTIES_FIELDS.CONTACTS}`, contactData);\n  }, [contactRows, setValue]);\n\n  const basicDetailsSection = useMemo(() => (\n    <Accordion\n      title={\n        <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n          {t(\"common.party.sections.basic_details\")}\n        </Typography>\n      }\n      accordionProps={{\n        defaultExpanded: true,\n        className: \"form--Accordion\",\n      }}\n    >\n      <Grid container spacing={2}>\n        <Grid item xs={12} sm={6}>\n          <DynamicInput\n            label={t('common.party.fields.firstName_label')}\n            name={PARTIES_FIELDS.FIRST_NAME}\n            placeholder={t('common.party.fields.firstName_placeholder')}\n            fieldArrayName={PARTIES_FORM_ARRAY_NAME}\n            formControl={control}\n            required\n          />\n        </Grid>\n        <Grid item xs={12} sm={6}>\n          <DynamicInput\n            label={t('common.party.fields.lastName_label')}\n            name={PARTIES_FIELDS.LAST_NAME}\n            placeholder={t('common.party.fields.lastName_placeholder')}\n            fieldArrayName={PARTIES_FORM_ARRAY_NAME}\n            formControl={control}\n            required\n          />\n        </Grid>\n        <Grid item xs={12} sm={6}>\n          <DynamicSearchSelect\n            label={t('common.party.fields.company_label')}\n            apiType=\"company\"\n            selectedLabel='Companies'\n            name={PARTIES_FIELDS.COMAPANY}\n            placeholder={t('common.party.fields.company_placeholder')}\n            fieldArrayName={PARTIES_FORM_ARRAY_NAME}\n            formControl={control}\n            required\n            is_multiselect\n          />\n        </Grid>\n        <Grid item xs={12} sm={6}>\n          <DynamicSearchSelect\n            label={t('common.party.fields.currency_label')}\n            apiType='currency'\n            selectedLabel='Currency'\n            name={PARTIES_FIELDS.CURRENCY}\n            placeholder={t('common.party.fields.currency_placeholder')}\n            fieldArrayName={PARTIES_FORM_ARRAY_NAME}\n            formControl={control}\n            required\n            is_multiselect\n          />\n        </Grid>\n      </Grid>\n    </Accordion>\n  ), [t, control]);\n\n  const addressSection = useMemo(() => (\n    <Accordion\n      title={\n        <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n          {t(\"common.party.sections.address\")}\n          <span className='errorIndicator'>*</span>\n\t\t\t\t\t{errors?.[PARTIES_FORM_ARRAY_NAME]?.[PARTIES_FIELDS.ADDRESS] && (\n           <span className='error'>\n              {errors?.[PARTIES_FORM_ARRAY_NAME]?.[PARTIES_FIELDS.ADDRESS]?.message}\n              </span>\n          )}\n        </Typography>\n      }\n      accordionProps={{\n        defaultExpanded: true,\n        className: \"form--Accordion\",\n      }}\n    >\n      <Grid spacing={4}>\n        <Grid item xs={12}>\n          <MaterialTable\n            rows={[...addressRows]}\n            columns={tableColumns(addressColumns)}\n            paginationModel={{ pageNo: 1, limit: 10 }}\n            totalPages={20}\n            enableColumnDragging={false}\n            isResetRow={false}\n            columnOrder={['mrt-row-select']}\n            enableRowSelection={false}\n            enableBottomToolbar\n            disableDefaultActionColumn\n            editDisplayMode='row'\n            enableRowCreate\n            onCreateRow={(data) => handleRowOperation(data, addressRows, setAddressRows, true)}\n            onEditRow={(data) => handleRowOperation(data, addressRows, setAddressRows, true)}\n            onDeleteRow={(row) => deleteRow(addressRows, setAddressRows, row)}\n            onChangeRowField={onChangeAddressTableField}\n          />\n        </Grid>\n      </Grid>\n    </Accordion>\n    // eslint-disable-next-line\n  ), [t, addressRows, tableColumns, errors]);\n\n  const contactSection = useMemo(() => (\n    <Accordion\n      title={\n        <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n          {t(\"common.party.sections.contact\")}\n          <span className='errorIndicator'>*</span>\n          {errors?.[PARTIES_FORM_ARRAY_NAME]?.[PARTIES_FIELDS.CONTACTS] && (\n            <span className='error'>\n            {errors?.[PARTIES_FORM_ARRAY_NAME]?.[PARTIES_FIELDS.CONTACTS]?.message}\n            </span>\n          )}\n        </Typography>\n      }\n      accordionProps={{\n        defaultExpanded: true,\n        className: \"form--Accordion\",\n      }}\n    >\n      <Grid spacing={4}>\n        <Grid item xs={12}>\n          \n          <MaterialTable\n            rows={[...contactRows]}\n            columns={tableColumns(contactColumns)}\n            paginationModel={{ pageNo: 1, limit: 10 }}\n            totalPages={20}\n            enableColumnDragging={false}\n            isResetRow={false}\n            columnOrder={['mrt-row-select']}\n            enableRowSelection={false}\n            enableBottomToolbar\n            disableDefaultActionColumn\n            editDisplayMode='row'\n            enableRowCreate\n            onCreateRow={(data) => handleRowOperation(data, contactRows, setContactRows, false)}\n            onEditRow={(data) => handleRowOperation(data, contactRows, setContactRows, false)}\n            onDeleteRow={(row) => deleteRow(contactRows, setContactRows, row)}\n            onChangeRowField={onChangeAddressTableField}\n          />\n        </Grid>\n      </Grid>\n    </Accordion>\n    // eslint-disable-next-line\n  ), [t, contactRows, tableColumns, errors]);\n\n  return (\n    <Modal\n      open={isOpen}\n      onClose={closeModal}\n      maxWidth='lg'\n      fullWidth\n      sx={{ overflowY: 'hidden' }}\n      {...modalProps}\n    >\n      {isCreating && <ModalLoader />}\n      <form onSubmit={handleSubmit(onSubmit)} className=\"scroll-container\" style={{ position: 'relative',overflow: 'auto' }}>\n        <DialogTitle className='itemEntryModal--DialogTitle' \n        >\n          <Typography type='s3' color='inherit' weight='medium'>\n            {`Add ${type}`}\n          </Typography>\n          <IconButton onClick={closeModal}>\n            <Close fontSize='small' />\n          </IconButton>\n        </DialogTitle>\n        \n        <DialogContent>\n          {basicDetailsSection}\n          <Divider className='form--SectionDivider' />\n          {addressSection}\n          <Divider className='form--SectionDivider' />\n          {contactSection}\n        </DialogContent>\n        \n        <DialogActions className='itemEntryModal--DialogAction' sx={{\n          position: 'sticky',\n          bottom: 0,\n          backgroundColor: 'white',\n          zIndex: 1,\n          padding: '8px 24px',\n          justifyContent: 'end'\n        }}>\n          <Box display='flex' gap={1.5}>\n            <Button\n              className='itemEntryModal--DialogAction--WhiteBtn'\n              onClick={closeModal}\n            >\n              {t('common.cancel')}\n            </Button>\n            <Button\n              variant=\"contained\"\n              onClick={handleSubmit(onSubmit)}\n            >\n              {t('common.save')}\n            </Button>\n          </Box>\n        </DialogActions>\n      </form>\n    </Modal>\n  );\n};\n\nexport default CustomerVendorModal;"],"names":["type","_","t","_b","_a"],"mappings":"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"}