@erpsquad/common 1.8.40 → 1.8.41

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

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { styled, Dialog } from "@mui/material";
+import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
+import Dialog from "../../../node_modules/@mui/material/Dialog/Dialog/index.esm.js";
 const StyledDialog = styled(Dialog)(() => ({
   ".MuiDialog-paper": {
     borderRadius: "1rem"

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/modal/modal.tsx"],"sourcesContent":["import { Dialog, DialogProps, styled } from \"@mui/material\";\n\nconst StyledDialog = styled(Dialog)(() => ({\n  \".MuiDialog-paper\": {\n    borderRadius: \"1rem\",\n  },\n\n  \".MuiDialogTitle-root\": {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    padding: \"0.5rem 1.5rem\",\n  },\n\n  \".MuiDialogContent-root\": {\n    padding: \"1.5rem\",\n  },\n\n  \".MuiDialogActions-root\": {\n    padding: \"0.5rem 1rem\",\n  },\n}));\n\nconst Modal = ({ children, open, onClose, ...rest }: DialogProps) => {\n  return (\n    <StyledDialog open={open} onClose={onClose} {...rest}>\n      {children}\n    </StyledDialog>\n  );\n};\n\nexport default Modal;\n"],"names":[],"mappings":";;AAEA,MAAM,eAAe,OAAO,MAAM,EAAE,OAAO;AAAA,EACzC,oBAAoB;AAAA,IAClB,cAAc;AAAA,EAAA;AAAA,EAGhB,wBAAwB;AAAA,IACtB,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,SAAS;AAAA,EAAA;AAAA,EAGX,0BAA0B;AAAA,IACxB,SAAS;AAAA,EAAA;AAAA,EAGX,0BAA0B;AAAA,IACxB,SAAS;AAAA,EAAA;AAEb,EAAE;AAEF,MAAM,QAAQ,CAAC,EAAE,UAAU,MAAM,SAAS,GAAG,WAAwB;AACnE,6BACG,cAAA,EAAa,MAAY,SAAmB,GAAG,MAC7C,UACH;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/modal/modal.tsx"],"sourcesContent":["import { Dialog, DialogProps, styled } from \"@mui/material\";\n\nconst StyledDialog = styled(Dialog)(() => ({\n  \".MuiDialog-paper\": {\n    borderRadius: \"1rem\",\n  },\n\n  \".MuiDialogTitle-root\": {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    padding: \"0.5rem 1.5rem\",\n  },\n\n  \".MuiDialogContent-root\": {\n    padding: \"1.5rem\",\n  },\n\n  \".MuiDialogActions-root\": {\n    padding: \"0.5rem 1rem\",\n  },\n}));\n\nconst Modal = ({ children, open, onClose, ...rest }: DialogProps) => {\n  return (\n    <StyledDialog open={open} onClose={onClose} {...rest}>\n      {children}\n    </StyledDialog>\n  );\n};\n\nexport default Modal;\n"],"names":[],"mappings":";;;AAEA,MAAM,eAAe,OAAO,MAAM,EAAE,OAAO;AAAA,EACzC,oBAAoB;AAAA,IAClB,cAAc;AAAA,EAAA;AAAA,EAGhB,wBAAwB;AAAA,IACtB,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,SAAS;AAAA,EAAA;AAAA,EAGX,0BAA0B;AAAA,IACxB,SAAS;AAAA,EAAA;AAAA,EAGX,0BAA0B;AAAA,IACxB,SAAS;AAAA,EAAA;AAEb,EAAE;AAEF,MAAM,QAAQ,CAAC,EAAE,UAAU,MAAM,SAAS,GAAG,WAAwB;AACnE,6BACG,cAAA,EAAa,MAAY,SAAmB,GAAG,MAC7C,UACH;AAEJ;"}

package/dist/components/modal/modal/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material");const i=r.styled(r.Dialog)(()=>({".MuiDialog-paper":{borderRadius:"1rem"},".MuiDialogTitle-root":{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0.5rem 1.5rem"},".MuiDialogContent-root":{padding:"1.5rem"},".MuiDialogActions-root":{padding:"0.5rem 1rem"}}));exports.default=({children:r,open:o,onClose:t,...n})=>/* @__PURE__ */e.jsx(i,{open:o,onClose:t,...n,children:r});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../../node_modules/@mui/material/styles/styled/index.js"),o=require("../../../node_modules/@mui/material/Dialog/Dialog/index.js");const r=i.default(o.default)(()=>({".MuiDialog-paper":{borderRadius:"1rem"},".MuiDialogTitle-root":{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0.5rem 1.5rem"},".MuiDialogContent-root":{padding:"1.5rem"},".MuiDialogActions-root":{padding:"0.5rem 1rem"}}));exports.default=({children:i,open:o,onClose:t,...l})=>/* @__PURE__ */e.jsx(r,{open:o,onClose:t,...l,children:i});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/modal/modal.tsx"],"sourcesContent":["import { Dialog, DialogProps, styled } from \"@mui/material\";\n\nconst StyledDialog = styled(Dialog)(() => ({\n  \".MuiDialog-paper\": {\n    borderRadius: \"1rem\",\n  },\n\n  \".MuiDialogTitle-root\": {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    padding: \"0.5rem 1.5rem\",\n  },\n\n  \".MuiDialogContent-root\": {\n    padding: \"1.5rem\",\n  },\n\n  \".MuiDialogActions-root\": {\n    padding: \"0.5rem 1rem\",\n  },\n}));\n\nconst Modal = ({ children, open, onClose, ...rest }: DialogProps) => {\n  return (\n    <StyledDialog open={open} onClose={onClose} {...rest}>\n      {children}\n    </StyledDialog>\n  );\n};\n\nexport default Modal;\n"],"names":["StyledDialog","styled","Dialog","borderRadius","display","alignItems","justifyContent","padding","children","open","onClose","rest"],"mappings":"kIAEA,MAAMA,EAAeC,EAAAA,OAAOC,EAAAA,OAAPD,CAAe,KAAA,CAClC,mBAAoB,CAClBE,aAAc,QAGhB,uBAAwB,CACtBC,QAAS,OACTC,WAAY,SACZC,eAAgB,gBAChBC,QAAS,iBAGX,yBAA0B,CACxBA,QAAS,UAGX,yBAA0B,CACxBA,QAAS,kCAIC,EAAGC,WAAUC,OAAMC,aAAYC,0BAExCX,EAAA,CAAaS,OAAYC,aAAsBC,EAC7CH"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/modal/modal.tsx"],"sourcesContent":["import { Dialog, DialogProps, styled } from \"@mui/material\";\n\nconst StyledDialog = styled(Dialog)(() => ({\n  \".MuiDialog-paper\": {\n    borderRadius: \"1rem\",\n  },\n\n  \".MuiDialogTitle-root\": {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    padding: \"0.5rem 1.5rem\",\n  },\n\n  \".MuiDialogContent-root\": {\n    padding: \"1.5rem\",\n  },\n\n  \".MuiDialogActions-root\": {\n    padding: \"0.5rem 1rem\",\n  },\n}));\n\nconst Modal = ({ children, open, onClose, ...rest }: DialogProps) => {\n  return (\n    <StyledDialog open={open} onClose={onClose} {...rest}>\n      {children}\n    </StyledDialog>\n  );\n};\n\nexport default Modal;\n"],"names":["StyledDialog","styled","Dialog","borderRadius","display","alignItems","justifyContent","padding","children","open","onClose","rest"],"mappings":"uPAEA,MAAMA,EAAeC,EAAAA,QAAOC,EAAAA,QAAPD,CAAe,KAAA,CAClC,mBAAoB,CAClBE,aAAc,QAGhB,uBAAwB,CACtBC,QAAS,OACTC,WAAY,SACZC,eAAgB,gBAChBC,QAAS,iBAGX,yBAA0B,CACxBA,QAAS,UAGX,yBAA0B,CACxBA,QAAS,kCAIC,EAAGC,WAAUC,OAAMC,aAAYC,0BAExCX,EAAA,CAAaS,OAAYC,aAAsBC,EAC7CH"}

package/dist/components/module-button/module-button/index.esm.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Link } from "react-router-dom";
-import CardMedia from "@mui/material/CardMedia";
-import Box from "@mui/material/Box";
 import { Typography } from "../../typography/typography/index.esm.js";
 /* empty css                              */
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import CardMedia from "../../../node_modules/@mui/material/CardMedia/CardMedia/index.esm.js";
 function ModuleTile(props) {
   const bgClass = props.module.bg === "transparent" ? "transparent" : "";
   return /* @__PURE__ */ jsx(Link, { to: props.module.link, children: /* @__PURE__ */ jsxs(Box, { className: "module-tile-container", children: [

package/dist/components/module-button/module-button/index.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-router-dom"),t=require("@mui/material/CardMedia"),l=require("@mui/material/Box"),a=;/* empty css                                 */function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}};/* empty css                           */var u=/* @__PURE__ */o(t),i=/* @__PURE__ */o(l);exports.default=function(t){const l="transparent"===t.module.bg?"transparent":"";/* @__PURE__ */
-return e.jsx(r.Link,{to:t.module.link,children:/* @__PURE__ */e.jsxs(i.default,{className:"module-tile-container",children:[
-/* @__PURE__ */e.jsx(i.default,{className:`module-box ${l}`,style:{background:t.module.bg},children:/* @__PURE__ */e.jsx(u.default,{component:"img",image:t.module.icon,alt:`${t.module.label} logo`})}),
-/* @__PURE__ */e.jsx(a.Typography,{type:"s3",className:"module-label",children:t.module.label})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-router-dom"),l=;/* empty css                                 */;/* empty css                           */var a=,/* empty css                                                 */o=;/* empty css                                                             */exports.default=function(d){const t="transparent"===d.module.bg?"transparent":"";/* @__PURE__ */
+return e.jsx(r.Link,{to:d.module.link,children:/* @__PURE__ */e.jsxs(a.default,{className:"module-tile-container",children:[
+/* @__PURE__ */e.jsx(a.default,{className:`module-box ${t}`,style:{background:d.module.bg},children:/* @__PURE__ */e.jsx(o.default,{component:"img",image:d.module.icon,alt:`${d.module.label} logo`})}),
+/* @__PURE__ */e.jsx(l.Typography,{type:"s3",className:"module-label",children:d.module.label})]})})};
 //# sourceMappingURL=index.js.map

package/dist/components/module-button/module-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/module-button/module-button.tsx"],"sourcesContent":["import { Link } from \"react-router-dom\";\nimport CardMedia from \"@mui/material/CardMedia\";\nimport Box from \"@mui/material/Box\";\nimport Typography from \"../typography/typography\";\nimport \"./module-button.scss\"; // Import the external CSS file\n\nexport default function ModuleTile(props: any) {\n  const bgClass = props.module.bg === \"transparent\" ? \"transparent\" : \"\";\n\n  return (\n    <Link to={props.module.link}>\n      <Box className=\"module-tile-container\">\n        <Box\n          className={`module-box ${bgClass}`}\n          style={{ background: props.module.bg }}\n        >\n          <CardMedia\n            component=\"img\"\n            image={props.module.icon}\n            alt={`${props.module.label} logo`}\n          />\n        </Box>\n        <Typography type=\"s3\" className=\"module-label\">\n          {props.module.label}\n        </Typography>\n      </Box>\n    </Link>\n  );\n}\n"],"names":["props","bgClass","module","bg","jsx","Link","to","link","children","jsxs","Box","className","style","background","CardMedia","component","image","icon","alt","label","Typography","type"],"mappings":"6aAMA,SAAmCA,GACjC,MAAMC,EAA8B,gBAApBD,EAAME,OAAOC,GAAuB,cAAgB;AAEpE,SACEC,IAACC,EAAAA,MAAKC,GAAIN,EAAME,OAAOK,KACrBC,0BAAAC,KAACC,EAAAA,QAAA,CAAIC,UAAU,wBACbH,SAAA;eAAAJ,EAAAA,IAACM,EAAAA,QAAA,CACCC,UAAW,cAAcV,IACzBW,MAAO,CAAEC,WAAYb,EAAME,OAAOC,IAElCK,wBAAAJ,EAAAA,IAACU,EAAAA,QAAA,CACCC,UAAU,MACVC,MAAOhB,EAAME,OAAOe,KACpBC,IAAK,GAAGlB,EAAME,OAAOiB;eAGzBf,EAAAA,IAACgB,EAAAA,YAAWC,KAAK,KAAKV,UAAU,eAC7BH,SAAAR,EAAME,OAAOiB,YAKxB"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/module-button/module-button.tsx"],"sourcesContent":["import { Link } from \"react-router-dom\";\nimport CardMedia from \"@mui/material/CardMedia\";\nimport Box from \"@mui/material/Box\";\nimport Typography from \"../typography/typography\";\nimport \"./module-button.scss\"; // Import the external CSS file\n\nexport default function ModuleTile(props: any) {\n  const bgClass = props.module.bg === \"transparent\" ? \"transparent\" : \"\";\n\n  return (\n    <Link to={props.module.link}>\n      <Box className=\"module-tile-container\">\n        <Box\n          className={`module-box ${bgClass}`}\n          style={{ background: props.module.bg }}\n        >\n          <CardMedia\n            component=\"img\"\n            image={props.module.icon}\n            alt={`${props.module.label} logo`}\n          />\n        </Box>\n        <Typography type=\"s3\" className=\"module-label\">\n          {props.module.label}\n        </Typography>\n      </Box>\n    </Link>\n  );\n}\n"],"names":["props","bgClass","module","bg","jsx","Link","to","link","children","jsxs","Box","className","style","background","CardMedia","component","image","icon","alt","label","Typography","type"],"mappings":"qYAMA,SAAmCA,GACjC,MAAMC,EAA8B,gBAApBD,EAAME,OAAOC,GAAuB,cAAgB;AAEpE,SACEC,IAACC,EAAAA,MAAKC,GAAIN,EAAME,OAAOK,KACrBC,0BAAAC,KAACC,EAAAA,QAAA,CAAIC,UAAU,wBACbH,SAAA;eAAAJ,EAAAA,IAACM,EAAAA,QAAA,CACCC,UAAW,cAAcV,IACzBW,MAAO,CAAEC,WAAYb,EAAME,OAAOC,IAElCK,wBAAAJ,EAAAA,IAACU,EAAAA,QAAA,CACCC,UAAU,MACVC,MAAOhB,EAAME,OAAOe,KACpBC,IAAK,GAAGlB,EAAME,OAAOiB;eAGzBf,EAAAA,IAACgB,EAAAA,YAAWC,KAAK,KAAKV,UAAU,eAC7BH,SAAAR,EAAME,OAAOiB,YAKxB"}

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

@@ -1,14 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useState } from "react";
-import { IconButton } from "@mui/material";
-import AddIcon from "@mui/icons-material/Add";
-import Menu from "@mui/material/Menu";
-import MenuItem from "@mui/material/MenuItem";
+import default_1 from "../../../node_modules/@mui/icons-material/Add/index.esm.js";
 import CardWrapper from "../../card-wrapper/card-wrapper/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
 import SearchBar from "../../search-bar/search-bar/index.esm.js";
 import { images } from "../../../images/index.esm.js";
 /* empty css                          */
+import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import Menu from "../../../node_modules/@mui/material/Menu/Menu/index.esm.js";
+import MenuItem from "../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
 function MultiLine(props) {
   const { options } = props;
   const [filteredOptions, setFilteredOptions] = useState(options);
@@ -51,7 +51,7 @@ function MultiLine(props) {
       /* @__PURE__ */ jsx(Typography, { className: "description", children: option.role })
     ] }, option.id)),
     /* @__PURE__ */ jsxs("div", { className: "bottom-footer", onClick: handleCreateClick, children: [
-      /* @__PURE__ */ jsx(AddIcon, {}),
+      /* @__PURE__ */ jsx(default_1, {}),
       /* @__PURE__ */ jsx(Typography, { children: "Create a Cost Center" })
     ] })
   ] }) });

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"],"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,oBAAC,SAAA,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 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;"}

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=require("@mui/material"),i=require("@mui/icons-material/Add"),s=require("@mui/material/Menu"),l=require("@mui/material/MenuItem"),t=,/* empty css                                     */n=,/* empty css                                 */c=,/* empty css                                 */o=;/* empty css                     */function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}};/* empty css                       */var u=/* @__PURE__ */d(r),m=/* @__PURE__ */d(i),p=/* @__PURE__ */d(s),h=/* @__PURE__ */d(l);exports.default=function(i){const{options:s}=i,[l,d]=r.useState(s),[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(t.default,{children:[
+"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                                 */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);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.default,{children:[
 /* @__PURE__ */e.jsxs("div",{className:"payable-header",children:[
-/* @__PURE__ */e.jsx(n.Typography,{className:"payable-title",children:"Payable Account"}),
-/* @__PURE__ */e.jsx(a.IconButton,{color:"inherit",size:"small",onClick:e=>{x(e.currentTarget)},children:/* @__PURE__ */e.jsx("img",{src:o.images.more,alt:"more icon"})}),
-/* @__PURE__ */e.jsx(p.default,{anchorEl:j,open:y,onClose:f,children:/* @__PURE__ */e.jsx(h.default,{onClick:f,children:"View"})})]}),
-/* @__PURE__ */e.jsx(c.default,{placeholder:"Search Companies",handleSearch:e=>{(e=>{const r=e.toLowerCase(),a=s.filter(e=>e.name.toLowerCase().includes(r)||e.role.toLowerCase().includes(r));d(a)})(e)},debounceTime:1}),l.map(r=>/* @__PURE__ */e.jsxs("div",{className:"list-items",children:[
-/* @__PURE__ */e.jsx(n.Typography,{className:"title",children:r.name}),
-/* @__PURE__ */e.jsx(n.Typography,{className:"description",children:r.role})]},r.id)),
+/* @__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:n.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(l.default,{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.jsxs("div",{className:"bottom-footer",onClick:()=>{alert("Clicked ")},children:[
-/* @__PURE__ */e.jsx(m.default,{}),
-/* @__PURE__ */e.jsx(n.Typography,{children:"Create a Cost Center"})]})]})})};
+/* @__PURE__ */e.jsx(a.default,{}),
+/* @__PURE__ */e.jsx(s.Typography,{children:"Create a Cost Center"})]})]})})};
 //# 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":"wpBAqBA,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,UAAA,CACCD,SAAA;iBAAAE,KAAC,MAAA,CAAIH,UAAU,iBACbC,SAAA;eAAAF,EAAAA,IAACK,EAAAA,WAAA,CAAWJ,UAAU,gBAAgBC,SAAA;eACtCF,MAACM,EAAAA,WAAA,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,QAAA,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 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,UAAA,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,QAAA,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"}

package/dist/components/multi-select/multi-select/index.esm.js

@@ -1,15 +1,21 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useCallback, useEffect } from "react";
-import { OutlinedInput, InputAdornment, IconButton, MenuItem, Box, Divider } from "@mui/material";
 import PropTypes from "../../../node_modules/prop-types/index/index.esm.js";
 import Select from "../../select/select/index.esm.js";
 import Checkbox from "../../checkbox/checkbox/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
 import ChipOrPlaceholder from "../../form-control/form-builder/form-builder-element/chip-or-placeholder/index.esm.js";
 /* empty css                             */
-import { Close, Add } from "@mui/icons-material";
 import _ from "lodash";
 import { useTranslation } from "react-i18next";
+import OutlinedInput from "../../../node_modules/@mui/material/OutlinedInput/OutlinedInput/index.esm.js";
+import InputAdornment from "../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.esm.js";
+import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import Close from "../../../node_modules/@mui/icons-material/esm/Close/index.esm.js";
+import MenuItem from "../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import Divider from "../../../node_modules/@mui/material/Divider/Divider/index.esm.js";
+import Add from "../../../node_modules/@mui/icons-material/esm/Add/index.esm.js";
 const generateMenuItems = ({
   options,
   multiple,

package/dist/components/multi-select/multi-select/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/multi-select/multi-select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport {\n\tBox,\n\tDivider,\n\tIconButton,\n\tInputAdornment,\n\tMenuItem,\n\tMenuItemProps,\n    OutlinedInput,\n\n \n} from '@mui/material';\nimport PropTypes from 'prop-types';\nimport Select from '../select/select';\nimport Checkbox from '../checkbox/checkbox';\nimport Typography from '../typography/typography';\n// import Chip from '../chip/chip'\nimport ChipOrPlaceholder from '../form-control/form-builder/form-builder-element/chip-or-placeholder';\n\nimport './multi-select.scss';\nimport { Add, Close } from '@mui/icons-material';\n// import { MoreIcon } from '../icons';\nimport _ from 'lodash';\nimport { useTranslation } from \"react-i18next\";\n\ninterface IMenuItems extends MenuItemProps {\n\toptions: any[];\n\tmultiple: boolean;\n\tplaceholder: string;\n\twith_checkboxes: boolean;\n\tvalues: string | string[];\n\tfield: any;\n}\n\nconst generateMenuItems = ({\n\toptions,\n\tmultiple,\n\tplaceholder,\n\twith_checkboxes,\n\tvalues,\n\tfield,\n}: IMenuItems) => {\n\n\tconst items: React.ReactElement[] = [];\n\tif (!multiple) {\n\t\titems.push(\n\t\t\t<MenuItem disabled value=''>\n\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t<em>{placeholder}</em>\n\t\t\t\t</Typography>\n\t\t\t</MenuItem>\n\t\t);\n\t}\n\toptions?.forEach((option) => {\n\t\t\n\t\titems.push(\n\t\t\t<MenuItem\n\t\t\t\tvalue={option.value}\n\t\t\t\tkey={option.value}\n\t\t\t\tdisabled={Boolean(option.disabled)}\n\t\t\t\tclassName={option?.isGroup ? 'select--MenuItemHeader' : ''}>\n\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tchecked={_.some(values, option.value)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t{option.label}\n\t\t\t\t\t</Typography>\n\t\t\t\t</Box>\n\t\t\t</MenuItem>\n\t\t);\n\t\tif (option?.isGroup && Array.isArray(option?.options)) {\n\t\t\toption.options.forEach((opt) => {\n\t\t\t\titems.push(\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tvalue={opt.value}\n\t\t\t\t\t\tdisabled={Boolean(opt.disabled)}\n\t\t\t\t\t\tsx={{ pl: 5 }}\n\t\t\t\t\t\tkey={`${option.value}-${opt.value}`}>\n\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\tchecked={Boolean(values && values?.indexOf(opt.value) > -1)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t\t\t{opt.label}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t});\n\tif (field.enable_footer) {\n\t\titems.push(\n\t\t\t<Box>\n\t\t\t\t<Divider flexItem />\n\t\t\t\t<MenuItem sx={{ gap: 1 }} onClick={field.onFooterClick}>\n\t\t\t\t\t<Add fontSize='small' />\n\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\n\t\t\t\t\t\tCreate New {field.label}\n\t\t\t\t\t</Typography>\n\t\t\t\t</MenuItem>\n\t\t\t</Box>\n\t\t);\n\t}\n\n\treturn items;\n};\n\nconst SelectedItems = ({\n\tdata,\n\toptions\n}: {\n\tdata: string[];\n\toptions: any[];\n}) => {\n\tconst displayTitle = data.map(\n\t\t(selectedItem) =>\n\t\t\toptions?.find((option: any) => (option.value?.id || option.value?.name || option.value) === (selectedItem?.id || selectedItem?.name || selectedItem))?.label ||\n\t\t\tselectedItem\n\t);\n\treturn (\n\t\t<Typography\n\t\t\ttype='s4'\n\t\t\tcolor='inherit'\n\t\t\tsx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5, position:'absolute' }}>\n\t\t\t{displayTitle.slice(0, 4).join(', ')}\n\t\t\t{data.length > 4 && (\n\t\t\t\t// <Chip variant='outlined' type='normal' label={<MoreIcon fontSize='small'/>} />\n\t\t\t\t'...'\n\t\t\t)}\n\t\t</Typography>\n\t);\n};\n\nconst MultiSelect = (props: any) => {\n\tconst [options, setOptions] = useState([]);\n\tconst [selectedValue, setSelectedValue] = useState(props.defaultValue || props.value || (props.is_multiselect ? [] : ''));\n\n\tconst removeUndefine = (selectOptions: any[]) => {\n\t\treturn selectOptions?.filter((option) => option);\n\t};\n\n\tconst handleSetOptions = useCallback(() => {\n\t\tsetOptions(props.options);\n\t}, [props.options]);\n\n\tuseEffect(() => {\n\t\thandleSetOptions();\n\t}, [handleSetOptions]);\n\n\tconst handleChange = (e: any, child) => {\n        let value = e?.target?.value\n\t\t\t\tif(props.is_multiselect) {\n\t\t\t\t\tconst sValue = child?.props?.value\n\t\t\t\t\tconst ev = selectedValue.find(v => v?.name == sValue?.name)\n\t\t\t\t\tif(ev){\n\t\t\t\t\t\tvalue = selectedValue.filter(v => v?.name != sValue?.name)\n\t\t\t\t\t}\n\t\t\t\t\tvalue = value?.filter(Boolean)\n\t\t\t\t}\n\t\t\t\tsetSelectedValue(value);\n\t\t\t\tif (props.onChange) {\n\t\t\t\t\tprops.onChange(value);\n\t\t\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tsetSelectedValue(props.defaultValue || props.value || (props.is_multiselect ? [] : ''));\n\t}, [props.defaultValue, props.value, props.is_multiselect]);\n\n\t\tconst { t } = useTranslation();\n\n\treturn (\n\t\t<>\n\t\t\t<Select\n\t\t\t\tfullWidth\n\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\tlabel={props.label}\n\t\t\t\tvalue={selectedValue}\n\t\t\t\tdefaultValue={props.defaultValue || (props.is_multiselect ? [] : '')}\n\t\t\t\trequired={props.required}\n\t\t\t\tsize={props.size || 'small'}\n\t\t\t\tmultiple={Boolean(props?.is_multiselect)}\n\t\t\t\tdisabled={Boolean(props?.disabled)}\n\t\t\t\tvariant='outlined'\n        // sx={{minWidth: '165px'}}\n\t\t\t\tsx={(Boolean(props?.is_multiselect) && selectedValue?.length) ? { \"& .MuiSelect-select\": { padding: '5.5px !important', minWidth: '165px' }} : { minWidth: '165px' }}\n\t\t\t\tclassName={\n\t\t\t\t\tprops.is_multiselect && removeUndefine(selectedValue)?.length\n\t\t\t\t\t\t? 'MultiSelect'\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t\tinput={\n\t\t\t\t\t\t!props?.is_multiselect && !props.disabled ? (\n\t\t\t\t\t\t\t\t<OutlinedInput\n\t\t\t\t\t\t\t\t\t\tlabel=''\n\t\t\t\t\t\t\t\t\t\tendAdornment={\n\t\t\t\t\t\t\t\t\t\t\t\t<InputAdornment position='end'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{props.value && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label='clear selection'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => props.onChange(null)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tedge='end'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{ mr: 1.5 }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize='small'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Close sx={{ fontSize: '1rem' }} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t</InputAdornment>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : undefined\n\t\t\t\t}\n\t\t\t\trenderValue={(selected: string | string[]) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{Array.isArray(selected) ? (\n\t\t\t\t\t\t\t<ChipOrPlaceholder\n\t\t\t\t\t\t\t\tselectedLabel={props.selectedLabel}\n\t\t\t\t\t\t\t\tdata={removeUndefine(selected)}\n\t\t\t\t\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\t\t\t\t\tonDelete={props?.onChipRemove}\n\t\t\t\t\t\t\t\tdisabled={props.disabled}\n\t\t\t\t\t\t\t\tchipProps={{\n\t\t\t\t\t\t\t\t\tsx: {\n\t\t\t\t\t\t\t\t\t\t\tbgcolor: 'theme.primary.100',\n\t\t\t\t\t\t\t\t\t\t\tborder: 0,\n\t\t\t\t\t\t\t\t\t\t\t// borderRadius: '15px',\n\t\t\t\t\t\t\t\t\t\t\t'& .MuiTypography-body1': {\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.primary.800',\n\t\t\t\t\t\t\t\t\t\t\t\t\tfontWeight: \"500\",\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t'& .MuiChip-deleteIcon': {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.primary.800',\n\t\t\t\t\t\t\t\t\t\t\t\t'&:hover':{\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.primary.900',\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\toptions?.find(\n\t\t\t\t\t\t\t\t(option: any) =>\n\t\t\t\t\t\t\t\t\t(option.value?.id || option.value?.name || option.value) === (selected?.id || selected?.name || selected)\n\t\t\t\t\t\t\t)?.label ||\n\t\t\t\t\t\t\tselected ||\n\t\t\t\t\t\t\tprops.placeholder\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\tsearchPlaceholder={`${t('common.search')} ${props.label}`}\n\t\t\t\thandleSearch={props.handleSearch}\n\t\t\t\tsearchValue={props.searchValue || ''}\n\t\t\t\tonChange={handleChange}\n\t\t\t\tloading={props?.is_loading}>\n\t\t\t\t{generateMenuItems({\n\t\t\t\t\toptions,\n\t\t\t\t\tmultiple: Boolean(props.is_multiselect),\n\t\t\t\t\tplaceholder: props.placeholder,\n\t\t\t\t\tvalues: selectedValue,\n\t\t\t\t\twith_checkboxes: true,\n\t\t\t\t\tfield: props\n\t\t\t\t})}\n\t\t\t</Select>\n\t\t\t{props.is_multiselect && Array.isArray(selectedValue) && (\n\t\t\t\t<SelectedItems data={selectedValue} options={options} />\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nMultiSelect.propTypes = {\n\tname: PropTypes.string.isRequired,\n\tplaceholder: PropTypes.string.isRequired,\n\tlabel: PropTypes.string.isRequired,\n\tsize: PropTypes.string,\n\toptions: PropTypes.arrayOf(\n\t\tPropTypes.shape({\n\t\t\tlabel: PropTypes.string,\n\t\t\tvalue: PropTypes.string\n\t\t})\n\t).isRequired,\n\tdefaultValue: PropTypes.string,\n\tfieldArrayName: PropTypes.string,\n\tid: PropTypes.string,\n\trequired: PropTypes.bool,\n\tis_multiselect: PropTypes.bool,\n\tposition: PropTypes.number,\n\tdisabled: PropTypes.bool,\n\tonChipRemove: PropTypes.func,\n\tenable_footer: PropTypes.bool,\n\tfooter_action: PropTypes.string,\n\tonFooterClick: PropTypes.any,\n\tis_loading: PropTypes.bool,\n\tselectedLabel: PropTypes.string,\n\tonChange: PropTypes.func,\n};\n\nexport default MultiSelect;\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/multi-select/multi-select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport {\n\tBox,\n\tDivider,\n\tIconButton,\n\tInputAdornment,\n\tMenuItem,\n\tMenuItemProps,\n    OutlinedInput,\n\n \n} from '@mui/material';\nimport PropTypes from 'prop-types';\nimport Select from '../select/select';\nimport Checkbox from '../checkbox/checkbox';\nimport Typography from '../typography/typography';\n// import Chip from '../chip/chip'\nimport ChipOrPlaceholder from '../form-control/form-builder/form-builder-element/chip-or-placeholder';\n\nimport './multi-select.scss';\nimport { Add, Close } from '@mui/icons-material';\n// import { MoreIcon } from '../icons';\nimport _ from 'lodash';\nimport { useTranslation } from \"react-i18next\";\n\ninterface IMenuItems extends MenuItemProps {\n\toptions: any[];\n\tmultiple: boolean;\n\tplaceholder: string;\n\twith_checkboxes: boolean;\n\tvalues: string | string[];\n\tfield: any;\n}\n\nconst generateMenuItems = ({\n\toptions,\n\tmultiple,\n\tplaceholder,\n\twith_checkboxes,\n\tvalues,\n\tfield,\n}: IMenuItems) => {\n\n\tconst items: React.ReactElement[] = [];\n\tif (!multiple) {\n\t\titems.push(\n\t\t\t<MenuItem disabled value=''>\n\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t<em>{placeholder}</em>\n\t\t\t\t</Typography>\n\t\t\t</MenuItem>\n\t\t);\n\t}\n\toptions?.forEach((option) => {\n\t\t\n\t\titems.push(\n\t\t\t<MenuItem\n\t\t\t\tvalue={option.value}\n\t\t\t\tkey={option.value}\n\t\t\t\tdisabled={Boolean(option.disabled)}\n\t\t\t\tclassName={option?.isGroup ? 'select--MenuItemHeader' : ''}>\n\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tchecked={_.some(values, option.value)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t{option.label}\n\t\t\t\t\t</Typography>\n\t\t\t\t</Box>\n\t\t\t</MenuItem>\n\t\t);\n\t\tif (option?.isGroup && Array.isArray(option?.options)) {\n\t\t\toption.options.forEach((opt) => {\n\t\t\t\titems.push(\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tvalue={opt.value}\n\t\t\t\t\t\tdisabled={Boolean(opt.disabled)}\n\t\t\t\t\t\tsx={{ pl: 5 }}\n\t\t\t\t\t\tkey={`${option.value}-${opt.value}`}>\n\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\tchecked={Boolean(values && values?.indexOf(opt.value) > -1)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t\t\t{opt.label}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t});\n\tif (field.enable_footer) {\n\t\titems.push(\n\t\t\t<Box>\n\t\t\t\t<Divider flexItem />\n\t\t\t\t<MenuItem sx={{ gap: 1 }} onClick={field.onFooterClick}>\n\t\t\t\t\t<Add fontSize='small' />\n\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\n\t\t\t\t\t\tCreate New {field.label}\n\t\t\t\t\t</Typography>\n\t\t\t\t</MenuItem>\n\t\t\t</Box>\n\t\t);\n\t}\n\n\treturn items;\n};\n\nconst SelectedItems = ({\n\tdata,\n\toptions\n}: {\n\tdata: string[];\n\toptions: any[];\n}) => {\n\tconst displayTitle = data.map(\n\t\t(selectedItem) =>\n\t\t\toptions?.find((option: any) => (option.value?.id || option.value?.name || option.value) === (selectedItem?.id || selectedItem?.name || selectedItem))?.label ||\n\t\t\tselectedItem\n\t);\n\treturn (\n\t\t<Typography\n\t\t\ttype='s4'\n\t\t\tcolor='inherit'\n\t\t\tsx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5, position:'absolute' }}>\n\t\t\t{displayTitle.slice(0, 4).join(', ')}\n\t\t\t{data.length > 4 && (\n\t\t\t\t// <Chip variant='outlined' type='normal' label={<MoreIcon fontSize='small'/>} />\n\t\t\t\t'...'\n\t\t\t)}\n\t\t</Typography>\n\t);\n};\n\nconst MultiSelect = (props: any) => {\n\tconst [options, setOptions] = useState([]);\n\tconst [selectedValue, setSelectedValue] = useState(props.defaultValue || props.value || (props.is_multiselect ? [] : ''));\n\n\tconst removeUndefine = (selectOptions: any[]) => {\n\t\treturn selectOptions?.filter((option) => option);\n\t};\n\n\tconst handleSetOptions = useCallback(() => {\n\t\tsetOptions(props.options);\n\t}, [props.options]);\n\n\tuseEffect(() => {\n\t\thandleSetOptions();\n\t}, [handleSetOptions]);\n\n\tconst handleChange = (e: any, child) => {\n        let value = e?.target?.value\n\t\t\t\tif(props.is_multiselect) {\n\t\t\t\t\tconst sValue = child?.props?.value\n\t\t\t\t\tconst ev = selectedValue.find(v => v?.name == sValue?.name)\n\t\t\t\t\tif(ev){\n\t\t\t\t\t\tvalue = selectedValue.filter(v => v?.name != sValue?.name)\n\t\t\t\t\t}\n\t\t\t\t\tvalue = value?.filter(Boolean)\n\t\t\t\t}\n\t\t\t\tsetSelectedValue(value);\n\t\t\t\tif (props.onChange) {\n\t\t\t\t\tprops.onChange(value);\n\t\t\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tsetSelectedValue(props.defaultValue || props.value || (props.is_multiselect ? [] : ''));\n\t}, [props.defaultValue, props.value, props.is_multiselect]);\n\n\t\tconst { t } = useTranslation();\n\n\treturn (\n\t\t<>\n\t\t\t<Select\n\t\t\t\tfullWidth\n\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\tlabel={props.label}\n\t\t\t\tvalue={selectedValue}\n\t\t\t\tdefaultValue={props.defaultValue || (props.is_multiselect ? [] : '')}\n\t\t\t\trequired={props.required}\n\t\t\t\tsize={props.size || 'small'}\n\t\t\t\tmultiple={Boolean(props?.is_multiselect)}\n\t\t\t\tdisabled={Boolean(props?.disabled)}\n\t\t\t\tvariant='outlined'\n        // sx={{minWidth: '165px'}}\n\t\t\t\tsx={(Boolean(props?.is_multiselect) && selectedValue?.length) ? { \"& .MuiSelect-select\": { padding: '5.5px !important', minWidth: '165px' }} : { minWidth: '165px' }}\n\t\t\t\tclassName={\n\t\t\t\t\tprops.is_multiselect && removeUndefine(selectedValue)?.length\n\t\t\t\t\t\t? 'MultiSelect'\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t\tinput={\n\t\t\t\t\t\t!props?.is_multiselect && !props.disabled ? (\n\t\t\t\t\t\t\t\t<OutlinedInput\n\t\t\t\t\t\t\t\t\t\tlabel=''\n\t\t\t\t\t\t\t\t\t\tendAdornment={\n\t\t\t\t\t\t\t\t\t\t\t\t<InputAdornment position='end'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{props.value && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label='clear selection'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => props.onChange(null)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tedge='end'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{ mr: 1.5 }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize='small'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Close sx={{ fontSize: '1rem' }} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t</InputAdornment>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : undefined\n\t\t\t\t}\n\t\t\t\trenderValue={(selected: string | string[]) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{Array.isArray(selected) ? (\n\t\t\t\t\t\t\t<ChipOrPlaceholder\n\t\t\t\t\t\t\t\tselectedLabel={props.selectedLabel}\n\t\t\t\t\t\t\t\tdata={removeUndefine(selected)}\n\t\t\t\t\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\t\t\t\t\tonDelete={props?.onChipRemove}\n\t\t\t\t\t\t\t\tdisabled={props.disabled}\n\t\t\t\t\t\t\t\tchipProps={{\n\t\t\t\t\t\t\t\t\tsx: {\n\t\t\t\t\t\t\t\t\t\t\tbgcolor: 'theme.primary.100',\n\t\t\t\t\t\t\t\t\t\t\tborder: 0,\n\t\t\t\t\t\t\t\t\t\t\t// borderRadius: '15px',\n\t\t\t\t\t\t\t\t\t\t\t'& .MuiTypography-body1': {\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.primary.800',\n\t\t\t\t\t\t\t\t\t\t\t\t\tfontWeight: \"500\",\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t'& .MuiChip-deleteIcon': {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.primary.800',\n\t\t\t\t\t\t\t\t\t\t\t\t'&:hover':{\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.primary.900',\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\toptions?.find(\n\t\t\t\t\t\t\t\t(option: any) =>\n\t\t\t\t\t\t\t\t\t(option.value?.id || option.value?.name || option.value) === (selected?.id || selected?.name || selected)\n\t\t\t\t\t\t\t)?.label ||\n\t\t\t\t\t\t\tselected ||\n\t\t\t\t\t\t\tprops.placeholder\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\tsearchPlaceholder={`${t('common.search')} ${props.label}`}\n\t\t\t\thandleSearch={props.handleSearch}\n\t\t\t\tsearchValue={props.searchValue || ''}\n\t\t\t\tonChange={handleChange}\n\t\t\t\tloading={props?.is_loading}>\n\t\t\t\t{generateMenuItems({\n\t\t\t\t\toptions,\n\t\t\t\t\tmultiple: Boolean(props.is_multiselect),\n\t\t\t\t\tplaceholder: props.placeholder,\n\t\t\t\t\tvalues: selectedValue,\n\t\t\t\t\twith_checkboxes: true,\n\t\t\t\t\tfield: props\n\t\t\t\t})}\n\t\t\t</Select>\n\t\t\t{props.is_multiselect && Array.isArray(selectedValue) && (\n\t\t\t\t<SelectedItems data={selectedValue} options={options} />\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nMultiSelect.propTypes = {\n\tname: PropTypes.string.isRequired,\n\tplaceholder: PropTypes.string.isRequired,\n\tlabel: PropTypes.string.isRequired,\n\tsize: PropTypes.string,\n\toptions: PropTypes.arrayOf(\n\t\tPropTypes.shape({\n\t\t\tlabel: PropTypes.string,\n\t\t\tvalue: PropTypes.string\n\t\t})\n\t).isRequired,\n\tdefaultValue: PropTypes.string,\n\tfieldArrayName: PropTypes.string,\n\tid: PropTypes.string,\n\trequired: PropTypes.bool,\n\tis_multiselect: PropTypes.bool,\n\tposition: PropTypes.number,\n\tdisabled: PropTypes.bool,\n\tonChipRemove: PropTypes.func,\n\tenable_footer: PropTypes.bool,\n\tfooter_action: PropTypes.string,\n\tonFooterClick: PropTypes.any,\n\tis_loading: PropTypes.bool,\n\tselectedLabel: PropTypes.string,\n\tonChange: PropTypes.func,\n};\n\nexport default MultiSelect;\n"],"names":["_a"],"mappings":"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"}

package/dist/components/multi-select/multi-select/index.js

@@ -1,16 +1,16 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),i=require("@mui/material"),a=,/* empty css                                            */o=,/* empty css                         */t=,/* empty css                             */r=,/* empty css                                 */n=;/* empty css                                                                              */;/* empty css                          */var d=require("@mui/icons-material"),s=require("lodash"),u=require("react-i18next");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=/* @__PURE__ */c(s);const h=({options:l,multiple:a,placeholder:o,with_checkboxes:n,values:s,field:u})=>{const c=[];return a||c.push(
-/* @__PURE__ */e.jsx(i.MenuItem,{disabled:!0,value:"",children:/* @__PURE__ */e.jsx(r.Typography,{type:"s3",color:"theme.secondary.1000",children:/* @__PURE__ */e.jsx("em",{children:o})})})),null==l||l.forEach(l=>{c.push(
-/* @__PURE__ */e.jsx(i.MenuItem,{value:l.value,disabled:Boolean(l.disabled),className:(null==l?void 0:l.isGroup)?"select--MenuItemHeader":"",children:/* @__PURE__ */e.jsxs(i.Box,{sx:{display:"flex",gap:1},children:[a&&n&&/* @__PURE__ */e.jsx(t.default,{checked:p.default.some(s,l.value)}),
-/* @__PURE__ */e.jsx(r.Typography,{type:"s3",color:"theme.secondary.1000",children:l.label})]})},l.value)),(null==l?void 0:l.isGroup)&&Array.isArray(null==l?void 0:l.options)&&l.options.forEach(o=>{c.push(
-/* @__PURE__ */e.jsx(i.MenuItem,{value:o.value,disabled:Boolean(o.disabled),sx:{pl:5},children:/* @__PURE__ */e.jsxs(i.Box,{sx:{display:"flex",gap:1},children:[a&&n&&/* @__PURE__ */e.jsx(t.default,{checked:Boolean(s&&(null==s?void 0:s.indexOf(o.value))>-1)}),
-/* @__PURE__ */e.jsx(r.Typography,{type:"s3",color:"theme.secondary.1000",children:o.label})]})},`${l.value}-${o.value}`))})}),u.enable_footer&&c.push(
-/* @__PURE__ */e.jsxs(i.Box,{children:[
-/* @__PURE__ */e.jsx(i.Divider,{flexItem:!0}),
-/* @__PURE__ */e.jsxs(i.MenuItem,{sx:{gap:1},onClick:u.onFooterClick,children:[
-/* @__PURE__ */e.jsx(d.Add,{fontSize:"small"}),
-/* @__PURE__ */e.jsxs(r.Typography,{type:"s4",color:"theme.secondary.1000",children:["Create New ",u.label]})]})]})),c},m=({data:l,options:i})=>{const a=l.map(e=>{var l;return(null==(l=null==i?void 0:i.find(l=>{var i,a;return((null==(i=l.value)?void 0:i.id)||(null==(a=l.value)?void 0:a.name)||l.value)===((null==e?void 0:e.id)||(null==e?void 0:e.name)||e)}))?void 0:l.label)||e});/* @__PURE__ */
-return e.jsxs(r.Typography,{type:"s4",color:"inherit",sx:{display:"flex",gap:1,alignItems:"center",mt:.5,position:"absolute"},children:[a.slice(0,4).join(", "),l.length>4&&"..."]})},v=a=>{var t;const[r,s]=l.useState([]),[c,p]=l.useState(a.defaultValue||a.value||(a.is_multiselect?[]:"")),v=e=>null==e?void 0:e.filter(e=>e),f=l.useCallback(()=>{s(a.options)},[a.options]);l.useEffect(()=>{f()},[f]),l.useEffect(()=>{p(a.defaultValue||a.value||(a.is_multiselect?[]:""))},[a.defaultValue,a.value,a.is_multiselect]);const{t:x}=u.useTranslation();/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),i=,/* empty css                                            */a=,/* empty css                         */d=,/* empty css                             */t=,/* empty css                                 */o=;/* empty css                                                                              */;/* empty css                          */var r=require("lodash"),u=require("react-i18next"),n=,/* empty css                                                                     */s=,/* empty css                                                                       */c=,/* empty css                                                               */m=,/* empty css                                                         */p=,/* empty css                                                           */h=,/* empty css                                                 */f=,/* empty css                                                         */v=;/* empty css                                                       */function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=/* @__PURE__ */x(r);const y=({options:l,multiple:i,placeholder:a,with_checkboxes:o,values:r,field:u})=>{const n=[];return i||n.push(
+/* @__PURE__ */e.jsx(p.default,{disabled:!0,value:"",children:/* @__PURE__ */e.jsx(t.Typography,{type:"s3",color:"theme.secondary.1000",children:/* @__PURE__ */e.jsx("em",{children:a})})})),null==l||l.forEach(l=>{n.push(
+/* @__PURE__ */e.jsx(p.default,{value:l.value,disabled:Boolean(l.disabled),className:(null==l?void 0:l.isGroup)?"select--MenuItemHeader":"",children:/* @__PURE__ */e.jsxs(h.default,{sx:{display:"flex",gap:1},children:[i&&o&&/* @__PURE__ */e.jsx(d.default,{checked:b.default.some(r,l.value)}),
+/* @__PURE__ */e.jsx(t.Typography,{type:"s3",color:"theme.secondary.1000",children:l.label})]})},l.value)),(null==l?void 0:l.isGroup)&&Array.isArray(null==l?void 0:l.options)&&l.options.forEach(a=>{n.push(
+/* @__PURE__ */e.jsx(p.default,{value:a.value,disabled:Boolean(a.disabled),sx:{pl:5},children:/* @__PURE__ */e.jsxs(h.default,{sx:{display:"flex",gap:1},children:[i&&o&&/* @__PURE__ */e.jsx(d.default,{checked:Boolean(r&&(null==r?void 0:r.indexOf(a.value))>-1)}),
+/* @__PURE__ */e.jsx(t.Typography,{type:"s3",color:"theme.secondary.1000",children:a.label})]})},`${l.value}-${a.value}`))})}),u.enable_footer&&n.push(
+/* @__PURE__ */e.jsxs(h.default,{children:[
+/* @__PURE__ */e.jsx(f.default,{flexItem:!0}),
+/* @__PURE__ */e.jsxs(p.default,{sx:{gap:1},onClick:u.onFooterClick,children:[
+/* @__PURE__ */e.jsx(v.default,{fontSize:"small"}),
+/* @__PURE__ */e.jsxs(t.Typography,{type:"s4",color:"theme.secondary.1000",children:["Create New ",u.label]})]})]})),n},j=({data:l,options:i})=>{const a=l.map(e=>{var l;return(null==(l=null==i?void 0:i.find(l=>{var i,a;return((null==(i=l.value)?void 0:i.id)||(null==(a=l.value)?void 0:a.name)||l.value)===((null==e?void 0:e.id)||(null==e?void 0:e.name)||e)}))?void 0:l.label)||e});/* @__PURE__ */
+return e.jsxs(t.Typography,{type:"s4",color:"inherit",sx:{display:"flex",gap:1,alignItems:"center",mt:.5,position:"absolute"},children:[a.slice(0,4).join(", "),l.length>4&&"..."]})},g=i=>{var d;const[t,r]=l.useState([]),[p,h]=l.useState(i.defaultValue||i.value||(i.is_multiselect?[]:"")),f=e=>null==e?void 0:e.filter(e=>e),v=l.useCallback(()=>{r(i.options)},[i.options]);l.useEffect(()=>{v()},[v]),l.useEffect(()=>{h(i.defaultValue||i.value||(i.is_multiselect?[]:""))},[i.defaultValue,i.value,i.is_multiselect]);const{t:x}=u.useTranslation();/* @__PURE__ */
 return e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(o.default,{fullWidth:!0,placeholder:a.placeholder,label:a.label,value:c,defaultValue:a.defaultValue||(a.is_multiselect?[]:""),required:a.required,size:a.size||"small",multiple:Boolean(null==a?void 0:a.is_multiselect),disabled:Boolean(null==a?void 0:a.disabled),variant:"outlined",sx:Boolean(null==a?void 0:a.is_multiselect)&&(null==c?void 0:c.length)?{"& .MuiSelect-select":{padding:"5.5px !important",minWidth:"165px"}}:{minWidth:"165px"},className:a.is_multiselect&&(null==(t=v(c))?void 0:t.length)?"MultiSelect":"",input:(null==a?void 0:a.is_multiselect)||a.disabled?void 0:/* @__PURE__ */e.jsx(i.OutlinedInput,{label:"",endAdornment:/* @__PURE__ */e.jsx(i.InputAdornment,{position:"end",children:a.value&&/* @__PURE__ */e.jsx(i.IconButton,{"aria-label":"clear selection",onClick:()=>a.onChange(null),edge:"end",sx:{mr:1.5},size:"small",children:/* @__PURE__ */e.jsx(d.Close,{sx:{fontSize:"1rem"}})})})}),renderValue:l=>{var i;/* @__PURE__ */
-return e.jsx(e.Fragment,{children:Array.isArray(l)?/* @__PURE__ */e.jsx(n.default,{selectedLabel:a.selectedLabel,data:v(l),placeholder:a.placeholder,onDelete:null==a?void 0:a.onChipRemove,disabled:a.disabled,chipProps:{sx:{bgcolor:"theme.primary.100",border:0,"& .MuiTypography-body1":{color:"theme.primary.800",fontWeight:"500"},"& .MuiChip-deleteIcon":{color:"theme.primary.800","&:hover":{color:"theme.primary.900"}}}}}):(null==(i=null==r?void 0:r.find(e=>{var i,a;return((null==(i=e.value)?void 0:i.id)||(null==(a=e.value)?void 0:a.name)||e.value)===((null==l?void 0:l.id)||(null==l?void 0:l.name)||l)}))?void 0:i.label)||l||a.placeholder})},searchPlaceholder:`${x("common.search")} ${a.label}`,handleSearch:a.handleSearch,searchValue:a.searchValue||"",onChange:(e,l)=>{var i,o;let t=null==(i=null==e?void 0:e.target)?void 0:i.value;if(a.is_multiselect){const e=null==(o=null==l?void 0:l.props)?void 0:o.value;c.find(l=>(null==l?void 0:l.name)==(null==e?void 0:e.name))&&(t=c.filter(l=>(null==l?void 0:l.name)!=(null==e?void 0:e.name))),t=null==t?void 0:t.filter(Boolean)}p(t),a.onChange&&a.onChange(t)},loading:null==a?void 0:a.is_loading,children:h({options:r,multiple:Boolean(a.is_multiselect),placeholder:a.placeholder,values:c,with_checkboxes:!0,field:a})}),a.is_multiselect&&Array.isArray(c)&&/* @__PURE__ */e.jsx(m,{data:c,options:r})]})};v.propTypes={name:a.default.string.isRequired,placeholder:a.default.string.isRequired,label:a.default.string.isRequired,size:a.default.string,options:a.default.arrayOf(a.default.shape({label:a.default.string,value:a.default.string})).isRequired,defaultValue:a.default.string,fieldArrayName:a.default.string,id:a.default.string,required:a.default.bool,is_multiselect:a.default.bool,position:a.default.number,disabled:a.default.bool,onChipRemove:a.default.func,enable_footer:a.default.bool,footer_action:a.default.string,onFooterClick:a.default.any,is_loading:a.default.bool,selectedLabel:a.default.string,onChange:a.default.func},exports.default=v;
+/* @__PURE__ */e.jsx(a.default,{fullWidth:!0,placeholder:i.placeholder,label:i.label,value:p,defaultValue:i.defaultValue||(i.is_multiselect?[]:""),required:i.required,size:i.size||"small",multiple:Boolean(null==i?void 0:i.is_multiselect),disabled:Boolean(null==i?void 0:i.disabled),variant:"outlined",sx:Boolean(null==i?void 0:i.is_multiselect)&&(null==p?void 0:p.length)?{"& .MuiSelect-select":{padding:"5.5px !important",minWidth:"165px"}}:{minWidth:"165px"},className:i.is_multiselect&&(null==(d=f(p))?void 0:d.length)?"MultiSelect":"",input:(null==i?void 0:i.is_multiselect)||i.disabled?void 0:/* @__PURE__ */e.jsx(n.default,{label:"",endAdornment:/* @__PURE__ */e.jsx(s.default,{position:"end",children:i.value&&/* @__PURE__ */e.jsx(c.default,{"aria-label":"clear selection",onClick:()=>i.onChange(null),edge:"end",sx:{mr:1.5},size:"small",children:/* @__PURE__ */e.jsx(m.default,{sx:{fontSize:"1rem"}})})})}),renderValue:l=>{var a;/* @__PURE__ */
+return e.jsx(e.Fragment,{children:Array.isArray(l)?/* @__PURE__ */e.jsx(o.default,{selectedLabel:i.selectedLabel,data:f(l),placeholder:i.placeholder,onDelete:null==i?void 0:i.onChipRemove,disabled:i.disabled,chipProps:{sx:{bgcolor:"theme.primary.100",border:0,"& .MuiTypography-body1":{color:"theme.primary.800",fontWeight:"500"},"& .MuiChip-deleteIcon":{color:"theme.primary.800","&:hover":{color:"theme.primary.900"}}}}}):(null==(a=null==t?void 0:t.find(e=>{var i,a;return((null==(i=e.value)?void 0:i.id)||(null==(a=e.value)?void 0:a.name)||e.value)===((null==l?void 0:l.id)||(null==l?void 0:l.name)||l)}))?void 0:a.label)||l||i.placeholder})},searchPlaceholder:`${x("common.search")} ${i.label}`,handleSearch:i.handleSearch,searchValue:i.searchValue||"",onChange:(e,l)=>{var a,d;let t=null==(a=null==e?void 0:e.target)?void 0:a.value;if(i.is_multiselect){const e=null==(d=null==l?void 0:l.props)?void 0:d.value;p.find(l=>(null==l?void 0:l.name)==(null==e?void 0:e.name))&&(t=p.filter(l=>(null==l?void 0:l.name)!=(null==e?void 0:e.name))),t=null==t?void 0:t.filter(Boolean)}h(t),i.onChange&&i.onChange(t)},loading:null==i?void 0:i.is_loading,children:y({options:t,multiple:Boolean(i.is_multiselect),placeholder:i.placeholder,values:p,with_checkboxes:!0,field:i})}),i.is_multiselect&&Array.isArray(p)&&/* @__PURE__ */e.jsx(j,{data:p,options:t})]})};g.propTypes={name:i.default.string.isRequired,placeholder:i.default.string.isRequired,label:i.default.string.isRequired,size:i.default.string,options:i.default.arrayOf(i.default.shape({label:i.default.string,value:i.default.string})).isRequired,defaultValue:i.default.string,fieldArrayName:i.default.string,id:i.default.string,required:i.default.bool,is_multiselect:i.default.bool,position:i.default.number,disabled:i.default.bool,onChipRemove:i.default.func,enable_footer:i.default.bool,footer_action:i.default.string,onFooterClick:i.default.any,is_loading:i.default.bool,selectedLabel:i.default.string,onChange:i.default.func},exports.default=g;
 //# sourceMappingURL=index.js.map

package/dist/components/multi-select/multi-select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/multi-select/multi-select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport {\n\tBox,\n\tDivider,\n\tIconButton,\n\tInputAdornment,\n\tMenuItem,\n\tMenuItemProps,\n    OutlinedInput,\n\n \n} from '@mui/material';\nimport PropTypes from 'prop-types';\nimport Select from '../select/select';\nimport Checkbox from '../checkbox/checkbox';\nimport Typography from '../typography/typography';\n// import Chip from '../chip/chip'\nimport ChipOrPlaceholder from '../form-control/form-builder/form-builder-element/chip-or-placeholder';\n\nimport './multi-select.scss';\nimport { Add, Close } from '@mui/icons-material';\n// import { MoreIcon } from '../icons';\nimport _ from 'lodash';\nimport { useTranslation } from \"react-i18next\";\n\ninterface IMenuItems extends MenuItemProps {\n\toptions: any[];\n\tmultiple: boolean;\n\tplaceholder: string;\n\twith_checkboxes: boolean;\n\tvalues: string | string[];\n\tfield: any;\n}\n\nconst generateMenuItems = ({\n\toptions,\n\tmultiple,\n\tplaceholder,\n\twith_checkboxes,\n\tvalues,\n\tfield,\n}: IMenuItems) => {\n\n\tconst items: React.ReactElement[] = [];\n\tif (!multiple) {\n\t\titems.push(\n\t\t\t<MenuItem disabled value=''>\n\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t<em>{placeholder}</em>\n\t\t\t\t</Typography>\n\t\t\t</MenuItem>\n\t\t);\n\t}\n\toptions?.forEach((option) => {\n\t\t\n\t\titems.push(\n\t\t\t<MenuItem\n\t\t\t\tvalue={option.value}\n\t\t\t\tkey={option.value}\n\t\t\t\tdisabled={Boolean(option.disabled)}\n\t\t\t\tclassName={option?.isGroup ? 'select--MenuItemHeader' : ''}>\n\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tchecked={_.some(values, option.value)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t{option.label}\n\t\t\t\t\t</Typography>\n\t\t\t\t</Box>\n\t\t\t</MenuItem>\n\t\t);\n\t\tif (option?.isGroup && Array.isArray(option?.options)) {\n\t\t\toption.options.forEach((opt) => {\n\t\t\t\titems.push(\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tvalue={opt.value}\n\t\t\t\t\t\tdisabled={Boolean(opt.disabled)}\n\t\t\t\t\t\tsx={{ pl: 5 }}\n\t\t\t\t\t\tkey={`${option.value}-${opt.value}`}>\n\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\tchecked={Boolean(values && values?.indexOf(opt.value) > -1)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t\t\t{opt.label}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t});\n\tif (field.enable_footer) {\n\t\titems.push(\n\t\t\t<Box>\n\t\t\t\t<Divider flexItem />\n\t\t\t\t<MenuItem sx={{ gap: 1 }} onClick={field.onFooterClick}>\n\t\t\t\t\t<Add fontSize='small' />\n\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\n\t\t\t\t\t\tCreate New {field.label}\n\t\t\t\t\t</Typography>\n\t\t\t\t</MenuItem>\n\t\t\t</Box>\n\t\t);\n\t}\n\n\treturn items;\n};\n\nconst SelectedItems = ({\n\tdata,\n\toptions\n}: {\n\tdata: string[];\n\toptions: any[];\n}) => {\n\tconst displayTitle = data.map(\n\t\t(selectedItem) =>\n\t\t\toptions?.find((option: any) => (option.value?.id || option.value?.name || option.value) === (selectedItem?.id || selectedItem?.name || selectedItem))?.label ||\n\t\t\tselectedItem\n\t);\n\treturn (\n\t\t<Typography\n\t\t\ttype='s4'\n\t\t\tcolor='inherit'\n\t\t\tsx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5, position:'absolute' }}>\n\t\t\t{displayTitle.slice(0, 4).join(', ')}\n\t\t\t{data.length > 4 && (\n\t\t\t\t// <Chip variant='outlined' type='normal' label={<MoreIcon fontSize='small'/>} />\n\t\t\t\t'...'\n\t\t\t)}\n\t\t</Typography>\n\t);\n};\n\nconst MultiSelect = (props: any) => {\n\tconst [options, setOptions] = useState([]);\n\tconst [selectedValue, setSelectedValue] = useState(props.defaultValue || props.value || (props.is_multiselect ? [] : ''));\n\n\tconst removeUndefine = (selectOptions: any[]) => {\n\t\treturn selectOptions?.filter((option) => option);\n\t};\n\n\tconst handleSetOptions = useCallback(() => {\n\t\tsetOptions(props.options);\n\t}, [props.options]);\n\n\tuseEffect(() => {\n\t\thandleSetOptions();\n\t}, [handleSetOptions]);\n\n\tconst handleChange = (e: any, child) => {\n        let value = e?.target?.value\n\t\t\t\tif(props.is_multiselect) {\n\t\t\t\t\tconst sValue = child?.props?.value\n\t\t\t\t\tconst ev = selectedValue.find(v => v?.name == sValue?.name)\n\t\t\t\t\tif(ev){\n\t\t\t\t\t\tvalue = selectedValue.filter(v => v?.name != sValue?.name)\n\t\t\t\t\t}\n\t\t\t\t\tvalue = value?.filter(Boolean)\n\t\t\t\t}\n\t\t\t\tsetSelectedValue(value);\n\t\t\t\tif (props.onChange) {\n\t\t\t\t\tprops.onChange(value);\n\t\t\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tsetSelectedValue(props.defaultValue || props.value || (props.is_multiselect ? [] : ''));\n\t}, [props.defaultValue, props.value, props.is_multiselect]);\n\n\t\tconst { t } = useTranslation();\n\n\treturn (\n\t\t<>\n\t\t\t<Select\n\t\t\t\tfullWidth\n\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\tlabel={props.label}\n\t\t\t\tvalue={selectedValue}\n\t\t\t\tdefaultValue={props.defaultValue || (props.is_multiselect ? [] : '')}\n\t\t\t\trequired={props.required}\n\t\t\t\tsize={props.size || 'small'}\n\t\t\t\tmultiple={Boolean(props?.is_multiselect)}\n\t\t\t\tdisabled={Boolean(props?.disabled)}\n\t\t\t\tvariant='outlined'\n        // sx={{minWidth: '165px'}}\n\t\t\t\tsx={(Boolean(props?.is_multiselect) && selectedValue?.length) ? { \"& .MuiSelect-select\": { padding: '5.5px !important', minWidth: '165px' }} : { minWidth: '165px' }}\n\t\t\t\tclassName={\n\t\t\t\t\tprops.is_multiselect && removeUndefine(selectedValue)?.length\n\t\t\t\t\t\t? 'MultiSelect'\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t\tinput={\n\t\t\t\t\t\t!props?.is_multiselect && !props.disabled ? (\n\t\t\t\t\t\t\t\t<OutlinedInput\n\t\t\t\t\t\t\t\t\t\tlabel=''\n\t\t\t\t\t\t\t\t\t\tendAdornment={\n\t\t\t\t\t\t\t\t\t\t\t\t<InputAdornment position='end'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{props.value && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label='clear selection'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => props.onChange(null)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tedge='end'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{ mr: 1.5 }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize='small'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Close sx={{ fontSize: '1rem' }} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t</InputAdornment>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : undefined\n\t\t\t\t}\n\t\t\t\trenderValue={(selected: string | string[]) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{Array.isArray(selected) ? (\n\t\t\t\t\t\t\t<ChipOrPlaceholder\n\t\t\t\t\t\t\t\tselectedLabel={props.selectedLabel}\n\t\t\t\t\t\t\t\tdata={removeUndefine(selected)}\n\t\t\t\t\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\t\t\t\t\tonDelete={props?.onChipRemove}\n\t\t\t\t\t\t\t\tdisabled={props.disabled}\n\t\t\t\t\t\t\t\tchipProps={{\n\t\t\t\t\t\t\t\t\tsx: {\n\t\t\t\t\t\t\t\t\t\t\tbgcolor: 'theme.primary.100',\n\t\t\t\t\t\t\t\t\t\t\tborder: 0,\n\t\t\t\t\t\t\t\t\t\t\t// borderRadius: '15px',\n\t\t\t\t\t\t\t\t\t\t\t'& .MuiTypography-body1': {\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.primary.800',\n\t\t\t\t\t\t\t\t\t\t\t\t\tfontWeight: \"500\",\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t'& .MuiChip-deleteIcon': {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.primary.800',\n\t\t\t\t\t\t\t\t\t\t\t\t'&:hover':{\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.primary.900',\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\toptions?.find(\n\t\t\t\t\t\t\t\t(option: any) =>\n\t\t\t\t\t\t\t\t\t(option.value?.id || option.value?.name || option.value) === (selected?.id || selected?.name || selected)\n\t\t\t\t\t\t\t)?.label ||\n\t\t\t\t\t\t\tselected ||\n\t\t\t\t\t\t\tprops.placeholder\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\tsearchPlaceholder={`${t('common.search')} ${props.label}`}\n\t\t\t\thandleSearch={props.handleSearch}\n\t\t\t\tsearchValue={props.searchValue || ''}\n\t\t\t\tonChange={handleChange}\n\t\t\t\tloading={props?.is_loading}>\n\t\t\t\t{generateMenuItems({\n\t\t\t\t\toptions,\n\t\t\t\t\tmultiple: Boolean(props.is_multiselect),\n\t\t\t\t\tplaceholder: props.placeholder,\n\t\t\t\t\tvalues: selectedValue,\n\t\t\t\t\twith_checkboxes: true,\n\t\t\t\t\tfield: props\n\t\t\t\t})}\n\t\t\t</Select>\n\t\t\t{props.is_multiselect && Array.isArray(selectedValue) && (\n\t\t\t\t<SelectedItems data={selectedValue} options={options} />\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nMultiSelect.propTypes = {\n\tname: PropTypes.string.isRequired,\n\tplaceholder: PropTypes.string.isRequired,\n\tlabel: PropTypes.string.isRequired,\n\tsize: PropTypes.string,\n\toptions: PropTypes.arrayOf(\n\t\tPropTypes.shape({\n\t\t\tlabel: PropTypes.string,\n\t\t\tvalue: PropTypes.string\n\t\t})\n\t).isRequired,\n\tdefaultValue: PropTypes.string,\n\tfieldArrayName: PropTypes.string,\n\tid: PropTypes.string,\n\trequired: PropTypes.bool,\n\tis_multiselect: PropTypes.bool,\n\tposition: PropTypes.number,\n\tdisabled: PropTypes.bool,\n\tonChipRemove: PropTypes.func,\n\tenable_footer: PropTypes.bool,\n\tfooter_action: PropTypes.string,\n\tonFooterClick: PropTypes.any,\n\tis_loading: PropTypes.bool,\n\tselectedLabel: PropTypes.string,\n\tonChange: PropTypes.func,\n};\n\nexport default MultiSelect;\n"],"names":["generateMenuItems","options","multiple","placeholder","with_checkboxes","values","field","items","push","MenuItem","disabled","value","children","jsx","Typography","type","color","forEach","option","Boolean","className","isGroup","jsxs","Box","sx","display","gap","Checkbox","checked","_","some","label","Array","isArray","opt","pl","indexOf","enable_footer","Divider","flexItem","onClick","onFooterClick","Add","fontSize","SelectedItems","data","displayTitle","map","selectedItem","_a","find","id","_b","name","alignItems","mt","position","slice","join","length","MultiSelect","props","setOptions","useState","selectedValue","setSelectedValue","defaultValue","is_multiselect","removeUndefine","selectOptions","filter","handleSetOptions","useCallback","useEffect","t","useTranslation","Fragment","Select","fullWidth","required","size","variant","padding","minWidth","input","OutlinedInput","endAdornment","InputAdornment","IconButton","onChange","edge","mr","Close","renderValue","selected","ChipOrPlaceholder","selectedLabel","onDelete","onChipRemove","chipProps","bgcolor","border","fontWeight","searchPlaceholder","handleSearch","searchValue","e","child","target","sValue","v","loading","is_loading","propTypes","PropTypes","string","isRequired","arrayOf","shape","fieldArrayName","bool","number","func","footer_action","any"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/multi-select/multi-select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport {\n\tBox,\n\tDivider,\n\tIconButton,\n\tInputAdornment,\n\tMenuItem,\n\tMenuItemProps,\n    OutlinedInput,\n\n \n} from '@mui/material';\nimport PropTypes from 'prop-types';\nimport Select from '../select/select';\nimport Checkbox from '../checkbox/checkbox';\nimport Typography from '../typography/typography';\n// import Chip from '../chip/chip'\nimport ChipOrPlaceholder from '../form-control/form-builder/form-builder-element/chip-or-placeholder';\n\nimport './multi-select.scss';\nimport { Add, Close } from '@mui/icons-material';\n// import { MoreIcon } from '../icons';\nimport _ from 'lodash';\nimport { useTranslation } from \"react-i18next\";\n\ninterface IMenuItems extends MenuItemProps {\n\toptions: any[];\n\tmultiple: boolean;\n\tplaceholder: string;\n\twith_checkboxes: boolean;\n\tvalues: string | string[];\n\tfield: any;\n}\n\nconst generateMenuItems = ({\n\toptions,\n\tmultiple,\n\tplaceholder,\n\twith_checkboxes,\n\tvalues,\n\tfield,\n}: IMenuItems) => {\n\n\tconst items: React.ReactElement[] = [];\n\tif (!multiple) {\n\t\titems.push(\n\t\t\t<MenuItem disabled value=''>\n\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t<em>{placeholder}</em>\n\t\t\t\t</Typography>\n\t\t\t</MenuItem>\n\t\t);\n\t}\n\toptions?.forEach((option) => {\n\t\t\n\t\titems.push(\n\t\t\t<MenuItem\n\t\t\t\tvalue={option.value}\n\t\t\t\tkey={option.value}\n\t\t\t\tdisabled={Boolean(option.disabled)}\n\t\t\t\tclassName={option?.isGroup ? 'select--MenuItemHeader' : ''}>\n\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tchecked={_.some(values, option.value)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t{option.label}\n\t\t\t\t\t</Typography>\n\t\t\t\t</Box>\n\t\t\t</MenuItem>\n\t\t);\n\t\tif (option?.isGroup && Array.isArray(option?.options)) {\n\t\t\toption.options.forEach((opt) => {\n\t\t\t\titems.push(\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tvalue={opt.value}\n\t\t\t\t\t\tdisabled={Boolean(opt.disabled)}\n\t\t\t\t\t\tsx={{ pl: 5 }}\n\t\t\t\t\t\tkey={`${option.value}-${opt.value}`}>\n\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\tchecked={Boolean(values && values?.indexOf(opt.value) > -1)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t\t\t{opt.label}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t});\n\tif (field.enable_footer) {\n\t\titems.push(\n\t\t\t<Box>\n\t\t\t\t<Divider flexItem />\n\t\t\t\t<MenuItem sx={{ gap: 1 }} onClick={field.onFooterClick}>\n\t\t\t\t\t<Add fontSize='small' />\n\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\n\t\t\t\t\t\tCreate New {field.label}\n\t\t\t\t\t</Typography>\n\t\t\t\t</MenuItem>\n\t\t\t</Box>\n\t\t);\n\t}\n\n\treturn items;\n};\n\nconst SelectedItems = ({\n\tdata,\n\toptions\n}: {\n\tdata: string[];\n\toptions: any[];\n}) => {\n\tconst displayTitle = data.map(\n\t\t(selectedItem) =>\n\t\t\toptions?.find((option: any) => (option.value?.id || option.value?.name || option.value) === (selectedItem?.id || selectedItem?.name || selectedItem))?.label ||\n\t\t\tselectedItem\n\t);\n\treturn (\n\t\t<Typography\n\t\t\ttype='s4'\n\t\t\tcolor='inherit'\n\t\t\tsx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5, position:'absolute' }}>\n\t\t\t{displayTitle.slice(0, 4).join(', ')}\n\t\t\t{data.length > 4 && (\n\t\t\t\t// <Chip variant='outlined' type='normal' label={<MoreIcon fontSize='small'/>} />\n\t\t\t\t'...'\n\t\t\t)}\n\t\t</Typography>\n\t);\n};\n\nconst MultiSelect = (props: any) => {\n\tconst [options, setOptions] = useState([]);\n\tconst [selectedValue, setSelectedValue] = useState(props.defaultValue || props.value || (props.is_multiselect ? [] : ''));\n\n\tconst removeUndefine = (selectOptions: any[]) => {\n\t\treturn selectOptions?.filter((option) => option);\n\t};\n\n\tconst handleSetOptions = useCallback(() => {\n\t\tsetOptions(props.options);\n\t}, [props.options]);\n\n\tuseEffect(() => {\n\t\thandleSetOptions();\n\t}, [handleSetOptions]);\n\n\tconst handleChange = (e: any, child) => {\n        let value = e?.target?.value\n\t\t\t\tif(props.is_multiselect) {\n\t\t\t\t\tconst sValue = child?.props?.value\n\t\t\t\t\tconst ev = selectedValue.find(v => v?.name == sValue?.name)\n\t\t\t\t\tif(ev){\n\t\t\t\t\t\tvalue = selectedValue.filter(v => v?.name != sValue?.name)\n\t\t\t\t\t}\n\t\t\t\t\tvalue = value?.filter(Boolean)\n\t\t\t\t}\n\t\t\t\tsetSelectedValue(value);\n\t\t\t\tif (props.onChange) {\n\t\t\t\t\tprops.onChange(value);\n\t\t\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tsetSelectedValue(props.defaultValue || props.value || (props.is_multiselect ? [] : ''));\n\t}, [props.defaultValue, props.value, props.is_multiselect]);\n\n\t\tconst { t } = useTranslation();\n\n\treturn (\n\t\t<>\n\t\t\t<Select\n\t\t\t\tfullWidth\n\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\tlabel={props.label}\n\t\t\t\tvalue={selectedValue}\n\t\t\t\tdefaultValue={props.defaultValue || (props.is_multiselect ? [] : '')}\n\t\t\t\trequired={props.required}\n\t\t\t\tsize={props.size || 'small'}\n\t\t\t\tmultiple={Boolean(props?.is_multiselect)}\n\t\t\t\tdisabled={Boolean(props?.disabled)}\n\t\t\t\tvariant='outlined'\n        // sx={{minWidth: '165px'}}\n\t\t\t\tsx={(Boolean(props?.is_multiselect) && selectedValue?.length) ? { \"& .MuiSelect-select\": { padding: '5.5px !important', minWidth: '165px' }} : { minWidth: '165px' }}\n\t\t\t\tclassName={\n\t\t\t\t\tprops.is_multiselect && removeUndefine(selectedValue)?.length\n\t\t\t\t\t\t? 'MultiSelect'\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t\tinput={\n\t\t\t\t\t\t!props?.is_multiselect && !props.disabled ? (\n\t\t\t\t\t\t\t\t<OutlinedInput\n\t\t\t\t\t\t\t\t\t\tlabel=''\n\t\t\t\t\t\t\t\t\t\tendAdornment={\n\t\t\t\t\t\t\t\t\t\t\t\t<InputAdornment position='end'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{props.value && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label='clear selection'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => props.onChange(null)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tedge='end'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{ mr: 1.5 }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize='small'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Close sx={{ fontSize: '1rem' }} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t</InputAdornment>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : undefined\n\t\t\t\t}\n\t\t\t\trenderValue={(selected: string | string[]) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{Array.isArray(selected) ? (\n\t\t\t\t\t\t\t<ChipOrPlaceholder\n\t\t\t\t\t\t\t\tselectedLabel={props.selectedLabel}\n\t\t\t\t\t\t\t\tdata={removeUndefine(selected)}\n\t\t\t\t\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\t\t\t\t\tonDelete={props?.onChipRemove}\n\t\t\t\t\t\t\t\tdisabled={props.disabled}\n\t\t\t\t\t\t\t\tchipProps={{\n\t\t\t\t\t\t\t\t\tsx: {\n\t\t\t\t\t\t\t\t\t\t\tbgcolor: 'theme.primary.100',\n\t\t\t\t\t\t\t\t\t\t\tborder: 0,\n\t\t\t\t\t\t\t\t\t\t\t// borderRadius: '15px',\n\t\t\t\t\t\t\t\t\t\t\t'& .MuiTypography-body1': {\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.primary.800',\n\t\t\t\t\t\t\t\t\t\t\t\t\tfontWeight: \"500\",\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t'& .MuiChip-deleteIcon': {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.primary.800',\n\t\t\t\t\t\t\t\t\t\t\t\t'&:hover':{\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'theme.primary.900',\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\toptions?.find(\n\t\t\t\t\t\t\t\t(option: any) =>\n\t\t\t\t\t\t\t\t\t(option.value?.id || option.value?.name || option.value) === (selected?.id || selected?.name || selected)\n\t\t\t\t\t\t\t)?.label ||\n\t\t\t\t\t\t\tselected ||\n\t\t\t\t\t\t\tprops.placeholder\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\tsearchPlaceholder={`${t('common.search')} ${props.label}`}\n\t\t\t\thandleSearch={props.handleSearch}\n\t\t\t\tsearchValue={props.searchValue || ''}\n\t\t\t\tonChange={handleChange}\n\t\t\t\tloading={props?.is_loading}>\n\t\t\t\t{generateMenuItems({\n\t\t\t\t\toptions,\n\t\t\t\t\tmultiple: Boolean(props.is_multiselect),\n\t\t\t\t\tplaceholder: props.placeholder,\n\t\t\t\t\tvalues: selectedValue,\n\t\t\t\t\twith_checkboxes: true,\n\t\t\t\t\tfield: props\n\t\t\t\t})}\n\t\t\t</Select>\n\t\t\t{props.is_multiselect && Array.isArray(selectedValue) && (\n\t\t\t\t<SelectedItems data={selectedValue} options={options} />\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nMultiSelect.propTypes = {\n\tname: PropTypes.string.isRequired,\n\tplaceholder: PropTypes.string.isRequired,\n\tlabel: PropTypes.string.isRequired,\n\tsize: PropTypes.string,\n\toptions: PropTypes.arrayOf(\n\t\tPropTypes.shape({\n\t\t\tlabel: PropTypes.string,\n\t\t\tvalue: PropTypes.string\n\t\t})\n\t).isRequired,\n\tdefaultValue: PropTypes.string,\n\tfieldArrayName: PropTypes.string,\n\tid: PropTypes.string,\n\trequired: PropTypes.bool,\n\tis_multiselect: PropTypes.bool,\n\tposition: PropTypes.number,\n\tdisabled: PropTypes.bool,\n\tonChipRemove: PropTypes.func,\n\tenable_footer: PropTypes.bool,\n\tfooter_action: PropTypes.string,\n\tonFooterClick: PropTypes.any,\n\tis_loading: PropTypes.bool,\n\tselectedLabel: PropTypes.string,\n\tonChange: PropTypes.func,\n};\n\nexport default MultiSelect;\n"],"names":["generateMenuItems","options","multiple","placeholder","with_checkboxes","values","field","items","push","MenuItem","disabled","value","children","jsx","Typography","type","color","forEach","option","Boolean","className","isGroup","jsxs","Box","sx","display","gap","Checkbox","checked","_","some","label","Array","isArray","opt","pl","indexOf","enable_footer","Divider","flexItem","onClick","onFooterClick","Add","fontSize","SelectedItems","data","displayTitle","map","selectedItem","_a","find","id","_b","name","alignItems","mt","position","slice","join","length","MultiSelect","props","setOptions","useState","selectedValue","setSelectedValue","defaultValue","is_multiselect","removeUndefine","selectOptions","filter","handleSetOptions","useCallback","useEffect","t","useTranslation","Fragment","Select","fullWidth","required","size","variant","padding","minWidth","input","OutlinedInput","endAdornment","InputAdornment","IconButton","onChange","edge","mr","Close","renderValue","selected","ChipOrPlaceholder","selectedLabel","onDelete","onChipRemove","chipProps","bgcolor","border","fontWeight","searchPlaceholder","handleSearch","searchValue","e","child","target","sValue","v","loading","is_loading","propTypes","PropTypes","string","isRequired","arrayOf","shape","fieldArrayName","bool","number","func","footer_action","any"],"mappings":"ssCAkCA,MAAMA,EAAoB,EACzBC,UACAC,WACAC,cACAC,kBACAC,SACAC,YAGA,MAAMC,EAA8B,GAmEpC,OAlEKL,GACJK,EAAMC;qBACJC,EAAAA,QAAA,CAASC,UAAQ,EAACC,MAAM,GACxBC,wBAAAC,MAACC,EAAAA,WAAA,CAAWC,KAAK,KAAKC,MAAM,uBAC3BJ,wBAAAC,EAAAA,IAAC,KAAA,CAAID,SAAAT,SAKT,MAAAF,GAAAA,EAASgB,QAASC,IAEjBX,EAAMC;eACLK,EAAAA,IAACJ,EAAAA,QAAA,CACAE,MAAOO,EAAOP,MAEdD,SAAUS,QAAQD,EAAOR,UACzBU,WAAW,MAAAF,OAAA,EAAAA,EAAQG,SAAU,yBAA2B,GACxDT,wBAAAU,EAAAA,KAACC,WAAIC,GAAI,CAAEC,QAAS,OAAQC,IAAK,GAC/Bd,SAAA,CAAAV,GAAYE,kBACZS,EAAAA,IAACc,EAAAA,QAAA,CACAC,QAASC,EAAAA,QAAEC,KAAKzB,EAAQa,EAAOP;qBAGhCG,EAAAA,WAAA,CAAWC,KAAK,KAAKC,MAAM,uBAC1BJ,WAAOmB,YAVLb,EAAOP,eAeVO,WAAQG,UAAWW,MAAMC,QAAQ,MAAAf,OAAA,EAAAA,EAAQjB,UAC5CiB,EAAOjB,QAAQgB,QAASiB,IACvB3B,EAAMC;eACLK,EAAAA,IAACJ,EAAAA,QAAA,CACAE,MAAOuB,EAAIvB,MACXD,SAAUS,QAAQe,EAAIxB,UACtBc,GAAI,CAAEW,GAAI,GAEVvB,wBAAAU,EAAAA,KAACC,WAAIC,GAAI,CAAEC,QAAS,OAAQC,IAAK,GAC/Bd,SAAA,CAAAV,GAAYE,kBACZS,EAAAA,IAACc,EAAAA,QAAA,CACAC,QAAST,QAAQd,UAAUA,WAAQ+B,QAAQF,EAAIvB,SAAS;qBAGzDG,EAAAA,WAAA,CAAWC,KAAK,KAAKC,MAAM,uBAC1BJ,WAAImB,YARF,GAAGb,EAAOP,SAASuB,EAAIvB,cAgB7BL,EAAM+B,eACT9B,EAAMC;sBACJe,EAAAA,QAAA,CACAX,SAAA;iBAAAC,IAACyB,EAAAA,QAAA,CAAQC,UAAQ;eACjBjB,EAAAA,KAACb,EAAAA,SAASe,GAAI,CAAEE,IAAK,GAAKc,QAASlC,EAAMmC,cACxC7B,SAAA;iBAAAC,IAAC6B,EAAAA,QAAA,CAAIC,SAAS;eACdrB,EAAAA,KAACR,EAAAA,WAAA,CAAWC,KAAK,KAAKC,MAAM,uBAAuBJ,SAAA,CAAA,cACtCN,EAAMyB,gBAOhBxB,GAGFqC,EAAgB,EACrBC,OACA5C,cAKA,MAAM6C,EAAeD,EAAKE,IACxBC,UACA,OAAA,OAAAC,EAAA,MAAAhD,OAAA,EAAAA,EAASiD,KAAMhC,YAAiB,QAAA,OAAA+B,EAAA/B,EAAOP,YAAP,EAAAsC,EAAcE,MAAM,OAAAC,EAAAlC,EAAOP,YAAP,EAAAyC,EAAcC,OAAQnC,EAAOP,WAAY,MAAAqC,OAAA,EAAAA,EAAcG,YAAMH,WAAcK,OAAQL,eAAgBjB,QACvJiB;AAEF,OACC1B,EAAAA,KAACR,EAAAA,WAAA,CACAC,KAAK,KACLC,MAAM,UACNQ,GAAI,CAAEC,QAAS,OAAQC,IAAK,EAAG4B,WAAY,SAAUC,GAAI,GAAKC,SAAS,YACtE5C,SAAA,CAAAkC,EAAaW,MAAM,EAAG,GAAGC,KAAK,MAC9Bb,EAAKc,OAAS,GAEd,UAMEC,EAAeC,UACpB,MAAO5D,EAAS6D,GAAcC,EAAAA,SAAS,KAChCC,EAAeC,GAAoBF,EAAAA,SAASF,EAAMK,cAAgBL,EAAMlD,QAAUkD,EAAMM,eAAiB,GAAK,KAE/GC,EAAkBC,GAChB,MAAAA,OAAA,EAAAA,EAAeC,OAAQpD,GAAWA,GAGpCqD,EAAmBC,EAAAA,YAAY,KACpCV,EAAWD,EAAM5D,UACf,CAAC4D,EAAM5D,UAEVwE,EAAAA,UAAU,KACTF,KACE,CAACA,IAkBJE,EAAAA,UAAU,KACTR,EAAiBJ,EAAMK,cAAgBL,EAAMlD,QAAUkD,EAAMM,eAAiB,GAAK,MACjF,CAACN,EAAMK,aAAcL,EAAMlD,MAAOkD,EAAMM,iBAE1C,MAAMO,EAAEA,GAAMC;AAEf,OACCrD,EAAAA,KAAAsD,WAAA,CACChE,SAAA;eAAAC,EAAAA,IAACgE,EAAAA,QAAA,CACAC,WAAS,EACT3E,YAAa0D,EAAM1D,YACnB4B,MAAO8B,EAAM9B,MACbpB,MAAOqD,EACPE,aAAcL,EAAMK,eAAiBL,EAAMM,eAAiB,GAAK,IACjEY,SAAUlB,EAAMkB,SAChBC,KAAMnB,EAAMmB,MAAQ,QACpB9E,SAAUiB,QAAQ,MAAA0C,OAAA,EAAAA,EAAOM,gBACzBzD,SAAUS,QAAQ,MAAA0C,OAAA,EAAAA,EAAOnD,UACzBuE,QAAQ,WAERzD,GAAKL,QAAQ,MAAA0C,OAAA,EAAAA,EAAOM,kBAAmB,MAAAH,OAAA,EAAAA,EAAeL,QAAU,CAAE,sBAAuB,CAAEuB,QAAS,mBAAoBC,SAAU,UAAa,CAAEA,SAAU,SAC3J/D,UACCyC,EAAMM,iBAAkB,OAAAlB,EAAAmB,EAAeJ,SAAf,EAAAf,EAA+BU,QACpD,cACA,GAEJyB,OACG,MAAAvB,OAAA,EAAAA,EAAOM,iBAAmBN,EAAMnD,cAkB7B,iBAjBFG,EAAAA,IAACwE,EAAAA,QAAA,CACCtD,MAAM,GACNuD,4BACEzE,EAAAA,IAAC0E,EAAAA,QAAA,CAAe/B,SAAS,MACtB5C,WAAMD,sBACLE,EAAAA,IAAC2E,EAAAA,QAAA,CACC,aAAW,kBACXhD,QAAS,IAAMqB,EAAM4B,SAAS,MAC9BC,KAAK,MACLlE,GAAI,CAAEmE,GAAI,KACVX,KAAK,QACLpE,8BAACgF,UAAA,CAAMpE,GAAI,CAAEmB,SAAU,gBAQrCkD,YAAcC;yBAEXlF,SAAAoB,MAAMC,QAAQ6D,kBACdjF,EAAAA,IAACkF,EAAAA,QAAA,CACAC,cAAenC,EAAMmC,cACrBnD,KAAMuB,EAAe0B,GACrB3F,YAAa0D,EAAM1D,YACnB8F,SAAU,MAAApC,OAAA,EAAAA,EAAOqC,aACjBxF,SAAUmD,EAAMnD,SAChByF,UAAW,CACV3E,GAAI,CACF4E,QAAS,oBACTC,OAAQ,EAER,yBAA0B,CACxBrF,MAAO,oBACPsF,WAAY,OAEd,wBAAyB,CACxBtF,MAAO,oBACP,UAAU,CACTA,MAAO,2BAOb,OAAAiC,EAAA,MAAAhD,OAAA,EAAAA,EAASiD,KACPhC,YACC,QAAA,OAAA+B,EAAA/B,EAAOP,YAAP,EAAAsC,EAAcE,MAAM,OAAAC,EAAAlC,EAAOP,YAAP,EAAAyC,EAAcC,OAAQnC,EAAOP,WAAY,MAAAmF,OAAA,EAAAA,EAAU3C,YAAM2C,WAAUzC,OAAQyC,aAFlG7C,EAGGlB,QACH+D,GACAjC,EAAM1D,eAIToG,kBAAmB,GAAG7B,EAAE,oBAAoBb,EAAM9B,QAClDyE,aAAc3C,EAAM2C,aACpBC,YAAa5C,EAAM4C,aAAe,GAClChB,SAvGkB,CAACiB,EAAQC,aACvB,IAAIhG,EAAQ,OAAAsC,EAAA,MAAAyD,OAAA,EAAAA,EAAGE,eAAH3D,EAAWtC,MAC3B,GAAGkD,EAAMM,eAAgB,CACxB,MAAM0C,EAAS,OAAAzD,EAAA,MAAAuD,OAAA,EAAAA,EAAO9C,YAAP,EAAAT,EAAczC,MAClBqD,EAAcd,SAAU,MAAA4D,OAAA,EAAAA,EAAGzD,cAAQwD,WAAQxD,SAErD1C,EAAQqD,EAAcM,OAAOwC,IAAK,MAAAA,OAAA,EAAAA,EAAGzD,cAAQwD,WAAQxD,QAEtD1C,QAAQA,WAAO2D,OAAOnD,QACvB,CACA8C,EAAiBtD,GACbkD,EAAM4B,UACT5B,EAAM4B,SAAS9E,IA4FhBoG,QAAS,MAAAlD,OAAA,EAAAA,EAAOmD,WACfpG,SAAAZ,EAAkB,CAClBC,UACAC,SAAUiB,QAAQ0C,EAAMM,gBACxBhE,YAAa0D,EAAM1D,YACnBE,OAAQ2D,EACR5D,iBAAiB,EACjBE,MAAOuD,MAGRA,EAAMM,gBAAkBnC,MAAMC,QAAQ+B,mBACtCnD,EAAAA,IAAC+B,EAAA,CAAcC,KAAMmB,EAAe/D,gBAMxC2D,EAAYqD,UAAY,CACvB5D,KAAM6D,EAAAA,QAAUC,OAAOC,WACvBjH,YAAa+G,EAAAA,QAAUC,OAAOC,WAC9BrF,MAAOmF,EAAAA,QAAUC,OAAOC,WACxBpC,KAAMkC,EAAAA,QAAUC,OAChBlH,QAASiH,EAAAA,QAAUG,QAClBH,EAAAA,QAAUI,MAAM,CACfvF,MAAOmF,EAAAA,QAAUC,OACjBxG,MAAOuG,EAAAA,QAAUC,UAEjBC,WACFlD,aAAcgD,EAAAA,QAAUC,OACxBI,eAAgBL,EAAAA,QAAUC,OAC1BhE,GAAI+D,EAAAA,QAAUC,OACdpC,SAAUmC,EAAAA,QAAUM,KACpBrD,eAAgB+C,EAAAA,QAAUM,KAC1BhE,SAAU0D,EAAAA,QAAUO,OACpB/G,SAAUwG,EAAAA,QAAUM,KACpBtB,aAAcgB,EAAAA,QAAUQ,KACxBrF,cAAe6E,EAAAA,QAAUM,KACzBG,cAAeT,EAAAA,QAAUC,OACzB1E,cAAeyE,EAAAA,QAAUU,IACzBZ,WAAYE,EAAAA,QAAUM,KACtBxB,cAAekB,EAAAA,QAAUC,OACzB1B,SAAUyB,EAAAA,QAAUQ"}

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

@@ -1,11 +1,13 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { IconButton, Menu, MenuItem } from "@mui/material";
-import AddCircleOutlineRoundedIcon from "@mui/icons-material/AddCircleOutlineRounded";
+import default_1 from "../../../../node_modules/@mui/icons-material/AddCircleOutlineRounded/index.esm.js";
 import { Typography } from "../../../typography/typography/index.esm.js";
 import AddPageModal from "../add-page-modal/index.esm.js";
-import KeyboardArrowRightIcon from "@mui/icons-material/KeyboardArrowRight";
+import default_1$1 from "../../../../node_modules/@mui/icons-material/KeyboardArrowRight/index.esm.js";
 import SharedPageModal from "../shared-page-modal/index.esm.js";
+import IconButton from "../../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import Menu from "../../../../node_modules/@mui/material/Menu/Menu/index.esm.js";
+import MenuItem from "../../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
 const AddPage = ({ sharedPages, handleAddPage, pages }) => {
   const [isAddMenuOpen, setIsAddMenuOpen] = React__default.useState(
     null
@@ -35,7 +37,7 @@ const AddPage = ({ sharedPages, handleAddPage, pages }) => {
     setIsSharedPageModalOpen(false);
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(IconButton, { size: "small", sx: { ml: 1 }, onClick: handleAddMenuOpen, children: /* @__PURE__ */ jsx(AddCircleOutlineRoundedIcon, { fontSize: "inherit" }) }),
+    /* @__PURE__ */ jsx(IconButton, { size: "small", sx: { ml: 1 }, onClick: handleAddMenuOpen, children: /* @__PURE__ */ jsx(default_1, { fontSize: "inherit" }) }),
     /* @__PURE__ */ jsxs(
       Menu,
       {
@@ -46,7 +48,7 @@ const AddPage = ({ sharedPages, handleAddPage, pages }) => {
           /* @__PURE__ */ jsx(MenuItem, { onClick: handleOpenAddPageModal, children: /* @__PURE__ */ jsx(Typography, { color: "theme.secondary.1000", type: "s4", children: "Create New Page" }) }),
           /* @__PURE__ */ jsxs(MenuItem, { onClick: handleOpenSharedPageModal, children: [
             /* @__PURE__ */ jsx(Typography, { color: "theme.secondary.1000", type: "s4", children: "Shared Pages" }),
-            /* @__PURE__ */ jsx(KeyboardArrowRightIcon, { fontSize: "small" })
+            /* @__PURE__ */ jsx(default_1$1, { fontSize: "small" })
           ] })
         ]
       }

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/page-navigator/components/add-page.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton, Menu, MenuItem } from \"@mui/material\";\nimport AddCircleOutlineRoundedIcon from \"@mui/icons-material/AddCircleOutlineRounded\";\nimport Typography from \"../../typography/typography\";\nimport AddPageModal from \"./add-page-modal\";\nimport KeyboardArrowRightIcon from \"@mui/icons-material/KeyboardArrowRight\";\nimport { IPage } from \"../../../@types/page\";\nimport SharedPageModal from \"./shared-page-modal\";\n\ninterface IAddPage {\n  sharedPages: any;\n  handleAddPage: (view: IPage) => void;\n  pages?: IPage[];\n}\n\nconst AddPage = ({ sharedPages, handleAddPage, pages }: IAddPage) => {\n  const [isAddMenuOpen, setIsAddMenuOpen] = React.useState<null | HTMLElement>(\n    null,\n  );\n  const [isAddPageModalOpen, setIsAddPageModalOpen] = React.useState(false);\n  const [isSharedPageModalOpen, setIsSharedPageModalOpen] =\n    React.useState(false);\n\n  const handleAddMenuOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation();\n    setIsAddMenuOpen(event.currentTarget);\n  };\n  const handleAddMenuClose = () => setIsAddMenuOpen(null);\n\n  const handleOpenAddPageModal = () => {\n    handleAddMenuClose();\n    setIsAddPageModalOpen(true);\n  };\n  const handleCloseAddPageModal = () => setIsAddPageModalOpen(false);\n\n  const handleCloseSharedModal = () => {\n    setIsSharedPageModalOpen(false);\n  };\n  const handleOpenSharedPageModal = () => {\n    setIsSharedPageModalOpen(true);\n    setIsAddMenuOpen(null);\n  };\n  const handleShared = (page: any) => {\n    const newPage: any = { ...page.details, name: page.name };\n    handleAddPage(newPage);\n    setIsSharedPageModalOpen(false);\n  };\n\n  return (\n    <>\n      <IconButton size=\"small\" sx={{ ml: 1 }} onClick={handleAddMenuOpen}>\n        <AddCircleOutlineRoundedIcon fontSize=\"inherit\" />\n      </IconButton>\n      <Menu\n        open={Boolean(isAddMenuOpen)}\n        anchorEl={isAddMenuOpen}\n        onClose={handleAddMenuClose}\n      >\n        <MenuItem onClick={handleOpenAddPageModal}>\n          <Typography color=\"theme.secondary.1000\" type=\"s4\">\n            Create New Page\n          </Typography>\n        </MenuItem>\n        <MenuItem onClick={handleOpenSharedPageModal}>\n          <Typography color=\"theme.secondary.1000\" type=\"s4\">\n            Shared Pages\n          </Typography>\n          <KeyboardArrowRightIcon fontSize=\"small\" />\n        </MenuItem>\n      </Menu>\n\n      <AddPageModal\n        pages={pages}\n        open={isAddPageModalOpen}\n        onClose={handleCloseAddPageModal}\n        handleSubmit={handleAddPage}\n      />\n      <SharedPageModal\n        open={isSharedPageModalOpen}\n        pages={sharedPages || []}\n        onClose={handleCloseSharedModal}\n        handleSubmit={handleShared}\n      />\n    </>\n  );\n};\n\nexport default AddPage;\n"],"names":["React"],"mappings":";;;;;;;;AAeA,MAAM,UAAU,CAAC,EAAE,aAAa,eAAe,YAAsB;AACnE,QAAM,CAAC,eAAe,gBAAgB,IAAIA,eAAM;AAAA,IAC9C;AAAA,EAAA;AAEF,QAAM,CAAC,oBAAoB,qBAAqB,IAAIA,eAAM,SAAS,KAAK;AACxE,QAAM,CAAC,uBAAuB,wBAAwB,IACpDA,eAAM,SAAS,KAAK;AAEtB,QAAM,oBAAoB,CAAC,UAA+C;AACxE,UAAM,gBAAA;AACN,qBAAiB,MAAM,aAAa;AAAA,EACtC;AACA,QAAM,qBAAqB,MAAM,iBAAiB,IAAI;AAEtD,QAAM,yBAAyB,MAAM;AACnC,uBAAA;AACA,0BAAsB,IAAI;AAAA,EAC5B;AACA,QAAM,0BAA0B,MAAM,sBAAsB,KAAK;AAEjE,QAAM,yBAAyB,MAAM;AACnC,6BAAyB,KAAK;AAAA,EAChC;AACA,QAAM,4BAA4B,MAAM;AACtC,6BAAyB,IAAI;AAC7B,qBAAiB,IAAI;AAAA,EACvB;AACA,QAAM,eAAe,CAAC,SAAc;AAClC,UAAM,UAAe,EAAE,GAAG,KAAK,SAAS,MAAM,KAAK,KAAA;AACnD,kBAAc,OAAO;AACrB,6BAAyB,KAAK;AAAA,EAChC;AAEA,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,YAAA,EAAW,MAAK,SAAQ,IAAI,EAAE,IAAI,EAAA,GAAK,SAAS,mBAC/C,UAAA,oBAAC,6BAAA,EAA4B,UAAS,WAAU,GAClD;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,QAAQ,aAAa;AAAA,QAC3B,UAAU;AAAA,QACV,SAAS;AAAA,QAET,UAAA;AAAA,UAAA,oBAAC,UAAA,EAAS,SAAS,wBACjB,UAAA,oBAAC,YAAA,EAAW,OAAM,wBAAuB,MAAK,MAAK,UAAA,kBAAA,CAEnD,GACF;AAAA,UACA,qBAAC,UAAA,EAAS,SAAS,2BACjB,UAAA;AAAA,YAAA,oBAAC,YAAA,EAAW,OAAM,wBAAuB,MAAK,MAAK,UAAA,gBAEnD;AAAA,YACA,oBAAC,wBAAA,EAAuB,UAAS,QAAA,CAAQ;AAAA,UAAA,EAAA,CAC3C;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,MAAM;AAAA,QACN,SAAS;AAAA,QACT,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,IAEhB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,OAAO,eAAe,CAAA;AAAA,QACtB,SAAS;AAAA,QACT,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/page-navigator/components/add-page.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton, Menu, MenuItem } from \"@mui/material\";\nimport AddCircleOutlineRoundedIcon from \"@mui/icons-material/AddCircleOutlineRounded\";\nimport Typography from \"../../typography/typography\";\nimport AddPageModal from \"./add-page-modal\";\nimport KeyboardArrowRightIcon from \"@mui/icons-material/KeyboardArrowRight\";\nimport { IPage } from \"../../../@types/page\";\nimport SharedPageModal from \"./shared-page-modal\";\n\ninterface IAddPage {\n  sharedPages: any;\n  handleAddPage: (view: IPage) => void;\n  pages?: IPage[];\n}\n\nconst AddPage = ({ sharedPages, handleAddPage, pages }: IAddPage) => {\n  const [isAddMenuOpen, setIsAddMenuOpen] = React.useState<null | HTMLElement>(\n    null,\n  );\n  const [isAddPageModalOpen, setIsAddPageModalOpen] = React.useState(false);\n  const [isSharedPageModalOpen, setIsSharedPageModalOpen] =\n    React.useState(false);\n\n  const handleAddMenuOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation();\n    setIsAddMenuOpen(event.currentTarget);\n  };\n  const handleAddMenuClose = () => setIsAddMenuOpen(null);\n\n  const handleOpenAddPageModal = () => {\n    handleAddMenuClose();\n    setIsAddPageModalOpen(true);\n  };\n  const handleCloseAddPageModal = () => setIsAddPageModalOpen(false);\n\n  const handleCloseSharedModal = () => {\n    setIsSharedPageModalOpen(false);\n  };\n  const handleOpenSharedPageModal = () => {\n    setIsSharedPageModalOpen(true);\n    setIsAddMenuOpen(null);\n  };\n  const handleShared = (page: any) => {\n    const newPage: any = { ...page.details, name: page.name };\n    handleAddPage(newPage);\n    setIsSharedPageModalOpen(false);\n  };\n\n  return (\n    <>\n      <IconButton size=\"small\" sx={{ ml: 1 }} onClick={handleAddMenuOpen}>\n        <AddCircleOutlineRoundedIcon fontSize=\"inherit\" />\n      </IconButton>\n      <Menu\n        open={Boolean(isAddMenuOpen)}\n        anchorEl={isAddMenuOpen}\n        onClose={handleAddMenuClose}\n      >\n        <MenuItem onClick={handleOpenAddPageModal}>\n          <Typography color=\"theme.secondary.1000\" type=\"s4\">\n            Create New Page\n          </Typography>\n        </MenuItem>\n        <MenuItem onClick={handleOpenSharedPageModal}>\n          <Typography color=\"theme.secondary.1000\" type=\"s4\">\n            Shared Pages\n          </Typography>\n          <KeyboardArrowRightIcon fontSize=\"small\" />\n        </MenuItem>\n      </Menu>\n\n      <AddPageModal\n        pages={pages}\n        open={isAddPageModalOpen}\n        onClose={handleCloseAddPageModal}\n        handleSubmit={handleAddPage}\n      />\n      <SharedPageModal\n        open={isSharedPageModalOpen}\n        pages={sharedPages || []}\n        onClose={handleCloseSharedModal}\n        handleSubmit={handleShared}\n      />\n    </>\n  );\n};\n\nexport default AddPage;\n"],"names":["React","AddCircleOutlineRoundedIcon","KeyboardArrowRightIcon"],"mappings":";;;;;;;;;;AAeA,MAAM,UAAU,CAAC,EAAE,aAAa,eAAe,YAAsB;AACnE,QAAM,CAAC,eAAe,gBAAgB,IAAIA,eAAM;AAAA,IAC9C;AAAA,EAAA;AAEF,QAAM,CAAC,oBAAoB,qBAAqB,IAAIA,eAAM,SAAS,KAAK;AACxE,QAAM,CAAC,uBAAuB,wBAAwB,IACpDA,eAAM,SAAS,KAAK;AAEtB,QAAM,oBAAoB,CAAC,UAA+C;AACxE,UAAM,gBAAA;AACN,qBAAiB,MAAM,aAAa;AAAA,EACtC;AACA,QAAM,qBAAqB,MAAM,iBAAiB,IAAI;AAEtD,QAAM,yBAAyB,MAAM;AACnC,uBAAA;AACA,0BAAsB,IAAI;AAAA,EAC5B;AACA,QAAM,0BAA0B,MAAM,sBAAsB,KAAK;AAEjE,QAAM,yBAAyB,MAAM;AACnC,6BAAyB,KAAK;AAAA,EAChC;AACA,QAAM,4BAA4B,MAAM;AACtC,6BAAyB,IAAI;AAC7B,qBAAiB,IAAI;AAAA,EACvB;AACA,QAAM,eAAe,CAAC,SAAc;AAClC,UAAM,UAAe,EAAE,GAAG,KAAK,SAAS,MAAM,KAAK,KAAA;AACnD,kBAAc,OAAO;AACrB,6BAAyB,KAAK;AAAA,EAChC;AAEA,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,YAAA,EAAW,MAAK,SAAQ,IAAI,EAAE,IAAI,EAAA,GAAK,SAAS,mBAC/C,UAAA,oBAACC,WAAA,EAA4B,UAAS,WAAU,GAClD;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,QAAQ,aAAa;AAAA,QAC3B,UAAU;AAAA,QACV,SAAS;AAAA,QAET,UAAA;AAAA,UAAA,oBAAC,UAAA,EAAS,SAAS,wBACjB,UAAA,oBAAC,YAAA,EAAW,OAAM,wBAAuB,MAAK,MAAK,UAAA,kBAAA,CAEnD,GACF;AAAA,UACA,qBAAC,UAAA,EAAS,SAAS,2BACjB,UAAA;AAAA,YAAA,oBAAC,YAAA,EAAW,OAAM,wBAAuB,MAAK,MAAK,UAAA,gBAEnD;AAAA,YACA,oBAACC,aAAA,EAAuB,UAAS,QAAA,CAAQ;AAAA,UAAA,EAAA,CAC3C;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,MAAM;AAAA,QACN,SAAS;AAAA,QACT,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,IAEhB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,OAAO,eAAe,CAAA;AAAA,QACtB,SAAS;AAAA,QACT,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}

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

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),a=require("@mui/material"),t=require("@mui/icons-material/AddCircleOutlineRounded"),n=require("../../../typography/typography/index.js"),l=require("../add-page-modal/index.js"),s=require("@mui/icons-material/KeyboardArrowRight"),o=require("../shared-page-modal/index.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=/* @__PURE__ */i(r),d=/* @__PURE__ */i(t),c=/* @__PURE__ */i(s);exports.default=({sharedPages:r,handleAddPage:t,pages:s})=>{const[i,p]=u.default.useState(null),[h,m]=u.default.useState(!1),[x,g]=u.default.useState(!1),j=()=>p(null);/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),r=require("../../../../node_modules/@mui/icons-material/AddCircleOutlineRounded/index.js"),n=require("../../../typography/typography/index.js"),t=require("../add-page-modal/index.js"),l=require("../../../../node_modules/@mui/icons-material/KeyboardArrowRight/index.js"),d=require("../shared-page-modal/index.js"),o=require("../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),s=require("../../../../node_modules/@mui/material/Menu/Menu/index.js"),u=require("../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=/* @__PURE__ */i(a);exports.default=({sharedPages:a,handleAddPage:i,pages:c})=>{const[p,x]=m.default.useState(null),[h,j]=m.default.useState(!1),[f,g]=m.default.useState(!1),y=()=>x(null);/* @__PURE__ */
 return e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(a.IconButton,{size:"small",sx:{ml:1},onClick:e=>{e.stopPropagation(),p(e.currentTarget)},children:/* @__PURE__ */e.jsx(d.default,{fontSize:"inherit"})}),
-/* @__PURE__ */e.jsxs(a.Menu,{open:Boolean(i),anchorEl:i,onClose:j,children:[
-/* @__PURE__ */e.jsx(a.MenuItem,{onClick:()=>{j(),m(!0)},children:/* @__PURE__ */e.jsx(n.Typography,{color:"theme.secondary.1000",type:"s4",children:"Create New Page"})}),
-/* @__PURE__ */e.jsxs(a.MenuItem,{onClick:()=>{g(!0),p(null)},children:[
+/* @__PURE__ */e.jsx(o.default,{size:"small",sx:{ml:1},onClick:e=>{e.stopPropagation(),x(e.currentTarget)},children:/* @__PURE__ */e.jsx(r.default,{fontSize:"inherit"})}),
+/* @__PURE__ */e.jsxs(s.default,{open:Boolean(p),anchorEl:p,onClose:y,children:[
+/* @__PURE__ */e.jsx(u.default,{onClick:()=>{y(),j(!0)},children:/* @__PURE__ */e.jsx(n.Typography,{color:"theme.secondary.1000",type:"s4",children:"Create New Page"})}),
+/* @__PURE__ */e.jsxs(u.default,{onClick:()=>{g(!0),x(null)},children:[
 /* @__PURE__ */e.jsx(n.Typography,{color:"theme.secondary.1000",type:"s4",children:"Shared Pages"}),
-/* @__PURE__ */e.jsx(c.default,{fontSize:"small"})]})]}),
-/* @__PURE__ */e.jsx(l.default,{pages:s,open:h,onClose:()=>m(!1),handleSubmit:t}),
-/* @__PURE__ */e.jsx(o.default,{open:x,pages:r||[],onClose:()=>{g(!1)},handleSubmit:e=>{const r={...e.details,name:e.name};t(r),g(!1)}})]})};
+/* @__PURE__ */e.jsx(l.default,{fontSize:"small"})]})]}),
+/* @__PURE__ */e.jsx(t.default,{pages:c,open:h,onClose:()=>j(!1),handleSubmit:i}),
+/* @__PURE__ */e.jsx(d.default,{open:f,pages:a||[],onClose:()=>{g(!1)},handleSubmit:e=>{const a={...e.details,name:e.name};i(a),g(!1)}})]})};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/page-navigator/components/add-page.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton, Menu, MenuItem } from \"@mui/material\";\nimport AddCircleOutlineRoundedIcon from \"@mui/icons-material/AddCircleOutlineRounded\";\nimport Typography from \"../../typography/typography\";\nimport AddPageModal from \"./add-page-modal\";\nimport KeyboardArrowRightIcon from \"@mui/icons-material/KeyboardArrowRight\";\nimport { IPage } from \"../../../@types/page\";\nimport SharedPageModal from \"./shared-page-modal\";\n\ninterface IAddPage {\n  sharedPages: any;\n  handleAddPage: (view: IPage) => void;\n  pages?: IPage[];\n}\n\nconst AddPage = ({ sharedPages, handleAddPage, pages }: IAddPage) => {\n  const [isAddMenuOpen, setIsAddMenuOpen] = React.useState<null | HTMLElement>(\n    null,\n  );\n  const [isAddPageModalOpen, setIsAddPageModalOpen] = React.useState(false);\n  const [isSharedPageModalOpen, setIsSharedPageModalOpen] =\n    React.useState(false);\n\n  const handleAddMenuOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation();\n    setIsAddMenuOpen(event.currentTarget);\n  };\n  const handleAddMenuClose = () => setIsAddMenuOpen(null);\n\n  const handleOpenAddPageModal = () => {\n    handleAddMenuClose();\n    setIsAddPageModalOpen(true);\n  };\n  const handleCloseAddPageModal = () => setIsAddPageModalOpen(false);\n\n  const handleCloseSharedModal = () => {\n    setIsSharedPageModalOpen(false);\n  };\n  const handleOpenSharedPageModal = () => {\n    setIsSharedPageModalOpen(true);\n    setIsAddMenuOpen(null);\n  };\n  const handleShared = (page: any) => {\n    const newPage: any = { ...page.details, name: page.name };\n    handleAddPage(newPage);\n    setIsSharedPageModalOpen(false);\n  };\n\n  return (\n    <>\n      <IconButton size=\"small\" sx={{ ml: 1 }} onClick={handleAddMenuOpen}>\n        <AddCircleOutlineRoundedIcon fontSize=\"inherit\" />\n      </IconButton>\n      <Menu\n        open={Boolean(isAddMenuOpen)}\n        anchorEl={isAddMenuOpen}\n        onClose={handleAddMenuClose}\n      >\n        <MenuItem onClick={handleOpenAddPageModal}>\n          <Typography color=\"theme.secondary.1000\" type=\"s4\">\n            Create New Page\n          </Typography>\n        </MenuItem>\n        <MenuItem onClick={handleOpenSharedPageModal}>\n          <Typography color=\"theme.secondary.1000\" type=\"s4\">\n            Shared Pages\n          </Typography>\n          <KeyboardArrowRightIcon fontSize=\"small\" />\n        </MenuItem>\n      </Menu>\n\n      <AddPageModal\n        pages={pages}\n        open={isAddPageModalOpen}\n        onClose={handleCloseAddPageModal}\n        handleSubmit={handleAddPage}\n      />\n      <SharedPageModal\n        open={isSharedPageModalOpen}\n        pages={sharedPages || []}\n        onClose={handleCloseSharedModal}\n        handleSubmit={handleShared}\n      />\n    </>\n  );\n};\n\nexport default AddPage;\n"],"names":["sharedPages","handleAddPage","pages","isAddMenuOpen","setIsAddMenuOpen","React","useState","isAddPageModalOpen","setIsAddPageModalOpen","isSharedPageModalOpen","setIsSharedPageModalOpen","handleAddMenuClose","jsxs","Fragment","children","jsx","IconButton","size","sx","ml","onClick","event","stopPropagation","currentTarget","AddCircleOutlineRoundedIcon","fontSize","Menu","open","Boolean","anchorEl","onClose","MenuItem","Typography","color","type","KeyboardArrowRightIcon","AddPageModal","handleSubmit","SharedPageModal","page","newPage","details","name"],"mappings":"wiBAegB,EAAGA,cAAaC,gBAAeC,YAC7C,MAAOC,EAAeC,GAAoBC,EAAAA,QAAMC,SAC9C,OAEKC,EAAoBC,GAAyBH,EAAAA,QAAMC,UAAS,IAC5DG,EAAuBC,GAC5BL,EAAAA,QAAMC,UAAS,GAMXK,EAAqB,IAAMP,EAAiB;AAqBlD,OACEQ,EAAAA,KAAAC,WAAA,CACEC,SAAA;eAAAC,EAAAA,IAACC,EAAAA,WAAA,CAAWC,KAAK,QAAQC,GAAI,CAAEC,GAAI,GAAKC,QA3BjBC,IACzBA,EAAMC,kBACNlB,EAAiBiB,EAAME,gBA0BnBT,wBAAAC,MAACS,EAAAA,QAAA,CAA4BC,SAAS;eAExCb,EAAAA,KAACc,EAAAA,KAAA,CACCC,KAAMC,QAAQzB,GACd0B,SAAU1B,EACV2B,QAASnB,EAETG,SAAA;eAAAC,EAAAA,IAACgB,EAAAA,SAAA,CAASX,QA7Be,KAC7BT,IACAH,GAAsB,IA4BhBM,wBAAAC,EAAAA,IAACiB,EAAAA,WAAA,CAAWC,MAAM,uBAAuBC,KAAK,KAAKpB,SAAA;iBAIrDF,KAACmB,EAAAA,SAAA,CAASX,QAzBkB,KAChCV,GAAyB,GACzBN,EAAiB,OAwBXU,SAAA;eAAAC,MAACiB,EAAAA,WAAA,CAAWC,MAAM,uBAAuBC,KAAK,KAAKpB,SAAA;iBAGnDC,IAACoB,EAAAA,QAAA,CAAuBV,SAAS;eAIrCV,EAAAA,IAACqB,EAAAA,QAAA,CACClC,QACAyB,KAAMpB,EACNuB,QAzC0B,IAAMtB,GAAsB,GA0CtD6B,aAAcpC;eAEhBc,EAAAA,IAACuB,EAAAA,QAAA,CACCX,KAAMlB,EACNP,MAAOF,GAAe,GACtB8B,QA7CyB,KAC7BpB,GAAyB,IA6CrB2B,aAvCgBE,IACpB,MAAMC,EAAe,IAAKD,EAAKE,QAASC,KAAMH,EAAKG,MACnDzC,EAAcuC,GACd9B,GAAyB"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/page-navigator/components/add-page.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton, Menu, MenuItem } from \"@mui/material\";\nimport AddCircleOutlineRoundedIcon from \"@mui/icons-material/AddCircleOutlineRounded\";\nimport Typography from \"../../typography/typography\";\nimport AddPageModal from \"./add-page-modal\";\nimport KeyboardArrowRightIcon from \"@mui/icons-material/KeyboardArrowRight\";\nimport { IPage } from \"../../../@types/page\";\nimport SharedPageModal from \"./shared-page-modal\";\n\ninterface IAddPage {\n  sharedPages: any;\n  handleAddPage: (view: IPage) => void;\n  pages?: IPage[];\n}\n\nconst AddPage = ({ sharedPages, handleAddPage, pages }: IAddPage) => {\n  const [isAddMenuOpen, setIsAddMenuOpen] = React.useState<null | HTMLElement>(\n    null,\n  );\n  const [isAddPageModalOpen, setIsAddPageModalOpen] = React.useState(false);\n  const [isSharedPageModalOpen, setIsSharedPageModalOpen] =\n    React.useState(false);\n\n  const handleAddMenuOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation();\n    setIsAddMenuOpen(event.currentTarget);\n  };\n  const handleAddMenuClose = () => setIsAddMenuOpen(null);\n\n  const handleOpenAddPageModal = () => {\n    handleAddMenuClose();\n    setIsAddPageModalOpen(true);\n  };\n  const handleCloseAddPageModal = () => setIsAddPageModalOpen(false);\n\n  const handleCloseSharedModal = () => {\n    setIsSharedPageModalOpen(false);\n  };\n  const handleOpenSharedPageModal = () => {\n    setIsSharedPageModalOpen(true);\n    setIsAddMenuOpen(null);\n  };\n  const handleShared = (page: any) => {\n    const newPage: any = { ...page.details, name: page.name };\n    handleAddPage(newPage);\n    setIsSharedPageModalOpen(false);\n  };\n\n  return (\n    <>\n      <IconButton size=\"small\" sx={{ ml: 1 }} onClick={handleAddMenuOpen}>\n        <AddCircleOutlineRoundedIcon fontSize=\"inherit\" />\n      </IconButton>\n      <Menu\n        open={Boolean(isAddMenuOpen)}\n        anchorEl={isAddMenuOpen}\n        onClose={handleAddMenuClose}\n      >\n        <MenuItem onClick={handleOpenAddPageModal}>\n          <Typography color=\"theme.secondary.1000\" type=\"s4\">\n            Create New Page\n          </Typography>\n        </MenuItem>\n        <MenuItem onClick={handleOpenSharedPageModal}>\n          <Typography color=\"theme.secondary.1000\" type=\"s4\">\n            Shared Pages\n          </Typography>\n          <KeyboardArrowRightIcon fontSize=\"small\" />\n        </MenuItem>\n      </Menu>\n\n      <AddPageModal\n        pages={pages}\n        open={isAddPageModalOpen}\n        onClose={handleCloseAddPageModal}\n        handleSubmit={handleAddPage}\n      />\n      <SharedPageModal\n        open={isSharedPageModalOpen}\n        pages={sharedPages || []}\n        onClose={handleCloseSharedModal}\n        handleSubmit={handleShared}\n      />\n    </>\n  );\n};\n\nexport default AddPage;\n"],"names":["sharedPages","handleAddPage","pages","isAddMenuOpen","setIsAddMenuOpen","React","useState","isAddPageModalOpen","setIsAddPageModalOpen","isSharedPageModalOpen","setIsSharedPageModalOpen","handleAddMenuClose","jsxs","Fragment","children","jsx","IconButton","size","sx","ml","onClick","event","stopPropagation","currentTarget","AddCircleOutlineRoundedIcon","fontSize","Menu","open","Boolean","anchorEl","onClose","MenuItem","Typography","color","type","KeyboardArrowRightIcon","AddPageModal","handleSubmit","SharedPageModal","page","newPage","details","name"],"mappings":"8wBAegB,EAAGA,cAAaC,gBAAeC,YAC7C,MAAOC,EAAeC,GAAoBC,EAAAA,QAAMC,SAC9C,OAEKC,EAAoBC,GAAyBH,EAAAA,QAAMC,UAAS,IAC5DG,EAAuBC,GAC5BL,EAAAA,QAAMC,UAAS,GAMXK,EAAqB,IAAMP,EAAiB;AAqBlD,OACEQ,EAAAA,KAAAC,WAAA,CACEC,SAAA;eAAAC,EAAAA,IAACC,EAAAA,QAAA,CAAWC,KAAK,QAAQC,GAAI,CAAEC,GAAI,GAAKC,QA3BjBC,IACzBA,EAAMC,kBACNlB,EAAiBiB,EAAME,gBA0BnBT,wBAAAC,MAACS,EAAAA,QAAA,CAA4BC,SAAS;eAExCb,EAAAA,KAACc,EAAAA,QAAA,CACCC,KAAMC,QAAQzB,GACd0B,SAAU1B,EACV2B,QAASnB,EAETG,SAAA;eAAAC,EAAAA,IAACgB,EAAAA,QAAA,CAASX,QA7Be,KAC7BT,IACAH,GAAsB,IA4BhBM,wBAAAC,EAAAA,IAACiB,EAAAA,WAAA,CAAWC,MAAM,uBAAuBC,KAAK,KAAKpB,SAAA;iBAIrDF,KAACmB,EAAAA,QAAA,CAASX,QAzBkB,KAChCV,GAAyB,GACzBN,EAAiB,OAwBXU,SAAA;eAAAC,MAACiB,EAAAA,WAAA,CAAWC,MAAM,uBAAuBC,KAAK,KAAKpB,SAAA;iBAGnDC,IAACoB,EAAAA,QAAA,CAAuBV,SAAS;eAIrCV,EAAAA,IAACqB,EAAAA,QAAA,CACClC,QACAyB,KAAMpB,EACNuB,QAzC0B,IAAMtB,GAAsB,GA0CtD6B,aAAcpC;eAEhBc,EAAAA,IAACuB,EAAAA,QAAA,CACCX,KAAMlB,EACNP,MAAOF,GAAe,GACtB8B,QA7CyB,KAC7BpB,GAAyB,IA6CrB2B,aAvCgBE,IACpB,MAAMC,EAAe,IAAKD,EAAKE,QAASC,KAAMH,EAAKG,MACnDzC,EAAcuC,GACd9B,GAAyB"}