@erpsquad/common 1.8.45 → 1.8.46

package/dist/components/phone-input/phone-input/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/phone-input/phone-input.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport { styled } from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport ReactPhoneInput, { CountryData } from \"react-phone-input-2\";\nimport \"react-phone-input-2/lib/material.css\";\nimport { images } from \"../../assets/images\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { memo, useEffect } from \"react\";\n\nconst StyledInput = styled(ReactPhoneInput)<{ isRtl: boolean }>(({ theme: { palette }, isRtl }) => ({\n  \"&:hover\": {\n    border: \"none\",\n  },\n  \"&.react-tel-input\": {\n    \".form-control\": {\n      borderRadius: \"0.25rem\",\n      padding: \"8px 8px 8px 55px\", // Ensure space for flag on the left\n      border: `1px solid ${palette.theme?.secondary[300]}`,\n      fontSize: \"0.875rem\",\n      width: \"100%\",\n      maxHeight: \"36.13px\",\n      direction: \"ltr\", // Force LTR direction for input to start from left\n      textAlign: \"left\", // Force left alignment for input value\n\n      \":hover\": {\n        border: `1px solid ${palette.theme?.secondary[400]}`,\n      },\n\n      \":focus\": {\n        border: `1px solid ${palette.theme?.primary[600]}`,\n        boxShadow: \"none\",\n      },\n      \":disabled\": {\n        background: palette.theme?.secondary[200],\n        color: palette.theme?.secondary[800],\n      },\n\n      \"&.invalid-number\": {\n        border: `1px solid ${palette.theme?.error[600]}`,\n        \":focus\": {\n          boxShadow: \"none\",\n        },\n      },\n    },\n\n    \".flag-dropdown\": {\n      left: \"0\",\n      right: \"auto\",\n      borderRadius: \"0.25rem 0 0 0.25rem\",\n      \n      \".selected-flag\": {\n        borderRadius: \"0.25rem 0 0 0.25rem\",\n        \n        \"&:hover\": {\n          backgroundColor: palette.theme?.secondary[100],\n        },\n      },\n    },\n   \n    \".country-list\": {\n      left: isRtl ? \"auto\" : \"0\",\n      right: isRtl ? \"0\" : \"auto\",\n      \n      \".search\": {\n        padding: \"0.5rem 0.5rem 0.5rem 0.75rem\",\n        borderBottom: \"1px solid #F3F2F2\",\n        display: \"flex\",\n        alignItems: \"center\",\n        direction: isRtl ? \"rtl\" : \"ltr\",\n\n        \".search-emoji\": {\n          position: \"absolute\",\n          left: isRtl ? \"auto\" : \"1.25rem\",\n          right: isRtl ? \"1.25rem\" : \"auto\",\n\n          \":first-child\": {\n            display: \"block\",\n            color: \"transparent\",\n            background: `url(${images.search})`,\n            backgroundRepeat: \"no-repeat\",\n            backgroundPosition: \"center\",\n          },\n        },\n\n        \".search-box\": {\n          width: \"100%\",\n          marginLeft: \"0rem\",\n          border: `1px solid ${palette.theme?.secondary[200]}`,\n          backgroundColor: palette.theme?.secondary[100],\n          borderRadius: \"0.5rem\",\n          padding: \"0.4rem\",\n          paddingLeft: isRtl ? \"0.4rem\" : \"2rem\",\n          paddingRight: isRtl ? \"2rem\" : \"0.4rem\",\n          fontSize: \"0.8125rem\",\n          direction: isRtl ? \"rtl\" : \"ltr\",\n          textAlign: isRtl ? \"right\" : \"left\",\n\n          \":hover\": {\n            border: `1px solid ${palette.theme?.secondary[300]}`,\n          },\n\n          \":focus\": {\n            border: `1px solid ${palette.theme?.primary[600]}`,\n          },\n        },\n      },\n\n      \".country\": {\n        fontSize: \"0.8125rem\",\n        direction: isRtl ? \"rtl\" : \"ltr\",\n        textAlign: isRtl ? \"right\" : \"left\",\n\n        \".dial-code\": {\n          fontSize: \"0.75rem\",\n          position: \"absolute\",\n          right: isRtl ? \"auto\" : \"0.5rem\",\n          left: isRtl ? \"0.5rem\" : \"auto\",\n        },\n      },\n    },\n  },\n}));\n\ninterface IPhoneInput {\n  error?: boolean;\n  name?: string;\n  dataPosition?: number;\n  dataName?: string;\n  label: string;\n  required?: boolean;\n  placeholder?: string;\n  default_value?: string;\n  onChange?: (e: any) => void;\n  disabled?: boolean;\n  setCountryCodeField?: (country: CountryData) => void;\n  helperText?: string;\n  isInlineEditing?:boolean\n}\n\nfunction fixPhoneDropdown() {\n  let dropdown, input;\n\n  const positionDropdown = () => {\n    if (!dropdown || !input) return;\n    const rect = input.getBoundingClientRect();\n\n    dropdown.style.position = \"fixed\";\n    dropdown.style.top = rect.bottom + \"px\";\n    dropdown.style.left = rect.left + \"px\";\n    dropdown.style.zIndex = \"2000\";\n  };\n\n  document.addEventListener(\"click\", () => {\n    dropdown = document.querySelector(\".react-tel-input .country-list\");\n    input = document.querySelector(\".react-tel-input input\");\n\n    if (dropdown && input && !document.body.contains(dropdown)) {\n      document.body.appendChild(dropdown);\n    }\n\n    positionDropdown();\n  });\n\n  // reposition on scroll (any container) and resize\n  window.addEventListener(\"scroll\", positionDropdown, true); // true = capture all scrolls\n  window.addEventListener(\"resize\", positionDropdown);\n}\n\n\nconst HelperTextWrapper = styled('div')(() => ({\n  marginTop: '0.4rem',\n}));\n\nconst PhoneInput = memo(({\n  name,\n  error = false,\n  dataName,\n  dataPosition,\n  label,\n  required = false,\n  placeholder,\n  default_value,\n  onChange,\n  disabled,\n  setCountryCodeField,\n  helperText,\n  isInlineEditing = false,\n  ...rest\n}: IPhoneInput) => {\n  const { isRtl } = useLanguage();\n\n  useEffect(() => {\n    if(isInlineEditing) {\n      fixPhoneDropdown(isInlineEditing)\n    }\n  }, [isInlineEditing])\n\n  return (\n    <>\n      <Typography\n        type=\"s5\"\n        weight=\"medium\"\n        mb={0.5}\n        color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n        data-position={dataPosition}\n        data-name={dataName}\n      >\n        {label} {required && <span className=\"requiredStar\">*</span>}\n      </Typography>\n      <StyledInput\n        dropdownContainer={document.body}\n        isRtl={isRtl}\n        specialLabel={\"\"}\n        enableSearch\n        searchPlaceholder=\"Search Country\"\n        isValid={!error}\n        country={\"ae\"}\n        searchNotFound=\"Not Found!\"\n        inputProps={{\n          name: name,\n          required: required,\n        }}\n        placeholder={placeholder}\n        value={default_value || rest?.value}\n        onChange={(value, country) => {\n          setCountryCodeField?.(country as CountryData);\n          onChange?.(value);\n        }}\n        disabled={disabled}\n      />\n      {helperText && (\n        <HelperTextWrapper>\n          <Typography\n            type=\"s5\"\n            color={error ? \"theme.error.600\" : \"theme.secondary.600\"}\n          >\n            {helperText}\n          </Typography>\n        </HelperTextWrapper>\n      )}\n    </>\n  );\n});\n\nexport default PhoneInput;"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/phone-input/phone-input.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport { styled } from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport ReactPhoneInput, { CountryData } from \"react-phone-input-2\";\nimport \"react-phone-input-2/lib/material.css\";\nimport { images } from \"../../assets/images\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { memo, useEffect } from \"react\";\n\nconst StyledInput = styled(ReactPhoneInput)<{ isRtl: boolean }>(({ theme: { palette }, isRtl }) => ({\n  \"&:hover\": {\n    border: \"none\",\n  },\n  \"&.react-tel-input\": {\n    \".form-control\": {\n      borderRadius: \"0.25rem\",\n      padding: \"8px 8px 8px 55px\", // Ensure space for flag on the left\n      border: `1px solid ${palette.theme?.secondary[300]}`,\n      fontSize: \"0.875rem\",\n      width: \"100%\",\n      maxHeight: \"36.13px\",\n      direction: \"ltr\", // Force LTR direction for input to start from left\n      textAlign: \"left\", // Force left alignment for input value\n\n      \":hover\": {\n        border: `1px solid ${palette.theme?.secondary[400]}`,\n      },\n\n      \":focus\": {\n        border: `1px solid ${palette.theme?.primary[600]}`,\n        boxShadow: \"none\",\n      },\n      \":disabled\": {\n        background: palette.theme?.secondary[200],\n        color: palette.theme?.secondary[800],\n      },\n\n      \"&.invalid-number\": {\n        border: `1px solid ${palette.theme?.error[600]}`,\n        \":focus\": {\n          boxShadow: \"none\",\n        },\n      },\n    },\n\n    \".flag-dropdown\": {\n      left: \"0\",\n      right: \"auto\",\n      borderRadius: \"0.25rem 0 0 0.25rem\",\n      \n      \".selected-flag\": {\n        borderRadius: \"0.25rem 0 0 0.25rem\",\n        \n        \"&:hover\": {\n          backgroundColor: palette.theme?.secondary[100],\n        },\n      },\n    },\n   \n    \".country-list\": {\n      left: isRtl ? \"auto\" : \"0\",\n      right: isRtl ? \"0\" : \"auto\",\n      \n      \".search\": {\n        padding: \"0.5rem 0.5rem 0.5rem 0.75rem\",\n        borderBottom: \"1px solid #F3F2F2\",\n        display: \"flex\",\n        alignItems: \"center\",\n        direction: isRtl ? \"rtl\" : \"ltr\",\n\n        \".search-emoji\": {\n          position: \"absolute\",\n          left: isRtl ? \"auto\" : \"1.25rem\",\n          right: isRtl ? \"1.25rem\" : \"auto\",\n\n          \":first-child\": {\n            display: \"block\",\n            color: \"transparent\",\n            background: `url(${images.search})`,\n            backgroundRepeat: \"no-repeat\",\n            backgroundPosition: \"center\",\n          },\n        },\n\n        \".search-box\": {\n          width: \"100%\",\n          marginLeft: \"0rem\",\n          border: `1px solid ${palette.theme?.secondary[200]}`,\n          backgroundColor: palette.theme?.secondary[100],\n          borderRadius: \"0.5rem\",\n          padding: \"0.4rem\",\n          paddingLeft: isRtl ? \"0.4rem\" : \"2rem\",\n          paddingRight: isRtl ? \"2rem\" : \"0.4rem\",\n          fontSize: \"0.8125rem\",\n          direction: isRtl ? \"rtl\" : \"ltr\",\n          textAlign: isRtl ? \"right\" : \"left\",\n\n          \":hover\": {\n            border: `1px solid ${palette.theme?.secondary[300]}`,\n          },\n\n          \":focus\": {\n            border: `1px solid ${palette.theme?.primary[600]}`,\n          },\n        },\n      },\n\n      \".country\": {\n        fontSize: \"0.8125rem\",\n        direction: isRtl ? \"rtl\" : \"ltr\",\n        textAlign: isRtl ? \"right\" : \"left\",\n\n        \".dial-code\": {\n          fontSize: \"0.75rem\",\n          position: \"absolute\",\n          right: isRtl ? \"auto\" : \"0.5rem\",\n          left: isRtl ? \"0.5rem\" : \"auto\",\n        },\n      },\n    },\n  },\n}));\n\ninterface IPhoneInput {\n  error?: boolean;\n  name?: string;\n  dataPosition?: number;\n  dataName?: string;\n  label: string;\n  required?: boolean;\n  placeholder?: string;\n  default_value?: string;\n  onChange?: (e: any) => void;\n  disabled?: boolean;\n  setCountryCodeField?: (country: CountryData) => void;\n  helperText?: string;\n  isInlineEditing?:boolean\n}\n\nfunction fixPhoneDropdown() {\n  let dropdown, input;\n\n  const positionDropdown = () => {\n    if (!dropdown || !input) return;\n    const rect = input.getBoundingClientRect();\n\n    dropdown.style.position = \"fixed\";\n    dropdown.style.top = rect.bottom + \"px\";\n    dropdown.style.left = rect.left + \"px\";\n    dropdown.style.zIndex = \"2000\";\n  };\n\n  document.addEventListener(\"click\", () => {\n    dropdown = document.querySelector(\".react-tel-input .country-list\");\n    input = document.querySelector(\".react-tel-input input\");\n\n    if (dropdown && input && !document.body.contains(dropdown)) {\n      document.body.appendChild(dropdown);\n    }\n\n    positionDropdown();\n  });\n\n  // reposition on scroll (any container) and resize\n  window.addEventListener(\"scroll\", positionDropdown, true); // true = capture all scrolls\n  window.addEventListener(\"resize\", positionDropdown);\n}\n\n\nconst HelperTextWrapper = styled('div')(() => ({\n  marginTop: '0.4rem',\n}));\n\nconst PhoneInput = memo(({\n  name,\n  error = false,\n  dataName,\n  dataPosition,\n  label,\n  required = false,\n  placeholder,\n  default_value,\n  onChange,\n  disabled,\n  setCountryCodeField,\n  helperText,\n  isInlineEditing = false,\n  ...rest\n}: IPhoneInput) => {\n  const { isRtl } = useLanguage();\n\n  useEffect(() => {\n    if(isInlineEditing) {\n      fixPhoneDropdown(isInlineEditing)\n    }\n  }, [isInlineEditing])\n\n  return (\n    <>\n      <Typography\n        type=\"s5\"\n        weight=\"medium\"\n        mb={0.5}\n        color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n        data-position={dataPosition}\n        data-name={dataName}\n      >\n        {label} {required && <span className=\"requiredStar\">*</span>}\n      </Typography>\n      <StyledInput\n        dropdownContainer={document.body}\n        isRtl={isRtl}\n        specialLabel={\"\"}\n        enableSearch\n        searchPlaceholder=\"Search Country\"\n        isValid={!error}\n        country={\"ae\"}\n        searchNotFound=\"Not Found!\"\n        inputProps={{\n          name: name,\n          required: required,\n        }}\n        placeholder={placeholder}\n        value={default_value || rest?.value}\n        onChange={(value, country) => {\n          setCountryCodeField?.(country as CountryData);\n          onChange?.(value);\n        }}\n        disabled={disabled}\n      />\n      {helperText && (\n        <HelperTextWrapper>\n          <Typography\n            type=\"s5\"\n            color={error ? \"theme.error.600\" : \"theme.secondary.600\"}\n          >\n            {helperText}\n          </Typography>\n        </HelperTextWrapper>\n      )}\n    </>\n  );\n});\n\nexport { PhoneInput };\nexport default PhoneInput;"],"names":[],"mappings":"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"}

package/dist/components/phone-input/phone-input/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../typography/typography/index.js"),t=require("react-phone-input-2"),o=require("../../../images/index.js"),d=require("../../../hooks/useLangauge/index.js"),n=require("react"),i=require("../../../node_modules/@mui/material/styles/styled/index.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=/* @__PURE__ */l(t);const s=i.default(a.default)(({theme:{palette:e},isRtl:r})=>{var t,d,n,i,l,a,s,u,c,m,p;return{"&:hover":{border:"none"},"&.react-tel-input":{".form-control":{borderRadius:"0.25rem",padding:"8px 8px 8px 55px",border:`1px solid ${null==(t=e.theme)?void 0:t.secondary[300]}`,fontSize:"0.875rem",width:"100%",maxHeight:"36.13px",direction:"ltr",textAlign:"left",":hover":{border:`1px solid ${null==(d=e.theme)?void 0:d.secondary[400]}`},":focus":{border:`1px solid ${null==(n=e.theme)?void 0:n.primary[600]}`,boxShadow:"none"},":disabled":{background:null==(i=e.theme)?void 0:i.secondary[200],color:null==(l=e.theme)?void 0:l.secondary[800]},"&.invalid-number":{border:`1px solid ${null==(a=e.theme)?void 0:a.error[600]}`,":focus":{boxShadow:"none"}}},".flag-dropdown":{left:"0",right:"auto",borderRadius:"0.25rem 0 0 0.25rem",".selected-flag":{borderRadius:"0.25rem 0 0 0.25rem","&:hover":{backgroundColor:null==(s=e.theme)?void 0:s.secondary[100]}}},".country-list":{left:r?"auto":"0",right:r?"0":"auto",".search":{padding:"0.5rem 0.5rem 0.5rem 0.75rem",borderBottom:"1px solid #F3F2F2",display:"flex",alignItems:"center",direction:r?"rtl":"ltr",".search-emoji":{position:"absolute",left:r?"auto":"1.25rem",right:r?"1.25rem":"auto",":first-child":{display:"block",color:"transparent",background:`url(${o.images.search})`,backgroundRepeat:"no-repeat",backgroundPosition:"center"}},".search-box":{width:"100%",marginLeft:"0rem",border:`1px solid ${null==(u=e.theme)?void 0:u.secondary[200]}`,backgroundColor:null==(c=e.theme)?void 0:c.secondary[100],borderRadius:"0.5rem",padding:"0.4rem",paddingLeft:r?"0.4rem":"2rem",paddingRight:r?"2rem":"0.4rem",fontSize:"0.8125rem",direction:r?"rtl":"ltr",textAlign:r?"right":"left",":hover":{border:`1px solid ${null==(m=e.theme)?void 0:m.secondary[300]}`},":focus":{border:`1px solid ${null==(p=e.theme)?void 0:p.primary[600]}`}}},".country":{fontSize:"0.8125rem",direction:r?"rtl":"ltr",textAlign:r?"right":"left",".dial-code":{fontSize:"0.75rem",position:"absolute",right:r?"auto":"0.5rem",left:r?"0.5rem":"auto"}}}}}}),u=i.default("div")(()=>({marginTop:"0.4rem"})),c=n.memo(({name:t,error:o=!1,dataName:i,dataPosition:l,label:a,required:c=!1,placeholder:m,default_value:p,onChange:h,disabled:g,setCountryCodeField:y,helperText:b,isInlineEditing:x=!1,...f})=>{const{isRtl:v}=d.useLanguage();return n.useEffect(()=>{x&&function(){let e,r;const t=()=>{if(!e||!r)return;const t=r.getBoundingClientRect();e.style.position="fixed",e.style.top=t.bottom+"px",e.style.left=t.left+"px",e.style.zIndex="2000"};document.addEventListener("click",()=>{e=document.querySelector(".react-tel-input .country-list"),r=document.querySelector(".react-tel-input input"),e&&r&&!document.body.contains(e)&&document.body.appendChild(e),t()}),window.addEventListener("scroll",t,!0),window.addEventListener("resize",t)}()},[x]),/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../typography/typography/index.js"),t=require("react-phone-input-2"),o=require("../../../images/index.js"),n=require("../../../hooks/useLangauge/index.js"),d=require("react"),i=require("../../../node_modules/@mui/material/styles/styled/index.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=/* @__PURE__ */l(t);const s=i.default(a.default)(({theme:{palette:e},isRtl:r})=>{var t,n,d,i,l,a,s,u,c,m,p;return{"&:hover":{border:"none"},"&.react-tel-input":{".form-control":{borderRadius:"0.25rem",padding:"8px 8px 8px 55px",border:`1px solid ${null==(t=e.theme)?void 0:t.secondary[300]}`,fontSize:"0.875rem",width:"100%",maxHeight:"36.13px",direction:"ltr",textAlign:"left",":hover":{border:`1px solid ${null==(n=e.theme)?void 0:n.secondary[400]}`},":focus":{border:`1px solid ${null==(d=e.theme)?void 0:d.primary[600]}`,boxShadow:"none"},":disabled":{background:null==(i=e.theme)?void 0:i.secondary[200],color:null==(l=e.theme)?void 0:l.secondary[800]},"&.invalid-number":{border:`1px solid ${null==(a=e.theme)?void 0:a.error[600]}`,":focus":{boxShadow:"none"}}},".flag-dropdown":{left:"0",right:"auto",borderRadius:"0.25rem 0 0 0.25rem",".selected-flag":{borderRadius:"0.25rem 0 0 0.25rem","&:hover":{backgroundColor:null==(s=e.theme)?void 0:s.secondary[100]}}},".country-list":{left:r?"auto":"0",right:r?"0":"auto",".search":{padding:"0.5rem 0.5rem 0.5rem 0.75rem",borderBottom:"1px solid #F3F2F2",display:"flex",alignItems:"center",direction:r?"rtl":"ltr",".search-emoji":{position:"absolute",left:r?"auto":"1.25rem",right:r?"1.25rem":"auto",":first-child":{display:"block",color:"transparent",background:`url(${o.images.search})`,backgroundRepeat:"no-repeat",backgroundPosition:"center"}},".search-box":{width:"100%",marginLeft:"0rem",border:`1px solid ${null==(u=e.theme)?void 0:u.secondary[200]}`,backgroundColor:null==(c=e.theme)?void 0:c.secondary[100],borderRadius:"0.5rem",padding:"0.4rem",paddingLeft:r?"0.4rem":"2rem",paddingRight:r?"2rem":"0.4rem",fontSize:"0.8125rem",direction:r?"rtl":"ltr",textAlign:r?"right":"left",":hover":{border:`1px solid ${null==(m=e.theme)?void 0:m.secondary[300]}`},":focus":{border:`1px solid ${null==(p=e.theme)?void 0:p.primary[600]}`}}},".country":{fontSize:"0.8125rem",direction:r?"rtl":"ltr",textAlign:r?"right":"left",".dial-code":{fontSize:"0.75rem",position:"absolute",right:r?"auto":"0.5rem",left:r?"0.5rem":"auto"}}}}}}),u=i.default("div")(()=>({marginTop:"0.4rem"})),c=d.memo(({name:t,error:o=!1,dataName:i,dataPosition:l,label:a,required:c=!1,placeholder:m,default_value:p,onChange:h,disabled:g,setCountryCodeField:y,helperText:x,isInlineEditing:b=!1,...f})=>{const{isRtl:v}=n.useLanguage();return d.useEffect(()=>{b&&function(){let e,r;const t=()=>{if(!e||!r)return;const t=r.getBoundingClientRect();e.style.position="fixed",e.style.top=t.bottom+"px",e.style.left=t.left+"px",e.style.zIndex="2000"};document.addEventListener("click",()=>{e=document.querySelector(".react-tel-input .country-list"),r=document.querySelector(".react-tel-input input"),e&&r&&!document.body.contains(e)&&document.body.appendChild(e),t()}),window.addEventListener("scroll",t,!0),window.addEventListener("resize",t)}()},[b]),/* @__PURE__ */e.jsxs(e.Fragment,{children:[
 /* @__PURE__ */e.jsxs(r.Typography,{type:"s5",weight:"medium",mb:.5,color:o?"theme.error.600":"theme.secondary.800","data-position":l,"data-name":i,children:[a," ",c&&/* @__PURE__ */e.jsx("span",{className:"requiredStar",children:"*"})]}),
-/* @__PURE__ */e.jsx(s,{dropdownContainer:document.body,isRtl:v,specialLabel:"",enableSearch:!0,searchPlaceholder:"Search Country",isValid:!o,country:"ae",searchNotFound:"Not Found!",inputProps:{name:t,required:c},placeholder:m,value:p||(null==f?void 0:f.value),onChange:(e,r)=>{null==y||y(r),null==h||h(e)},disabled:g}),b&&/* @__PURE__ */e.jsx(u,{children:/* @__PURE__ */e.jsx(r.Typography,{type:"s5",color:o?"theme.error.600":"theme.secondary.600",children:b})})]})});exports.default=c;
+/* @__PURE__ */e.jsx(s,{dropdownContainer:document.body,isRtl:v,specialLabel:"",enableSearch:!0,searchPlaceholder:"Search Country",isValid:!o,country:"ae",searchNotFound:"Not Found!",inputProps:{name:t,required:c},placeholder:m,value:p||(null==f?void 0:f.value),onChange:(e,r)=>{null==y||y(r),null==h||h(e)},disabled:g}),x&&/* @__PURE__ */e.jsx(u,{children:/* @__PURE__ */e.jsx(r.Typography,{type:"s5",color:o?"theme.error.600":"theme.secondary.600",children:x})})]})});exports.PhoneInput=c,exports.default=c;
 //# sourceMappingURL=index.js.map

package/dist/components/phone-input/phone-input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/phone-input/phone-input.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport { styled } from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport ReactPhoneInput, { CountryData } from \"react-phone-input-2\";\nimport \"react-phone-input-2/lib/material.css\";\nimport { images } from \"../../assets/images\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { memo, useEffect } from \"react\";\n\nconst StyledInput = styled(ReactPhoneInput)<{ isRtl: boolean }>(({ theme: { palette }, isRtl }) => ({\n  \"&:hover\": {\n    border: \"none\",\n  },\n  \"&.react-tel-input\": {\n    \".form-control\": {\n      borderRadius: \"0.25rem\",\n      padding: \"8px 8px 8px 55px\", // Ensure space for flag on the left\n      border: `1px solid ${palette.theme?.secondary[300]}`,\n      fontSize: \"0.875rem\",\n      width: \"100%\",\n      maxHeight: \"36.13px\",\n      direction: \"ltr\", // Force LTR direction for input to start from left\n      textAlign: \"left\", // Force left alignment for input value\n\n      \":hover\": {\n        border: `1px solid ${palette.theme?.secondary[400]}`,\n      },\n\n      \":focus\": {\n        border: `1px solid ${palette.theme?.primary[600]}`,\n        boxShadow: \"none\",\n      },\n      \":disabled\": {\n        background: palette.theme?.secondary[200],\n        color: palette.theme?.secondary[800],\n      },\n\n      \"&.invalid-number\": {\n        border: `1px solid ${palette.theme?.error[600]}`,\n        \":focus\": {\n          boxShadow: \"none\",\n        },\n      },\n    },\n\n    \".flag-dropdown\": {\n      left: \"0\",\n      right: \"auto\",\n      borderRadius: \"0.25rem 0 0 0.25rem\",\n      \n      \".selected-flag\": {\n        borderRadius: \"0.25rem 0 0 0.25rem\",\n        \n        \"&:hover\": {\n          backgroundColor: palette.theme?.secondary[100],\n        },\n      },\n    },\n   \n    \".country-list\": {\n      left: isRtl ? \"auto\" : \"0\",\n      right: isRtl ? \"0\" : \"auto\",\n      \n      \".search\": {\n        padding: \"0.5rem 0.5rem 0.5rem 0.75rem\",\n        borderBottom: \"1px solid #F3F2F2\",\n        display: \"flex\",\n        alignItems: \"center\",\n        direction: isRtl ? \"rtl\" : \"ltr\",\n\n        \".search-emoji\": {\n          position: \"absolute\",\n          left: isRtl ? \"auto\" : \"1.25rem\",\n          right: isRtl ? \"1.25rem\" : \"auto\",\n\n          \":first-child\": {\n            display: \"block\",\n            color: \"transparent\",\n            background: `url(${images.search})`,\n            backgroundRepeat: \"no-repeat\",\n            backgroundPosition: \"center\",\n          },\n        },\n\n        \".search-box\": {\n          width: \"100%\",\n          marginLeft: \"0rem\",\n          border: `1px solid ${palette.theme?.secondary[200]}`,\n          backgroundColor: palette.theme?.secondary[100],\n          borderRadius: \"0.5rem\",\n          padding: \"0.4rem\",\n          paddingLeft: isRtl ? \"0.4rem\" : \"2rem\",\n          paddingRight: isRtl ? \"2rem\" : \"0.4rem\",\n          fontSize: \"0.8125rem\",\n          direction: isRtl ? \"rtl\" : \"ltr\",\n          textAlign: isRtl ? \"right\" : \"left\",\n\n          \":hover\": {\n            border: `1px solid ${palette.theme?.secondary[300]}`,\n          },\n\n          \":focus\": {\n            border: `1px solid ${palette.theme?.primary[600]}`,\n          },\n        },\n      },\n\n      \".country\": {\n        fontSize: \"0.8125rem\",\n        direction: isRtl ? \"rtl\" : \"ltr\",\n        textAlign: isRtl ? \"right\" : \"left\",\n\n        \".dial-code\": {\n          fontSize: \"0.75rem\",\n          position: \"absolute\",\n          right: isRtl ? \"auto\" : \"0.5rem\",\n          left: isRtl ? \"0.5rem\" : \"auto\",\n        },\n      },\n    },\n  },\n}));\n\ninterface IPhoneInput {\n  error?: boolean;\n  name?: string;\n  dataPosition?: number;\n  dataName?: string;\n  label: string;\n  required?: boolean;\n  placeholder?: string;\n  default_value?: string;\n  onChange?: (e: any) => void;\n  disabled?: boolean;\n  setCountryCodeField?: (country: CountryData) => void;\n  helperText?: string;\n  isInlineEditing?:boolean\n}\n\nfunction fixPhoneDropdown() {\n  let dropdown, input;\n\n  const positionDropdown = () => {\n    if (!dropdown || !input) return;\n    const rect = input.getBoundingClientRect();\n\n    dropdown.style.position = \"fixed\";\n    dropdown.style.top = rect.bottom + \"px\";\n    dropdown.style.left = rect.left + \"px\";\n    dropdown.style.zIndex = \"2000\";\n  };\n\n  document.addEventListener(\"click\", () => {\n    dropdown = document.querySelector(\".react-tel-input .country-list\");\n    input = document.querySelector(\".react-tel-input input\");\n\n    if (dropdown && input && !document.body.contains(dropdown)) {\n      document.body.appendChild(dropdown);\n    }\n\n    positionDropdown();\n  });\n\n  // reposition on scroll (any container) and resize\n  window.addEventListener(\"scroll\", positionDropdown, true); // true = capture all scrolls\n  window.addEventListener(\"resize\", positionDropdown);\n}\n\n\nconst HelperTextWrapper = styled('div')(() => ({\n  marginTop: '0.4rem',\n}));\n\nconst PhoneInput = memo(({\n  name,\n  error = false,\n  dataName,\n  dataPosition,\n  label,\n  required = false,\n  placeholder,\n  default_value,\n  onChange,\n  disabled,\n  setCountryCodeField,\n  helperText,\n  isInlineEditing = false,\n  ...rest\n}: IPhoneInput) => {\n  const { isRtl } = useLanguage();\n\n  useEffect(() => {\n    if(isInlineEditing) {\n      fixPhoneDropdown(isInlineEditing)\n    }\n  }, [isInlineEditing])\n\n  return (\n    <>\n      <Typography\n        type=\"s5\"\n        weight=\"medium\"\n        mb={0.5}\n        color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n        data-position={dataPosition}\n        data-name={dataName}\n      >\n        {label} {required && <span className=\"requiredStar\">*</span>}\n      </Typography>\n      <StyledInput\n        dropdownContainer={document.body}\n        isRtl={isRtl}\n        specialLabel={\"\"}\n        enableSearch\n        searchPlaceholder=\"Search Country\"\n        isValid={!error}\n        country={\"ae\"}\n        searchNotFound=\"Not Found!\"\n        inputProps={{\n          name: name,\n          required: required,\n        }}\n        placeholder={placeholder}\n        value={default_value || rest?.value}\n        onChange={(value, country) => {\n          setCountryCodeField?.(country as CountryData);\n          onChange?.(value);\n        }}\n        disabled={disabled}\n      />\n      {helperText && (\n        <HelperTextWrapper>\n          <Typography\n            type=\"s5\"\n            color={error ? \"theme.error.600\" : \"theme.secondary.600\"}\n          >\n            {helperText}\n          </Typography>\n        </HelperTextWrapper>\n      )}\n    </>\n  );\n});\n\nexport default PhoneInput;"],"names":["StyledInput","styled","ReactPhoneInput","theme","palette","isRtl","border","borderRadius","padding","_a","secondary","fontSize","width","maxHeight","direction","textAlign","_b","_c","primary","boxShadow","background","_d","color","_e","_f","error","left","right","backgroundColor","_g","borderBottom","display","alignItems","position","images","search","backgroundRepeat","backgroundPosition","marginLeft","_h","_i","paddingLeft","paddingRight","_j","_k","HelperTextWrapper","marginTop","PhoneInput","memo","name","dataName","dataPosition","label","required","placeholder","default_value","onChange","disabled","setCountryCodeField","helperText","isInlineEditing","rest","useLanguage","useEffect","dropdown","input","positionDropdown","rect","getBoundingClientRect","style","top","bottom","zIndex","document","addEventListener","querySelector","body","contains","appendChild","window","fixPhoneDropdown","jsxs","Fragment","children","Typography","type","weight","mb","jsx","className","dropdownContainer","specialLabel","enableSearch","searchPlaceholder","isValid","country","searchNotFound","inputProps","value"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/phone-input/phone-input.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport { styled } from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport ReactPhoneInput, { CountryData } from \"react-phone-input-2\";\nimport \"react-phone-input-2/lib/material.css\";\nimport { images } from \"../../assets/images\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { memo, useEffect } from \"react\";\n\nconst StyledInput = styled(ReactPhoneInput)<{ isRtl: boolean }>(({ theme: { palette }, isRtl }) => ({\n  \"&:hover\": {\n    border: \"none\",\n  },\n  \"&.react-tel-input\": {\n    \".form-control\": {\n      borderRadius: \"0.25rem\",\n      padding: \"8px 8px 8px 55px\", // Ensure space for flag on the left\n      border: `1px solid ${palette.theme?.secondary[300]}`,\n      fontSize: \"0.875rem\",\n      width: \"100%\",\n      maxHeight: \"36.13px\",\n      direction: \"ltr\", // Force LTR direction for input to start from left\n      textAlign: \"left\", // Force left alignment for input value\n\n      \":hover\": {\n        border: `1px solid ${palette.theme?.secondary[400]}`,\n      },\n\n      \":focus\": {\n        border: `1px solid ${palette.theme?.primary[600]}`,\n        boxShadow: \"none\",\n      },\n      \":disabled\": {\n        background: palette.theme?.secondary[200],\n        color: palette.theme?.secondary[800],\n      },\n\n      \"&.invalid-number\": {\n        border: `1px solid ${palette.theme?.error[600]}`,\n        \":focus\": {\n          boxShadow: \"none\",\n        },\n      },\n    },\n\n    \".flag-dropdown\": {\n      left: \"0\",\n      right: \"auto\",\n      borderRadius: \"0.25rem 0 0 0.25rem\",\n      \n      \".selected-flag\": {\n        borderRadius: \"0.25rem 0 0 0.25rem\",\n        \n        \"&:hover\": {\n          backgroundColor: palette.theme?.secondary[100],\n        },\n      },\n    },\n   \n    \".country-list\": {\n      left: isRtl ? \"auto\" : \"0\",\n      right: isRtl ? \"0\" : \"auto\",\n      \n      \".search\": {\n        padding: \"0.5rem 0.5rem 0.5rem 0.75rem\",\n        borderBottom: \"1px solid #F3F2F2\",\n        display: \"flex\",\n        alignItems: \"center\",\n        direction: isRtl ? \"rtl\" : \"ltr\",\n\n        \".search-emoji\": {\n          position: \"absolute\",\n          left: isRtl ? \"auto\" : \"1.25rem\",\n          right: isRtl ? \"1.25rem\" : \"auto\",\n\n          \":first-child\": {\n            display: \"block\",\n            color: \"transparent\",\n            background: `url(${images.search})`,\n            backgroundRepeat: \"no-repeat\",\n            backgroundPosition: \"center\",\n          },\n        },\n\n        \".search-box\": {\n          width: \"100%\",\n          marginLeft: \"0rem\",\n          border: `1px solid ${palette.theme?.secondary[200]}`,\n          backgroundColor: palette.theme?.secondary[100],\n          borderRadius: \"0.5rem\",\n          padding: \"0.4rem\",\n          paddingLeft: isRtl ? \"0.4rem\" : \"2rem\",\n          paddingRight: isRtl ? \"2rem\" : \"0.4rem\",\n          fontSize: \"0.8125rem\",\n          direction: isRtl ? \"rtl\" : \"ltr\",\n          textAlign: isRtl ? \"right\" : \"left\",\n\n          \":hover\": {\n            border: `1px solid ${palette.theme?.secondary[300]}`,\n          },\n\n          \":focus\": {\n            border: `1px solid ${palette.theme?.primary[600]}`,\n          },\n        },\n      },\n\n      \".country\": {\n        fontSize: \"0.8125rem\",\n        direction: isRtl ? \"rtl\" : \"ltr\",\n        textAlign: isRtl ? \"right\" : \"left\",\n\n        \".dial-code\": {\n          fontSize: \"0.75rem\",\n          position: \"absolute\",\n          right: isRtl ? \"auto\" : \"0.5rem\",\n          left: isRtl ? \"0.5rem\" : \"auto\",\n        },\n      },\n    },\n  },\n}));\n\ninterface IPhoneInput {\n  error?: boolean;\n  name?: string;\n  dataPosition?: number;\n  dataName?: string;\n  label: string;\n  required?: boolean;\n  placeholder?: string;\n  default_value?: string;\n  onChange?: (e: any) => void;\n  disabled?: boolean;\n  setCountryCodeField?: (country: CountryData) => void;\n  helperText?: string;\n  isInlineEditing?:boolean\n}\n\nfunction fixPhoneDropdown() {\n  let dropdown, input;\n\n  const positionDropdown = () => {\n    if (!dropdown || !input) return;\n    const rect = input.getBoundingClientRect();\n\n    dropdown.style.position = \"fixed\";\n    dropdown.style.top = rect.bottom + \"px\";\n    dropdown.style.left = rect.left + \"px\";\n    dropdown.style.zIndex = \"2000\";\n  };\n\n  document.addEventListener(\"click\", () => {\n    dropdown = document.querySelector(\".react-tel-input .country-list\");\n    input = document.querySelector(\".react-tel-input input\");\n\n    if (dropdown && input && !document.body.contains(dropdown)) {\n      document.body.appendChild(dropdown);\n    }\n\n    positionDropdown();\n  });\n\n  // reposition on scroll (any container) and resize\n  window.addEventListener(\"scroll\", positionDropdown, true); // true = capture all scrolls\n  window.addEventListener(\"resize\", positionDropdown);\n}\n\n\nconst HelperTextWrapper = styled('div')(() => ({\n  marginTop: '0.4rem',\n}));\n\nconst PhoneInput = memo(({\n  name,\n  error = false,\n  dataName,\n  dataPosition,\n  label,\n  required = false,\n  placeholder,\n  default_value,\n  onChange,\n  disabled,\n  setCountryCodeField,\n  helperText,\n  isInlineEditing = false,\n  ...rest\n}: IPhoneInput) => {\n  const { isRtl } = useLanguage();\n\n  useEffect(() => {\n    if(isInlineEditing) {\n      fixPhoneDropdown(isInlineEditing)\n    }\n  }, [isInlineEditing])\n\n  return (\n    <>\n      <Typography\n        type=\"s5\"\n        weight=\"medium\"\n        mb={0.5}\n        color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n        data-position={dataPosition}\n        data-name={dataName}\n      >\n        {label} {required && <span className=\"requiredStar\">*</span>}\n      </Typography>\n      <StyledInput\n        dropdownContainer={document.body}\n        isRtl={isRtl}\n        specialLabel={\"\"}\n        enableSearch\n        searchPlaceholder=\"Search Country\"\n        isValid={!error}\n        country={\"ae\"}\n        searchNotFound=\"Not Found!\"\n        inputProps={{\n          name: name,\n          required: required,\n        }}\n        placeholder={placeholder}\n        value={default_value || rest?.value}\n        onChange={(value, country) => {\n          setCountryCodeField?.(country as CountryData);\n          onChange?.(value);\n        }}\n        disabled={disabled}\n      />\n      {helperText && (\n        <HelperTextWrapper>\n          <Typography\n            type=\"s5\"\n            color={error ? \"theme.error.600\" : \"theme.secondary.600\"}\n          >\n            {helperText}\n          </Typography>\n        </HelperTextWrapper>\n      )}\n    </>\n  );\n});\n\nexport { PhoneInput };\nexport default PhoneInput;"],"names":["StyledInput","styled","ReactPhoneInput","theme","palette","isRtl","border","borderRadius","padding","_a","secondary","fontSize","width","maxHeight","direction","textAlign","_b","_c","primary","boxShadow","background","_d","color","_e","_f","error","left","right","backgroundColor","_g","borderBottom","display","alignItems","position","images","search","backgroundRepeat","backgroundPosition","marginLeft","_h","_i","paddingLeft","paddingRight","_j","_k","HelperTextWrapper","marginTop","PhoneInput","memo","name","dataName","dataPosition","label","required","placeholder","default_value","onChange","disabled","setCountryCodeField","helperText","isInlineEditing","rest","useLanguage","useEffect","dropdown","input","positionDropdown","rect","getBoundingClientRect","style","top","bottom","zIndex","document","addEventListener","querySelector","body","contains","appendChild","window","fixPhoneDropdown","jsxs","Fragment","children","Typography","type","weight","mb","jsx","className","dropdownContainer","specialLabel","enableSearch","searchPlaceholder","isValid","country","searchNotFound","inputProps","value"],"mappings":"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"}

package/dist/components/phone-input/phone-input.d.ts

@@ -16,4 +16,5 @@ interface IPhoneInput {
     isInlineEditing?: boolean;
 }
 declare const PhoneInput: import('react').MemoExoticComponent<({ name, error, dataName, dataPosition, label, required, placeholder, default_value, onChange, disabled, setCountryCodeField, helperText, isInlineEditing, ...rest }: IPhoneInput) => import("react/jsx-runtime").JSX.Element>;
+export { PhoneInput };
 export default PhoneInput;

package/dist/components/quick-approval-modal/quick-approval-modal/index.esm.js

@@ -1,18 +1,18 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import Modal from "../../modal/modal/index.esm.js";
+import { Modal } from "../../modal/modal/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
 import * as Yup from "yup";
 import { yupResolver as o } from "../../../node_modules/@hookform/resolvers/yup/dist/yup/index.esm.js";
-import Select from "../../select/select/index.esm.js";
+import { Select } from "../../select/select/index.esm.js";
 import { useForm, Controller } from "react-hook-form";
 /* empty css                                     */
 import { useState, useEffect } from "react";
 import { Avatar } from "../../avatar/avatar/index.esm.js";
 import { formatLabel } from "../../../utils/format-text/index.esm.js";
-import Checkbox from "../../checkbox/checkbox/index.esm.js";
-import Button from "../../button/button/index.esm.js";
+import { Checkbox } from "../../checkbox/checkbox/index.esm.js";
+import { Button } from "../../button/button/index.esm.js";
 import ChipOrPlaceholder from "../../form-control/form-builder/form-builder-element/chip-or-placeholder/index.esm.js";
-import Chip from "../../chip/chip/index.esm.js";
+import { Chip } from "../../chip/chip/index.esm.js";
 import { getV1User } from "../../../api-client/api.rbac/api/index.esm.js";
 import { enqueueSnackbar } from "../../../node_modules/notistack/notistack.esm/index.esm.js";
 import { getToken } from "../../../utils/common/index.esm.js";

package/dist/components/quick-approval-modal/quick-approval-modal/index.js

@@ -1,19 +1,19 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=,/* empty css                       */i=,/* empty css                                 */a=require("yup"),o=,/* empty css                                                            */t=,/* empty css                         */l=require("react-hook-form");;/* empty css                                  */var s=require("react"),n=,/* empty css                         */d=,/* empty css                                */u=,/* empty css                             */c=,/* empty css                         */p=,/* empty css                                                                              */m=,/* empty css                     */x=,/* empty css                                      */h=,/* empty css                                                   */f=,/* empty css                           */j=,/* empty css                                                                 */v=,/* empty css                                                               */g=,/* empty css                                                         */y=,/* empty css                                                                     */q=,/* empty css                                                           */b=,/* empty css                                                 */_=,/* empty css                                                                     */k=,/* empty css                                                                           */C=;/* empty css                      */function A(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(i){if("default"!==i){var a=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(r,i,a.get?a:{enumerable:!0,get:function(){return e[i]}})}}),r.default=e,r}var M=/* @__PURE__ */A(a);const D=M.object().shape({approver_id:M.array().required("Please select the approvers").min(1,"Please select the approvers")});exports.default=({isOpen:a,setIsOpen:A,modalProps:M,title:S,onConfirm:E,isProcessing:I})=>{const[P,T]=s.useState({isLoading:!0,isError:!1,error:"null",data:[]}),{isLoading:w,isError:B,error:N,data:O}=P,{control:L,handleSubmit:z,reset:R,setValue:V,getValues:$,watch:F}=l.useForm({resolver:o.yupResolver(D),mode:"all"});F("approver_id");const U=$("approver_id"),W=()=>{R({approver_id:[]}),A()},K=({data:r,options:a})=>{const o=r.map(e=>{const r=a.find(r=>r.id===e);return r?Q(r):e});/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=,/* empty css                       */i=,/* empty css                                 */o=require("yup"),a=,/* empty css                                                            */t=,/* empty css                         */l=require("react-hook-form");;/* empty css                                  */var n=require("react"),s=,/* empty css                         */d=,/* empty css                                */u=,/* empty css                             */c=,/* empty css                         */p=,/* empty css                                                                              */m=,/* empty css                     */h=,/* empty css                                      */x=,/* empty css                                                   */j=,/* empty css                           */v=,/* empty css                                                                 */f=,/* empty css                                                               */g=,/* empty css                                                         */y=,/* empty css                                                                     */q=,/* empty css                                                           */b=,/* empty css                                                 */k=,/* empty css                                                                     */_=,/* empty css                                                                           */C=;/* empty css                      */function A(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(i){if("default"!==i){var o=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(r,i,o.get?o:{enumerable:!0,get:function(){return e[i]}})}}),r.default=e,r}var M=/* @__PURE__ */A(o);const D=M.object().shape({approver_id:M.array().required("Please select the approvers").min(1,"Please select the approvers")});exports.default=({isOpen:o,setIsOpen:A,modalProps:M,title:B,onConfirm:S,isProcessing:E})=>{const[I,P]=n.useState({isLoading:!0,isError:!1,error:"null",data:[]}),{isLoading:T,isError:w,error:N,data:O}=I,{control:L,handleSubmit:z,reset:R,setValue:V,getValues:$,watch:F}=l.useForm({resolver:a.yupResolver(D),mode:"all"});F("approver_id");const U=$("approver_id"),W=()=>{R({approver_id:[]}),A()},K=({data:r,options:o})=>{const a=r.map(e=>{const r=o.find(r=>r.id===e);return r?Q(r):e});/* @__PURE__ */
 return e.jsxs(b.default,{display:"flex",justifyContent:"space-between",alignItems:"center",children:[
-/* @__PURE__ */e.jsxs(i.Typography,{type:"s5",color:"inherit",sx:{display:"flex",gap:1,alignItems:"center",mt:.5},children:[o.slice(0,3).join(", "),r.length>4&&/* @__PURE__ */e.jsx(m.default,{variant:"outlined",type:"normal",className:"quickApprovalModal--DisplayNameChip",label:/* @__PURE__ */e.jsx(C.MoreIcon,{fontSize:"small"})})]}),
-/* @__PURE__ */e.jsx(c.default,{variant:"text",onClick:()=>V("approver_id",[]),children:/* @__PURE__ */e.jsx(i.Typography,{type:"s5",color:"inherit",children:"Remove"})})]})};s.useEffect(()=>{a&&(async()=>{var e;try{const r={skip:0,limit:99,filters:"(is_active.eq=true)"},i=await x.getV1User({...r,...f.getToken()}),a=(null==(e=null==i?void 0:i.data)?void 0:e.users)||[];T({isLoading:!1,isError:!1,error:null,data:a})}catch(r){T({isLoading:!1,isError:!0,error:"Failed to fetch Approvers",data:[]})}})()},[a]),s.useEffect(()=>{B&&h.enqueueSnackbar(N??"Something went wrong",{variant:"error"})},[N,B]);const Q=e=>{const{first_name:r="",last_name:i=""}=e||{};return d.formatLabel(`${r} ${i}`)};return s.useEffect(()=>()=>{W()},[]),/* @__PURE__ */e.jsx(r.default,{open:a,onClose:W,maxWidth:"sm",fullWidth:!0,disableEscapeKeyDown:!0,...M,children:/* @__PURE__ */e.jsxs("form",{onSubmit:z(e=>{E(e.approver_id),W()}),children:[
-/* @__PURE__ */e.jsxs(j.default,{className:"quickApprovalModal--Title",children:[
-/* @__PURE__ */e.jsx(i.Typography,{type:"s3",color:"inherit",weight:"medium",children:S||"Quick Approval"}),
-/* @__PURE__ */e.jsx(v.default,{onClick:W,children:/* @__PURE__ */e.jsx(g.default,{fontSize:"small"})})]}),
-/* @__PURE__ */e.jsx(y.default,{className:"quickApprovalModal--ModalContentContainer",children:/* @__PURE__ */e.jsx(l.Controller,{name:"approver_id",control:L,render:({field:r,fieldState:a})=>{var o,l,s;/* @__PURE__ */
+/* @__PURE__ */e.jsxs(i.Typography,{type:"s5",color:"inherit",sx:{display:"flex",gap:1,alignItems:"center",mt:.5},children:[a.slice(0,3).join(", "),r.length>4&&/* @__PURE__ */e.jsx(m.Chip,{variant:"outlined",type:"normal",className:"quickApprovalModal--DisplayNameChip",label:/* @__PURE__ */e.jsx(C.MoreIcon,{fontSize:"small"})})]}),
+/* @__PURE__ */e.jsx(c.Button,{variant:"text",onClick:()=>V("approver_id",[]),children:/* @__PURE__ */e.jsx(i.Typography,{type:"s5",color:"inherit",children:"Remove"})})]})};n.useEffect(()=>{o&&(async()=>{var e;try{const r={skip:0,limit:99,filters:"(is_active.eq=true)"},i=await h.getV1User({...r,...j.getToken()}),o=(null==(e=null==i?void 0:i.data)?void 0:e.users)||[];P({isLoading:!1,isError:!1,error:null,data:o})}catch(r){P({isLoading:!1,isError:!0,error:"Failed to fetch Approvers",data:[]})}})()},[o]),n.useEffect(()=>{w&&x.enqueueSnackbar(N??"Something went wrong",{variant:"error"})},[N,w]);const Q=e=>{const{first_name:r="",last_name:i=""}=e||{};return d.formatLabel(`${r} ${i}`)};return n.useEffect(()=>()=>{W()},[]),/* @__PURE__ */e.jsx(r.Modal,{open:o,onClose:W,maxWidth:"sm",fullWidth:!0,disableEscapeKeyDown:!0,...M,children:/* @__PURE__ */e.jsxs("form",{onSubmit:z(e=>{S(e.approver_id),W()}),children:[
+/* @__PURE__ */e.jsxs(v.default,{className:"quickApprovalModal--Title",children:[
+/* @__PURE__ */e.jsx(i.Typography,{type:"s3",color:"inherit",weight:"medium",children:B||"Quick Approval"}),
+/* @__PURE__ */e.jsx(f.default,{onClick:W,children:/* @__PURE__ */e.jsx(g.default,{fontSize:"small"})})]}),
+/* @__PURE__ */e.jsx(y.default,{className:"quickApprovalModal--ModalContentContainer",children:/* @__PURE__ */e.jsx(l.Controller,{name:"approver_id",control:L,render:({field:r,fieldState:o})=>{var a,l,n;/* @__PURE__ */
 return e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(t.default,{name:"approver_id",value:r.value||[],onChange:r.onChange,error:Boolean(null==(o=a.error)?void 0:o.message),helperText:(null==(l=a.error)?void 0:l.message)||"",size:"small",renderValue:r=>/* @__PURE__ */e.jsx(p.default,{data:r,placeholder:"Select",onDelete:()=>V("approver_id",[])}),multiple:!0,fullWidth:!0,children:O.map(a=>{const o=["theme.tertiary1","theme.tertiary2","theme.tertiary3"],t=o[Math.floor(Math.random()*o.length)],l={borderRadius:"0.25rem !important",textAlign:"center",backgroundColor:`${t}.200`,color:`${t}.1000`};/* @__PURE__ */
-return e.jsx(q.default,{value:a.id,selected:Boolean(r.value&&r.value.includes(a.id)),children:/* @__PURE__ */e.jsxs(b.default,{className:"quickApprovalModal--UserListingContainer",children:[
+/* @__PURE__ */e.jsx(t.Select,{name:"approver_id",value:r.value||[],onChange:r.onChange,error:Boolean(null==(a=o.error)?void 0:a.message),helperText:(null==(l=o.error)?void 0:l.message)||"",size:"small",renderValue:r=>/* @__PURE__ */e.jsx(p.default,{data:r,placeholder:"Select",onDelete:()=>V("approver_id",[])}),multiple:!0,fullWidth:!0,children:O.map(o=>{const a=["theme.tertiary1","theme.tertiary2","theme.tertiary3"],t=a[Math.floor(Math.random()*a.length)],l={borderRadius:"0.25rem !important",textAlign:"center",backgroundColor:`${t}.200`,color:`${t}.1000`};/* @__PURE__ */
+return e.jsx(q.default,{value:o.id,selected:Boolean(r.value&&r.value.includes(o.id)),children:/* @__PURE__ */e.jsxs(b.default,{className:"quickApprovalModal--UserListingContainer",children:[
 /* @__PURE__ */e.jsxs(b.default,{className:"quickApprovalModal--UserContent",children:[
-/* @__PURE__ */e.jsx(n.Avatar,{src:a.profile_image,alt:Q(a),sx:l,size:24}),
-/* @__PURE__ */e.jsx(i.Typography,{type:"s4",color:"theme.secondary.1000",children:Q(a)})]}),
-/* @__PURE__ */e.jsx(u.default,{checked:Boolean(r.value&&r.value.includes(a.id))})]})},a.id)})}),Array.isArray(null==r?void 0:r.value)&&(null==(s=null==r?void 0:r.value)?void 0:s.length)>0&&/* @__PURE__ */e.jsx(K,{data:r.value,options:O})]})}})}),
-/* @__PURE__ */e.jsxs(_.default,{className:"quickApprovalModal--DialogActions",children:[
-/* @__PURE__ */e.jsx(c.default,{className:"quickApprovalModal--DialogActions--Cancel",onClick:W,disabled:w||I,children:"Cancel"}),
-/* @__PURE__ */e.jsx(c.default,{type:"submit",endIcon:I?/* @__PURE__ */e.jsx(k.default,{size:15,color:"inherit"}):void 0,disabled:I||w||Boolean(!(null==U?void 0:U.length)),children:"Send Request"})]})]})})};
+/* @__PURE__ */e.jsx(s.Avatar,{src:o.profile_image,alt:Q(o),sx:l,size:24}),
+/* @__PURE__ */e.jsx(i.Typography,{type:"s4",color:"theme.secondary.1000",children:Q(o)})]}),
+/* @__PURE__ */e.jsx(u.Checkbox,{checked:Boolean(r.value&&r.value.includes(o.id))})]})},o.id)})}),Array.isArray(null==r?void 0:r.value)&&(null==(n=null==r?void 0:r.value)?void 0:n.length)>0&&/* @__PURE__ */e.jsx(K,{data:r.value,options:O})]})}})}),
+/* @__PURE__ */e.jsxs(k.default,{className:"quickApprovalModal--DialogActions",children:[
+/* @__PURE__ */e.jsx(c.Button,{className:"quickApprovalModal--DialogActions--Cancel",onClick:W,disabled:T||E,children:"Cancel"}),
+/* @__PURE__ */e.jsx(c.Button,{type:"submit",endIcon:E?/* @__PURE__ */e.jsx(_.default,{size:15,color:"inherit"}):void 0,disabled:E||T||Boolean(!(null==U?void 0:U.length)),children:"Send Request"})]})]})})};
 //# sourceMappingURL=index.js.map

package/dist/components/quick-approval-modal/quick-approval-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/quick-approval-modal/quick-approval-modal.tsx"],"sourcesContent":["import { Close } from '@mui/icons-material';\nimport {\n\tBox,\n\tCircularProgress,\n\tDialogActions,\n\tDialogContent,\n\tDialogProps,\n\tDialogTitle,\n\tIconButton,\n\tMenuItem\n} from '@mui/material';\nimport Modal from '../modal/modal';\nimport Typography from '../typography/typography';\n\nimport * as Yup from 'yup';\nimport { yupResolver } from '@hookform/resolvers/yup';\nimport Select from '../select/select';\nimport { Controller, useForm } from 'react-hook-form';\n\nimport './quick-approval-modal.scss';\nimport { useEffect, useState } from 'react';\nimport Avatar from '../avatar/avatar';\nimport { formatLabel } from '../../utils/format-text';\nimport Checkbox from '../checkbox/checkbox';\nimport Button from '../button/button';\nimport ChipOrPlaceholder from '../form-control/form-builder/form-builder-element/chip-or-placeholder';\nimport Chip from '../chip/chip';\nimport { MoreIcon } from '../icons';\nimport { getV1User } from '../../api-client/api.rbac/api';\nimport { enqueueSnackbar } from 'notistack';\n\nimport React from 'react';\nimport { getToken } from '../../utils/common';\n\ninterface QuickApprovalModalProps {\n\tisOpen: boolean;\n\tsetIsOpen: () => void;\n\tmodalProps?: DialogProps;\n\ttitle?: string;\n\tonConfirm: (approverIds: number[]) => void;\n  isProcessing?: boolean\n}\n\ninterface IFormInput {\n\tapprover_id: number[];\n}\ninterface IUsersData {\n\tisLoading: boolean\n\tisError: boolean\n  error: string | null\n  data: Array<Record<string, any>>\n}\n\nconst validationSchema = Yup.object().shape({\n\tapprover_id: Yup.array()\n\t\t.required('Please select the approvers')\n\t\t.min(1, 'Please select the approvers')\n});\n\nconst QuickApprovalModal: React.FC<QuickApprovalModalProps> = ({\n\tisOpen,\n\tsetIsOpen,\n\tmodalProps,\n\ttitle,\n\tonConfirm,\n  isProcessing\n}) => {\n\tconst [users, setUsers] = useState<IUsersData>({\n\t\tisLoading: true,\n\t\tisError: false,\n\t\terror: 'null',\n\t\tdata: []\n\t});\n\tconst { isLoading, isError, error, data } = users;\n\n\tconst { control, handleSubmit, reset, setValue, getValues, watch } =\n\t\tuseForm<IFormInput>({\n\t\t\tresolver: yupResolver(validationSchema),\n\t\t\tmode: 'all'\n\t\t});\n\n\twatch('approver_id');\n\tconst formValues = getValues('approver_id');\n\n\tconst onSubmit = (values: IFormInput) => {\n\t\tonConfirm(values.approver_id);\n\t\thandleModalClose();\n\t};\n\n\tconst handleModalClose = () => {\n\t\treset({approver_id: []});\n\t\tsetIsOpen();\n\t};\n\n\tconst SelectedItems = ({\n\t\tdata,\n\t\toptions\n\t}: {\n\t\tdata: number[];\n\t\toptions: any[];\n\t}) => {\n\t\tconst displayTitle = data.map((selectedItem) => {\n\t\t\tconst user = options.find((option: any) => option.id === selectedItem);\n\t\t\tif (user) {\n\t\t\t\treturn getLabel(user);\n\t\t\t}\n\t\t\treturn selectedItem;\n\t\t});\n\n\t\treturn (\n\t\t\t<Box display='flex' justifyContent='space-between' alignItems='center'>\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s5'\n\t\t\t\t\tcolor='inherit'\n\t\t\t\t\tsx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5 }}>\n\t\t\t\t\t{displayTitle.slice(0, 3).join(', ')}\n\t\t\t\t\t{data.length > 4 && (\n\t\t\t\t\t\t<Chip\n\t\t\t\t\t\t\tvariant='outlined'\n\t\t\t\t\t\t\ttype='normal'\n\t\t\t\t\t\t\tclassName='quickApprovalModal--DisplayNameChip'\n\t\t\t\t\t\t\tlabel={<MoreIcon fontSize='small' />}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</Typography>\n\t\t\t\t<Button variant='text' onClick={() => setValue('approver_id', [])}>\n\t\t\t\t\t<Typography type='s5' color='inherit'>\n\t\t\t\t\t\tRemove\n\t\t\t\t\t</Typography>\n\t\t\t\t</Button>\n\t\t\t</Box>\n\t\t);\n\t};\n\n\tconst getAndSetFetchUsers = async () => {\n\t\ttry {\n\t\t\tconst filters = { skip: 0, limit: 99, filters: `(is_active.eq=true)` };\n\t\t\tconst response = await getV1User({ ...filters, ...getToken() });\n\t\n\t\t\tconst users: any[] = response?.data?.users || [];\n\t\t\tsetUsers({\n\t\t\t\tisLoading: false,\n\t\t\t\tisError: false,\n\t\t\t\terror: null,\n\t\t\t\tdata: users\n\t\t\t});\t\n\t\t} catch (error) {\n\t\t\tsetUsers({\n\t\t\t\tisLoading: false,\n\t\t\t\tisError: true,\n\t\t\t\terror: 'Failed to fetch Approvers',\n\t\t\t\tdata: []\n\t\t\t});\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tif (isOpen) {\n\t\t\tgetAndSetFetchUsers()\n\t\t}\n\t}, [isOpen]);\n\tuseEffect(() => {\n\t\tif (isError) {\n\t\t\tenqueueSnackbar(error ?? 'Something went wrong', { variant: 'error'});\n\t\t}\n\t}, [error, isError]);\n\n\tconst getLabel = (obj: Record<any, any>) => {\n\t\tconst {first_name = '', last_name=''} = obj || {}\n\n\t\treturn formatLabel(`${first_name} ${last_name}`)\n\t}\n\n  useEffect(() => {\n    return () => {\n      handleModalClose()\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  },[])\n\n\treturn (\n\t\t<Modal\n\t\t\topen={isOpen}\n\t\t\tonClose={handleModalClose}\n\t\t\tmaxWidth='sm'\n\t\t\tfullWidth\n\t\t\tdisableEscapeKeyDown\n\t\t\t{...modalProps}>\n\t\t\t<form onSubmit={handleSubmit(onSubmit)}>\n\t\t\t\t<DialogTitle className='quickApprovalModal--Title'>\n\t\t\t\t\t<Typography type='s3' color='inherit' weight='medium'>\n\t\t\t\t\t\t{title || 'Quick Approval'}\n\t\t\t\t\t</Typography>\n\t\t\t\t\t<IconButton onClick={handleModalClose}>\n\t\t\t\t\t\t<Close fontSize='small' />\n\t\t\t\t\t</IconButton>\n\t\t\t\t</DialogTitle>\n\t\t\t\t<DialogContent className='quickApprovalModal--ModalContentContainer'>\n\t\t\t\t\t<Controller\n\t\t\t\t\t\tname='approver_id'\n\t\t\t\t\t\tcontrol={control}\n\t\t\t\t\t\trender={({ field, fieldState }) => (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<Select\n\t\t\t\t\t\t\t\t\tname='approver_id'\n\t\t\t\t\t\t\t\t\tvalue={field.value || []}\n\t\t\t\t\t\t\t\t\tonChange={field.onChange}\n\t\t\t\t\t\t\t\t\terror={Boolean(fieldState.error?.message)}\n\t\t\t\t\t\t\t\t\thelperText={fieldState.error?.message || ''}\n\t\t\t\t\t\t\t\t\tsize='small'\n\t\t\t\t\t\t\t\t\trenderValue={(selected: string[]) => (\n\t\t\t\t\t\t\t\t\t\t<ChipOrPlaceholder\n\t\t\t\t\t\t\t\t\t\t\tdata={selected}\n\t\t\t\t\t\t\t\t\t\t\tplaceholder='Select'\n\t\t\t\t\t\t\t\t\t\t\tonDelete={() => setValue('approver_id', [])}\n\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\t\tmultiple\n\t\t\t\t\t\t\t\t\tfullWidth>\n\t\t\t\t\t\t\t\t\t{data.map((user) => {\n\t\t\t\t\t\t\t\t\t\tconst colors = [\n\t\t\t\t\t\t\t\t\t\t\t'theme.tertiary1',\n\t\t\t\t\t\t\t\t\t\t\t'theme.tertiary2',\n\t\t\t\t\t\t\t\t\t\t\t'theme.tertiary3'\n\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\tconst randomIndex = Math.floor(\n\t\t\t\t\t\t\t\t\t\t\tMath.random() * colors.length\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\tconst randomColor = colors[randomIndex];\n\t\t\t\t\t\t\t\t\t\tconst avatarStyle = {\n\t\t\t\t\t\t\t\t\t\t\tborderRadius: '0.25rem !important',\n\t\t\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: `${randomColor}.200`,\n\t\t\t\t\t\t\t\t\t\t\tcolor: `${randomColor}.1000`\n\t\t\t\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\t\tkey={user.id}\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={user.id}\n\t\t\t\t\t\t\t\t\t\t\t\tselected={Boolean(\n\t\t\t\t\t\t\t\t\t\t\t\t\tfield.value && field.value.includes(user.id)\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\t<Box className='quickApprovalModal--UserListingContainer'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Box className='quickApprovalModal--UserContent'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Avatar\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={user.profile_image}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talt={getLabel(user)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={avatarStyle}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize={24}\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\t\t<Typography type='s4' color='theme.secondary.1000'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{getLabel(user)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={Boolean(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfield.value && field.value.includes(user.id)\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\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\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\t</Select>\n\t\t\t\t\t\t\t\t{Array.isArray(field?.value) && field?.value?.length > 0 && (\n\t\t\t\t\t\t\t\t\t<SelectedItems data={field.value} options={data} />\n\t\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/>\n\t\t\t\t</DialogContent>\n\t\t\t\t<DialogActions className='quickApprovalModal--DialogActions'>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName='quickApprovalModal--DialogActions--Cancel'\n\t\t\t\t\t\tonClick={handleModalClose}\n\t\t\t\t\t\tdisabled={isLoading || isProcessing}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype='submit'\n\t\t\t\t\t\tendIcon={\n\t\t\t\t\t\t\tisProcessing ? (\n\t\t\t\t\t\t\t\t<CircularProgress size={15} color='inherit' />\n\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={isProcessing || isLoading || Boolean(!formValues?.length)}>\n\t\t\t\t\t\tSend Request\n\t\t\t\t\t</Button>\n\t\t\t\t</DialogActions>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n};\n\nexport default QuickApprovalModal;"],"names":["validationSchema","Yup","object","shape","approver_id","array","required","min","isOpen","setIsOpen","modalProps","title","onConfirm","isProcessing","users","setUsers","useState","isLoading","isError","error","data","control","handleSubmit","reset","setValue","getValues","watch","useForm","resolver","yupResolver","mode","formValues","handleModalClose","SelectedItems","options","displayTitle","map","selectedItem","user","find","option","id","getLabel","Box","display","justifyContent","alignItems","children","jsxs","Typography","type","color","sx","gap","mt","slice","join","length","jsx","Chip","variant","className","label","MoreIcon","fontSize","Button","onClick","useEffect","async","filters","skip","limit","response","getV1User","getToken","_a","getAndSetFetchUsers","enqueueSnackbar","obj","first_name","last_name","formatLabel","Modal","open","onClose","maxWidth","fullWidth","disableEscapeKeyDown","onSubmit","values","DialogTitle","weight","IconButton","Close","DialogContent","Controller","name","render","field","fieldState","Fragment","Select","value","onChange","Boolean","message","helperText","_b","size","renderValue","selected","ChipOrPlaceholder","placeholder","onDelete","multiple","colors","randomColor","Math","floor","random","avatarStyle","borderRadius","textAlign","backgroundColor","MenuItem","includes","Avatar","src","profile_image","alt","Checkbox","checked","Array","isArray","_c","DialogActions","disabled","endIcon","CircularProgress"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/quick-approval-modal/quick-approval-modal.tsx"],"sourcesContent":["import { Close } from '@mui/icons-material';\nimport {\n\tBox,\n\tCircularProgress,\n\tDialogActions,\n\tDialogContent,\n\tDialogProps,\n\tDialogTitle,\n\tIconButton,\n\tMenuItem\n} from '@mui/material';\nimport Modal from '../modal/modal';\nimport Typography from '../typography/typography';\n\nimport * as Yup from 'yup';\nimport { yupResolver } from '@hookform/resolvers/yup';\nimport Select from '../select/select';\nimport { Controller, useForm } from 'react-hook-form';\n\nimport './quick-approval-modal.scss';\nimport { useEffect, useState } from 'react';\nimport Avatar from '../avatar/avatar';\nimport { formatLabel } from '../../utils/format-text';\nimport Checkbox from '../checkbox/checkbox';\nimport Button from '../button/button';\nimport ChipOrPlaceholder from '../form-control/form-builder/form-builder-element/chip-or-placeholder';\nimport Chip from '../chip/chip';\nimport { MoreIcon } from '../icons';\nimport { getV1User } from '../../api-client/api.rbac/api';\nimport { enqueueSnackbar } from 'notistack';\n\nimport React from 'react';\nimport { getToken } from '../../utils/common';\n\ninterface QuickApprovalModalProps {\n\tisOpen: boolean;\n\tsetIsOpen: () => void;\n\tmodalProps?: DialogProps;\n\ttitle?: string;\n\tonConfirm: (approverIds: number[]) => void;\n  isProcessing?: boolean\n}\n\ninterface IFormInput {\n\tapprover_id: number[];\n}\ninterface IUsersData {\n\tisLoading: boolean\n\tisError: boolean\n  error: string | null\n  data: Array<Record<string, any>>\n}\n\nconst validationSchema = Yup.object().shape({\n\tapprover_id: Yup.array()\n\t\t.required('Please select the approvers')\n\t\t.min(1, 'Please select the approvers')\n});\n\nconst QuickApprovalModal: React.FC<QuickApprovalModalProps> = ({\n\tisOpen,\n\tsetIsOpen,\n\tmodalProps,\n\ttitle,\n\tonConfirm,\n  isProcessing\n}) => {\n\tconst [users, setUsers] = useState<IUsersData>({\n\t\tisLoading: true,\n\t\tisError: false,\n\t\terror: 'null',\n\t\tdata: []\n\t});\n\tconst { isLoading, isError, error, data } = users;\n\n\tconst { control, handleSubmit, reset, setValue, getValues, watch } =\n\t\tuseForm<IFormInput>({\n\t\t\tresolver: yupResolver(validationSchema),\n\t\t\tmode: 'all'\n\t\t});\n\n\twatch('approver_id');\n\tconst formValues = getValues('approver_id');\n\n\tconst onSubmit = (values: IFormInput) => {\n\t\tonConfirm(values.approver_id);\n\t\thandleModalClose();\n\t};\n\n\tconst handleModalClose = () => {\n\t\treset({approver_id: []});\n\t\tsetIsOpen();\n\t};\n\n\tconst SelectedItems = ({\n\t\tdata,\n\t\toptions\n\t}: {\n\t\tdata: number[];\n\t\toptions: any[];\n\t}) => {\n\t\tconst displayTitle = data.map((selectedItem) => {\n\t\t\tconst user = options.find((option: any) => option.id === selectedItem);\n\t\t\tif (user) {\n\t\t\t\treturn getLabel(user);\n\t\t\t}\n\t\t\treturn selectedItem;\n\t\t});\n\n\t\treturn (\n\t\t\t<Box display='flex' justifyContent='space-between' alignItems='center'>\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s5'\n\t\t\t\t\tcolor='inherit'\n\t\t\t\t\tsx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5 }}>\n\t\t\t\t\t{displayTitle.slice(0, 3).join(', ')}\n\t\t\t\t\t{data.length > 4 && (\n\t\t\t\t\t\t<Chip\n\t\t\t\t\t\t\tvariant='outlined'\n\t\t\t\t\t\t\ttype='normal'\n\t\t\t\t\t\t\tclassName='quickApprovalModal--DisplayNameChip'\n\t\t\t\t\t\t\tlabel={<MoreIcon fontSize='small' />}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</Typography>\n\t\t\t\t<Button variant='text' onClick={() => setValue('approver_id', [])}>\n\t\t\t\t\t<Typography type='s5' color='inherit'>\n\t\t\t\t\t\tRemove\n\t\t\t\t\t</Typography>\n\t\t\t\t</Button>\n\t\t\t</Box>\n\t\t);\n\t};\n\n\tconst getAndSetFetchUsers = async () => {\n\t\ttry {\n\t\t\tconst filters = { skip: 0, limit: 99, filters: `(is_active.eq=true)` };\n\t\t\tconst response = await getV1User({ ...filters, ...getToken() });\n\t\n\t\t\tconst users: any[] = response?.data?.users || [];\n\t\t\tsetUsers({\n\t\t\t\tisLoading: false,\n\t\t\t\tisError: false,\n\t\t\t\terror: null,\n\t\t\t\tdata: users\n\t\t\t});\t\n\t\t} catch (error) {\n\t\t\tsetUsers({\n\t\t\t\tisLoading: false,\n\t\t\t\tisError: true,\n\t\t\t\terror: 'Failed to fetch Approvers',\n\t\t\t\tdata: []\n\t\t\t});\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tif (isOpen) {\n\t\t\tgetAndSetFetchUsers()\n\t\t}\n\t}, [isOpen]);\n\tuseEffect(() => {\n\t\tif (isError) {\n\t\t\tenqueueSnackbar(error ?? 'Something went wrong', { variant: 'error'});\n\t\t}\n\t}, [error, isError]);\n\n\tconst getLabel = (obj: Record<any, any>) => {\n\t\tconst {first_name = '', last_name=''} = obj || {}\n\n\t\treturn formatLabel(`${first_name} ${last_name}`)\n\t}\n\n  useEffect(() => {\n    return () => {\n      handleModalClose()\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  },[])\n\n\treturn (\n\t\t<Modal\n\t\t\topen={isOpen}\n\t\t\tonClose={handleModalClose}\n\t\t\tmaxWidth='sm'\n\t\t\tfullWidth\n\t\t\tdisableEscapeKeyDown\n\t\t\t{...modalProps}>\n\t\t\t<form onSubmit={handleSubmit(onSubmit)}>\n\t\t\t\t<DialogTitle className='quickApprovalModal--Title'>\n\t\t\t\t\t<Typography type='s3' color='inherit' weight='medium'>\n\t\t\t\t\t\t{title || 'Quick Approval'}\n\t\t\t\t\t</Typography>\n\t\t\t\t\t<IconButton onClick={handleModalClose}>\n\t\t\t\t\t\t<Close fontSize='small' />\n\t\t\t\t\t</IconButton>\n\t\t\t\t</DialogTitle>\n\t\t\t\t<DialogContent className='quickApprovalModal--ModalContentContainer'>\n\t\t\t\t\t<Controller\n\t\t\t\t\t\tname='approver_id'\n\t\t\t\t\t\tcontrol={control}\n\t\t\t\t\t\trender={({ field, fieldState }) => (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<Select\n\t\t\t\t\t\t\t\t\tname='approver_id'\n\t\t\t\t\t\t\t\t\tvalue={field.value || []}\n\t\t\t\t\t\t\t\t\tonChange={field.onChange}\n\t\t\t\t\t\t\t\t\terror={Boolean(fieldState.error?.message)}\n\t\t\t\t\t\t\t\t\thelperText={fieldState.error?.message || ''}\n\t\t\t\t\t\t\t\t\tsize='small'\n\t\t\t\t\t\t\t\t\trenderValue={(selected: string[]) => (\n\t\t\t\t\t\t\t\t\t\t<ChipOrPlaceholder\n\t\t\t\t\t\t\t\t\t\t\tdata={selected}\n\t\t\t\t\t\t\t\t\t\t\tplaceholder='Select'\n\t\t\t\t\t\t\t\t\t\t\tonDelete={() => setValue('approver_id', [])}\n\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\t\tmultiple\n\t\t\t\t\t\t\t\t\tfullWidth>\n\t\t\t\t\t\t\t\t\t{data.map((user) => {\n\t\t\t\t\t\t\t\t\t\tconst colors = [\n\t\t\t\t\t\t\t\t\t\t\t'theme.tertiary1',\n\t\t\t\t\t\t\t\t\t\t\t'theme.tertiary2',\n\t\t\t\t\t\t\t\t\t\t\t'theme.tertiary3'\n\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\tconst randomIndex = Math.floor(\n\t\t\t\t\t\t\t\t\t\t\tMath.random() * colors.length\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\tconst randomColor = colors[randomIndex];\n\t\t\t\t\t\t\t\t\t\tconst avatarStyle = {\n\t\t\t\t\t\t\t\t\t\t\tborderRadius: '0.25rem !important',\n\t\t\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: `${randomColor}.200`,\n\t\t\t\t\t\t\t\t\t\t\tcolor: `${randomColor}.1000`\n\t\t\t\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\t\tkey={user.id}\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={user.id}\n\t\t\t\t\t\t\t\t\t\t\t\tselected={Boolean(\n\t\t\t\t\t\t\t\t\t\t\t\t\tfield.value && field.value.includes(user.id)\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\t<Box className='quickApprovalModal--UserListingContainer'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Box className='quickApprovalModal--UserContent'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Avatar\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={user.profile_image}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talt={getLabel(user)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={avatarStyle}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize={24}\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\t\t<Typography type='s4' color='theme.secondary.1000'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{getLabel(user)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={Boolean(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfield.value && field.value.includes(user.id)\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\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\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\t</Select>\n\t\t\t\t\t\t\t\t{Array.isArray(field?.value) && field?.value?.length > 0 && (\n\t\t\t\t\t\t\t\t\t<SelectedItems data={field.value} options={data} />\n\t\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/>\n\t\t\t\t</DialogContent>\n\t\t\t\t<DialogActions className='quickApprovalModal--DialogActions'>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName='quickApprovalModal--DialogActions--Cancel'\n\t\t\t\t\t\tonClick={handleModalClose}\n\t\t\t\t\t\tdisabled={isLoading || isProcessing}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype='submit'\n\t\t\t\t\t\tendIcon={\n\t\t\t\t\t\t\tisProcessing ? (\n\t\t\t\t\t\t\t\t<CircularProgress size={15} color='inherit' />\n\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={isProcessing || isLoading || Boolean(!formValues?.length)}>\n\t\t\t\t\t\tSend Request\n\t\t\t\t\t</Button>\n\t\t\t\t</DialogActions>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n};\n\nexport default QuickApprovalModal;"],"names":["validationSchema","Yup","object","shape","approver_id","array","required","min","isOpen","setIsOpen","modalProps","title","onConfirm","isProcessing","users","setUsers","useState","isLoading","isError","error","data","control","handleSubmit","reset","setValue","getValues","watch","useForm","resolver","yupResolver","mode","formValues","handleModalClose","SelectedItems","options","displayTitle","map","selectedItem","user","find","option","id","getLabel","Box","display","justifyContent","alignItems","children","jsxs","Typography","type","color","sx","gap","mt","slice","join","length","jsx","Chip","variant","className","label","MoreIcon","fontSize","Button","onClick","useEffect","async","filters","skip","limit","response","getV1User","getToken","_a","getAndSetFetchUsers","enqueueSnackbar","obj","first_name","last_name","formatLabel","Modal","open","onClose","maxWidth","fullWidth","disableEscapeKeyDown","onSubmit","values","DialogTitle","weight","IconButton","Close","DialogContent","Controller","name","render","field","fieldState","Fragment","Select","value","onChange","Boolean","message","helperText","_b","size","renderValue","selected","ChipOrPlaceholder","placeholder","onDelete","multiple","colors","randomColor","Math","floor","random","avatarStyle","borderRadius","textAlign","backgroundColor","MenuItem","includes","Avatar","src","profile_image","alt","Checkbox","checked","Array","isArray","_c","DialogActions","disabled","endIcon","CircularProgress"],"mappings":"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"}

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

@@ -21,6 +21,7 @@ const Radio = memo((props) => {
   ) });
 });
 export {
+  Radio,
   Radio as default
 };
 //# sourceMappingURL=index.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/radio/radio.tsx"],"sourcesContent":["import { Radio as MUIRadio, RadioProps } from '@mui/material';\nimport { BlankCircle, FilledCircle } from '../icons';\nimport { memo } from 'react';\n\nconst Radio = memo((props: RadioProps) => {\n\tconst { color, ...rest } = props;\n\n\treturn (\n\t\t<>\n\t\t\t<MUIRadio\n\t\t\t\tdisableRipple\n\t\t\t\tsx={{\n\t\t\t\t\t'&, &.Mui-checked': {\n\t\t\t\t\t\tcolor: color || 'theme.primary.700'\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\ticon={<BlankCircle color='theme.secondary.300' fontSize='large'/>}\n\t\t\t\tcheckedIcon={<FilledCircle fontSize='large'/>}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t</>\n\t);\n});\n\nexport default Radio;\n"],"names":["MUIRadio"],"mappings":";;;;;AAIA,MAAM,QAAQ,KAAK,CAAC,UAAsB;AACzC,QAAM,EAAE,OAAO,GAAG,KAAA,IAAS;AAE3B,SACC,oBAAA,UAAA,EACC,UAAA;AAAA,IAACA;AAAAA,IAAA;AAAA,MACA,eAAa;AAAA,MACb,IAAI;AAAA,QACH,oBAAoB;AAAA,UACnB,OAAO,SAAS;AAAA,QAAA;AAAA,MACjB;AAAA,MAED,MAAM,oBAAC,aAAA,EAAY,OAAM,uBAAsB,UAAS,SAAO;AAAA,MAC/D,aAAa,oBAAC,cAAA,EAAa,UAAS,QAAA,CAAO;AAAA,MAC1C,GAAG;AAAA,IAAA;AAAA,EAAA,GAEN;AAEF,CAAC;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/radio/radio.tsx"],"sourcesContent":["import { Radio as MUIRadio, RadioProps } from '@mui/material';\nimport { BlankCircle, FilledCircle } from '../icons';\nimport { memo } from 'react';\n\nconst Radio = memo((props: RadioProps) => {\n\tconst { color, ...rest } = props;\n\n\treturn (\n\t\t<>\n\t\t\t<MUIRadio\n\t\t\t\tdisableRipple\n\t\t\t\tsx={{\n\t\t\t\t\t'&, &.Mui-checked': {\n\t\t\t\t\t\tcolor: color || 'theme.primary.700'\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\ticon={<BlankCircle color='theme.secondary.300' fontSize='large'/>}\n\t\t\t\tcheckedIcon={<FilledCircle fontSize='large'/>}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t</>\n\t);\n});\n\nexport { Radio };\nexport default Radio;\n"],"names":["MUIRadio"],"mappings":";;;;;AAIA,MAAM,QAAQ,KAAK,CAAC,UAAsB;AACzC,QAAM,EAAE,OAAO,GAAG,KAAA,IAAS;AAE3B,SACC,oBAAA,UAAA,EACC,UAAA;AAAA,IAACA;AAAAA,IAAA;AAAA,MACA,eAAa;AAAA,MACb,IAAI;AAAA,QACH,oBAAoB;AAAA,UACnB,OAAO,SAAS;AAAA,QAAA;AAAA,MACjB;AAAA,MAED,MAAM,oBAAC,aAAA,EAAY,OAAM,uBAAsB,UAAS,SAAO;AAAA,MAC/D,aAAa,oBAAC,cAAA,EAAa,UAAS,QAAA,CAAO;AAAA,MAC1C,GAAG;AAAA,IAAA;AAAA,EAAA,GAEN;AAEF,CAAC;"}

package/dist/components/radio/radio/index.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),i=require("../../../node_modules/@mui/material/Radio/Radio/index.js"),c=require("../../icons/filled-circle/index.js"),l=require("../../icons/blank-circle/index.js");const o=r.memo(r=>{const{color:o,...s}=r;/* @__PURE__ */
-return e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx(i.default,{disableRipple:!0,sx:{"&, &.Mui-checked":{color:o||"theme.primary.700"}},icon:/* @__PURE__ */e.jsx(l.BlankCircle,{color:"theme.secondary.300",fontSize:"large"}),checkedIcon:/* @__PURE__ */e.jsx(c.FilledCircle,{fontSize:"large"}),...s})})});exports.default=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),i=require("../../../node_modules/@mui/material/Radio/Radio/index.js"),o=require("../../icons/filled-circle/index.js"),c=require("../../icons/blank-circle/index.js");const l=r.memo(r=>{const{color:l,...s}=r;/* @__PURE__ */
+return e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx(i.default,{disableRipple:!0,sx:{"&, &.Mui-checked":{color:l||"theme.primary.700"}},icon:/* @__PURE__ */e.jsx(c.BlankCircle,{color:"theme.secondary.300",fontSize:"large"}),checkedIcon:/* @__PURE__ */e.jsx(o.FilledCircle,{fontSize:"large"}),...s})})});exports.Radio=l,exports.default=l;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/radio/radio.tsx"],"sourcesContent":["import { Radio as MUIRadio, RadioProps } from '@mui/material';\nimport { BlankCircle, FilledCircle } from '../icons';\nimport { memo } from 'react';\n\nconst Radio = memo((props: RadioProps) => {\n\tconst { color, ...rest } = props;\n\n\treturn (\n\t\t<>\n\t\t\t<MUIRadio\n\t\t\t\tdisableRipple\n\t\t\t\tsx={{\n\t\t\t\t\t'&, &.Mui-checked': {\n\t\t\t\t\t\tcolor: color || 'theme.primary.700'\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\ticon={<BlankCircle color='theme.secondary.300' fontSize='large'/>}\n\t\t\t\tcheckedIcon={<FilledCircle fontSize='large'/>}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t</>\n\t);\n});\n\nexport default Radio;\n"],"names":["Radio","memo","props","color","rest","Fragment","children","jsx","MUIRadio","disableRipple","sx","icon","BlankCircle","fontSize","checkedIcon","FilledCircle"],"mappings":"+RAIA,MAAMA,EAAQC,EAAAA,KAAMC,IACnB,MAAMC,MAAEA,KAAUC,GAASF;AAE3B,aACCG,EAAAA,SAAA,CACCC,wBAAAC,EAAAA,IAACC,EAAAA,QAAA,CACAC,eAAa,EACbC,GAAI,CACH,mBAAoB,CACnBP,MAAOA,GAAS,sBAGlBQ,oBAAMJ,EAAAA,IAACK,cAAA,CAAYT,MAAM,sBAAsBU,SAAS,UACxDC,6BAAaP,IAACQ,EAAAA,aAAA,CAAaF,SAAS,aAChCT"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/radio/radio.tsx"],"sourcesContent":["import { Radio as MUIRadio, RadioProps } from '@mui/material';\nimport { BlankCircle, FilledCircle } from '../icons';\nimport { memo } from 'react';\n\nconst Radio = memo((props: RadioProps) => {\n\tconst { color, ...rest } = props;\n\n\treturn (\n\t\t<>\n\t\t\t<MUIRadio\n\t\t\t\tdisableRipple\n\t\t\t\tsx={{\n\t\t\t\t\t'&, &.Mui-checked': {\n\t\t\t\t\t\tcolor: color || 'theme.primary.700'\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\ticon={<BlankCircle color='theme.secondary.300' fontSize='large'/>}\n\t\t\t\tcheckedIcon={<FilledCircle fontSize='large'/>}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t</>\n\t);\n});\n\nexport { Radio };\nexport default Radio;\n"],"names":["Radio","memo","props","color","rest","Fragment","children","jsx","MUIRadio","disableRipple","sx","icon","BlankCircle","fontSize","checkedIcon","FilledCircle"],"mappings":"+RAIA,MAAMA,EAAQC,EAAAA,KAAMC,IACnB,MAAMC,MAAEA,KAAUC,GAASF;AAE3B,aACCG,EAAAA,SAAA,CACCC,wBAAAC,EAAAA,IAACC,EAAAA,QAAA,CACAC,eAAa,EACbC,GAAI,CACH,mBAAoB,CACnBP,MAAOA,GAAS,sBAGlBQ,oBAAMJ,EAAAA,IAACK,cAAA,CAAYT,MAAM,sBAAsBU,SAAS,UACxDC,6BAAaP,IAACQ,EAAAA,aAAA,CAAaF,SAAS,aAChCT"}

package/dist/components/radio/radio.d.ts

@@ -1,4 +1,5 @@
 import { RadioProps } from '@mui/material';
 
 declare const Radio: import('react').MemoExoticComponent<(props: RadioProps) => import("react/jsx-runtime").JSX.Element>;
+export { Radio };
 export default Radio;

package/dist/components/reports/dynamic-report/dynamic-report/index.esm.js

@@ -7,7 +7,7 @@ import { Typography } from "../../../typography/typography/index.esm.js";
 import { DynamicRow } from "../dynamic-rows/index.esm.js";
 import { useTranslation } from "react-i18next";
 import { renderEmptyRowsFallback } from "../../../../utils/common-utility/index.esm.js";
-import SearchBar from "../../../search-bar/search-bar/index.esm.js";
+import { SearchBar } from "../../../search-bar/search-bar/index.esm.js";
 import dayjs from "dayjs";
 import TableContainer from "../../../../node_modules/@mui/material/TableContainer/TableContainer/index.esm.js";
 import Table from "../../../../node_modules/@mui/material/Table/Table/index.esm.js";

package/dist/components/reports/dynamic-report/dynamic-report/index.js

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),r=,/* empty css                                                                */n=,/* empty css                                                              */a=;/* empty css                                    */;/* empty css                            */var t=,/* empty css                     */i=require("react-i18next"),o=,/* empty css                                      */d=,/* empty css                                    */s=require("dayjs"),u=,/* empty css                                                                          */c=,/* empty css                                                        */h=,/* empty css                                                                */x=,/* empty css                                                              */m=,/* empty css                                                                */v=,/* empty css                                                              */y=,/* empty css                                                    */f=,/* empty css                                                                  */p=;/* empty css                                                                */function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=/* @__PURE__ */j(l),b=/* @__PURE__ */j(s);function w({headers:s,data:j,tableHeaders:w,totalHeaders:C=[],handleSort:A,collapsLevel:q=0,isIncrese:k,enableSearch:T=!0,headerHeight:S="30px",onSelectionChange:H,enableCheckbox:_=!1,afterHeader:K,totalKey:L="total",rowHeight:I="30px"}){var D,B,R,F,E,P,N,O,Y;const[M,W]=l.useState(null),[$,z]=l.useState(null),[U,X]=l.useState(null),[G,J]=l.useState({}),{t:Q}=i.useTranslation(),[V,Z]=l.useState([]);function ee(e,l,r,n=[],a=0){if(!Array.isArray(e))return[];let t=[];return e.forEach((e,r)=>{var i,o;const d=[...n,r];(null==(i=l[a])?void 0:i.enableCheckbox)&&t.push(d);const s=a+1,u=null==(o=l[s])?void 0:o.rowKey;u&&Array.isArray(e[u])&&(t=t.concat(ee(e[u],l,0,d,s)))}),t}const le=(e,l)=>{Z(r=>l?[...r,e]:r.filter(l=>!(l.length===e.length&&l.every((l,r)=>l===e[r]))))},re=ee(Array.isArray(U)?U:null==U?void 0:U[null==(D=w[0])?void 0:D.rowKey],w),ne=re.length>0&&re.every(e=>V.some(l=>l.length===e.length&&l.every((l,r)=>l===e[r]))),ae=re.some(e=>V.some(l=>l.length===e.length&&l.every((l,r)=>l===e[r])));function te(e,l,r,n){if(null==e)return!1;const a=l.toLowerCase();return"string"==typeof r&&(r=[r]),"date"==(null==n?void 0:n.type)?b.default(e).format("DD-MM-YYYY").includes(a):"string"==typeof e?e.toLowerCase().includes(a):"object"==typeof e?Array.isArray(e)?e.some(e=>te(e,a,r,n)):r?r.some(l=>{const r=e[l];if(null!=r)return"string"==typeof r?r.toLowerCase().includes(a):te(r,a,null,n);const t=Object.keys(e).filter(l=>"object"==typeof e[l]&&null!==e[l]);return t.length>0&&t.some(l=>te(e[l],a,null,n))}):Object.values(e).some(e=>te(e,a,null,n)):String(e).toLowerCase().includes(a)}return l.useEffect(()=>{var e,l,r;let n=Array.isArray($)?$:null==$?void 0:$[null==(e=w[0])?void 0:e.rowKey];null==(l=Object.keys(G))||l.forEach(e=>{var l,r;const a=null==(r=null==(l=null==G?void 0:G[e])?void 0:l.query)?void 0:r.toLowerCase();a&&(n=null==n?void 0:n.filter(l=>{var r;return te(l,a,e,null==(r=null==G?void 0:G[e])?void 0:r.header)}))}),X(Array.isArray($)?n:{...$,[null==(r=w[0])?void 0:r.rowKey]:n})},[G,$]),l.useEffect(()=>{z(j),X(j)},[j]),l.useEffect(()=>{if(H){const e=V.filter(e=>{var l;const r=e.length-1;return null==(l=w[r])?void 0:l.enableCheckbox}).map(e=>function(e,l,r){var n,a;let t=Array.isArray(e)?e:null==e?void 0:e[null==(n=l[0])?void 0:n.rowKey],i=null;for(let o=0;o<r.length;o++){if(!t||!Array.isArray(t))return null;if(i=t[r[o]],o<r.length-1){const e=null==(a=l[o+1])?void 0:a.rowKey;t=null==i?void 0:i[e]}}return i}(U,w,e)).filter(Boolean);H(e)}},[V,U]),/* @__PURE__ */e.jsxs(u.default,{className:"dynamic-report",sx:{width:"100%",overflowX:"auto"},children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),r=,/* empty css                                                                */n=,/* empty css                                                              */a=;/* empty css                                    */;/* empty css                            */var t=,/* empty css                     */i=require("react-i18next"),o=,/* empty css                                      */d=,/* empty css                                    */s=require("dayjs"),u=,/* empty css                                                                          */c=,/* empty css                                                        */h=,/* empty css                                                                */x=,/* empty css                                                              */m=,/* empty css                                                                */v=,/* empty css                                                              */y=,/* empty css                                                    */p=,/* empty css                                                                  */f=;/* empty css                                                                */function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=/* @__PURE__ */j(l),b=/* @__PURE__ */j(s);function w({headers:s,data:j,tableHeaders:w,totalHeaders:C=[],handleSort:A,collapsLevel:q=0,isIncrese:k,enableSearch:T=!0,headerHeight:S="30px",onSelectionChange:H,enableCheckbox:_=!1,afterHeader:K,totalKey:L="total",rowHeight:I="30px"}){var B,D,R,F,E,P,N,O,Y;const[M,W]=l.useState(null),[$,z]=l.useState(null),[U,X]=l.useState(null),[G,J]=l.useState({}),{t:Q}=i.useTranslation(),[V,Z]=l.useState([]);function ee(e,l,r,n=[],a=0){if(!Array.isArray(e))return[];let t=[];return e.forEach((e,r)=>{var i,o;const d=[...n,r];(null==(i=l[a])?void 0:i.enableCheckbox)&&t.push(d);const s=a+1,u=null==(o=l[s])?void 0:o.rowKey;u&&Array.isArray(e[u])&&(t=t.concat(ee(e[u],l,0,d,s)))}),t}const le=(e,l)=>{Z(r=>l?[...r,e]:r.filter(l=>!(l.length===e.length&&l.every((l,r)=>l===e[r]))))},re=ee(Array.isArray(U)?U:null==U?void 0:U[null==(B=w[0])?void 0:B.rowKey],w),ne=re.length>0&&re.every(e=>V.some(l=>l.length===e.length&&l.every((l,r)=>l===e[r]))),ae=re.some(e=>V.some(l=>l.length===e.length&&l.every((l,r)=>l===e[r])));function te(e,l,r,n){if(null==e)return!1;const a=l.toLowerCase();return"string"==typeof r&&(r=[r]),"date"==(null==n?void 0:n.type)?b.default(e).format("DD-MM-YYYY").includes(a):"string"==typeof e?e.toLowerCase().includes(a):"object"==typeof e?Array.isArray(e)?e.some(e=>te(e,a,r,n)):r?r.some(l=>{const r=e[l];if(null!=r)return"string"==typeof r?r.toLowerCase().includes(a):te(r,a,null,n);const t=Object.keys(e).filter(l=>"object"==typeof e[l]&&null!==e[l]);return t.length>0&&t.some(l=>te(e[l],a,null,n))}):Object.values(e).some(e=>te(e,a,null,n)):String(e).toLowerCase().includes(a)}return l.useEffect(()=>{var e,l,r;let n=Array.isArray($)?$:null==$?void 0:$[null==(e=w[0])?void 0:e.rowKey];null==(l=Object.keys(G))||l.forEach(e=>{var l,r;const a=null==(r=null==(l=null==G?void 0:G[e])?void 0:l.query)?void 0:r.toLowerCase();a&&(n=null==n?void 0:n.filter(l=>{var r;return te(l,a,e,null==(r=null==G?void 0:G[e])?void 0:r.header)}))}),X(Array.isArray($)?n:{...$,[null==(r=w[0])?void 0:r.rowKey]:n})},[G,$]),l.useEffect(()=>{z(j),X(j)},[j]),l.useEffect(()=>{if(H){const e=V.filter(e=>{var l;const r=e.length-1;return null==(l=w[r])?void 0:l.enableCheckbox}).map(e=>function(e,l,r){var n,a;let t=Array.isArray(e)?e:null==e?void 0:e[null==(n=l[0])?void 0:n.rowKey],i=null;for(let o=0;o<r.length;o++){if(!t||!Array.isArray(t))return null;if(i=t[r[o]],o<r.length-1){const e=null==(a=l[o+1])?void 0:a.rowKey;t=null==i?void 0:i[e]}}return i}(U,w,e)).filter(Boolean);H(e)}},[V,U]),/* @__PURE__ */e.jsxs(u.default,{className:"dynamic-report",sx:{width:"100%",overflowX:"auto"},children:[
 /* @__PURE__ */e.jsxs(c.default,{"aria-label":"collapsible table",sx:{borderCollapse:"collapse",width:"100%"},children:[
 /* @__PURE__ */e.jsxs(h.default,{children:[
 /* @__PURE__ */e.jsxs(x.default,{children:[_&&/* @__PURE__ */e.jsx(m.default,{sx:{width:"50px",height:S,padding:"8px"},children:/* @__PURE__ */e.jsx(v.default,{checked:ne,indeterminate:!ne&&ae,onChange:e=>(e=>{var l;const r=ee(Array.isArray(U)?U:null==U?void 0:U[null==(l=w[0])?void 0:l.rowKey],w);Z(e?r:[])})(e.target.checked)})}),s.map((l,t)=>{const i=(null==l?void 0:l.enableSorting)??!0;/* @__PURE__ */
 return e.jsx(m.default,{className:"dynamic-report-header",sx:{width:`${s[t].width?s[t].width:"300px"}`,height:S},children:/* @__PURE__ */e.jsxs(y.default,{p:1,sx:{display:"flex",justifyContent:"space-between",width:"100%",height:S,alignItems:"center"},children:[
-/* @__PURE__ */e.jsxs(a.Typography,{type:"s3",weight:"medium",color:"theme.primary",children:[" ","string"==typeof(null==l?void 0:l.label)?Q(null==l?void 0:l.label):null==l?void 0:l.label]}),i&&/* @__PURE__ */e.jsx(f.default,{size:"small",children:M==l.name?/* @__PURE__ */e.jsx(n.default,{onClick:()=>{W(null),A&&A(l.name,"asc")}}):/* @__PURE__ */e.jsx(r.default,{onClick:()=>{W(l.name),A&&A(l.name,"desc")}})})]})},null==l?void 0:l.label)})]}),T&&/* @__PURE__ */e.jsxs(x.default,{children:[_&&/* @__PURE__ */e.jsx(m.default,{sx:{width:"50px",height:S,padding:"8px"}}),s.map((l,r)=>/* @__PURE__ */e.jsx(m.default,{className:"dynamic-report-header",sx:{width:`${s[r].width?s[r].width:"200px"}`},children:/* @__PURE__ */e.jsx(d.default,{handleSearch:e=>{return n=e,a=l.name,t=s[r],void J(e=>({...e,[a]:{query:n,header:t}}));var n,a,t}})},null==l?void 0:l.label))]})]}),K&&/* @__PURE__ */e.jsx(g.default.Fragment,{children:K}),U&&/* @__PURE__ */e.jsx(p.default,{children:Array.isArray(U)?null==U?void 0:U.map((l,r,n)=>/* @__PURE__ */e.jsx(t.DynamicRow,{level:0,rowPath:[r],rowData:l,tableHeaders:w,totalHeaders:C,headers:s,collapsAll:q>=r+1,collapsLevel:q,isIncrese:!!k,data:U,selectedRowPaths:V,onCheckboxChange:le,dataSlice:n,dataIndex:r,enableCheckBox:_,rowHeight:I},l.id||r)):(null==(B=w[0])?void 0:B.rowKey)&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[null==(F=U[null==(R=w[0])?void 0:R.rowKey])?void 0:F.map((l,r,n)=>/* @__PURE__ */e.jsx(t.DynamicRow,{level:0,rowPath:[r],rowData:l,tableHeaders:w,totalHeaders:C,headers:s,collapsAll:q>=r+1,collapsLevel:q,isIncrese:!!k,data:U,selectedRowPaths:V,onCheckboxChange:le,dataSlice:n,dataIndex:r,enableCheckBox:_,rowHeight:I},l.id||r)),0!=(null==U?void 0:U.length)&&0!=(null==(P=U[null==(E=w[0])?void 0:E.rowKey])?void 0:P.length)&&(null==U?void 0:U[L||"total"])?/* @__PURE__ */e.jsxs(x.default,{sx:{backgroundColor:(null==(N=null==C?void 0:C[0])?void 0:N.bgColor)||"#FAFAFA"},children:[_&&/* @__PURE__ */e.jsx(m.default,{sx:{width:"50px",padding:"8px"}}),null==C?void 0:C.map((l,r)=>{var n;if(l.joinWithLeft)return null;const t=-1==C.slice(r).findIndex(e=>!e.joinWithLeft&&e!==l)?null==(n=C.slice(r))?void 0:n.length:C.slice(r).findIndex(e=>!e.joinWithLeft&&e!==l),i=l.mergeCells?t||1:l.mergeCells?2:1;/* @__PURE__ */
+/* @__PURE__ */e.jsxs(a.Typography,{type:"s3",weight:"medium",color:"theme.primary",children:[" ","string"==typeof(null==l?void 0:l.label)?Q(null==l?void 0:l.label):null==l?void 0:l.label]}),i&&/* @__PURE__ */e.jsx(p.default,{size:"small",children:M==l.name?/* @__PURE__ */e.jsx(n.default,{onClick:()=>{W(null),A&&A(l.name,"asc")}}):/* @__PURE__ */e.jsx(r.default,{onClick:()=>{W(l.name),A&&A(l.name,"desc")}})})]})},null==l?void 0:l.label)})]}),T&&/* @__PURE__ */e.jsxs(x.default,{children:[_&&/* @__PURE__ */e.jsx(m.default,{sx:{width:"50px",height:S,padding:"8px"}}),s.map((l,r)=>/* @__PURE__ */e.jsx(m.default,{className:"dynamic-report-header",sx:{width:`${s[r].width?s[r].width:"200px"}`},children:/* @__PURE__ */e.jsx(d.SearchBar,{handleSearch:e=>{return n=e,a=l.name,t=s[r],void J(e=>({...e,[a]:{query:n,header:t}}));var n,a,t}})},null==l?void 0:l.label))]})]}),K&&/* @__PURE__ */e.jsx(g.default.Fragment,{children:K}),U&&/* @__PURE__ */e.jsx(f.default,{children:Array.isArray(U)?null==U?void 0:U.map((l,r,n)=>/* @__PURE__ */e.jsx(t.DynamicRow,{level:0,rowPath:[r],rowData:l,tableHeaders:w,totalHeaders:C,headers:s,collapsAll:q>=r+1,collapsLevel:q,isIncrese:!!k,data:U,selectedRowPaths:V,onCheckboxChange:le,dataSlice:n,dataIndex:r,enableCheckBox:_,rowHeight:I},l.id||r)):(null==(D=w[0])?void 0:D.rowKey)&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[null==(F=U[null==(R=w[0])?void 0:R.rowKey])?void 0:F.map((l,r,n)=>/* @__PURE__ */e.jsx(t.DynamicRow,{level:0,rowPath:[r],rowData:l,tableHeaders:w,totalHeaders:C,headers:s,collapsAll:q>=r+1,collapsLevel:q,isIncrese:!!k,data:U,selectedRowPaths:V,onCheckboxChange:le,dataSlice:n,dataIndex:r,enableCheckBox:_,rowHeight:I},l.id||r)),0!=(null==U?void 0:U.length)&&0!=(null==(P=U[null==(E=w[0])?void 0:E.rowKey])?void 0:P.length)&&(null==U?void 0:U[L||"total"])?/* @__PURE__ */e.jsxs(x.default,{sx:{backgroundColor:(null==(N=null==C?void 0:C[0])?void 0:N.bgColor)||"#FAFAFA"},children:[_&&/* @__PURE__ */e.jsx(m.default,{sx:{width:"50px",padding:"8px"}}),null==C?void 0:C.map((l,r)=>{var n;if(l.joinWithLeft)return null;const t=-1==C.slice(r).findIndex(e=>!e.joinWithLeft&&e!==l)?null==(n=C.slice(r))?void 0:n.length:C.slice(r).findIndex(e=>!e.joinWithLeft&&e!==l),i=l.mergeCells?t||1:l.mergeCells?2:1;/* @__PURE__ */
 return e.jsx(m.default,{className:"dynamic-report-row",colSpan:i,sx:{paddingLeft:"8px"},children:/* @__PURE__ */e.jsx(y.default,{sx:{display:"flex",alignItems:"center",justifyContent:`${(null==l?void 0:l.position)?null==l?void 0:l.position:"start"}`,width:"100%"},children:(null==l?void 0:l.render)?l.render(null==U?void 0:U[L][l.name],U):/* @__PURE__ */e.jsx(a.Typography,{type:"s4",weight:"bold",color:"theme.neutral.1000",children:(o=null==U?void 0:U[L],d=null==l?void 0:l.name,""==d?"":d.split(".").reduce((e,l)=>e&&void 0!==e[l]?e[l]:void 0,o)||("0"==d.split(".").reduce((e,l)=>e&&void 0!==e[l]?e[l]:void 0,o)?"0":"-"))})})},r);var o,d})]}):/* @__PURE__ */e.jsx(e.Fragment,{})]})})]}),(0===(null==j?void 0:j.length)||0===(null==(Y=null==j?void 0:j[null==(O=w[0])?void 0:O.rowKey])?void 0:Y.length))&&o.renderEmptyRowsFallback(Q("common.noData"))]})}exports.ReportTable=w,exports.default=w;
 //# sourceMappingURL=index.js.map